npm - genesys-spark-components - Versions diffs - 4.47.0 → 4.48.1 - Mend

genesys-spark-components 4.47.0 → 4.48.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (499) hide show

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-fcaa2337.js';
+import { t as trackComponent } from './usage-f42dad9c.js';
 import { l as logError } from './log-error-274efeb7.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-icon-only-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;color:var(--gse-ui-button-secondary-default-foregroundColor);text-overflow:ellipsis;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-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-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-link-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-link-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-link-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-link-active-foregroundColor);text-decoration:underline;background:none}";
@@ -34,7 +34,7 @@ const GuxButtonSlot = class {
         this.validateSlotContent();
     }
     render() {
-        return (h(Host, { key: '49f790f11ca95c490b2cfba8e93f52318606993d', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '77c933f07552edeef2a852904d27c085dc262098' })));
+        return (h(Host, { key: '134965d5b37ddf423d3910f44250ba9442efc00b', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '5c548197de637423a210b42b9a7cdbb8db4e8800' })));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-button.entry.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-fcaa2337.js';
+import { t as trackComponent } from './usage-f42dad9c.js';
 const guxButtonCss = ":host{display:inline-block;pointer-events:none;-webkit-user-select:none;user-select:none}:host(:focus){outline:none}:host(:focus) button{outline:none}::slotted(gux-icon){inline-size:var(--gse-ui-button-icon-size);block-size:var(--gse-ui-button-icon-size)}::slotted(*){padding-inline-start:var(--gse-core-spacing-3xs);vertical-align:middle}::slotted(*:first-child){padding:0}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-icon-only-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;color:var(--gse-ui-button-secondary-default-foregroundColor);text-overflow:ellipsis;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)}button.gux-icon-only{display:inline-flex;padding:var(--gse-ui-button-default-paddingIconOnly)}button[disabled]{cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}button:hover:enabled{color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}button:active:enabled{color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}button:focus-visible:enabled{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}button.gux-primary{color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}button.gux-primary:hover:enabled{color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}button.gux-primary:active:enabled{color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}button.gux-tertiary{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)}button.gux-tertiary.gux-icon-only{padding:calc(var(--gse-ui-button-default-paddingIconOnly) - var(--gse-ui-button-tertiary-default-border-width))}button.gux-tertiary:hover:enabled{color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}button.gux-tertiary:active:enabled{color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}button.gux-ghost{color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}button.gux-ghost:hover:enabled{color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}button.gux-ghost:active:enabled{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}button.gux-danger{color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}button.gux-danger:hover:enabled{color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}button.gux-danger:active:enabled{color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}button.gux-inline{min-inline-size:initial;block-size:initial;padding:0;color:var(--gse-ui-link-default-foregroundColor);background:none;border:none}button.gux-inline[disabled]{color:var(--gse-ui-link-disabled-foregroundColor)}button.gux-inline:hover:enabled{color:var(--gse-ui-link-hover-foregroundColor);text-decoration:underline;background:none}button.gux-inline:active:enabled{color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}";
 const GuxButtonStyle0 = guxButtonCss;
