genesys-spark-components 4.160.1 → 4.162.0

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-DkRxKrC5.js';
-import { t as trackComponent } from './usage-CppBvN02.js';
+import { t as trackComponent } from './usage-B2sbNpMT.js';
 import { a as logError } from './log-error-DxtJDeL9.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}";
@@ -32,7 +32,7 @@ const GuxButtonSlot = class {
         this.validateSlotContent();
     }
     render() {
-        return (h(Host, { key: '2f0d21a41e3f692f1f5f64a096e69c2c39feac8f', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '1f7173b22404bc2e7e56cd25873dac40d1c803a6' })));
+        return (h(Host, { key: '8819f437fd5f475a7b55e77095db784813a96423', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '5a5db86c9369c6d0e97f13fa810a4e3c5bf2af92' })));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement, c as createEvent } from './index-DkRxKrC5.js';
-import { t as trackComponent } from './usage-CppBvN02.js';
+import { t as trackComponent } from './usage-B2sbNpMT.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom-C_pVuars.js';
 import { O as OnClickOutside } from './on-click-outside-W2CZCart.js';
@@ -31,10 +31,10 @@ const GuxButton = class {
     }
     render() {
         return [
-            h("button", { key: '24dbbdfe3e039dea0cbdc2d452cb0cf5da7f9d9b', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: '134f5c031ca4eb4e87fb218a06214c8892fa1742', 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 }, h("slot", { key: '3cdf6222d210ad14536037885d5d6b54f684a209', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: 'a575a090724849aaa0b2ed74e71388243d3e5765', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }
@@ -98,7 +98,7 @@ function ThrottleMethod(duration) {
     };
 }
 
-const guxPopoverCss = ".gux-popover-wrapper{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:var(--gse-ui-popover-padding);background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-popover-wrapper .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))}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-block-end:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:var(--gse-ui-popover-headerColor)}";
+const guxPopoverCss = ".gux-popover-wrapper{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:var(--gse-ui-popover-padding);background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-popover-wrapper .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))}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-block-end:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:var(--gse-ui-popover-headerColor)}.gux-popover-wrapper .gux-popover-footer{padding-block-start:var(--gse-ui-popover-gap)}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -160,6 +160,9 @@ const GuxPopover = class {
     get titleSlot() {
         return getSlot(this.root, 'title');
     }
+    get footerSlot() {
+        return getSlot(this.root, 'footer');
+    }
     runUpdatePosition() {
         if (this.cleanupUpdatePosition) {
             this.cleanupUpdatePosition();
@@ -258,10 +261,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (h("div", { key: '730abc38bc068191d7175c475c3cfd90b3dd8430', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '1bc2e045d66dde3e5ccbbf695e3fd2443246fbca', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'f573bffb8b613acc514f0e4e8fc3951cc0dbd4bb', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'f7fa19d404a448f74df9c8b3aa1242d66a4b2bd7', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: 'f2633862aabf426f9d0fb6d8e7c26afbdda68ab0', onClick: this.dismiss.bind(this) })), h("div", { key: '00950cd98bcf069ecb8803c01d26d7c687384b8c', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '0c04f3ed0bba57e277828d00efd67c8b18116147', name: "title" })), h("div", { key: '44ffbca5f03bbceaf3ed6a01f69d86d47796e108', class: "gux-popover-content" }, h("slot", { key: 'f21c6292416f5c1368eeccda576cbaf4600138cb' }))));
+            }, "data-placement": true }, h("div", { key: '257bbebeff94b46df2bde15de2695a42b3793ba2', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'dbfde134155a75fc848d78ba4e3f4045befe49d3', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '962b9d93cbaf9e07f452978a2759f9e7c13ec57b', onClick: this.dismiss.bind(this) })), h("div", { key: '3c967fd82c66a5d8fd3d393c59f5c48cb7cd5a4b', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'afd99a56965406be784819ece0afb8c49e8ebf4f', name: "title" })), h("div", { key: '7d2cfc18be6af60f27ae0b901f80c15f8c1570dc', class: "gux-popover-content" }, h("slot", { key: '3bee8cc828f0596225df20b3c1b9659e7cd51688' })), h("div", { key: 'acf184bb9c3181c6cc57edc6dcb1155ba112dd4e', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: '1576f50b62c350381e23e5ab4fdb1f54953d9da4', name: "footer" }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DkRxKrC5.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
 import { a as asIsoDateRange, c as fromIsoDateRange, b as asIsoDate, f as fromIsoDate } from './iso-dates-aKaDsw_5.js';
-import { t as trackComponent } from './usage-CppBvN02.js';
+import { t as trackComponent } from './usage-B2sbNpMT.js';
 import { b as buildI18nForComponent, g as getDesiredLocale, c as getStartOfWeek } from './index-DnjikExJ.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-Cf6_BoFM.js';
 import { d as dateTimeFormat } from './intl-CpptOorV.js';
@@ -411,7 +411,7 @@ const GuxCalendar = class {
         return (h("table", null, h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (h("th", null, day)))), this.getMonthDays(index).map(week => (h("tr", null, week.map(day => (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) }, h("div", { class: "gux-date" }, day.date.getDate(), h("span", { class: "gux-sr-only" }, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (h("div", { key: '0c55a401066c6b0187e748aa283250a0b1241319', class: "gux-calendar" }, h("div", { key: '5a74b7258882a980360239957794b1c2ae89f26f', class: "gux-header" }, h("button", { key: '74a80f686c61660c3dacb46c3ea39254b175767f', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: 'e6591ea5f66819d5d28628fd1eec2fbcaf29bd7a', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '4cd50eea789472a67ea8dab48160f9d372f22633', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: 'c70331f456b7af4a5df486c555d7a38ed06ff5a4', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '5ec1b7c7032ab13ed4c2e1fc55a861695d3ec7de', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: 'a4e06e2ba0c7af5321f69647da18f93be474b4db', class: "gux-calendar" }, h("div", { key: '782e30f3f1fe6eff43168a5dd775f1104915c0a4', class: "gux-header" }, h("button", { key: '88a45290016c9ecd7d37853f62c9fa755b009673', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: '7314f5231b877889b5afe690a7dc7f0e0908458a', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'b0e09dfeac5392b9df2bc61eb0c935a85cd3867e', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: '70d37b77b5be479ce47573d54f9fb13ae24d4b89', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '37a51061a40b1c26067d714dbe65c8acc2ce96bf', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-DkRxKrC5.js';
-import { t as trackComponent } from './usage-CppBvN02.js';
+import { t as trackComponent } from './usage-B2sbNpMT.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)}";
 
@@ -15,10 +15,10 @@ const GuxCard = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("div", { key: '363ba6f0a883e4e2f4a056f6d4d441efb0b3ea2c', class: {
+        return (h("div", { key: '8531803bf5aed7589ee6d93d1fc3fdf05530e2e0', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: 'e36c2a015923aa961bd1c0a308f2066b702e6272' })));
+            } }, h("slot", { key: '5886c4c10b3153226b13a59f7d7b85dd0d16e136' })));
     }
     get root() { return getElement(this); }
 };

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

@@ -149,14 +149,14 @@ const GuxColumnManagerItem = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: 'e6013e498a0c7f257528ace4073d8172583d08f8', draggable: "true" }, h("div", { key: '49ab2eb77431ae3133b5aa34697fc85139a146b6', class: {
+        return (h(Host, { key: '367c36061a556b2e8a01b97588534933287690d8', draggable: "true" }, h("div", { key: '1d208d949bda74e4d875dab973c17e511dc2f847', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '50c716123ee00cba66bd2f6fc8b15779113b4f47', class: {
+            } }, h("button", { key: '8b07b8235afe8cd1f29e99107748cff8ab08308b', class: {
                 'gux-reorder': true,
                 'gux-reordering': this.isReordering
-            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: '97863cb76d1bf28dfa079c77a1c99eed6664972b', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '6bd0d410c9d3d0c7772abfa40fae34987e3d41b4', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'edf779e93542edcd8704fee84f330939460776de', class: "gux-select" }, h("slot", { key: '84f0bc882c16a3e478ea6a0e76f85bbe63b23686', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '6e4e27282db27295a16cba27d063fe0f682f4901', 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) }, h("gux-icon", { key: 'cbcae4d3eeb2caa02ce2f255d3613fe0af576a88', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: 'a257610ac76e61b8003e71244b7e5287b316660e', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'a4e4ee44deb6a4c3898e32c926aabc3c14fefc16', class: "gux-select" }, h("slot", { key: 'bc505575ec260c8867f634ac87aab7f08d1c874a', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '98d4bce92703929555b0e2bb2912b3fea9ac9559', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, a as getElement } from './index-DkRxKrC5.js';
 import { b as buildI18nForComponent } from './index-DnjikExJ.js';
-import { t as trackComponent } from './usage-CppBvN02.js';
+import { t as trackComponent } from './usage-B2sbNpMT.js';
 import { g as getEmptyKeyboardOrderChange, s as setKeyboardReorderPositionIndicator, a as setMainCheckboxElementCheckedState, b as getNewOrder, c as getIndexInParent, d as getNewKeyboardOrderChange, e as setHighlights, f as setAllCheckboxInputs, h as getSelectedColumnCount } from './gux-column-manager.service-CB2ijDRX.js';
 import './get-closest-element-Cd4R0amv.js';
 import './clamp-CcCycvZh.js';
@@ -110,7 +110,7 @@ const GuxColumnManager = class {
         return (h("div", null, h("span", { "aria-hidden": "true" }, this.i18n('selectedColumnCount', { count, total })), h("span", { class: "gux-sr-only" }, count === total ? (h("span", null, ": ", this.i18n('unselectAllColumnsScreenReader', { count, total }))) : (h("span", null, ": ", this.i18n('selectAllColumnsScreenReader', { count, total }))))));
     }
     render() {
-        return (h("div", { key: '62daef53138e926a9cbfae1719232de3f3e7f9b2', class: "gux-container" }, h("div", { key: 'e3a79e55e8cbe501bdb26935385ba313cd4927ee', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '76a55f638c25df7ceb4d38b53be63102889b9aa8', class: "gux-search" }, h("gux-content-search", { key: 'be60a7fdfe003135a386d313bd3fecbbd52c853f', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '19af360a04d7d4df522dc76676897363fe35c1a4', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '261035c713eb6c548bf5cf3f0c2cfd8337446c4f', class: "gux-select" }, h("gux-form-field-checkbox", { key: '7067d7cece7c16d05a45e6b01fa46c245a450eea' }, h("input", { key: 'bef6b7f2804bc0f8006901195a694f725dd6c14f', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '2135cd8bbc8421a4cae0fb46f93728245d5d670f', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '58b6db75ebf6d37d15beabf2a6e572d863f01fd4', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '3e2cdf0655d9dfbd380495eccd7cdaf23470b7d3', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'da70374436f1c5fd2746e327a7eb7709efb770ef', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: 'b7ce08137190957a0ae80c7e66c4288131dd4f2c', class: "gux-container" }, h("div", { key: '5df3a55b48913d08428a7a10fd530ffb9cf25937', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '072149f544d9d87ab86a6b4243a1c5ab4aa4a1a7', class: "gux-search" }, h("gux-content-search", { key: 'be840fda9b3fc8381357f781c6e8b1e506942a90', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '07d2b1f590afa5ffec5400ac227209345fd2843d', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'd664b78531dbdaf72f7184958a6d728d671e34b6', class: "gux-select" }, h("gux-form-field-checkbox", { key: '05a893101d162f76f3df3e636bf4f9268262eebf' }, h("input", { key: '52b42d034cad321280c74eeb237bc3434a231c7e', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'e8e992aa237a198eb05305de304aeb55db704ecf', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '6ef21dc5844b0d40cc12c1e52f482b27f223f6c8', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'a00730a6820a3abba1504d61c50e36b3cb6298ec', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '1fc59cd7e1abf4f0d12c85c63f8a8362657dfbcc', ref: el => (this.announceElement = el) })));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DkRxKrC5.js';
-import { t as trackComponent } from './usage-CppBvN02.js';
+import { t as trackComponent } from './usage-B2sbNpMT.js';
 import { b as buildI18nForComponent } from './index-DnjikExJ.js';
 import { a as onDisabledChange } from './on-attribute-change-De1NnCmO.js';
 import { f as focusInputElement } from './focus-input-element-JHLuJ8Pb.js';
@@ -65,10 +65,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (h("div", { key: '005b8a6387ab8fe85d2568dadd131d23cad52d66', class: {
+        return (h("div", { key: '847f1e89ae0d2ef04b4347485db960375bfac09f', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '101221eef9d32157c62232694a25117102c3fa39', class: "gux-search-icon" }, h("gux-icon", { key: 'ef6aba3306001c5992c549e7bcb8e7383405e9a4', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '66f162a8e996e5f99df6e38bd2b53f8e33c0569a' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '48798bdc9bb5d2fa98b0a46a427be3f90903420d', class: "gux-search-icon" }, h("gux-icon", { key: '34f8958715d07f3abaf9e588dca5f33e665b53e8', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '697b8d07ba2414ce430dab8f6fa7faf454848dca' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-DkRxKrC5.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
-import { t as trackComponent } from './usage-CppBvN02.js';
+import { t as trackComponent } from './usage-B2sbNpMT.js';
 import { b as buildI18nForComponent } from './index-DnjikExJ.js';
 import { O as OnClickOutside } from './on-click-outside-W2CZCart.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
@@ -134,8 +134,8 @@ const GuxContextMenu = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '5c6fcdb16aca67d10d68a84a74ed9e882366594f' }, h("gux-popup", { key: 'a058fa9045b1ea9bf7baf6e7bd7acb20316021a1', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'b39b560341aff900fbfa5b0bf0927b1c4b9dbc33', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '70e97e654db145292fc372398101cfb7c26dce08', accent: "ghost" }, 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 }, h("gux-screen-reader-beta", { key: '3a6f2b1215ae7fc383bacb7264f74cbd03b342a0' }, this.screenreaderText ||
-            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: '882669bc46a37800d7b9ced560de2e9d41105c4b', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: 'b29801fdedc5ed27bbc0e3159749ec514d441a22', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '5fc919f53286974f3d9a38a069592227ce185103', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '184fa8c0df6a3f7fd91bbf2ad78f734c7b2654cf' }))))));
+        return (h(Host, { key: '2cd16ddacbd191b173f7b6ac85bff7082b1ff12a' }, h("gux-popup", { key: '2ed454552b5a5abeecfbcb838732bf96380293c3', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '5e418025847444e31ab811d887cb530b1e87b06e', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '1445177695751d83364174ac0bac202f0044eaea', accent: "ghost" }, h("button", { key: 'ee9fca2db917b058df0c3f2a79201a33bfbbc62b', 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 }, h("gux-screen-reader-beta", { key: '4968e9b16bbd99bd6778ba6e294c6ec51783e793' }, this.screenreaderText ||
+            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: 'ad7e3f2674909c15148efae876346a2000374475', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: 'd71c8d89dd9a2269140a6ad86c59da0b7bec99d8', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '89b70b521d2166e2672431a31cd6b1bc0b8269c7', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '97795e018bb37a1ccaa488d8be41cfc2e7907f37' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-DkRxKrC5.js';
-import { t as trackComponent } from './usage-CppBvN02.js';
+import { t as trackComponent } from './usage-B2sbNpMT.js';
 import { b as buildI18nForComponent } from './index-DnjikExJ.js';
 import { g as getSlotTextContent } from './get-slot-text-content-MAoEg4ig.js';
 import './get-closest-element-Cd4R0amv.js';
@@ -62,7 +62,7 @@ const GuxCopyToClipboard = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '743c477dce108f8bc377e764794fa06f6331b60a', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent(this.root, 'content') }, h("div", { key: '0d64efa090fa1204f90ae3fd91370889e02a7e48', class: "gux-copy-content" }, h("slot", { key: 'a67e11585ad450ff94b8fc037a342996211564e3', name: "content" }), h("gux-icon", { key: '8c0f272c28636ca675bc901dbaa5407302f0501d', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: 'ff79d0dc9a4a559bb66dcaf0e5ef40f2ef6c62b4', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent(this.root, 'content') }, h("div", { key: '22eca5f105d5a53fb8459919ca2fc733ef5edc1a', class: "gux-copy-content" }, h("slot", { key: '746a05864bba540aa70f40acfc2f205c674ea97c', name: "content" }), h("gux-icon", { key: 'aab2498fcdc725d37c2e44effbfd091350fb49de', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
     }
     get root() { return getElement(this); }
 };

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

@@ -44,11 +44,11 @@ const GuxCreateOption = class {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '5923b19a166b698b50e5ac02f459ab397fd8f210', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: 'd370ef5d4fe148d6e2e086eb6fecd5c44bfa2a68', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: 'e40509866e7b082d270e2479bfea61253e57eca2', class: "gux-option" }, h("gux-icon", { key: 'a9ee42b9a7f4e587c8f447880a2e3ff067038254', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '51545fd248d82632c543b75acc52fbfc88ce596b', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '4a63454c224b949cc3bca569ff0cee5e67ebb580', class: "gux-option" }, h("gux-icon", { key: 'b384ee1e012d964de900acc2159f115dffa32159', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: 'efa2a2a1ae6091463abc5765ed42de7cadad6050', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-DkRxKrC5.js';
-import { t as trackComponent } from './usage-CppBvN02.js';
+import { t as trackComponent } from './usage-B2sbNpMT.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-CqhXlqWP.js';
 import { d as dateTimeFormat, a as determineDisplayLocale } from './intl-CpptOorV.js';
 import { u as useRegionalDates } from './use-regional-dates-ZuNZ-MBw.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-DkRxKrC5.js';
-import { t as trackComponent } from './usage-CppBvN02.js';
+import { t as trackComponent } from './usage-B2sbNpMT.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-CqhXlqWP.js';
 import { d as dateTimeFormat, a as determineDisplayLocale } from './intl-CpptOorV.js';
 import { u as useRegionalDates } from './use-regional-dates-ZuNZ-MBw.js';

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

@@ -4,7 +4,7 @@ import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
 import { f as fromIsoDate, a as asIsoDateRange, b as asIsoDate, c as fromIsoDateRange } from './iso-dates-aKaDsw_5.js';
 import { O as OnClickOutside } from './on-click-outside-W2CZCart.js';
-import { t as trackComponent } from './usage-CppBvN02.js';
+import { t as trackComponent } from './usage-B2sbNpMT.js';
 import { b as buildI18nForComponent } from './index-DnjikExJ.js';
 import { g as getFormat, a as determineDisplayLocale } from './intl-CpptOorV.js';
 import { u as useRegionalDates } from './use-regional-dates-ZuNZ-MBw.js';
@@ -674,7 +674,7 @@ const GuxDatepicker = class {
             } }, h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, this.getCalendarLabels()[1]), h("div", { class: "gux-datepicker-field-input" }, h("div", { class: "gux-datepicker-field-text-input" }, 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 (h("div", { key: '8bf19a961f4cd2d4b66e75d6088b93ea72a13879', class: {
+        return (h("div", { key: '31bcd6b65eac76aad4d68723e2308cbf6f55d8bc', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DkRxKrC5.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
-import { t as trackComponent } from './usage-CppBvN02.js';
+import { t as trackComponent } from './usage-B2sbNpMT.js';
 import { b as buildI18nForComponent } from './index-DnjikExJ.js';
 import './get-closest-element-Cd4R0amv.js';
 
@@ -53,10 +53,10 @@ const GuxDisclosureButtonLegacy = class {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: 'c96d5f177492ff489747baca32b70f93adaf1bf5', class: `gux-disclosure-button-container gux-${this.position}` }, 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" }, h("gux-icon", { key: '7bbf022e573cd8f16fde788be416c6b93b76f203', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '53f88d45530817e81c91f130f083307e4b166bbe', id: this.panelId, class: {
+        return (h("div", { key: '4f95ace29e11d22b3f56df612f39c28da0fe6289', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'c632fe72b7ef8e2055b093ea95853d67b4459c08', 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" }, h("gux-icon", { key: '3ad7df364e129138cbfa8debe9000c505f450318', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '69f77ab04cbeb96272f10d2868e850de096e81dc', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: '3e234ddc4164e3da3aaf9d430d57f016d031068d', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '60dd373d4ff9ed7c9f67f0d5103be0954a48173c', name: "panel-content" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-DkRxKrC5.js';
-import { t as trackComponent } from './usage-CppBvN02.js';
+import { t as trackComponent } from './usage-B2sbNpMT.js';
 import { b as buildI18nForComponent } from './index-DnjikExJ.js';
 import './get-closest-element-Cd4R0amv.js';
 
@@ -21,10 +21,10 @@ const GuxDismissButton = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-button-slot", { key: '699c5876801bf26edbae2803ca5f7ba7d047b27e', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: 'a42976c1081623a502264f40087c0832e86cd37c', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: 'de66227205545b4dbf92210167fa4d5ca1ca4a48', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'f9284ac02c27e32ea3646718efcad36954099ce6', class: "gux-icon-container" }, h("gux-icon", { key: 'fc37236b5f832358416119d97e8aa6cc3612a825', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, h("button", { key: 'de941be5548f25d721caaf43613cd0503932ac4d', type: "button", title: this.i18n('dismiss') }, h("div", { key: '7f55c0a2220d228e01246b1eeca8c56b30561ac8', class: "gux-icon-container" }, h("gux-icon", { key: '65da72a2702d705a233e9a0e47b6ed1ac01430e2', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

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

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

@@ -4,7 +4,7 @@ import { b as buildI18nForComponent } from './index-DnjikExJ.js';
 import { s as simulateNativeEvent } from './simulate-native-event-BMRf5pjV.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
 import { o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { t as trackComponent } from './usage-CppBvN02.js';
+import { t as trackComponent } from './usage-B2sbNpMT.js';
 import { c as convertValueToArray, s as setInitialActiveOption, g as getSearchOption, a as getOptionDefaultSlot } from './gux-listbox.service-B_WlCjG2.js';
 import { O as OnMutation } from './on-mutation-DGiaTC8j.js';
 import './get-closest-element-Cd4R0amv.js';
@@ -425,7 +425,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            h("div", { key: '21470eb5abc8ce97d749c5b4199c97c3209b63d4', class: "gux-dropdown-container" }, 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()))
+            h("div", { key: 'c20af3c7255018600ecae391f368f5393524abbd', class: "gux-dropdown-container" }, h("gux-popup", { key: 'a8fe4f4356451bcdfe2256336ee2753c5365a34a', 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/esm/gux-dropdown-option.entry.js

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

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

@@ -4,7 +4,7 @@ import { b as buildI18nForComponent } from './index-DnjikExJ.js';
 import { s as simulateNativeEvent } from './simulate-native-event-BMRf5pjV.js';
 import { o as onInputDisabledStateChange, c as calculateInputDisabledState } from './on-input-disabled-state-change-Cb3FOYGS.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
-import { t as trackComponent } from './usage-CppBvN02.js';
+import { t as trackComponent } from './usage-B2sbNpMT.js';
 import { O as OnMutation } from './on-mutation-DGiaTC8j.js';
 import { s as setInitialActiveOption, b as getListOptions, g as getSearchOption, a as getOptionDefaultSlot, d as clearActiveOptions, h as hasActiveOption, e as setLastOptionActive, f as setFirstOptionActive, i as hasPreviousOption, j as setPreviousOptionActive, k as hasNextOption, l as setNextOptionActive, m as actOnActiveOption, n as goToOption, o as onClickedOption, c as convertValueToArray, p as matchOption } from './gux-listbox.service-B_WlCjG2.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
@@ -21,7 +21,7 @@ var translationResources$1 = {
 	dropdown: dropdown
 };
 
-const guxDropdownCss = ":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-button,.gux-disabled.gux-target-container-expanded{user-select:none;border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{--gux-zindex-tooltip:3;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0;block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;block-size:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;inline-size:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{outline:none;border:none}.gux-target-container-expanded .gux-field-button{inline-size:auto;block-size:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;outline:none;background:inherit;border:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-collapsed .gux-field-button:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(gux-listbox){outline:none;box-shadow:var(--gse-ui-menu-boxShadow)}.gux-selected-icon{display:flex;flex-direction:row;align-items:center}.gux-selected-icon.gux-icon-position-end{flex-direction:row-reverse}.gux-selected-icon gux-icon{padding-inline-end:var(--gse-ui-dropdown-gap)}";
+const guxDropdownCss = ":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-field,.gux-target-container-filterable{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-filterable,.gux-target-container-not-filterable .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-error.gux-target-container-not-filterable .gux-field-button,.gux-error.gux-target-container-filterable{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-not-filterable .gux-field-button,.gux-disabled.gux-target-container-filterable{user-select:none;border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-target-container-not-filterable .gux-field-button:hover,.gux-target-container-filterable:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{--gux-zindex-tooltip:3;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0;block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;block-size:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;inline-size:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-filterable{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-filterable.gux-target-container-filterable-active{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-filterable:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-filterable:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-filterable .gux-filter-input{background-color:inherit;border:none}.gux-target-container-filterable .gux-filter-input:focus{outline:none;border:none}.gux-target-container-filterable .gux-filter-input::selection{color:inherit;background:transparent;}.gux-target-container-filterable .gux-field-button{inline-size:auto;block-size:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;outline:none;background:inherit;border:none;box-shadow:none}.gux-target-container-filterable .gux-field-button:focus{outline:none}.gux-target-container-not-filterable .gux-field-button{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-not-filterable .gux-field-button:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-not-filterable .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(gux-listbox){outline:none;box-shadow:var(--gse-ui-menu-boxShadow)}.gux-selected-icon{display:flex;flex-direction:row;align-items:center}.gux-selected-icon.gux-icon-position-end{flex-direction:row-reverse}.gux-selected-icon gux-icon{padding-inline-end:var(--gse-ui-dropdown-gap)}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -56,6 +56,7 @@ const GuxDropdown = class {
     watchExpanded(expanded) {
         if (!expanded) {
             this.filter = '';
+            this.filterElement.value = '';
         }
     }
     watchValue(newValue) {
@@ -122,6 +123,10 @@ const GuxDropdown = class {
     }
     onFocusin(event) {
         this.stopPropagationOfInternalFocusEvents(event);
+        if (this.isFilterable() &&
+            !this.root.contains(event === null || event === void 0 ? void 0 : event.relatedTarget)) {
+            this.filterElement.focus();
+        }
     }
     onClickOutside() {
         this.collapseListbox('noFocusChange');
@@ -344,8 +349,8 @@ const GuxDropdown = class {
             } }, h("gux-icon", { "icon-name": iconOption.iconName, style: iconStyle, decorative: true, size: "small" }), h("gux-truncate", { ref: el => (this.truncateElement = el) }, optionText)));
     }
     renderFilterInputField() {
-        if (this.expanded && this.isFilterable()) {
-            return (h("div", { class: "gux-field gux-input-field", dir: "auto" }, h("div", { class: "gux-field-content" }, h("div", { class: "gux-filter" }, h("div", { class: "gux-filter-display" }, h("span", { class: "gux-filter-text" }, this.filter), h("span", { class: "gux-filter-suggestion" }, this.getTypeaheadText(this.filter))), h("div", { class: "input-and-dropdown-button" }, h("input", { onClick: this.fieldButtonClick.bind(this), class: "gux-filter-input", type: "text", "aria-label": this.i18n('filterResults'), ref: el => (this.filterElement = el), onInput: this.filterInput.bind(this), onKeyDown: this.filterKeydown.bind(this), onKeyUp: this.filterKeyup.bind(this), disabled: this.disabled }))))));
+        if (this.isFilterable()) {
+            return (h("div", { class: "gux-field gux-input-field", dir: "auto" }, h("div", { class: "gux-field-content" }, h("div", { class: "gux-filter" }, h("div", { class: "gux-filter-display" }, h("span", { class: "gux-filter-text" }, this.filter), h("span", { class: "gux-filter-suggestion" }, this.getTypeaheadText(this.filter))), h("div", { class: "input-and-dropdown-button" }, h("input", { class: "gux-filter-input", type: "text", "aria-label": this.i18n('filterResults'), ref: el => (this.filterElement = el), onInput: this.filterInput.bind(this), onKeyDown: this.filterKeydown.bind(this), onKeyUp: this.filterKeyup.bind(this), onFocus: () => (this.expanded = true), disabled: this.disabled }), this.renderTargetContent())))));
         }
     }
     renderPopup() {
@@ -353,11 +358,12 @@ const GuxDropdown = class {
     }
     renderTarget() {
         return (h("div", { class: {
-                'gux-target-container-expanded': this.expanded && this.isFilterable(),
-                'gux-target-container-collapsed': !(this.expanded && this.isFilterable()),
+                'gux-target-container-filterable': this.isFilterable(),
+                'gux-target-container-filterable-active': this.expanded && this.isFilterable(),
+                'gux-target-container-not-filterable': !this.isFilterable(),
                 'gux-error': this.hasError,
                 'gux-disabled': this.disabled
-            }, slot: "target" }, this.renderFilterInputField(), h("button", { type: "button", class: "gux-field gux-field-button", disabled: calculateInputDisabledState(this.root), onClick: this.fieldButtonClick.bind(this), onFocusin: this.showTooltip.bind(this), onFocusout: this.hideTooltip.bind(this), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": this.expanded.toString() }, this.renderTargetContent(), this.renderRadialLoading(), h("gux-icon", { class: {
+            }, slot: "target" }, this.renderFilterInputField(), h("button", { type: "button", class: "gux-field gux-field-button", disabled: calculateInputDisabledState(this.root), onClick: this.fieldButtonClick.bind(this), onFocusin: this.showTooltip.bind(this), onFocusout: this.hideTooltip.bind(this), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": this.expanded.toString() }, !this.isFilterable() && this.renderTargetContent(), this.renderRadialLoading(), h("gux-icon", { class: {
                 'gux-expand-icon': true
             }, "screenreader-text": this.i18n('dropdown'), size: "small", iconName: this.expanded
                 ? 'custom/chevron-up-small-regular'
@@ -374,7 +380,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (h("gux-popup", { key: '1489eb86035a07be578c9add3edf616e95061f16', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '49c7e8f06f4de5511cf7d70953d281fb2b7326de', 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 getElement(this); }
@@ -598,13 +604,13 @@ const GuxOption = class {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: 'c2672c6cb5bf516a3495eea8357d3bc4c4c900da', role: "option", class: {
+        return (h(Host, { key: 'bdd62143a1608793696ce79b8c7706fd25adda6c', 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() }, h("div", { key: 'b85bf4d463039f58f49ec2d6d18d2d1415403f32', class: "gux-option-wrapper" }, h("gux-truncate", { key: '18608184d2d7a77a8fd0018745f9a1b6a8a5fa80', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '1b42a67570ad5b853612cbfce4481be09442aebd' })), h("slot", { key: '279602519fa45e83691133da63ef404ff014c43e', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: 'dcdd4752efff5e7028286bceaf5ec794495bb6d0', class: "gux-option-wrapper" }, h("gux-truncate", { key: '386152d4643e7f7c25aa54d74d9a2878d058069a', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '553d5cc29d887e8ae220f877749b4c998c6af63a' })), h("slot", { key: 'a6c6bc79dfa32e6b782d35c48490a74e0d40b666', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DkRxKrC5.js';
 import { b as buildI18nForComponent } from './index-DnjikExJ.js';
-import { t as trackComponent } from './usage-CppBvN02.js';
+import { t as trackComponent } from './usage-B2sbNpMT.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const removeFile = "Remove {filename} file";
@@ -14,7 +14,7 @@ var componentResources = {
 	error: error
 };
 
-const guxFileListItemCss = ":host{display:block}.gux-file-list-item{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--gse-ui-fileUpload-fileCard-foregroundColor);border:var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-width) var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-style) var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-color);border-radius:var(--gse-ui-fileUpload-fileCard-borderRadius);box-shadow:var(--gse-ui-fileUpload-fileCard-boxShadow)}.gux-file-list-item.gux-disabled{opacity:0.5}.gux-file-list-item.gux-error{padding-block-start:0;border:var(--gse-ui-fileUpload-fileCard-mainContainer-error-border-width) var(--gse-ui-fileUpload-fileCard-mainContainer-error-border-style) var(--gse-ui-fileUpload-fileCard-mainContainer-error-border-color)}.gux-file-list-item .gux-info{box-sizing:border-box;display:flex;gap:var(--gse-ui-fileUpload-fileCard-card-gap);align-items:center;inline-size:100%;block-size:32px;padding:var(--gse-ui-fileUpload-fileCard-card-padding)}.gux-file-list-item .gux-info .gux-file-name{font-family:var(--gse-ui-fileUpload-fileCard-fileName-text-fontFamily);font-size:var(--gse-ui-fileUpload-fileCard-fileName-text-fontSize);font-weight:var(--gse-ui-fileUpload-fileCard-fileName-text-fontWeight);line-height:var(--gse-ui-fileUpload-fileCard-fileName-text-lineHeight);color:var(--gse-ui-fileUpload-fileCard-fileName-default)}.gux-file-list-item .gux-info .gux-indicator[icon-name=\"fa/circle-check-solid\"]{--gse-ui-formControl-label-tooltipTrigger-color:ui.$gse-ui-fileUpload-fileCard-statusIcon-success}.gux-file-list-item .gux-info .gux-indicator[icon-name=\"fa/hexagon-exclamation-solid\"]{--gse-ui-formControl-label-tooltipTrigger-color:ui.$gse-ui-fileUpload-fileCard-statusIcon-error}.gux-file-list-item .gux-info gux-button-slot{inline-size:var(--gse-ui-button-dismiss-small-width);block-size:var(--gse-ui-button-dismiss-small-height)}.gux-file-list-item .gux-info gux-button-slot button{--gse-ui-button-default-paddingIconOnly:4px;inline-size:var(--gse-ui-button-dismiss-small-width);min-inline-size:var(--gse-ui-button-dismiss-small-width);block-size:var(--gse-ui-button-dismiss-small-height)}.gux-file-list-item .gux-additional-info{display:flex;flex-direction:column;gap:var(--gse-ui-fileUpload-fileCard-card-errorCard-errorTextSection-gap);inline-size:100%;padding:var(--gse-ui-fileUpload-fileCard-card-errorCard-mainContainer-padding);font-family:var(--gse-ui-fileUpload-fileCard-error-text-fontFamily);font-size:var(--gse-ui-fileUpload-fileCard-error-text-fontSize);font-weight:var(--gse-ui-fileUpload-fileCard-error-text-fontWeight);line-height:var(--gse-ui-fileUpload-fileCard-error-text-lineHeight);border-block-start:var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-width) var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-style) var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-color)}.gux-file-list-item .gux-additional-info .gux-additional-info-header{padding:var(--gse-ui-fileUpload-fileCard-card-padding);color:var(--gse-ui-fileUpload-fileCard-error-errorMessage)}.gux-file-list-item .gux-additional-info .gux-additional-info-content{padding:var(--gse-ui-fileUpload-fileCard-card-padding);color:var(--gse-ui-fileUpload-fileCard-error-errorHelper)}";
+const guxFileListItemCss = ":host{display:block}.gux-file-list-item{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--gse-ui-fileUpload-fileCard-foregroundColor);border:var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-width) var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-style) var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-color);border-radius:var(--gse-ui-fileUpload-fileCard-borderRadius);box-shadow:var(--gse-ui-fileUpload-fileCard-boxShadow)}.gux-file-list-item.gux-disabled{opacity:0.5}.gux-file-list-item.gux-error{padding-block-start:0;border:var(--gse-ui-fileUpload-fileCard-mainContainer-error-border-width) var(--gse-ui-fileUpload-fileCard-mainContainer-error-border-style) var(--gse-ui-fileUpload-fileCard-mainContainer-error-border-color)}.gux-file-list-item .gux-info{box-sizing:border-box;display:flex;gap:var(--gse-ui-fileUpload-fileCard-card-gap);align-items:center;inline-size:100%;block-size:32px;padding:var(--gse-ui-fileUpload-fileCard-card-padding)}.gux-file-list-item .gux-info .gux-file-name{font-family:var(--gse-ui-fileUpload-fileCard-fileName-text-fontFamily);font-size:var(--gse-ui-fileUpload-fileCard-fileName-text-fontSize);font-weight:var(--gse-ui-fileUpload-fileCard-fileName-text-fontWeight);line-height:var(--gse-ui-fileUpload-fileCard-fileName-text-lineHeight);color:var(--gse-ui-fileUpload-fileCard-fileName-default)}.gux-file-list-item .gux-info .gux-indicator[icon-name=\"fa/circle-check-solid\"]{--gse-ui-formControl-label-tooltipTrigger-color:var(--gse-ui-fileUpload-fileCard-statusIcon-success)}.gux-file-list-item .gux-info .gux-indicator[icon-name=\"fa/hexagon-exclamation-solid\"]{--gse-ui-formControl-label-tooltipTrigger-color:var(--gse-ui-fileUpload-fileCard-statusIcon-error)}.gux-file-list-item .gux-info gux-button-slot{inline-size:var(--gse-ui-button-dismiss-small-width);block-size:var(--gse-ui-button-dismiss-small-height)}.gux-file-list-item .gux-info gux-button-slot button{--gse-ui-button-default-paddingIconOnly:4px;inline-size:var(--gse-ui-button-dismiss-small-width);min-inline-size:var(--gse-ui-button-dismiss-small-width);block-size:var(--gse-ui-button-dismiss-small-height)}.gux-file-list-item .gux-additional-info{display:flex;flex-direction:column;gap:var(--gse-ui-fileUpload-fileCard-card-errorCard-errorTextSection-gap);inline-size:100%;padding:var(--gse-ui-fileUpload-fileCard-card-errorCard-mainContainer-padding);font-family:var(--gse-ui-fileUpload-fileCard-error-text-fontFamily);font-size:var(--gse-ui-fileUpload-fileCard-error-text-fontSize);font-weight:var(--gse-ui-fileUpload-fileCard-error-text-fontWeight);line-height:var(--gse-ui-fileUpload-fileCard-error-text-lineHeight);border-block-start:var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-width) var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-style) var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-color)}.gux-file-list-item .gux-additional-info .gux-additional-info-header{padding:var(--gse-ui-fileUpload-fileCard-card-padding);color:var(--gse-ui-fileUpload-fileCard-error-errorMessage)}.gux-file-list-item .gux-additional-info .gux-additional-info-content{padding:var(--gse-ui-fileUpload-fileCard-card-padding);color:var(--gse-ui-fileUpload-fileCard-error-errorHelper)}";
 
 const GuxFileListItem = class {
     constructor(hostRef) {
@@ -27,11 +27,11 @@ const GuxFileListItem = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: 'f3728cb6a3f569b8e40e2306f6f352bbf3ba32d3', class: {
+        return (h("div", { key: 'd49c0767377da03e5365273f91a39bad62062500', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'ab8b83c2c6e544d5061311b15661d823f2dc48da', class: "gux-info" }, h("gux-truncate", { key: '9d43e488a09c57d3b7c6623609b58571d032e79a' }, h("span", { key: '3026f444ac1c121e3a6cbdb5a084217de0eb9fab', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, h("div", { key: 'a33471c150928e030a4c05dff3d702588641a1e9', class: "gux-info" }, h("gux-truncate", { key: 'dc3765ded0e84e51262359a7d0bc64ca62dac65d' }, h("span", { key: '6aecdc1894a57119fbecdea686e2e2d5a0a5f6d5', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
     }
     renderStatusIndicator() {
         switch (this.status) {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-DkRxKrC5.js';
-import { t as trackComponent } from './usage-CppBvN02.js';
+import { t as trackComponent } from './usage-B2sbNpMT.js';
 import { b as buildI18nForComponent } from './index-DnjikExJ.js';
 import './get-closest-element-Cd4R0amv.js';
 

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-DkRxKrC5.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom-C_pVuars.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
-import { t as trackComponent } from './usage-CppBvN02.js';
+import { t as trackComponent } from './usage-B2sbNpMT.js';
 import { h as hideDelay } from './gux-menu.common-QGDBFOq1.js';
 import { b as buildI18nForComponent } from './index-DnjikExJ.js';
 import './get-closest-element-Cd4R0amv.js';
@@ -188,10 +188,10 @@ const GuxFlyoutMenu = class {
         }
     }
     render() {
-        return (h(Host, { key: '7ad3efd714c201938298cf87b5acc6e86a4618c0', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: 'f2c96a97da0e807e8a0506b12b01e7d9dc4e03f1', ref: el => (this.announceElement = el) }), h("span", { key: '92702bfb121a185695edac754f6bc29371b7f635', ref: el => (this.targetElement = el) }, h("slot", { key: '6b6e3221ea75d5f498466c178e1229f1eb27e675', name: "target" })), h("div", { key: '701eb459b5a0f71395b55c5785f549bef720d23d', class: {
+        return (h(Host, { key: '6cf59014f90870cbe8d838110c2aa096543a114b', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: '1695c676fccd04b1f329a03ebf07887236ef08f3', ref: el => (this.announceElement = el) }), h("span", { key: '0e5f007704cf3ceee5e6de231a417eed53c72d57', ref: el => (this.targetElement = el) }, h("slot", { key: '0dbf1fe885215ab2e70266ae2c09be958ae48657', name: "target" })), h("div", { key: '6e475181c87066e81feda5ce432c75bf700f17a6', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'acf809c3553c47e9c7807695dd4598251268ed7a', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'efea8e265eee0be91e5a95867b869fe0d7c92f6d', class: "gux-arrow-caret" })), h("slot", { key: '7ab7ae4ec3ade19ff50e2eec0d0fc1b20d3d7c93', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '4026a9def2ebdfde26aa0e5300673e5a8c1b9c1c', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '2cbd5a5d8ebc4726dacebf764a4a33465fa34b1e', class: "gux-arrow-caret" })), h("slot", { key: '46ac2c59463c9ee24f3c931ba4aeed791291bd98', name: "menu" }))));
     }
     get root() { return getElement(this); }
 };