genesys-spark-components 4.37.0 → 4.39.0

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

@@ -36,7 +36,7 @@ const GuxMenuOption = class {
         }
     }
     render() {
-        return (index.h("button", { key: 'acf52d28ed9e01b5c82b0bce75db4dd65a196f4f', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: '1ad606f9356214e9bb85a61d2838b90da8becd61', class: "gux-menu-option-button-text" }, index.h("slot", { key: '2eb72e2b68ca3ed76b37d39887a5133fc0d5de9f' }))));
+        return (index.h("button", { key: 'f7ed1ef17c2f8e76fb9e97b3f1be4bc52ce4e498', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: '68e2322bcce7de4e8ec83e26228a187896a9847b', class: "gux-menu-option-button-text" }, index.h("slot", { key: '405e4f3454739bf7fa790c5c31ffad32bae438e9' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -12,7 +12,7 @@ const GuxMenu = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '366027e68a0987d48b2a98a0af6dc800c59ec1c6', role: "menu" }, index.h("slot", { key: 'f84ff79a19fdbafd77493591681e18a4a712afa9' })));
+        return (index.h(index.Host, { key: 'caf1aa99644b71f9854d7f10b4057fda34bbea4c', role: "menu" }, index.h("slot", { key: 'ffe33eeca3614fbae5f9b5b9d2a81c4d641c0b64' })));
     }
 };
 GuxMenu.style = GuxMenuStyle0;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-208820ba.js');
 
 const guxModalLegacyCss = "::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}slot[name=left-align-buttons]::slotted(:not(button,gux-button)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host .gux-modal{position:fixed;inset:0;z-index:var(--gse-semantic-zIndex-modal);display:flex;align-items:center;justify-content:center;color:#2e394c;background:var(--gse-ui-modal-shroudColor)}:host .gux-modal .gux-modal-container{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:var(--gse-ui-modal-padding);background:var(--gse-ui-modal-backgroundColor);border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host .gux-modal .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);letter-spacing:var(--gse-ui-modal-heading-letterSpacing);font-family:var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-xl-fontSize);line-height:var(--gse-core-typography-heading-xl-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";
 const GuxModalLegacyStyle0 = guxModalLegacyCss;