@@ -20,10 +20,10 @@ const GuxButton = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("button", { key: 'a158ec6525941e165da26d57851cd424570be10a', type: this.type, title: this.guxTitle, disabled: this.disabled, class: {
+        return (h("button", { key: 'f2fb5ec34c0d0c2106560bcbf721bb65ac207bfc', type: this.type, title: this.guxTitle, disabled: this.disabled, class: {
                 [`gux-${this.accent}`]: true,
                 'gux-icon-only': this.iconOnly
-            } }, h("slot", { key: '01227c88db1d73012aac7869c0694d7aa254848c', onSlotchange: this.slotChanged.bind(this) })));
+            } }, h("slot", { key: '1f818f57edc0c88d6474f2da3fb7f9b1acc8b6f2', onSlotchange: this.slotChanged.bind(this) })));
     }
     stopEventIfDisabled(event) {
         if (this.disabled) {

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { b as asIsoDateRange, c as fromIsoDateRange, a as asIsoDate, f as fromIsoDate } from './iso-dates-8d3f106d.js';
-import { t as trackComponent } from './usage-fcaa2337.js';
+import { t as trackComponent } from './usage-f42dad9c.js';
 import { g as getDesiredLocale, a as getStartOfWeek } from './index-3f1e5ba8.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-404638dd.js';
 import { u as useRegionalDates, d as dateTimeFormat } from './use-regional-dates-ef65cb1d.js';
@@ -382,7 +382,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: '78dcd6c1611b43c00866ab252ca7f3e12fbdd31d', class: "gux-calendar" }, h("div", { key: 'db52b803f9c409dee234f4e57752e190d56a1a3f', class: "gux-header" }, h("button", { key: '498732f8152ef0c17c967a94ba11254c10bf6311', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '9a40471fc32e25fc7dac510deb78e2cc9d6305c9', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'ec4dd5ef298ade5d0da4bfe8cdbf82530fcbcb92', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '09a6f80c4b1ec95322e34f243c744eb6a40b680d', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '755b85ebaf4009451415070971babccf641f2997', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: 'b82550835383b3ffd80d13da7510e8e781e7b8d1', class: "gux-calendar" }, h("div", { key: '7c191964ff7d917f0d7a5b67afb08bc92163538c', class: "gux-header" }, h("button", { key: '11860e63df40c1ddc686b90e6b045fb696bfae01', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '28a93841800e06f17135882eb231c54ae2aebc7f', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '23e16a300ab5a1b8de3178bf88a2b4a6326bdf95', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '925d29f22112259fe5082d2051546d58aee7c789', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'dbc45c6c17eee5770e7c77856c10bd4f35a0b59c', 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 CHANGED Viewed

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-fcaa2337.js';
+import { t as trackComponent } from './usage-f42dad9c.js';
 const guxCardCss = ":host{display:block;width: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-x) var(--gse-ui-card-raised-boxShadow-y) var(--gse-ui-card-raised-boxShadow-blur) var(--gse-ui-card-raised-boxShadow-spread) var(--gse-ui-card-raised-boxShadow-color)}.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;
@@ -13,10 +13,10 @@ const GuxCard = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("div", { key: '85c28fc7e23553e59ceed2d3c6df7a01484ece43', class: {
+        return (h("div", { key: 'ef986dfeb651244c08e8cef8bb9a4e4983f0601c', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: 'c7c49050f468116a6837365543c0d31adc7e42df' })));
+            } }, h("slot", { key: '316a79ac9fca43aa9d276619b099f68902c3cf19' })));
     }
     get root() { return getElement(this); }
 };

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

@@ -154,14 +154,14 @@ const GuxColumnManagerItem = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '19e04ad673a04b589d5a6a5a47d0e3b1c60cc106', draggable: "true" }, h("div", { key: '07f33956d45d21bf6e364a5672ffc838540e173c', class: {
+        return (h(Host, { key: '3b9b8631c8b17b8cb6700e18684ece19af459a62', draggable: "true" }, h("div", { key: 'ff9937f842c7c4ee74f976083e8adf318d6b466b', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '128d146619325aa29b98eaeff0f58860c464e98f', class: {
+            } }, h("button", { key: '5837c9958ea78defc832dad36c7d255da2a6aa36', 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: '2b4eda9f6491167dd33dc6d332e4fd39a1919557', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '706f0eea0b56cdb3f75d571e8777f3ac847220b4', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '5ac36eb4c29956d4e819a5de1247ff042ff8b2c9', class: "gux-select" }, h("slot", { key: 'e336631b5dab80b251ba6893012f0feb1addfb63', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'df463e7bbb64088bea9ff105d074661b7ee495d0', 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: 'f3dc52c9ac8a9ebe1a2b8516f99c0a045b00770e', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: 'b3e03ed1481f5b4fdfd639efa87aca80a6328785', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '35ea3d0421ba845bb2a393d44ead54971a7bca62', class: "gux-select" }, h("slot", { key: '0f5cfeff81a32018f07347434aac76c9cb609aef', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '8ec79bc87d2ae402a9eae6a4895fa7a60ce563dd', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-da21b737.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
-import { t as trackComponent } from './usage-fcaa2337.js';
+import { t as trackComponent } from './usage-f42dad9c.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-90a02975.js';
 import './get-closest-element-728b9f18.js';
 import './clamp-1fc36648.js';
@@ -111,7 +111,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: '9e1f26db2435caa8d5296db7158514684ec7dcf4', class: "gux-container" }, h("div", { key: 'dde308417a67d62bd864216a2ba174cd54b65681', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '3b9432eb853c7d50ca312850945eb08d4af69d73', class: "gux-search" }, h("gux-content-search", { key: '3b00f9c9d0bb2c97cef119502040cc736ac82428', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '1a3bfbd4aebbd3d2fada56bb626e9dbaa3368d5d', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '614d197c44335c9b25279712145d1da65bf98e13', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'd71186290ebbccc8736b4dce8f89d46fa4e595f3' }, h("input", { key: '95f8406c17d50838641be426c5c6f4f6b0f49d3a', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '50252c685aca4ec17a3f01f30e6182d91d642180', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'c13bdddd46573b8184673f6e44bb20a50d3ad394', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '7b2052d98a33aac03b05ccb02733eb68746ccedd', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'cf288b8c131da4b8343ada68c93c11c2671589ba', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: 'c1551c6850d4d173f5a9cbc8adae0885ee7e5df8', class: "gux-container" }, h("div", { key: 'bdaf9e69423f7beb33ffd9734c7522c48558f9ab', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '84b5c8a87cc3e5752495d19b099636e6132d2dc1', class: "gux-search" }, h("gux-content-search", { key: 'cca98637873563774b81ddd102440836aaca7564', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '982e53695e89bfeda825a488e2d5cc9551595bdc', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'aa6745e6f96354799f6861f2df7713744e4cfebf', class: "gux-select" }, h("gux-form-field-checkbox", { key: '337494ff41542178c1f38d2dc3d34d7a17b4052a' }, h("input", { key: 'a1aa3115e15585983ef0deb81128692ce9356119', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'e89b5065386f82b76ff72fb2a50ebccce32c1a50', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'f1e2fd15bdbddc18e8102285f91f1b58e652c16f', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '8df83f63b0c1b0b2df45401373563f6ed61def24', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'f17ebac39e35a6b47dd4bbfbcd2f9dbe67041c09', ref: el => (this.announceElement = el) })));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-fcaa2337.js';
+import { t as trackComponent } from './usage-f42dad9c.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import { a as onDisabledChange } from './on-attribute-change-f42eabee.js';
 import './get-closest-element-728b9f18.js';
@@ -61,10 +61,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (h("div", { key: 'eccc1f48dc7f667f0492f89eb15da3855877221a', class: {
+        return (h("div", { key: '28dcbebdc2360acbcc470d7350cd44af98372248', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '197f06268af175aefa6cb44e0c0282cb34fb7f4d', class: "gux-search-icon" }, h("gux-icon", { key: 'd9747d2b0c45d22045998eefdd12061cbffc5dd2', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '39641fb0fb6f9d14b3907b78cf19c3427ddd0cc2' }), this.getNavigationPanel()));
+            } }, h("div", { key: 'b9b0c36c865ff44311a4dd0aa4953e2ab84eab52', class: "gux-search-icon" }, h("gux-icon", { key: '157cf2905e8f8fde53e8d5caa8fc49c9731f03d9', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '3ec070473db086bf83e2379f882ab6b841e76f8c' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-fcaa2337.js';
+import { t as trackComponent } from './usage-f42dad9c.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import { O as OnClickOutside } from './on-click-outside-6d6f4463.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
@@ -117,8 +117,8 @@ const GuxContextMenu = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: 'f602a3217882eacf9b230c985bc708cc423a20c0' }, h("gux-popup", { key: 'b917ef1ff7dce073e603a63736398a06f167f27d', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'f0a393b3a46816f57d497d258498c3b153f592bc', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'a099bb616c8305688edb0ee15536bc8cf0755b78', accent: "ghost" }, h("button", { key: '285e1e8a43bb160416103778ab6f595e277f5c4b', 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-icon", { key: 'b0ab119928b0a2cd16385bc2a3b5f5f25e2f4d42', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: '2019a801e2471d3f83edf591a66a21cdb2755a0e', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '7f61963b9ade46c6e645e6528b01073929c15ac7', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'b927659947b3edb14c55494b2ccbba16a7352d22' }))))));
+        return (h(Host, { key: 'e5a8ef05536ad0144351352dba6289518940d432' }, h("gux-popup", { key: '671b4c5916f31c44cdd418a4428a3f04d74d008e', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '7427e4ed69434d272253f38e21633c2636024342', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'c314a68680d76e86e3fe5dc5460bf322e754681d', accent: "ghost" }, h("button", { key: 'ee4757c8808bc1fde39a0a277b2f6277aac938cb', 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-icon", { key: 'b0ac125633ac29e07290aaf06125fb2a350aa17a', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: 'b2a4ade081f6b19d104053f460e9e2410c8b5fbe', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '99318c7629f840625f9475070fb73c5107e17013', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '5ff855679e19f7123295a819e150b424c7f749af' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-fcaa2337.js';
+import { t as trackComponent } from './usage-f42dad9c.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import './get-closest-element-728b9f18.js';
@@ -70,7 +70,7 @@ const GuxCopyToClipboard = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: 'f379ffe50cad2bbe1ffc661fe4d0155a4a9e12fd', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '595c0f4c4b86c93b05bb73a85a43a24b13bd7a3f', class: "gux-copy-content" }, h("slot", { key: 'a39d63a8aad5c9ccb33b0a82ee785063b00fbff0', name: "content" }), h("gux-icon", { key: '4ef0e3546e56b52d3e376cc3b244c08edd5f0a93', "icon-name": "fa/copy-regular", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: 'f5625826126c249bd9a72d25932114287b6d34b8', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '58b397ebef31117597a142eb981c0eedefa62542', class: "gux-copy-content" }, h("slot", { key: '9a981366d109a3553131b204095bbef5a7209bfa', name: "content" }), h("gux-icon", { key: '7be0b55c634f057336ff459e2febc5740635bfab', "icon-name": "fa/copy-regular", decorative: true })), this.renderTooltip()));
     }
     get root() { return getElement(this); }
 };

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

@@ -44,11 +44,11 @@ const GuxCreateOption = class {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '1e59ddbdd1b1b376e04c41a6de3d5b73fbc87c33', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '3c98bce36df793a43b93a950aec9c4b381e6c5d4', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '93c736f0b8b407534b0c363843c021668304358e', class: "gux-option" }, h("gux-icon", { key: 'cd7d8b22840d4cc0535b5aa5c4ab3ab3c4902b6e', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '9d49e0ed96b010a08099264111167be278957b2f', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: 'a6225f9b6829cc2d94213668aeb387770111210c', class: "gux-option" }, h("gux-icon", { key: 'cfc4355a3c0df088c3dbc1e05a7448c11716caa6', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: 'be18bfdca17a86f88f43f3a6570ab0dc3d02884a', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-fcaa2337.js';
+import { t as trackComponent } from './usage-f42dad9c.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-daff1c0b.js';
 import { u as useRegionalDates, d as dateTimeFormat, a as determineDisplayLocale } from './use-regional-dates-ef65cb1d.js';
 import { g as getDesiredLocale } from './index-3f1e5ba8.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-fcaa2337.js';
+import { t as trackComponent } from './usage-f42dad9c.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-daff1c0b.js';
 import { u as useRegionalDates, d as dateTimeFormat, a as determineDisplayLocale } from './use-regional-dates-ef65cb1d.js';
 import { g as getDesiredLocale } from './index-3f1e5ba8.js';

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

@@ -4,7 +4,7 @@ import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { f as fromIsoDate, b as asIsoDateRange, a as asIsoDate, c as fromIsoDateRange } from './iso-dates-8d3f106d.js';
 import { O as OnClickOutside } from './on-click-outside-6d6f4463.js';
-import { t as trackComponent } from './usage-fcaa2337.js';
+import { t as trackComponent } from './usage-f42dad9c.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import { u as useRegionalDates, g as getFormat, a as determineDisplayLocale } from './use-regional-dates-ef65cb1d.js';
 import './get-closest-element-728b9f18.js';
@@ -643,7 +643,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: '327ae0465bb0b771554474c77cb73e145e3f7405', class: {
+        return (h("div", { key: '971821436eaaaedb24e0e71b8b22f91b4e04110b', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-fcaa2337.js';
+import { t as trackComponent } from './usage-f42dad9c.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import './get-closest-element-728b9f18.js';
@@ -46,10 +46,10 @@ const GuxDisclosureButtonLegacy = class {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: '9b9903ca0dfd1e3fbeabc1b9b9607a9c094009bc', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '5a6829c262527a1b5ae536a889cab088dc9a344d', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: '9d75de34b455fadaf60c34f18a86aa089bd719ff', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: 'f5232a707d127b6a530798e38d6d0585b1a07d3d', id: this.panelId, class: {
+        return (h("div", { key: '54ab6c91d837b2c2f2df842a273bb9d40a46fe98', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '3e1404ce2354beaf184cf6c73982160e731dbdd5', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: 'cb2206edc79bb2bbab81c7ddfa6b1e66b5a8683b', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: 'b65b1bd3edebdf429ce557118c2fb1153ad35fc6', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: '66368dc382c4792f9b424013a06a95b6a6b148ca', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: 'f49c0101d8e9099e776784cf8f2a8fa9899a57d1', name: "panel-content" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-fcaa2337.js';
+import { t as trackComponent } from './usage-f42dad9c.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import './get-closest-element-728b9f18.js';
@@ -21,7 +21,7 @@ const GuxDismissButton = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-button-slot", { key: '7431cc65db5f0a1cfc4406cfb7666f39b1509e6a', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, h("button", { key: 'ce8c82345ed631a8a09a50d5eedd22d8122cfdd8', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'cf19680cedd830127816fa68647639656203d760', class: "gux-icon-container" }, h("gux-icon", { key: '23e58712f8eacebc481d7c1d1ce472a6b78a7037', "icon-name": "fa/xmark-large-regular", decorative: true })))));
+        return (h("gux-button-slot", { key: 'f37941f11b5f39da8b93ea818da75397b09675b4', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, h("button", { key: '21742d1a2563353a27849c6908142e4ab64f78d1', type: "button", title: this.i18n('dismiss') }, h("div", { key: '94a37b687290a4f5136d62e0eb3181e7ff7eb3cf', class: "gux-icon-container" }, h("gux-icon", { key: 'bbe176b8060f51e0ba6ca2186ca066d3fc3c7238', "icon-name": "fa/xmark-large-regular", decorative: true })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -40,7 +40,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '26e1cb4417fb5939d78cf84642065cdc7d915a95', class: {
+        return (h("div", { key: 'c8f43d501cd619c5446c89adb95fe1645aa3b7ac', 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 CHANGED Viewed

@@ -4,7 +4,7 @@ import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import { o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
-import { t as trackComponent } from './usage-fcaa2337.js';
+import { t as trackComponent } from './usage-f42dad9c.js';
 import { s as setInitialActiveOption, g as getSearchOption } from './gux-listbox.service-28ef1770.js';
 import { O as OnMutation } from './on-mutation-1355c534.js';
 import './get-closest-element-728b9f18.js';
@@ -387,7 +387,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            h("div", { key: 'fe300e1a15427c0353e143c1246745d2ad4b1dcd', class: "gux-dropdown-container" }, h("gux-popup", { key: '92f6cf7714aebdc97866fd1a24e40610cfe65c62', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: 'ba41dafd5ced8e6767878faca31fd01e4a716018', class: "gux-dropdown-container" }, h("gux-popup", { key: '84815a80e632f272932c33a93992312f452d0569', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get delegatesFocus() { return true; }

package/dist/esm/gux-dropdown-option.entry.js CHANGED Viewed

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

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

@@ -4,7 +4,7 @@ import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { o as onInputDisabledStateChange, c as calculateInputDisabledState } from './on-input-disabled-state-change-27395154.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-fcaa2337.js';
+import { t as trackComponent } from './usage-f42dad9c.js';
 import { O as OnMutation } from './on-mutation-1355c534.js';
 import { s as setInitialActiveOption, l as getListOptions, g as getSearchOption, c as clearActiveOptions, h as hasActiveOption, a as setLastOptionActive, b as setFirstOptionActive, d as hasPreviousOption, e as setPreviousOptionActive, f as hasNextOption, i as setNextOptionActive, j as actOnActiveOption, k as goToOption, m as matchOption, o as onClickedOption } from './gux-listbox.service-28ef1770.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
@@ -342,7 +342,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'c949ccda49dea1fd7ddf878b4516aa633cd66653', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '96400dabdf6038a4c8a245512e1032b7b704cfbd', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }
@@ -563,13 +563,13 @@ const GuxOption = class {
         return this.selected ? 'true' : 'false';
     }
     render() {
-        return (h(Host, { key: 'caed5a5e8c09f6e354a04b633dfac99eae52df76', role: "option", class: {
+        return (h(Host, { key: '2ce90e7d99ec17d71f6db0f56fed22f037fe6b10', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '14688b8a47bf9aeb4d09a6b796bee697f2ae047c', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'c83a1961e8ccc001dc8d89fdc05dc8f7c6c8d4ad', ref: el => (this.truncateElement = el) }, h("slot", { key: '85521876c96b67929cf028a6bd9e8e5f86dcac6f' })), h("slot", { key: '3aabfb3425e370797fa70e2fd9d15230808b45fc', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '519667ace3ac8ebcf53f5204a75d5cbac4b1a266', class: "gux-option-wrapper" }, h("gux-truncate", { key: '22f523cee15028e56c3164008c5dc064f518d608', ref: el => (this.truncateElement = el) }, h("slot", { key: '57f1638f43138139c121f8cc2ab8df6d7cc70fb9' })), h("slot", { key: '028e005e28fb057f322600a3daf1e8109935dd52', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {