genesys-spark-components 4.154.4 → 4.154.5

package/dist/cjs/gux-button-slot.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const guxButtonSlotCss = ":host{display:inline-block;pointer-events:none}::slotted(input[type=button]),::slotted(input[type=submit]),::slotted(button){font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);inline-size:100%;min-inline-size:var(--gse-ui-button-iconOnly-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;text-overflow:ellipsis;color:var(--gse-ui-button-secondary-default-foregroundColor);white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}:host([icon-only]) ::slotted(input[type=button]),:host([icon-only]) ::slotted(input[type=submit]),:host([icon-only]) ::slotted(button){padding:var(--gse-ui-button-default-paddingIconOnly)}::slotted(input[type=button][disabled]),::slotted(input[type=submit][disabled]),::slotted(button[disabled]){cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}::slotted(input[type=button]:focus),::slotted(input[type=submit]:focus),::slotted(button:focus){outline:none}::slotted(input[type=button]:focus-visible:enabled),::slotted(input[type=submit]:focus-visible:enabled),::slotted(button:focus-visible:enabled){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(input[type=button]:hover:enabled),::slotted(input[type=submit]:hover:enabled),::slotted(button:hover:enabled){color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}::slotted(input[type=button]:active:enabled),::slotted(input[type=submit]:active:enabled),::slotted(button:active:enabled){color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]),:host([accent=primary]) ::slotted(input[type=submit]),:host([accent=primary]) ::slotted(button){color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:hover:enabled),:host([accent=primary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=primary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:active:enabled),:host([accent=primary]) ::slotted(input[type=submit]:active:enabled),:host([accent=primary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]),:host([accent=tertiary]) ::slotted(input[type=submit]),:host([accent=tertiary]) ::slotted(button){color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width)}:host([accent=tertiary]) ::slotted(input[type=button]:hover:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=tertiary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]:active:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:active:enabled),:host([accent=tertiary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]),:host([accent=ghost]) ::slotted(input[type=submit]),:host([accent=ghost]) ::slotted(button){color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:hover:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:hover:enabled),:host([accent=ghost]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:active:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:active:enabled),:host([accent=ghost]) ::slotted(button:active:enabled){color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]),:host([accent=danger]) ::slotted(input[type=submit]),:host([accent=danger]) ::slotted(button){color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:hover:enabled),:host([accent=danger]) ::slotted(input[type=submit]:hover:enabled),:host([accent=danger]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:active:enabled),:host([accent=danger]) ::slotted(input[type=submit]:active:enabled),:host([accent=danger]) ::slotted(button:active:enabled){color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}:host([accent=inline]){min-inline-size:initial}:host([accent=inline]) ::slotted(input[type=button]),:host([accent=inline]) ::slotted(input[type=submit]),:host([accent=inline]) ::slotted(button){block-size:initial;padding:0;color:var(--gse-ui-links-default-foregroundColor);background:none;border:none}:host([accent=inline]) ::slotted(input[type=button][disabled]),:host([accent=inline]) ::slotted(input[type=submit][disabled]),:host([accent=inline]) ::slotted(button[disabled]){color:var(--gse-ui-links-disabled-foregroundColor)}:host([accent=inline]) ::slotted(input[type=button]:hover:enabled),:host([accent=inline]) ::slotted(input[type=submit]:hover:enabled),:host([accent=inline]) ::slotted(button:hover:enabled){color:var(--gse-ui-links-hover-foregroundColor);text-decoration:underline;background:none}:host([accent=inline]) ::slotted(input[type=button]:active:enabled),:host([accent=inline]) ::slotted(input[type=submit]:active:enabled),:host([accent=inline]) ::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}";
@@ -37,7 +37,7 @@ const GuxButtonSlot = class {
         this.validateSlotContent();
     }
     render() {
-        return (index.h(index.Host, { key: '1820b416e8c54da3570d3784266eedc5933efbc0', accent: this.accent, "icon-only": this.iconOnly }, index.h("slot", { key: '66f3850cef58ba9df05d432ab522e60b28280d90' })));
+        return (index.h(index.Host, { key: '2f0d21a41e3f692f1f5f64a096e69c2c39feac8f', accent: this.accent, "icon-only": this.iconOnly }, index.h("slot", { key: '1f7173b22404bc2e7e56cd25873dac40d1c803a6' })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-a0754e1a.js');
 const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
@@ -36,10 +36,10 @@ const GuxButton = class {
     }
     render() {
         return [
-            index.h("button", { key: '9c064f7a47d8a4b4deaa4e60af5756a030d716af', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            index.h("button", { key: '24dbbdfe3e039dea0cbdc2d452cb0cf5da7f9d9b', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
                     [`gux-${this.accent}`]: true,
                     'gux-icon-only': this.iconOnly
-                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, index.h("slot", { key: 'ee0e8501a4cd24a1fac1cb4c29c452b03bf434bf', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, index.h("slot", { key: '3cdf6222d210ad14536037885d5d6b54f684a209', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }
@@ -261,10 +261,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (index.h("div", { key: '15ebb2aadb07189b4f08d86b596df4da22475e96', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: 'ee1720e19760f914995ad956f05f401cfbd92065', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: 'cc6a4a445f4280a009f0356becaab363602fd546', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '1420e05736ade46ad1dc37d307dfe9de1bc8b699', class: "gux-arrow-caret" })), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '30e79e138a5fbc213ef24acd63babb40c5cf94f0', onClick: this.dismiss.bind(this) })), index.h("div", { key: '42f3ebb6874aecb0c05366d8040a089a627ecd3f', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: 'f80d2650eec055b1bc1ceb3d6c0cfdb8a6a9d79d', name: "title" })), index.h("div", { key: '5d9f7e98d824af66532a5e6c18c1eeb623344b23', class: "gux-popover-content" }, index.h("slot", { key: '71e4810e14d8fb3aeaf19df4c0dee6cd72ef4514' }))));
+            }, "data-placement": true }, index.h("div", { key: '5519da18954bc746183af5fce4fe38e9c3e11f2b', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '593025978df29f4dc891e7555f7d40251a33a670', class: "gux-arrow-caret" })), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '52ad3b2604ff6fe3c6fea42a26a3fe78b5f90cbd', onClick: this.dismiss.bind(this) })), index.h("div", { key: 'e41c91e3b727ede0ac0a0f7e80b73623f84abb75', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: '4c7276811649348eb49f013029dc17f1f8c76a3a', name: "title" })), index.h("div", { key: '5d06ed668cab6c8acf176a8c7f08607402b01a6a', class: "gux-popover-content" }, index.h("slot", { key: '14212f1c9a2256500b492d8112d2dee5bf811ef6' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const index_umd = require('./index.umd-f7fdb083.js');
+const index_umd = require('./index.umd-1b3084ed.js');
 const index$1 = require('./index-aa48ea67.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const logError = require('./log-error-7b9d4b57.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e321455d.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const isoDates = require('./iso-dates-2daf4199.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 const index$1 = require('./index-aa48ea67.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-424667dc.js');
 const intl = require('./intl-ed89316c.js');
@@ -416,7 +416,7 @@ const GuxCalendar = class {
         return (index.h("table", null, index.h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (index.h("th", null, day)))), this.getMonthDays(index$1).map(week => (index.h("tr", null, week.map(day => (index.h("td", { tabindex: this.isFocusableDate(day) ? '0' : '-1', class: day.class, "aria-hidden": day.hidden ? 'true' : 'false', "aria-disabled": day.disabled ? 'true' : 'false', "data-date": day.date.getTime(), onClick: () => void this.onDateClick(day.date), onMouseEnter: () => this.onDateMouseEnter(day.date), onKeyDown: e => void this.onKeyDown(e) }, index.h("div", { class: "gux-date" }, day.date.getDate(), index.h("span", { class: "gux-sr-only" }, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (index.h("div", { key: 'e7078b80ee2b85e0fe1c83f96e60a7964939545b', class: "gux-calendar" }, index.h("div", { key: 'f1e5fe1d328ef32158989cc9e20909f9e3139a67', class: "gux-header" }, index.h("button", { key: 'aae4da818ac5081ef787c16c812a7c0bc680a32d', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, index.h("gux-icon", { key: '823f261e39e0b061ead849afb82f5e0a2c5d55e4', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: 'd1d9ebc762d7278b19964ec38d00296b47f98b78', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, index.h("gux-icon", { key: 'a7bf63b4506e7c55f691d3aaad430f18edf0623a', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: 'b1cd35692c38c748363d6a0edd9c3f8d866d944e', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (index.h("div", { key: '0c55a401066c6b0187e748aa283250a0b1241319', class: "gux-calendar" }, index.h("div", { key: '5a74b7258882a980360239957794b1c2ae89f26f', class: "gux-header" }, index.h("button", { key: '74a80f686c61660c3dacb46c3ea39254b175767f', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, index.h("gux-icon", { key: 'e6591ea5f66819d5d28628fd1eec2fbcaf29bd7a', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: '4cd50eea789472a67ea8dab48160f9d372f22633', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, index.h("gux-icon", { key: 'c70331f456b7af4a5df486c555d7a38ed06ff5a4', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: '5ec1b7c7032ab13ed4c2e1fc55a861695d3ec7de', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 
 const guxCardCss = ":host{display:block;inline-size:fit-content}.gux-card{box-sizing:border-box;padding:var(--gse-ui-card-padding);background-color:var(--gse-ui-card-backgroundColor);border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color);border-radius:var(--gse-ui-card-borderRadius)}.gux-card.gux-bordered{border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color)}.gux-card.gux-raised{border:var(--gse-ui-card-raised-border-width) var(--gse-ui-card-raised-border-style) var(--gse-ui-card-raised-border-color);box-shadow:var(--gse-ui-card-raised-boxShadow)}.gux-card.gux-borderless{border:var(--gse-ui-card-borderless-border-width) var(--gse-ui-card-borderless-border-style) var(--gse-ui-card-borderless-border-color)}";
 const GuxCardStyle0 = guxCardCss;
@@ -20,10 +20,10 @@ const GuxCard = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h("div", { key: 'cf65846810dd24ade44d0c3400f9d16c1876746b', class: {
+        return (index.h("div", { key: '363ba6f0a883e4e2f4a056f6d4d441efb0b3ea2c', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("slot", { key: '4a241e4cc99530464998917f75093f565542dd7f' })));
+            } }, index.h("slot", { key: 'e36c2a015923aa961bd1c0a308f2066b702e6272' })));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-column-manager-item.cjs.entry.js

@@ -154,14 +154,14 @@ const GuxColumnManagerItem = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: '87e64ab19cc75a34e27b0da4a3883b4fc03bdfe4', draggable: "true" }, index.h("div", { key: '852ceec945260e57f0366ba8dd4067a36cad1815', class: {
+        return (index.h(index.Host, { key: 'e6013e498a0c7f257528ace4073d8172583d08f8', draggable: "true" }, index.h("div", { key: '49ab2eb77431ae3133b5aa34697fc85139a146b6', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, index.h("button", { key: 'b871cd2344b5df464276ac3b3ef46fd13d491d17', class: {
+            } }, index.h("button", { key: '50c716123ee00cba66bd2f6fc8b15779113b4f47', class: {
                 'gux-reorder': true,
                 'gux-reordering': this.isReordering
-            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, index.h("gux-icon", { key: '5ae5841dc9fea7a4c2915c103206aa7cfc96b939', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), index.h("span", { key: 'd33b39c970e321e6216875363cc3fed45a8dfbeb', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: 'a047de4fd93b7e742b1b70a31061750478f1c224', class: "gux-select" }, index.h("slot", { key: '6b3a439c12c4ee9f3dca44e7802f691fae62e003', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: 'd64a6d6a97f3d8fecf40a92f7ed8d27f1ef6320f', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
+            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, index.h("gux-icon", { key: '97863cb76d1bf28dfa079c77a1c99eed6664972b', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), index.h("span", { key: '6bd0d410c9d3d0c7772abfa40fae34987e3d41b4', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: 'edf779e93542edcd8704fee84f330939460776de', class: "gux-select" }, index.h("slot", { key: '84f0bc882c16a3e478ea6a0e76f85bbe63b23686', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: '6e4e27282db27295a16cba27d063fe0f682f4901', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-column-manager.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const index$1 = require('./index-aa48ea67.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 const guxColumnManager_service = require('./gux-column-manager.service-6eaeedb0.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./clamp-e86a226e.js');
@@ -115,7 +115,7 @@ const GuxColumnManager = class {
         return (index.h("div", null, index.h("span", { "aria-hidden": "true" }, this.i18n('selectedColumnCount', { count, total })), index.h("span", { class: "gux-sr-only" }, count === total ? (index.h("span", null, ": ", this.i18n('unselectAllColumnsScreenReader', { count, total }))) : (index.h("span", null, ": ", this.i18n('selectAllColumnsScreenReader', { count, total }))))));
     }
     render() {
-        return (index.h("div", { key: '5634246ba2c88484b06021a8865c9566401d069d', class: "gux-container" }, index.h("div", { key: '331e79feaa5c41b17162af720b679948de0fc5a4', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: 'f3fdd3580c20b6e72d9d9fbb16bcd57f53c233c1', class: "gux-search" }, index.h("gux-content-search", { key: '7fd12c67d493f5b8df537c44902492308b81d7b2', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: 'fe70e4da7358e2c413cf535c301d8d688dca0459', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: 'f334f3aeedb3d06980fb3db7fddbc2c94b83b7ab', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: '7b3587652fd0ee01cf4ce12e05f4d154cd9b5eb0' }, index.h("input", { key: '86e8bac0b754e2f6d8040dc7c632a1e7dacfb7b1', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: 'd5c984dcfe510e346d5dd7d4e8d76e2515ad72a4', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '290e31ddb2ed344dd96d0088185fd5ece7301f7e', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: '9c50c0a680be1c7adf023facf2186b5fa0aef5ac', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: '29fee5ffde0698cda242795a20d4fde8fcda791e', ref: el => (this.announceElement = el) })));
+        return (index.h("div", { key: '62daef53138e926a9cbfae1719232de3f3e7f9b2', class: "gux-container" }, index.h("div", { key: 'e3a79e55e8cbe501bdb26935385ba313cd4927ee', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: '76a55f638c25df7ceb4d38b53be63102889b9aa8', class: "gux-search" }, index.h("gux-content-search", { key: 'be60a7fdfe003135a386d313bd3fecbbd52c853f', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: '19af360a04d7d4df522dc76676897363fe35c1a4', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: '261035c713eb6c548bf5cf3f0c2cfd8337446c4f', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: '7067d7cece7c16d05a45e6b01fa46c245a450eea' }, index.h("input", { key: 'bef6b7f2804bc0f8006901195a694f725dd6c14f', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: '2135cd8bbc8421a4cae0fb46f93728245d5d670f', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '58b6db75ebf6d37d15beabf2a6e572d863f01fd4', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: '3e2cdf0655d9dfbd380495eccd7cdaf23470b7d3', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: 'da70374436f1c5fd2746e327a7eb7709efb770ef', ref: el => (this.announceElement = el) })));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-content-search.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 const index$1 = require('./index-aa48ea67.js');
 const onAttributeChange = require('./on-attribute-change-a9f44523.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
@@ -70,10 +70,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'ef4715513267f640e3146f356942998a1d7f9e8e', class: {
+        return (index.h("div", { key: '005b8a6387ab8fe85d2568dadd131d23cad52d66', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.inputSlottedElement) }, index.h("div", { key: '2f2a5f82d513ca4c1c09e74c83854986a85806f7', class: "gux-search-icon" }, index.h("gux-icon", { key: 'd0dffb2cfa01e19729d43c4f8560288ca97c3af0', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: '830f23a720ef5d477402fb6666da5b9503c453e7' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement.focusInputElement(this.inputSlottedElement) }, index.h("div", { key: '101221eef9d32157c62232694a25117102c3fa39', class: "gux-search-icon" }, index.h("gux-icon", { key: 'ef6aba3306001c5992c549e7bcb8e7383405e9a4', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: '66f162a8e996e5f99df6e38bd2b53f8e33c0569a' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 const index$1 = require('./index-aa48ea67.js');
 const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
@@ -139,8 +139,8 @@ const GuxContextMenu = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: '71daff89e2c9308fabfe2a72711ee5c6f58febe8' }, index.h("gux-popup", { key: '1524aa95d9b12ce39377f970a8aa1f88dbb1a96f', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: '0e081fd58aac0ed9514684e7956c3bc987ca9a02', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: '59ea669fb9a29dd7eaed40ece717cebb64c65b78', accent: "ghost" }, index.h("button", { key: '4c62d98299bf658e7a97481ca587d080861a1818', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, index.h("gux-screen-reader-beta", { key: '4e6ce2bc70530d13fff98bbf8aed059c7e4928a9' }, this.screenreaderText ||
-            this.i18n('contextMenuScreenreaderText')), index.h("gux-icon", { key: '6fcaea725f16c37a9f47fd840e6bb4854b6c6d81', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), index.h("div", { key: '7af3d8d59460ece729264bd3e8e0c5924e5ac060', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: 'ed9fe6c367aa9ebbc8d499a27bc0d71ffe63a115', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'fd3b7b86d7eff0e47938440a029b7005add215c4' }))))));
+        return (index.h(index.Host, { key: '5c6fcdb16aca67d10d68a84a74ed9e882366594f' }, index.h("gux-popup", { key: 'a058fa9045b1ea9bf7baf6e7bd7acb20316021a1', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: 'b39b560341aff900fbfa5b0bf0927b1c4b9dbc33', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: '70e97e654db145292fc372398101cfb7c26dce08', accent: "ghost" }, index.h("button", { key: '8cb5ca88159f66d55870701b463f7db5144989c9', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, index.h("gux-screen-reader-beta", { key: '3a6f2b1215ae7fc383bacb7264f74cbd03b342a0' }, this.screenreaderText ||
+            this.i18n('contextMenuScreenreaderText')), index.h("gux-icon", { key: '882669bc46a37800d7b9ced560de2e9d41105c4b', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), index.h("div", { key: 'b29801fdedc5ed27bbc0e3159749ec514d441a22', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: '5fc919f53286974f3d9a38a069592227ce185103', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '184fa8c0df6a3f7fd91bbf2ad78f734c7b2654cf' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 const index$1 = require('./index-aa48ea67.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -66,7 +66,7 @@ const GuxCopyToClipboard = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("button", { key: '14de6400815472a848c3a0bd9570211b835e5d3d', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, index.h("div", { key: '7cf5c98f49b471284453d0707a30fa6e5fd4821b', class: "gux-copy-content" }, index.h("slot", { key: '93c62a0ec398406c4f592329d12c00cc3dd08d3c', name: "content" }), index.h("gux-icon", { key: '2848aa46ed1c48237a41852df02763ae3526b50b', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (index.h("button", { key: '30088ac8e910bb4519c3a3e8a89a10395164cd94', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, index.h("div", { key: 'a70cfe959192d8296676adad6283f5a9073630a7', class: "gux-copy-content" }, index.h("slot", { key: '13894c275336cb6209c27d47454a7d039f00eb5c', name: "content" }), index.h("gux-icon", { key: '6e0fc0b658e29fae6a64c9ea0e400a6d8d10c8dc', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -47,11 +47,11 @@ const GuxCreateOption = class {
         return (index.h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (index.h(index.Host, { key: '41b6b1965f8f7fc19c2cbd4475156533e1d8beb9', role: "option", "aria-selected": false, class: {
+        return (index.h(index.Host, { key: '849de521bcfdd1bcfbe921d94162e64799acc81e', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, index.h("div", { key: '6849a0af45ea575969c02d0eff31ce56ecf350b2', class: "gux-option" }, index.h("gux-icon", { key: '0d046f92df50861e58bcda47bb0b50e098a38170', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), index.h("div", { key: '1f88f768eacd7a8f072d0a87ede648ed41e3f48f', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, index.h("div", { key: '8688d245735437cee0ff51221ceaa2b966efd3bf', class: "gux-option" }, index.h("gux-icon", { key: '336a4510da3a5c8e1d51477af49851871cafaaf9', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), index.h("div", { key: 'd0e0287cbd4049098173925590ae0c9c5952c29b', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 const getValidTimezone = require('./get-valid-timezone-6d0cf04e.js');
 const intl = require('./intl-ed89316c.js');
 const useRegionalDates = require('./use-regional-dates-4d3f1b9d.js');

package/dist/cjs/gux-date-time-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 const getValidTimezone = require('./get-valid-timezone-6d0cf04e.js');
 const intl = require('./intl-ed89316c.js');
 const useRegionalDates = require('./use-regional-dates-4d3f1b9d.js');

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

@@ -8,7 +8,7 @@ const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const isoDates = require('./iso-dates-2daf4199.js');
 const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 const index$1 = require('./index-aa48ea67.js');
 const intl = require('./intl-ed89316c.js');
 const useRegionalDates = require('./use-regional-dates-4d3f1b9d.js');
@@ -676,7 +676,7 @@ const GuxDatepicker = class {
             } }, index.h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, this.getCalendarLabels()[1]), index.h("div", { class: "gux-datepicker-field-input" }, index.h("div", { class: "gux-datepicker-field-text-input" }, index.h("input", { id: this.endInputId, type: "text", ref: (el) => (this.toInputElement = el), onMouseUp: e => this.onInputMouseUp(e), onFocusin: e => this.onInputFocusIn(e), onFocusout: () => this.onInputFocusOut(), value: this.toFormattedValue, disabled: this.disabled }), this.renderCalendarToggleButton()))));
     }
     render() {
-        return (index.h("div", { key: '89d01f637b19ee72e82eb020abbd23e1f805d8ab', class: {
+        return (index.h("div", { key: 'b8ac62b13ada393e6e80482f4e10da8eafd03bb6', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e321455d.js');
 const index$1 = require('./index-aa48ea67.js');
 const intl = require('./intl-ed89316c.js');
-const index_umd = require('./index.umd-f7fdb083.js');
+const index_umd = require('./index.umd-1b3084ed.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./get-closest-element-26170ce0.js');
 

package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 const index$1 = require('./index-aa48ea67.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -58,10 +58,10 @@ const GuxDisclosureButtonLegacy = class {
         this.updateIcon();
     }
     render() {
-        return (index.h("div", { key: '747050bec6ca0ca70b51fe1f8efb1950bb4067e7', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: '9777b416941be9663138cc389a511140b9b5029b', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel'), "data-testid": "disclosure-button" }, index.h("gux-icon", { key: 'ed8712e407c36294c3fccc057276bc798f56c1fd', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: '08749b4054704a5b117d5441f521a6b76e2e5ba7', id: this.panelId, class: {
+        return (index.h("div", { key: 'c96d5f177492ff489747baca32b70f93adaf1bf5', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: 'f71f8d93c8146fa3367acdab0c4c116197abbba7', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel'), "data-testid": "disclosure-button" }, index.h("gux-icon", { key: '7bbf022e573cd8f16fde788be416c6b93b76f203', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: '53f88d45530817e81c91f130f083307e4b166bbe', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, index.h("slot", { key: '5537e7e7ec37df16faff2c47ba1d69894b892812', name: "panel-content" }))));
+            }, role: "region" }, index.h("slot", { key: '3e234ddc4164e3da3aaf9d430d57f016d031068d', name: "panel-content" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-dismiss-button.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 const index$1 = require('./index-aa48ea67.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -26,10 +26,10 @@ const GuxDismissButton = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("gux-button-slot", { key: 'ab4d4415b6534ff0bf1b123ca26d51cc28ebe9c5', accent: "ghost", class: {
+        return (index.h("gux-button-slot", { key: '699c5876801bf26edbae2803ca5f7ba7d047b27e', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, index.h("button", { key: '3a7f9528fca9183623b19082d34b51dd853ae615', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: '7310d0b8879ec530ecfcd7432e89cbfd41e953fc', class: "gux-icon-container" }, index.h("gux-icon", { key: '0883e5154696a9fa8f06cf58bbda345aad7daa4a', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, index.h("button", { key: 'de66227205545b4dbf92210167fa4d5ca1ca4a48', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: 'f9284ac02c27e32ea3646718efcad36954099ce6', class: "gux-icon-container" }, index.h("gux-icon", { key: 'fc37236b5f832358416119d97e8aa6cc3612a825', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-dropdown-multi-tag.cjs.entry.js

@@ -48,7 +48,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '9dc2a9c4f1d75a3fae782daf7b406916f8a69f70', class: {
+        return (index.h("div", { key: '736f46e03112b67563ab34cff27d60a81b74d06f', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));

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

@@ -8,7 +8,7 @@ const index$1 = require('./index-aa48ea67.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 const guxListbox_service = require('./gux-listbox.service-700ba659.js');
 const onMutation = require('./on-mutation-6d71ec1a.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -430,7 +430,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            index.h("div", { key: 'd9a2849dd2af70fea0b94a23ac5fa1de9c16c663', class: "gux-dropdown-container" }, index.h("gux-popup", { key: '80871f9a99b8a0d6ad333a08f2f1efb6195b0c4f', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            index.h("div", { key: '21470eb5abc8ce97d749c5b4199c97c3209b63d4', class: "gux-dropdown-container" }, index.h("gux-popup", { key: 'a46922d1410cd946f8a8c4d873dfb26fe61de9c3', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get delegatesFocus() { return true; }

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

@@ -62,7 +62,7 @@ const GuxDropdownOption = class {
         };
     }
     __stencil_render() {
-        return (index.h("div", { key: 'f725c7472c496316e8d7bf04a94dda49a1ae5c0f', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (index.h("div", { key: '5e04a1dcfcfc30f675e15113f6d6bb61c1d90b51', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
     }
     textWithHighlights() {
         if (!this.highlight || !this.text) {

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

@@ -8,7 +8,7 @@ const index$1 = require('./index-aa48ea67.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 const onMutation = require('./on-mutation-6d71ec1a.js');
 const guxListbox_service = require('./gux-listbox.service-700ba659.js');
 const hasSlot = require('./has-slot-3edae188.js');
@@ -382,7 +382,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (index.h("gux-popup", { key: '4dc5bc89637d04a587748f7f8a99e42e4b0cc015', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: 'ffefed5e0a9f2860826dd80690aa9d36ae91fe30', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }
@@ -608,13 +608,13 @@ const GuxOption = class {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (index.h(index.Host, { key: '4ff53f1b8164fdbb6b4b994aa19f029a8f7dbdae', role: "option", class: {
+        return (index.h(index.Host, { key: 'c2672c6cb5bf516a3495eea8357d3bc4c4c900da', 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.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("div", { key: 'c0b379dd41e0c8aa8423f14d9a4ef569776b5df0', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '7acb8113ecf230d978949ffa6fd2c180d2bbc0e6', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: '9c99dfe30b919418d5c68d96aab336249bc3c27f' })), index.h("slot", { key: '9b55759969afdb82230c22caa1de85babfa1f1e0', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("div", { key: 'b85bf4d463039f58f49ec2d6d18d2d1415403f32', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '18608184d2d7a77a8fd0018745f9a1b6a8a5fa80', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: '1b42a67570ad5b853612cbfce4481be09442aebd' })), index.h("slot", { key: '279602519fa45e83691133da63ef404ff014c43e', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-file-list-item.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const index$1 = require('./index-aa48ea67.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const removeFile = "Remove {filename} file";
@@ -32,11 +32,11 @@ const GuxFileListItem = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("div", { key: 'c548abea3507d94f3b230a1a5283f844408cdeee', class: {
+        return (index.h("div", { key: 'd53955036d4a45a954e6beaafb6c933a380c29b8', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '1d67d6aa5e1e59cb0da9da2b0d5eabecee980464', class: "gux-info" }, index.h("gux-truncate", { key: '37a2f6c927f4c58fb66c3f78d539b8832bd92ec3' }, index.h("span", { key: '1cf82c753506910632a519cc75ef5f625af3c1db', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, index.h("div", { key: '3a1003748e90a3b27ecdbece18249884ed8835a3', class: "gux-info" }, index.h("gux-truncate", { key: '7ffb12f5e1d210bf991075ba6936c72518cce6fd' }, index.h("span", { key: '461a240baa6c3dac8c0cb7027045bfb10edf906b', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
     }
     renderStatusIndicator() {
         switch (this.status) {

package/dist/cjs/gux-flag-icon-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 const index$1 = require('./index-aa48ea67.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e321455d.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-a0754e1a.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 const guxMenu_common = require('./gux-menu.common-b5cd8551.js');
 
 const guxFlyoutMenuCss = ":host{z-index:var(--gse-semantic-zIndex-popover);color:var(--gse-ui-menu-option-label-foregroundColor);cursor:default}:host(:focus){outline:none}:host(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-flyout-menu-content{position:fixed;display:none;border:none;border-radius:var(--gse-ui-menu-borderRadius);opacity:0}.gux-flyout-menu-content.gux-shown{display:flex;animation-name:fade-in;animation-duration:100ms;animation-delay:350ms;animation-fill-mode:forwards}.gux-flyout-menu-content .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-flyout-menu-content .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;filter:drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow))}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";
@@ -176,10 +176,10 @@ const GuxFlyoutMenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '1e467e8cfa6f535785855280e17d34a7c2ec417f', tabIndex: 0, "aria-haspopup": "true" }, index.h("span", { key: 'baeb9203d6ccb6d8f920f77e398ef5b8a9913949', ref: el => (this.targetElement = el) }, index.h("slot", { key: '7983d609dac40d85f1c0e7d1d47a50b0b4f9fded', name: "target" })), index.h("div", { key: 'aa4d34c15170c14e4316ba44cc0ce62de75216e9', class: {
+        return (index.h(index.Host, { key: 'c5c84e99ea3294192a198c02e15c469d462f4513', tabIndex: 0, "aria-haspopup": "true" }, index.h("span", { key: '167f018586ec86c5fffcec46d21e7dae68b78857', ref: el => (this.targetElement = el) }, index.h("slot", { key: 'cb675622f4400180090210192b7159724fb120b8', name: "target" })), index.h("div", { key: '67e553bafdcb8d3fefbb0f8a6c3fbf4a7029426d', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, index.h("div", { key: '768d033f05a4517d5399673436e0e10db7bc1a34', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: 'f792bbaf9bec3e02f2dd409edc4a941a048850da', class: "gux-arrow-caret" })), index.h("slot", { key: 'f47bedd287b17ddc9cd665529ef470e7d85102f4', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, index.h("div", { key: '53ef18570bd6ca8c086f993a5d4901b8619d94d0', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: 'fd6bafab02455a7f0007cdbbb860dec625b2a5c2', class: "gux-arrow-caret" })), index.h("slot", { key: 'fe9427b13c803d1cddb97b0f5cbaadbbcfef08c4', name: "menu" }))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-form-field-checkbox-group-beta.cjs.entry.js

@@ -11,7 +11,7 @@ const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const guxFormFieldError = require('./gux-form-field-error-e6b8a9ad.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-db1aba2b.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 require('./get-closest-element-9e41d6b9.js');
 
 function setAllCheckboxInputs(root, checked) {
@@ -197,8 +197,8 @@ const GuxFormFieldCheckboxGroupBeta = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'd43a9b0f9a02cdc3e7b59c1a8ed1d981d6c2a2a3', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '38fa82fb837196c58fffd81bef9770ef2ffd6b42' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '21aa66364c133d1423c917d06ba0f0133eab9483', position: "above", required: this.required }, index.h("slot", { key: 'b6d4254b6b76e9cd04357070f34ce420eb1155d1', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'cddcbfea5de47ee77960435974a98981fefcb6fa', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'dd541b9217eee24522a7159b5be993c1302550a5', name: "group-label-info" })), index.h("slot", { key: '8a85a1f7f2f417eba3f64f12b410d91fb21ef492', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), index.h("slot", { key: '3bf015dcaf39267d8c591d190a72fd0e09652820', onSlotchange: () => this.updateMainCheckbox() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '3cf043e9d50bcf434cc8008b529750b8d0c9e49c', show: this.hasGroupError }, index.h("slot", { key: '8ac68ec59839c02ea93668496f57edf9dcc22770', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'a8fc012dc7b87b3a1203e2af16893649e4edc4c8', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'f748e652d3d344de2d68078177d6e0f912ebda2d', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '98d0690d8c1fd17b434f8946cd7f93c394b9b9f4', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '298fe9be8fbbb3b7f7ff7749d0ce873bfa219995' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'a94e7153bacb115cf63ed0b4dc4603b8347229cd', position: "above", required: this.required }, index.h("slot", { key: 'd30a5befd3fd15213c284d0c7af243d6d07bc780', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '6449f6c04cdfcdfcd80d75a9b9f229f445b7b7d5', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '4eab381a152e8baf40bfb4adcda5bf81937a262a', name: "group-label-info" })), index.h("slot", { key: '8c988a909db54ff6e9dc294d7dc9e0c4a5d702bd', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), index.h("slot", { key: '286b30b7358d9715e8c1b9e0bb2a90b259305f59', onSlotchange: () => this.updateMainCheckbox() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'b7aafae8f77cf32e153591bcb0670384aafc1bb2', show: this.hasGroupError }, index.h("slot", { key: 'a35123dda49a72c62deb59e18f29a9d829a28ff3', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '4969a7009d6f8bf513394cf60297c6b5b499afb2', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'a377111d6f5816316189e5b9fda971311af68c8d', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

package/dist/cjs/gux-form-field-checkbox.cjs.entry.js

@@ -8,7 +8,7 @@ const onMutation = require('./on-mutation-6d71ec1a.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');
 const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-e6b8a9ad.js');
-const usage = require('./usage-8e0875a5.js');
+const usage = require('./usage-4a70e9e3.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -52,10 +52,10 @@ const GuxFormFieldCheckbox = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '05eedb3efb5925efd55f0fbed9dec50148c3b671', class: {
+        return (index.h(index.Host, { key: 'e33c81e5ebf0d6384e70c9dbebd425818b629b05', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '9040562d171a9e9c7f070d6572c0787b44edfef7', class: "gux-form-field-container" }, index.h("div", { key: '0687b65015519fe0118a3caa9623f2c2cc957434', class: "gux-input-label" }, index.h("div", { key: '789539b0545c078324d0914bce4fbacfbd17812b', class: "gux-input" }, index.h("slot", { key: 'c9d43b5890dc0eaa3791e7c22382a611afcbe9d1', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'c03b478b667729ec45f4e944204582e7bb34a344', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: '00ba2231f4e43868b8627f66bcfd5e0e7199631b', name: "label" }))), index.h("div", { key: 'c602d8dd04cd59b2395f0c62a2bd47e1db01184d', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: 'b45e09e8ada10fcaa1d4a19b861f05ef12b63a38', show: this.hasError }, index.h("slot", { key: '8573dd0905d1b1f727bcf9ee5b092e436b8d1b79', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '2e1289c3b6dff1d492a282f2f59f08f191b454c8', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '509b9e92dd8e454c711c6ecf87d9d434f1126010', name: "help" }))))));
+            } }, index.h("div", { key: 'c0b7b7cd778f53bac8d86714fc4717e5529a4bbf', class: "gux-form-field-container" }, index.h("div", { key: '67a1fb1fe64d980bbaf270863fdf7ca3ce40e55e', class: "gux-input-label" }, index.h("div", { key: '412e3c06405f31ffbcd018ce4d11b3a535a02dee', class: "gux-input" }, index.h("slot", { key: '201f531bb890e6c0d607f4b5f4d8a7449c11707f', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'ceec62d559b90a0d73e5c72b64fdfb67466fc85b', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: 'ca0dd77a35a4efdc20dac88259fc54662082bb5b', name: "label" }))), index.h("div", { key: '84de835f978c2fb17d6c28b7f8f17bc55bb5152c', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: 'a042683304e69c33f29d1e35f60bc689398ee3f0', show: this.hasError }, index.h("slot", { key: '45285c03bcf42723bba20c92063b60db0cbfb449', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '0430f5040a211df1c350acde8f1c77163f47cea7', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'dea14136220f341ba6649a6ebdebe7f18539d19b', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();