@@ -46,10 +46,10 @@ const GuxModalLegacy = class {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("div", { key: 'bf5aa99c17196583643a091cadc4ac61af4e95d5', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'd13021f74577d221681404037749b2fa11a49f7c', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { class: "gux-modal-header", id: titleID }, index.h("slot", { name: "title" }))), index.h("gux-dismiss-button", { key: 'cfa6569a483402546a6c02d82eb299532eeda09c', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: 'ffcb7df17b6096b63cf4c7f7a54a363ea9e3822a', class: {
+        return (index.h("div", { key: 'b4d794e9ca48d02f971b9021444102fb050b09a3', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '36c9c138eea049529baa001a43027630b5b5822d', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { class: "gux-modal-header", id: titleID }, index.h("slot", { name: "title" }))), index.h("gux-dismiss-button", { key: '29a8c5718c8645337d912aade0006a0705f9eac4', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: '540e1b08dd6f0bc473c397cbd372cdbfac6e3705', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, index.h("p", { key: '8abb233f4af9528d456bcaa50884f426f274c14b' }, index.h("slot", { key: 'a5a7e272a776c515e6719cd45d6473ebea19b970', name: "content" }))), hasFooterButtons && (index.h("div", { class: "gux-button-footer" }, index.h("div", { class: "gux-left-align-buttons" }, index.h("slot", { name: "left-align-buttons" })), index.h("div", { class: "gux-right-align-buttons" }, index.h("slot", { name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, index.h("p", { key: '67ad5e765c02b06a62bd3c0342a5bda314bc1ca6' }, index.h("slot", { key: 'df01a76583c1e815d47fa599254726a4f3b7ec9d', name: "content" }))), hasFooterButtons && (index.h("div", { class: "gux-button-footer" }, index.h("div", { class: "gux-left-align-buttons" }, index.h("slot", { name: "left-align-buttons" })), index.h("div", { class: "gux-right-align-buttons" }, index.h("slot", { name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
     }
     // When trap-focus is enabled, focusing this element
     // will immediately redirect focus back to the dismiss button at the top of the modal.

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-208820ba.js');
 
 const guxModalCss = "::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}slot[name=start-align-buttons]::slotted(:not(button,gux-button-slot)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host dialog{box-sizing:border-box;justify-content:space-between;padding:0;border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host dialog::backdrop{background:rgba(77, 97, 130, 0.8)}:host dialog .gux-modal-container{display:flex;flex-direction:column;padding-top:var(--gse-ui-modal-padding);padding-bottom:var(--gse-ui-modal-padding)}:host dialog .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host dialog .gux-modal-container .gux-modal-header{padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);letter-spacing:var(--gse-ui-modal-heading-letterSpacing);font-family:var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-xl-fontSize);line-height:var(--gse-core-typography-heading-xl-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}:host dialog .gux-modal-container .gux-modal-content{max-height:432px;padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host dialog .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding)}@media (max-width: 416px){:host dialog .gux-modal-container.gux-small,:host dialog .gux-modal-container.gux-medium,:host dialog .gux-modal-container.gux-large{width:100%;height:100%}}";
 const GuxModalStyle0 = guxModalCss;
@@ -67,10 +67,10 @@ const GuxModal = class {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: '339a7dce94e978b46f27881d74ed0876fff04f0f', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '35d37da100a63e776d7ab595de8805ac2e23d4b2', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '8d87f41cf7f94848a5dc4985aa76b5f354292136', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: 'aab96123495a762961cd9f88d29f24890e7e3b7c', class: {
+        return (index.h("dialog", { key: '7287b8c236e2fd0ae844c169215cc6311793191a', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '63f2610208547daf263eb5e1e61d8c7231c060e4', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: 'ed641e1c94d3d578b171cf1dbd65ff48001f7e20', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: '0edb6b2f74844fc9eb05774d6b2457151a61f30f', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, index.h("p", { key: 'bdd46e0ebf5c9ef9185b27c75c650ac2f2a7cc96' }, index.h("slot", { key: '9274c2fb419ab8f49f9fe418182d3ab3f3b0b34b', name: "content" }))), hasFooterButtons && this.renderButtonFooter())));
+            } }, index.h("p", { key: 'bc069ef7ca9a7213f675023e3b763d673a8ead47' }, index.h("slot", { key: '5bc4819894daa921e2c88af198d404a655cc7190', name: "content" }))), hasFooterButtons && this.renderButtonFooter())));
     }
     renderTitle(titleID) {
         return (index.h("h1", { class: "gux-modal-header", id: titleID }, index.h("slot", { name: "title" })));

package/dist/cjs/gux-month-calendar.cjs.entry.js

@@ -121,10 +121,10 @@ const GuxMonthCalendar = class {
         this.monthListElement.focus();
     }
     renderHeader() {
-        return (index.h("div", { class: "gux-year-header" }, index.h("button", { type: "button", class: "gux-year-change", onClick: () => this.changeYear(-1), disabled: this.isPreviousYearLessThanMinYear(this.year, this.min), ref: (el) => (this.previousYearElement = el) }, index.h("gux-icon", { "icon-name": "chevron-small-left", "screenreader-text": this.i18n('changeYear', {
+        return (index.h("div", { class: "gux-year-header" }, index.h("button", { type: "button", class: "gux-year-change", onClick: () => this.changeYear(-1), disabled: this.isPreviousYearLessThanMinYear(this.year, this.min), ref: (el) => (this.previousYearElement = el) }, index.h("gux-icon", { "icon-name": "custom/chevron-left-small-regular", "screenreader-text": this.i18n('changeYear', {
                 currentYear: parseInt(this.year),
                 changeYear: parseInt(this.year) - 1
-            }) })), index.h("div", null, this.getYearLabel(this.year)), index.h("button", { type: "button", class: "gux-year-change", onClick: () => this.changeYear(1), disabled: this.isNextYearGreaterThanMaxYear(this.year, this.max), ref: (el) => (this.nextYearElement = el) }, index.h("gux-icon", { "icon-name": "chevron-small-right", "screenreader-text": this.i18n('changeYear', {
+            }) })), index.h("div", null, this.getYearLabel(this.year)), index.h("button", { type: "button", class: "gux-year-change", onClick: () => this.changeYear(1), disabled: this.isNextYearGreaterThanMaxYear(this.year, this.max), ref: (el) => (this.nextYearElement = el) }, index.h("gux-icon", { "icon-name": "custom/chevron-right-small-regular", "screenreader-text": this.i18n('changeYear', {
                 currentYear: parseInt(this.year),
                 changeYear: parseInt(this.year) + 1
             }) }))));
@@ -140,7 +140,7 @@ const GuxMonthCalendar = class {
         return (index.h("span", { onFocus: () => this.doFocusTrap(), tabindex: "0" }));
     }
     render() {
-        return (index.h("div", { key: '8a7dfc5ae27c1259e18cc9068247893d5f9de3e8', class: "gux-month-calendar" }, this.renderHeader(), this.renderMonths(), this.renderTrapFocusEl()));
+        return (index.h("div", { key: 'a2ec84632e69c6e7005796a8ff6edb5fd1ba4b7f', class: "gux-month-calendar" }, this.renderHeader(), this.renderMonths(), this.renderTrapFocusEl()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-month-list_2.cjs.entry.js

@@ -47,7 +47,7 @@ const GuxMonthList = class {
         guxList_service.first(this.root, validFocusableItems);
     }
     render() {
-        return (index.h(index.Host, { key: '147bb32f8c74fbe3541c516b546d3445537a4130', role: "list" }, index.h("slot", { key: '98919214c3f0cd9649d2f936b6b87d801f0b71be' })));
+        return (index.h(index.Host, { key: '3a21309c58f73ea7bfdac59a945a4a107d938219', role: "list" }, index.h("slot", { key: '0e9d862171ce091b513b72e8f6aa81d6e0ba9d7a' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }
@@ -78,7 +78,7 @@ const GuxMonthListItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '1b11ecf35e494fa8302d3810b04d4b100a9bce37', role: "listitem", value: this.value }, index.h("div", { key: '5fc08521ca860aeeaf42010ce21dcc8ae50da5fd', class: "gux-container" }, index.h("button", { key: 'e6d138f95ab92cb8e1d55414da9323d7d8aa8f55', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '6cbc61ab3709e030469581f693ac0e57bc800710' })))));
+        return (index.h(index.Host, { key: '1318dfd3ecd31ec2d792b7f0aaa04af6e2d2588a', role: "listitem", value: this.value }, index.h("div", { key: 'ac39e1e4a73a946a4b06392c6d11ec88a3545228', class: "gux-container" }, index.h("button", { key: '9b1c74b547c78b50ec88e42398f617c3f3b6aeaf', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '35a3642488917660657784d2a38406a88ae6997f' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-208820ba.js');
 const onClickOutside = require('./on-click-outside-f7acdd1d.js');
 const index$1 = require('./index-a1a48d79.js');
 const useRegionalDates = require('./use-regional-dates-7be0e7b5.js');
@@ -203,7 +203,7 @@ const GuxMonthPicker = class {
         return (index.h("button", { class: {
                 'gux-popup-toggle': true,
                 'gux-expanded': this.expanded
-            }, ref: (el) => (this.calendarToggleButtonElement = el), type: "button", onClick: () => this.toggleCalendar(), disabled: this.disabled }, index.h("gux-icon", { "icon-name": "calendar", "screenreader-text": this.i18n('toggleCalendar') })));
+            }, ref: (el) => (this.calendarToggleButtonElement = el), type: "button", onClick: () => this.toggleCalendar(), disabled: this.disabled }, index.h("gux-icon", { "icon-name": "fa/calendar-regular", "screenreader-text": this.i18n('toggleCalendar') })));
     }
     renderTarget() {
         return (index.h("div", { class: "gux-target", slot: "target" }, this.renderSpinnerButtons(), this.renderCalendarToggleButton()));
@@ -212,7 +212,7 @@ const GuxMonthPicker = class {
         return (index.h("gux-month-calendar", { slot: "popup", ref: (el) => (this.monthCalendarElement = el), onInput: () => this.onMonthCalendarInput(), value: this.value, min: this.min, max: this.max }));
     }
     render() {
-        return (index.h("gux-popup", { key: '492a16fac791b598113f43953d9235e2b0b58ecd', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: '2ebbd58561728576b2c322260ebfeb16d4464e8b', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-208820ba.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-core-typography-heading-sm-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-sm-fontSize);line-height:var(--gse-core-typography-heading-sm-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}";
 const GuxNotificationToastLegacyStyle0 = guxNotificationToastCss;
@@ -18,7 +18,7 @@ const GuxNotificationToast = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h(index.Host, { key: '95f0699e6fa45841e5d1c9cbf93469776739706b' }, index.h("div", { key: '40f8dc61690012e3d0f9332c259b33229da0b978', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '046d5e3ca767cd3169ac5d467c881f6440c1cf24', name: "icon" })), index.h("div", { key: '7e92e95c11ee47b97867e79bf2071ff094eb7896', class: "gux-content" }, index.h("gux-truncate", { key: 'c2f72cd81ce25da5254689c83f80f3c8115de6bb', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '70d07f64b0bebb2e3b52e6710862897e702edfdb', name: "title" })), index.h("gux-truncate", { key: 'e6abb2d9a7ef823549b144590382c426097d9b1f', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '2d7941c85956f06d7d039f9b40a0caf8f6f0b6d5', name: "message" }))), index.h("gux-dismiss-button", { key: 'd994890293510eac8732ca3ee85cbc21c110d434', onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: 'd7a803979fb4928426771dc56f5b391ed104be1b' }, index.h("div", { key: 'dfb95927b087dc9072a27ff61295167e930fb2ba', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '060bdf80b7ef76e0806a4b7edd78d9e88c8731e2', name: "icon" })), index.h("div", { key: '98343cfe55e081b3ac659fd4cad0a39018db7aa0', class: "gux-content" }, index.h("gux-truncate", { key: 'f8580c9c7d1267122d27d08c896397b7a2db6bd9', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '53d5b7655343c330d98d5a96b03571e3edf73b83', name: "title" })), index.h("gux-truncate", { key: '9eb6e29cce6cc5d950decac114acf50db88cbafb', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '5b9e99ba08073b781d616024f8d3294483c02da1', name: "message" }))), index.h("gux-dismiss-button", { key: 'eb2ee932ad1911a7349526d0d5374d2eb2b14c71', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -54,7 +54,7 @@ const GuxOptionGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '80e3b78b7304ab76c89919ac21853c6930caf377', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: 'f390e32e051aa6ebd10fa65a57ab6348170f5ed9', class: "gux-option-group" }, index.h("div", { key: '6c2105e7869a36052638b5c4c759ce11435c7d5f', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '78d9111a42abcf382fa49dc2b514e3a799698e04', role: "group" }, index.h("slot", { key: 'fe763743c07885e2b7dbb8193dde8825fd06d239' })), this.renderDivider())));
+        return (index.h(index.Host, { key: '906d2423640361cf8100aaab29e85336f06d2e5c', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '8c3a03179d2c9923058a9a6313f85289a3b7db97', class: "gux-option-group" }, index.h("div", { key: 'af6224706fec9bb94c2f86eb4844a3f428281c7b', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '0a38f4370a03497c524960bc49751971c44d30fd', role: "group" }, index.h("slot", { key: 'e0101bcb0d957321109e0b4d4605ae456c06d5dd' })), this.renderDivider())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -58,14 +58,14 @@ const GuxOptionIcon = class {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (index.h(index.Host, { key: 'acbbb1e96d5b4bef38aaaccdafc48a3d81fc2d30', role: "option", class: {
+        return (index.h(index.Host, { key: 'a86aa2697b351d9aa4d2abe7d5933554338757b9', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 '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: '64537677cf89e18b5868801ecc3dca4102e88440', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), index.h("div", { key: '61c20dde56bdf80678e718b06e3431bbb82bba16', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '6f5788a2e30d0bf83a70e660e60f646479c176d8', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '79b4084bd61bb03801bc06c69a3622e348bd87bd' })), index.h("slot", { key: '718edf6a7de8ea2789a53ef09c58f7837248cb24', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("gux-icon", { key: '64167f2bd088c53469128a58fd8b8e671d90c337', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), index.h("div", { key: 'ec57363a8d68937dfe14bd57e2deeefffca1b4fd', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '5c414cb80fff1c53c39c383b68dba5901dba446e', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'a816c429d83ec49934911699453abc619895a11c' })), index.h("slot", { key: '0ee2a4d58440830b741662b3566dc5d740abff06', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -66,13 +66,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '6c95d52670bd783817c3856dd77f1ab8d1286afc', role: "option", class: {
+        return (index.h(index.Host, { key: 'ad48f3760d6024b4dc7b9a44ef3ac6a01905a0c1', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 '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: 'a72e7c9210835acba4b64a307f1122cfdc0a1d1c', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'c86b9fda967bd571d52b4fc69b62940902211ecf', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'e2434f46f4a6c6f37d6f88a2235d449fe63935f8' })), index.h("slot", { key: '30e47297dfe421f510a604ac457e6cba71fba681', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("div", { key: 'f2b0fcaa4c1fab636dad83d73a339f4b273b803a', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '376e881035146ee7e061de2143c3784c386752bd', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '11720a7b53179026f98622df4e6f50de65189f5d' })), index.h("slot", { key: 'f34efc2b992dc8fb58750522dd71d5e29984486d', 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-7fb02c8c.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-208820ba.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: '385ea6efe57d638a7a82273a3c58f162a9e8ab73', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (index.h("gux-radial-loading", { key: '3be3874bae6376afc310e18310e7666c4eb80d47', 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: '65f5df113fcff5352c78aae19e64e1cf3aa0529d', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '342290ddf38c6ff15c96ceee1bf85856c39d1b33', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'df7a7a8f79872afc4b07bb770b17cbca146ed8ca', accent: "ghost" }, index.h("button", { key: '405bda85171a8954521414f02705e7be01f8346c', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '6af6ef74821a2328799c8da454d7fcbd717e71f9', decorative: true, "icon-name": "chevron-double-left" }))), index.h("gux-button-slot", { key: '8638a3c1fff12fd027ff9257c429784a62dbfe89', accent: "ghost" }, index.h("button", { key: '079e9784e585a182c73b7f08e65a8709db4403cb', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '1d12b4830af8429f39b7a331a5d585255f9fdf02', decorative: true, "icon-name": "chevron-small-left" })))), this.getPagePicker(this.layout), index.h("div", { key: 'c3ee4d1d35a8c4f097bf744f3471ee79d01fdf71', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'f2cdc9899f705c318927c2c1f3e58f35716bea2a', accent: "ghost" }, index.h("button", { key: 'b51edb7cb1a86dbc7b6d4740a9cef5cf45df97f4', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '5495c3f4f6247b6c05e89909956dfd38a28aed06', decorative: true, "icon-name": "chevron-small-right" }))), index.h("gux-button-slot", { key: 'd29e779b6180d2a48fc56e0996c67c1630672ee5', accent: "ghost" }, index.h("button", { key: '11ce9c30b2f4b25af5a392864df4bc8509a43a54', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '2eea5b1f7b945763fb442c577c6e40d5d2bbf6be', decorative: true, "icon-name": "chevron-double-right" }))))));
+        return (index.h("div", { key: 'ed134f1cf5751572cda7d79e5c572f9a6d42320a', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'ca98777587f3a5906add06ec1a113a4fe47d274c', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '3fc27c8b14cea8acddb2248e03854b41caf48662', accent: "ghost" }, index.h("button", { key: '7c4f5c44c1f5cf23f2ababaaa79e11254a4aae7e', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'fc31d515f6bbcf235a85e39dba8772bfa31460ba', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'c70f4195599cfcf12c8a303d61fb7f06233356bf', accent: "ghost" }, index.h("button", { key: '92bf5a49a613b5c1cb909bbf28a56fd3d90b609d', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '6f576c2311d1f28c7ef8a49c9836b522faf5d332', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: '0c5b43597369be0a015cfea771a657dd0a19407c', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '5b5728790e6ce6735f28cb4d58b654e1e25e4133', accent: "ghost" }, index.h("button", { key: '5cb7488a05fcbb884c674b5c3cf4657a2314a1cc', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'c73218621db589541dd5421dd8ec4c9ad751a266', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: 'dd51d7362f58414f8d66bbfd3598fbb61b5f57da', accent: "ghost" }, index.h("button", { key: '9843586eb375cb6b3b8fd4a51c47c97f0d57b567', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '4badda0af60bc9e766c057b07b8743250f0d6847', 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: '476ed762cb8b6a4b17cf1c25d358e57ac7e0e086', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'dff28dbb1df977ca0064f5ac7ba7bf9f4814b040', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: 'dbc67ac8f594f5201ab428f8798aea60133ab83f', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '719d869de8af001347d1911f938530aff159ec5c', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: '52d1d6453d903c85ba44aa39dddc2b7a534cfb75' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), index.h("span", { key: '67bcebca12f251a2b52aacec0e649339bc76ad9f' }, 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: '97ddfc030e9feb9a045e82b8273f1bb53eda4d3e', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '45852579787a3236094372cbe3f48b1ace391fcd', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '31d162be583a31d2b2c4859ee37f91ff2be8b69a', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: '8d3ff776e66f4acbc8da64b82d23918251713d05', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: 'd19760f221717d18f36d10241a020f6bcb4d9f2e', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'f45143503cde31a00fda0b9c812c6fceb90de599', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -204,7 +204,7 @@ const GuxPaginationButtons = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.translationResources);
     }
     render() {
-        return (index.h("div", { key: '6e4afb7fc14787ecdc79fee18a11f33522886802', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'd050d4e50a9531ab55e2067aa06ddec1b305a9e2', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'b24534e2552dde379d3efba4483f3d27c6670218', accent: "ghost" }, index.h("button", { key: '423c29fdff283d30ef6147f326758ee7c93fb31a', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '91d680cabf0637e05e9f53ef945026ab83f5d401', decorative: true, "icon-name": "chevron-double-left" }))), index.h("gux-button-slot", { key: '809cdd3d26fbef0bbcf00fcb62d324999518f7ad', accent: "ghost" }, index.h("button", { key: 'f81c35bb35504fbdcb5ad732bc65a5b883adb671', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '929c16eff835e71aef52465085ba5174f570b5d2', decorative: true, "icon-name": "chevron-small-left" })))), this.getPageNavigation(), index.h("div", { key: '2b0122a438f73619695dda4fae1da2a5b789ab41', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '97a4c599558c291ed09a3facad08e074246f3e01', accent: "ghost" }, index.h("button", { key: '7c98b8c8fc5c5b5ddc959ec6b55f697ef9221276', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'e4ada201de18762eca8534ce385a6023992c5793', decorative: true, "icon-name": "chevron-small-right" }))), index.h("gux-button-slot", { key: 'cc8c86bd7132c50c43702ec82a20b6cd810abe3a', accent: "ghost" }, index.h("button", { key: 'c4e27b094bc768bb8413393c805cd876e3d7a322', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '8baa968a3d476e0aaa2a2e1c2a220fe9ecb1d6ef', decorative: true, "icon-name": "chevron-double-right" }))))));
+        return (index.h("div", { key: 'd4594d1c2e584baf9974daf3d39291edd3749aef', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '064e1e7d8f7d004784c6bac3a07a70b61651da61', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'ce6b24d73d5cd944140d92f73aa83cbfc962d25f', accent: "ghost" }, index.h("button", { key: 'a3339b92f2929f107005e6d1f1b482033cb23682', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '0f76c160716be44ad3f1589396b9a0f0e9fcd900', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'bc20fa6610e2d4a0280eb3db974addb853889159', accent: "ghost" }, index.h("button", { key: 'ad037e8b2e006ed8f777b4a3c58e42d8a445f323', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: 'bcf36dc8271cbe9a5a7b3f92db7ad1cbd5390145', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: '9023a7b60da313aa3a6907e1597833dee55d2b02', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '8f3db6714f558f13adc27af77a8f6f8466c6ba1c', accent: "ghost" }, index.h("button", { key: '0cc4ec6d03f3a2abf347bb0f26f72cfcc099b890', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'e77f5188351363b18d02f0ea194bae3ec963e512', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '1c9b5d73f376782215f004a9aff0eb9a74129fda', accent: "ghost" }, index.h("button", { key: 'e90e81a3892d30aa2d70a23710b11dac2a61f619', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '1d0baa7087344f98ea4aad68cd10b538478e1e7b', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return index.getElement(this); }
 };
@@ -248,7 +248,7 @@ const GuxPaginationItemCounts = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'ee9d0a4bbe433a495f8f1e5ac80b73365f2a1b87', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '7ec24cfcd96d14519266aea89a7a2b3e88b3b599', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: 'ba46918ac86906781491a097996b88d9b67564a9', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '15f50119c6db5b35e4b9669dbf130847a6d8eba4', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
         })), this.getPaginationItemCountsRange()));

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-208820ba.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -42,12 +42,12 @@ const GuxPaginationCursor = class {
     }
     renderSimpleLayout() {
         return [
-            index.h("div", { role: "navigation", class: "gux-pagination-button-container" }, index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { class: "gux-simple-button", type: "button", disabled: !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, index.h("gux-icon", { iconName: "chevron-small-left", "screenreader-text": this.i18n('previous') }))), index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { class: "gux-simple-button", type: "button", disabled: !this.hasNext, onClick: () => this.onButtonClick('next') }, index.h("gux-icon", { iconName: "chevron-small-right", "screenreader-text": this.i18n('next') }))))
+            index.h("div", { role: "navigation", class: "gux-pagination-button-container" }, index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { class: "gux-simple-button", type: "button", disabled: !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, index.h("gux-icon", { iconName: "custom/chevron-left-small-regular", "screenreader-text": this.i18n('previous') }))), index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { class: "gux-simple-button", type: "button", disabled: !this.hasNext, onClick: () => this.onButtonClick('next') }, index.h("gux-icon", { iconName: "custom/chevron-right-small-regular", "screenreader-text": this.i18n('next') }))))
         ];
     }
     renderAdvancedLayout() {
         return [
-            index.h("div", { role: "navigation", class: "gux-pagination-button-container" }, index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { type: "button", disabled: !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, index.h("div", { class: "gux-button-align-content" }, index.h("gux-icon", { decorative: true, iconName: "chevron-small-left" }), index.h("span", null, this.i18n('previous'))))), index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { type: "button", disabled: !this.hasNext, onClick: () => this.onButtonClick('next') }, index.h("div", { class: "gux-button-align-content" }, index.h("span", null, this.i18n('next')), index.h("gux-icon", { decorative: true, iconName: "chevron-small-right" }))))),
+            index.h("div", { role: "navigation", class: "gux-pagination-button-container" }, index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { type: "button", disabled: !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, index.h("div", { class: "gux-button-align-content" }, index.h("gux-icon", { decorative: true, iconName: "custom/chevron-left-small-regular" }), index.h("span", null, this.i18n('previous'))))), index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { type: "button", disabled: !this.hasNext, onClick: () => this.onButtonClick('next') }, index.h("div", { class: "gux-button-align-content" }, index.h("span", null, this.i18n('next')), index.h("gux-icon", { decorative: true, iconName: "custom/chevron-right-small-regular" }))))),
             this.renderItemsPerPage()
         ];
     }

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

@@ -38,7 +38,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: '2105763eb78b005dbb847626bb4f126f52cf742a', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: 'de5a87fb380f4a775b346aa592f7a93501a0426b', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '40039c4e84e5e50f005decc4ac96bda16d8eea41', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: 'dcb682d1223cfeb51f384a5b771cef301cf33f66', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: 'ad5d701f9915481bf3b4ff37447252d3d009b47c', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'b954a0a6e1ce34adf6323e63470f81f04d9db9ed', 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-7fb02c8c.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-208820ba.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: 'd4285771fdf06b8c7713fed2369cd1e53d2c07be', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: '339063e1ff388686b30d024c94f85850cb6031f1', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: 'bdb7fd89985d8e8a6fd22d1596a3fb006bab9c81', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: '654d8b6445ec7f27e3339a10cd3f74d8224da2c4', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: 'ccbc94f4667addf83eb2b2b1a0e087e811a8dcdd', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: '632c3fe1d662df021ad61361d68c7803aba41246', 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-7fb02c8c.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-208820ba.js');
 
 const guxPaginationCss = ":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:0 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-start;align-items:center;align-self:auto;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-spacer{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";
 const GuxPaginationStyle0 = guxPaginationCss;
@@ -93,7 +93,7 @@ const GuxPagination = class {
         }, 500);
     }
     render() {
-        return (index.h("div", { key: '9498de89d479091d7c528422d9401b02b7142d84', class: "gux-pagination-container" }, index.h("div", { key: 'd0474d5c38369580a50e990b1ae0ad8b3e22cc83', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: '8efb699b339945caabfed3d5adcb196858ca4e60', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: '6e97ed0fc483caea26fa300f27c8c4e920a24d18', class: "gux-pagination-spacer" }), index.h("div", { key: 'ff371cdce264e6b336cfd99147c9b8182d351f4b', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '45eff5a2e14ee5643625bd300cc246b44b428e80', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: 'e14b2ccd56ac704f238315638d55e48ac807f593', class: "gux-pagination-container" }, index.h("div", { key: '4be400c70c01fdaec26cfa8c44abd8df73ca7276', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: '4d8cc53aef246a89259bac89e06b2e4d50f73e5f', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: '59c743f2f614550f0899db321f868e3fbf9805a5', class: "gux-pagination-spacer" }), index.h("div", { key: '4a81c87b148dfab2c9961459dd094559807a08e6', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: 'd91ec3c78339225287d6d4e2ad62a4932b4f86a1', 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-7fb02c8c.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-208820ba.js');
 const index$1 = require('./index-a1a48d79.js');
 const onClickOutside = require('./on-click-outside-f7acdd1d.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');
@@ -2288,7 +2288,7 @@ const GuxPhoneInput = class {
     }
     renderExpandIcon() {
         if (!this.disabled) {
-            return (index.h("gux-icon", { class: "gux-expand-icon", iconName: "chevron-small-down", decorative: true }));
+            return (index.h("gux-icon", { class: "gux-expand-icon", iconName: "custom/chevron-down-small-regular", decorative: true }));
         }
     }
     renderCountryButton() {
@@ -2300,7 +2300,7 @@ const GuxPhoneInput = class {
     }
     renderButtonDisplay() {
         var _a, _b;
-        return (index.h("div", { class: "gux-selected-option" }, this.region ? (index.h("gux-flag-icon-beta", { flag: (_a = this.region) === null || _a === void 0 ? void 0 : _a.alpha2Code, "screenreader-text": this.i18n((_b = this.region) === null || _b === void 0 ? void 0 : _b.alpha2Code) })) : (index.h("gux-icon", { "icon-name": "globe", "screenreader-text": this.i18n('unknownRegion') }))));
+        return (index.h("div", { class: "gux-selected-option" }, this.region ? (index.h("gux-flag-icon-beta", { flag: (_a = this.region) === null || _a === void 0 ? void 0 : _a.alpha2Code, "screenreader-text": this.i18n((_b = this.region) === null || _b === void 0 ? void 0 : _b.alpha2Code) })) : (index.h("gux-icon", { "icon-name": "fa/earth-africa-regular", "screenreader-text": this.i18n('unknownRegion') }))));
     }
     renderInput() {
         var _a;
@@ -2317,14 +2317,14 @@ const GuxPhoneInput = class {
     }
     getRegionOptions() {
         return [
-            (index.h("gux-option", { value: "" }, index.h("span", { class: "gux-option-content" }, index.h("gux-icon", { "icon-name": "globe", decorative: true }), index.h("span", null, this.i18n('unknownRegion'), ' ', index.h("span", { class: "gux-country-code" }, "(+)")))))
+            (index.h("gux-option", { value: "" }, index.h("span", { class: "gux-option-content" }, index.h("gux-icon", { "icon-name": "fa/earth-africa-regular", decorative: true }), index.h("span", null, this.i18n('unknownRegion'), ' ', index.h("span", { class: "gux-country-code" }, "(+)")))))
         ].concat(this.regionObjects.map(region => (index.h("gux-option", { value: region.alpha2Code }, index.h("span", { class: "gux-option-content" }, index.h("gux-flag-icon-beta", { flag: region.alpha2Code }), index.h("span", null, region.name, ' ', index.h("span", { class: "gux-country-code" }, "(", region.dialCode, ")")))))));
     }
     renderPopup() {
         return (index.h("div", { slot: "popup", class: "gux-listbox-container" }, index.h("gux-listbox", { "aria-label": this.i18n('regionDropdown'), value: this.region ? this.region.alpha2Code : '' }, this.regionOptions)));
     }
     render() {
-        return (index.h("gux-popup", { key: '7e2dc1b8626e2f1a2afabc128d44fa7e6858679c', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: 'b294342bee9d5a6843ed245f080fa05e8d357e1c', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-f8b4cd90.js');
 const onClickOutside = require('./on-click-outside-f7acdd1d.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-208820ba.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 
 const guxPopoverListCss = ".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:8px 0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";
@@ -33,6 +33,7 @@ const GuxPopoverList = class {
     }
     onKeyDown(event) {
         switch (event.key) {
+            case 'Tab':
             case 'Escape':
                 this.dismiss();
                 break;
@@ -132,10 +133,10 @@ const GuxPopoverList = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'f5b4e19889b421bbf0380179b433ca4730e582c9', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '181cd2df6bbdc2cb0ada981d9a1b9f4fae5dfbb4', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: 'c4122ed34710a9f980eecd7a5d18c3b6f42951db', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), index.h("div", { key: '8f81f5c0cb72d8f72f0502202e3e5310b9bbbdc6', class: "gux-popover-content" }, index.h("slot", { key: '6b1b38e7161ab4250c5ad1b7fd00dedf949f5c8b' }))));
+            }, "data-placement": true }, index.h("div", { key: 'a1aaa0347d79fea4f9a3ca3526d0817d76506550', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), index.h("div", { key: '9d0bb4db6a86bf0a520beadae4612b1610531fc2', class: "gux-popover-content" }, index.h("slot", { key: '19b64e18c9a5ab2a6ffc67502426b2adb429d95b' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -96,13 +96,13 @@ const GuxPopup = class {
         }
     }
     render() {
-        return (index.h("div", { key: '9e53f22cffb93df1eb198af2e647efb2c333353d', class: {
+        return (index.h("div", { key: '571b0f39647a7b9e969881352f357dcb88a44768', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: 'e109aef172032431187e7c8afeedd5e3b37879db', name: "target" }), index.h("div", { key: 'd9e8fdc4d6efd0126b7fc0f15269203470840c4e', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: '811c5d5e5950293ec7789dd122bf9ddae0bf691a', name: "target" }), index.h("div", { key: '116750be61fd51f63f6fa583afcaaeb754a6a40c', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: '744054dbd67ddefcdb2ec4b858237b40bb0c2db8', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: '6b50ca35e5969d997c893524d9038b402a4a1261', 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-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-208820ba.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: 'fdd0d9d74de23d49b892702b8902cccf1eb532dd', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (index.h(GuxSpinnerState, { key: '6c69be11d9de9e64a3300f1e8c721588a2eac93b', 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-7fb02c8c.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-208820ba.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-7fb02c8c.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const clamp = require('./clamp-e86a226e.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-208820ba.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const guxRatingCss = ":host{display:inline-block;min-width:fit-content;user-select:none}:host(:host:focus-visible){outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);outline-offset:var(--gse-semantic-focusRing-offset);box-shadow:0 0 0 1px var(--gse-semantic-focusRing-small-border-style)}.gux-rating-star-container{display:flex;gap:var(--gse-ui-rating-star-gap);justify-content:space-between;color:var(--gse-ui-rating-default-color)}.gux-rating-star-container.gux-disabled{color:var(--gse-ui-rating-disabled-color);pointer-events:none;opacity:var(--gse-ui-rating-disabled-opacity)}.gux-rating-star-container gux-icon{flex:0 0 auto;width:var(--gse-ui-rating-size);height:var(--gse-ui-rating-size);color:var(--gse-ui-rating-default-color)}.gux-rating-star-container gux-icon:hover:not(.gux-disabled){color:var(--gse-ui-rating-hover-color)}";
@@ -86,12 +86,12 @@ const GuxRating = class {
         return [...Array(this.maxValue).keys()]
             .reduce((acc, cv) => {
             if (cv + 0.5 === this.value) {
-                return acc.concat('rating-partial');
+                return acc.concat('fa/star-sharp-half-stroke-regular');
             }
             else if (cv + 1 <= this.value) {
-                return acc.concat('rating-active');
+                return acc.concat('fa/star-solid');
             }
-            return acc.concat('rating');
+            return acc.concat('fa/star-regular');
         }, [])
             .map(iconName => (index.h("gux-icon", { "icon-name": iconName, decorative: true })));
     }
@@ -108,7 +108,7 @@ const GuxRating = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'f763d5c9b82618e93cb8489a9a8f4dfff3706dc5', 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: 'ec80f4f3713159dfa21c47bc5806074c0cbf09b3', ref: (el) => (this.starContainer = el), class: {
+        return (index.h(index.Host, { key: '6e29a4763657dd4166f86a242e8d7e3aa746f29e', 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: '83a23718fcc41f1619d070d096d0fc53717e0102', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));

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

@@ -28,7 +28,7 @@ const GuxRowSelect = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.tableResources, 'gux-table');
     }
     render() {
-        return (index.h("gux-form-field-checkbox", { key: '7145bd889aea8ded6757667e8ea0daca9d12aff7', "label-position": "screenreader" }, index.h("input", { key: '9dda4bdd783d257e3c7605863dd71b3f84ac0653', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: '7d33e387ee248ddf1434f65a260aae795fe8aaf3', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: '73e804d56eb6923a6eec8b76d89e3be711dc5746' }, this.i18n('selectTableRow')))));
+        return (index.h("gux-form-field-checkbox", { key: '1bd0fc2391257d767e1758907521fe54308b4f89', "label-position": "screenreader" }, index.h("input", { key: 'ccdc04a18964d9aa61375ee5213a2d984ff04ada', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: '3918b9e87c4fc7438415bd8d669007abbb7409f2', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: '92427ecd459407d05808b0f4e3fc9c454f891e7b' }, this.i18n('selectTableRow')))));
     }
     get root() { return index.getElement(this); }
 };