genesys-spark-components 4.29.1-beta.0 → 4.30.0

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

@@ -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-5ca68a29.js';
+import { t as trackComponent } from './usage-17be4097.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: 'cd0b8f306d519d0eb6bf85df6895d2d83bf2c223', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '47c187626fbf87b913648727370a62900c35b797' })));
+        return (h(Host, { key: 'c9c856083b2beb757b71004065148dc5eaa74d52', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '695e5527f3bdafdafb67195b9bc1a929f14cb2f9' })));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-17be4097.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: '6424eea7e50bcf201d9c56e3f33c9ce164112ffd', type: this.type, title: this.guxTitle, disabled: this.disabled, class: {
+        return (h("button", { key: 'a9f07f606b63a24caf990b7169022aa0262c91cd', type: this.type, title: this.guxTitle, disabled: this.disabled, class: {
                 [`gux-${this.accent}`]: true,
                 'gux-icon-only': this.iconOnly
-            } }, h("slot", { key: '4c8bac132c19e6e568d542c663c0c60277c2cd19', onSlotchange: this.slotChanged.bind(this) })));
+            } }, h("slot", { key: '37cd0668963b540bd40e2eab624f16ca1a8e3e4d', onSlotchange: this.slotChanged.bind(this) })));
     }
     stopEventIfDisabled(event) {
         if (this.disabled) {

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

@@ -231,7 +231,7 @@ const GuxCalendar = class {
             } }, h("span", { class: "gux-non-sr", "aria-hidden": "true" }, day.date.getDate()), h("span", { class: "gux-sr-only" }, h("gux-date-beta", { datetime: day.date.toISOString(), format: "long" })))))))))));
     }
     render() {
-        return (h("div", { key: 'de2977064f8c296d981085ff71ab4b534a490a90', class: "gux-calendar-beta" }, h("slot", { key: '236304c36e0d8995a167e6d437f0326b9d860a4c' }), this.renderHeader(), this.renderContent()));
+        return (h("div", { key: '21bec94aa840d48119fa33756a944e85b97d73f3', class: "gux-calendar-beta" }, h("slot", { key: '570f0c89199732101f40dfe270460d65b231114b' }), this.renderHeader(), this.renderContent()));
     }
     get root() { return getElement(this); }
 };

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

@@ -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-5ca68a29.js';
+import { t as trackComponent } from './usage-17be4097.js';
 import { g as getDesiredLocale, a as getStartOfWeek } from './index-3f1e5ba8.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-404638dd.js';
 import { r as readRegionalDatesCookie, d as dateTimeFormat } from './check-regional-dates-cookie-a5438531.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: 'f881d308fa3ebd243a2f3b407c8e3876e326fbae', class: "gux-calendar" }, h("div", { key: '5347c62b0f74550c43f1b4290a3ed74517528f02', class: "gux-header" }, h("button", { key: 'ff9073d487f8fbcf07e66b6346d63f20b03e0c7f', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '8caff3ad8ff84e39dcea819130576e3fa0bc9869', decorative: true, "icon-name": "chevron-small-left" })), this.renderMonthHeader(), h("button", { key: 'c225f43a7dffe632496e75d3ff708c6051f92ec4', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '8e31f6b933ff7355df9d291a29c4d6163b4350f6', decorative: true, "icon-name": "chevron-small-right" }))), h("div", { key: '2e903ebfcde9688191f0b667db6c6ae64746bd4d', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '6cdaafb2a5eaa47bc700ec6241381d52d820db33', class: "gux-calendar" }, h("div", { key: 'ecfa0f53ecb5d29a202f3db7a4f693cb047bd8b7', class: "gux-header" }, h("button", { key: '3f6141b2afd96fc89781cb698b488e19905e4693', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'cf049e65bd2737af45d819bcf3ddae910fc43bd3', decorative: true, "icon-name": "chevron-small-left" })), this.renderMonthHeader(), h("button", { key: '9c943056eae92181036f172b2c7799685b54317d', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '876c1dd6c7b3c7a9f1de28e88b300a38e3fd4217', decorative: true, "icon-name": "chevron-small-right" }))), h("div", { key: '1e47abe5c85fdefb834e1d596d73d67549b4fd4d', 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, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-17be4097.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: 'f11557950e9016dd7055b96466e16673f393c349', class: {
+        return (h("div", { key: 'a9b03481523ddd2a8689558b50da4633f5c049d2', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: 'e2ad7c457a4da3c3efb1fd027912da9d4e0aa9f3' })));
+            } }, h("slot", { key: '2cc95a5205840c038dc8d70dd5ad467dd05ce243' })));
     }
     get root() { return getElement(this); }
 };

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

@@ -154,14 +154,14 @@ const GuxColumnManagerItem = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '2e6036ce62295305c9f2ce122dbf96a64b01d3ac', draggable: "true" }, h("div", { key: 'a50454cf1c74ce6d362c52b0aeb74819fd663afe', class: {
+        return (h(Host, { key: 'e7cb0456cdc63c36b12b84a6fc8b04e23ef9ac41', draggable: "true" }, h("div", { key: 'ab853bb9c91354d62a53e6a9385d31876bcf0de9', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '48e18dd9d872cdf5ea88267aceba3d5a7619d9ab', class: {
+            } }, h("button", { key: '86b752c952d7d5b22cce7ac720cf7eadbdee2592', 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: '198b9ed8d7e54c27f7302163742c2a77fc653c2e', "icon-name": "grab-vertical", decorative: true }), h("span", { key: 'ed386384b692bb94923a3dd7f0dcd7b8c639bbd1', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '191a214d11d3305728e6b854d77eb1084db93fdf', class: "gux-select" }, h("slot", { key: '5e3ad52036cba74bbcb6e791c6c77f72b762e164', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '068f74d48f0eea344a53b88ccafbb5bd2f78d79b', 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: '5a062d29e3468607057bc2d19164f339eef61dd2', "icon-name": "grab-vertical", decorative: true }), h("span", { key: '9409796ccfe03a2a60a6d21f877780bf085abd36', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '9cb6d4b0c04b963ebd6a0088be63e3d84a349b5f', class: "gux-select" }, h("slot", { key: '85d445d17dbd08b74e2efc93344630b212a59f87', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '63e4752fa9189f8a782a36c19b0d17aade783687', 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, g as getElement } from './index-da21b737.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-17be4097.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: '3742571bd0c7bab7234029ceb8500f4b6c4d1dc7', class: "gux-container" }, h("div", { key: '31e0fd83fabe23012f2e0bd0bf68c47f22ce1dc4', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '147db15465fc72989269b30083baf509733bc336', class: "gux-search" }, h("gux-content-search", { key: '7c618c11f2d6406d15b7941be3715b432884fb1f', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'ec506ba4978c395150bfc84c0e62244b4120b796', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '08d559cc550885aeeb91c27b01df996577aae96c', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'fde8a773f706e7f5b5d65b743e9f3abd2643408f' }, h("input", { key: '5233f5f8c8bc36641030b04f8e1c98ea521564bd', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'af897414d7fdc7a2c4d31b00b0cd24cf3a2d59df', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '99df009248e4ab1b5554b7bfc2cd71a79fc88ed0', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '260514ab3a1ca904cc24d680fc9497a0e7dcf27c', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'a23ee71df379804fd652e91b4cf2f1b05b93a33b', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '9503f7dacb275c894d3ba157dbf1a8e75f923c1f', class: "gux-container" }, h("div", { key: '8c22d9e0459606c010cc782e90c7eb4ce84550e1', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '697f9bd8bd79e1ffd9d112e7b9f25d0ad0119439', class: "gux-search" }, h("gux-content-search", { key: '0955fedec73d446d8863a0b1b22551dd501387e6', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'b24470c33acdc7f7447b8ce45ceab80e3b701e1e', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '716b5ed689f3d02ad1667cac1f45f2326bf042e0', class: "gux-select" }, h("gux-form-field-checkbox", { key: '2468fa9584859f8e2c2b0529490cebd1dfea7a49' }, h("input", { key: 'a59752e36a0a2beb60f85401a2f983e622a360b2', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '129071db1777d9c011d0cd5f80bb6c0454f898e6', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '72fea5393a72ecd0c507e021fec10b3df73c8f8b', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '3b67278503f48b34c93e2e9d4eab47cd7a8e3b20', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '4fce43062fb49045706ae55be7b72991fe9233e6', 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, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-17be4097.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: '1877397fb569c3482c0bc8c93bae1bc3310ffb1e', class: {
+        return (h("div", { key: '7f59a720c59e512815adb39378ac6e821f820845', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '704155bcf1d7d53d6892977ca3887b257004da4b', class: "gux-search-icon" }, h("gux-icon", { key: 'c4b2ec238dbb1423363a2c124a7d74012aca51ca', decorative: true, "icon-name": "search" })), h("gux-truncate", { key: 'e9fff396d5eb2b40856009dfcea05dbe8b6a18b2', "max-lines": "1" }, h("slot", { key: 'd571b5abc5997fe21a76ad278717486d24badcbd' })), this.getNavigationPanel()));
+            } }, h("div", { key: '43d17425e7a64696ecff3360aec97f5e9c5cb7f0', class: "gux-search-icon" }, h("gux-icon", { key: '2660a96539730ed8fa9705e2fbd676e57e626d64', decorative: true, "icon-name": "search" })), h("gux-truncate", { key: 'ec9eff770ecf37975aca76edd72667ad73ebef9c', "max-lines": "1" }, h("slot", { key: '70f50f90d2a8fbc6b077ae27a23fb100ad2a2c44' })), 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, g as getElement } from './index-da21b737.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-17be4097.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: '63f520be2d59958b0f633f2ef84504df511a84e7' }, h("gux-popup", { key: '5ba8f4f26320b7bd82414701d84ad5898e257920', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '5c19a5ce3f72809522b08938a4c18a3b47de2666', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '7aa8ab17950d8d8f87ad79f3eb9167e254695b72', accent: "ghost" }, h("button", { key: '715fb03a6b9b806cd928df35edccddfcfd6952a2', 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: '32f6b67396aa255c372e35d2c1f9b28d52893264', "icon-name": "menu-kebab-vertical", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: '46b535b72697c780a4a523c0df012d1cdbc29f5a', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'd99c0a1ea7cd6b6555c616bb266cbe200bb03cea', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'bf8ca64f67b3e79c173bf8611f081c54d99c3dbb' }))))));
+        return (h(Host, { key: 'f78e967950ecbe08165dfdf04b2d8c955c30d331' }, h("gux-popup", { key: '8b6a158b74b030f8ef0dec41b14a9639c41d4558', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'b1a2f01fff46a264300c3d812dd915312cefb443', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'c967a4611821bb8093b85eab64dcce072e11aa48', accent: "ghost" }, h("button", { key: 'e552d0e0f6db5425cf0d98756ce327640d84acfd', 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: '2ee801974642ed0359ea5c0bcf41b1b921e2a7de', "icon-name": "menu-kebab-vertical", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: 'ea83b5a77d586251814277249a9f2497646782a5', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '0f2915e48af34a4f7aa020b3835156947b3dabb9', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '8d262d9b74876f870dc97a094b655c52bcbdc217' }))))));
     }
     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, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-17be4097.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: '26b39fba27a6ddf32d4c289a4bc10a1ae1549283', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '0bf3d5e14558b68a3831d28748eac830dc8e1b0d', class: "gux-copy-content" }, h("slot", { key: '42697ce02ccca2a33cd6707e4385e8184b973f41', name: "content" }), h("gux-icon", { key: '4d2791bcc2f55eb13c6c956c83a56d3eb8cade8c', "icon-name": "copy", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: 'ada63bc9a03fd3304691048d427751baa2aac47a', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'b30852b50fbd085821b5b46cf9ea82d808cc16e1', class: "gux-copy-content" }, h("slot", { key: '2be97148dc2b10bfdb48a6a9eab582d18ca9605a', name: "content" }), h("gux-icon", { key: '7179197bdf4d761753ba77d894dc9ae9fcd54742', "icon-name": "copy", 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: '44c29c82895286648083b295c265500d0689ee32', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '50613ee38defc2f64ebc5216b4b77caf409bdc62', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: 'a3e59e3b4dc75010289bf2a0589872903865f9f7', class: "gux-option" }, h("gux-icon", { key: 'ae483318062c29935de2515fb582cd1e40203875', decorative: true, iconName: "add" }), h("div", { key: 'b13563bcd632467585b57ff8803ee6e651ecb72c', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '7c5e1c49b44b4f758000963d9b41016a9487f2ec', class: "gux-option" }, h("gux-icon", { key: '74b961acb44fc0083b902b86ab328fbe8c8ce633', decorative: true, iconName: "add" }), h("div", { key: 'f5edff64f6a9664383ae7ec402d5033368e6197e', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

package/dist/esm/gux-cta-group.entry.js

@@ -67,7 +67,7 @@ const GuxCTAGroup = class {
         this.validateDismissSlot(this.root.querySelector('[slot=dismiss]'));
     }
     render() {
-        return (h("div", { key: '6f38ce57bc2624989e08f8f03b4b7a2a4273cbae', class: `gux-cta-group gux-${this.align}-align` }, h("slot", { key: '65299a5ff5d99f42afc8940d02114ff87dcfe59e', name: "primary" }), h("slot", { key: '778a140e6aeac6fc47ceb9694ed714d3e2326cc8', name: "secondary" }), h("slot", { key: '176142e469341facd9e85dd4934587b0b4380b7c', name: "dismiss" })));
+        return (h("div", { key: 'b016ee7bdd8aa8f9137b5f005d826908a192c570', class: `gux-cta-group gux-${this.align}-align` }, h("slot", { key: 'a90406043d4c7d232de8054a3bd45a3c43b1cdf6', name: "primary" }), h("slot", { key: '6b710696e87676444c61d6337f02077b674cd6f6', name: "secondary" }), h("slot", { key: '5b66c14ef3fa4844c0a361418bd08289b387480c', name: "dismiss" })));
     }
     get root() { return getElement(this); }
 };

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

@@ -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-5ca68a29.js';
+import { t as trackComponent } from './usage-17be4097.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-daff1c0b.js';
 import { r as readRegionalDatesCookie, d as dateTimeFormat, a as determineDisplayLocale } from './check-regional-dates-cookie-a5438531.js';
 import { g as getDesiredLocale } from './index-3f1e5ba8.js';
@@ -37,7 +37,7 @@ const GuxDate = class {
         }
     }
     render() {
-        return (h(Host, { key: 'b0360c06209de4af12013c4ea7c6df46fb7d4521' }, this.renderDate()));
+        return (h(Host, { key: '7c5dba8ed657b7602e7b2664221cf618beee57af' }, this.renderDate()));
     }
     get root() { return getElement(this); }
 };

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

@@ -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-5ca68a29.js';
+import { t as trackComponent } from './usage-17be4097.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-daff1c0b.js';
 import { r as readRegionalDatesCookie, d as dateTimeFormat, a as determineDisplayLocale } from './check-regional-dates-cookie-a5438531.js';
 import { g as getDesiredLocale } from './index-3f1e5ba8.js';
@@ -38,7 +38,7 @@ const GuxDateTime = class {
         }
     }
     render() {
-        return (h(Host, { key: '6f45c10105254b26470400e9b165fa572d3d52ee' }, this.renderDateTime()));
+        return (h(Host, { key: '34356448ca74d00976bf00d92651712b3e228c7b' }, this.renderDateTime()));
     }
     get root() { return getElement(this); }
 };

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

@@ -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-5ca68a29.js';
+import { t as trackComponent } from './usage-17be4097.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import { r as readRegionalDatesCookie, g as getFormat, a as determineDisplayLocale } from './check-regional-dates-cookie-a5438531.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: 'e99ed591c4bcdc3188adb870164bf8265b6622c3', class: {
+        return (h("div", { key: 'c7a97f65d500b5a7a5229298dd89257abce2ecc7', 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, g as getElement } from './index-da21b737.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-17be4097.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: '15b10ad5c1f7946bfccdb7e749d83478d36f3f5f', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '052548f09eebe4441b065dcb2a89badaa02061e9', 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: 'edf41195a343a13d5d5111e4cc5e13f28e4b1c2c', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '3cde9229f9888e7c8a568ae3bb86520c3be00559', id: this.panelId, class: {
+        return (h("div", { key: '652baa3062ea3dfeefafcfece24140605359eea4', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'd55fe76c03c68c855c1226cd416f10a06a2812ab', 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: '9aa2ba2d010dfaa397ca0252d596d4af302efe11', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: 'ff5bb0284dce2b88350709ecdd55f491b8d8c16d', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: 'dd4faafd96de6a8af8605631935b146b5113bd57', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '5ffc186bf0a4e3745421ed5477ccdd27147f1fc4', 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, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-17be4097.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: '3bbb394758e88d98acb171a8cdf9aa70f1b27021', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, h("button", { key: '7145acc36de55c00392f2416747aa9d6efdc4a54', type: "button", title: this.i18n('dismiss') }, h("div", { key: '8ed99bd23d259c383acb8b39d03852f5364f840a', class: "gux-icon-container" }, h("gux-icon", { key: '3acbdbcea86e6195bbf2b52026b2380501086a00', "icon-name": "close", decorative: true })))));
+        return (h("gux-button-slot", { key: '5870577c1528513eec24954eee1d7c005f7d0c7a', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, h("button", { key: '6135c1d86c03cdbcb1b3deb74e7ce4c37a7ac95b', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'a069f0e58314da0c59a16d2b6e8aee702649c3f3', class: "gux-icon-container" }, h("gux-icon", { key: 'ee451b79135da83609f6c1c97d0f63f7118368ee', "icon-name": "close", decorative: true })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -40,7 +40,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '94b028f1ea1edfb1f26d66056b58166793525c12', class: {
+        return (h("div", { key: '43f10bdaf3b95e6ae9b267cc8fadce6f9a082359', 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-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-5ca68a29.js';
+import { t as trackComponent } from './usage-17be4097.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: 'e8cad6a11da54d4180fc99a793f8a64d2b314990', class: "gux-dropdown-container" }, h("gux-popup", { key: '0b4441fe0ab16c87117fcb905a5b0762aed22f5c', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '6665aa1a8573ec525b5dcf585c2bc46bca7042e8', class: "gux-dropdown-container" }, h("gux-popup", { key: 'e3191659a393e1751efea051ab99436e016a3197', 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

@@ -64,7 +64,7 @@ const GuxDropdownOption = class {
         };
     }
     __stencil_render() {
-        return (h("div", { key: 'c4bd82294e9c39d9f167bedcc04f1fc4680cb35c', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: '79855cf947e5e904c072daff3ab24b5abcd9e3b3', 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-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-5ca68a29.js';
+import { t as trackComponent } from './usage-17be4097.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';
@@ -340,7 +340,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (h("gux-popup", { key: '4931b1c7a2e91786bed44bc46789d2f9863c16da', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: 'e6e4700f25ea9b999de2f010681ba38cc31b3810', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }
@@ -561,13 +561,13 @@ const GuxOption = class {
         return this.selected ? 'true' : 'false';
     }
     render() {
-        return (h(Host, { key: 'd5290f15c26e946ab84bf4b8a3b66fdfc63c84ed', role: "option", class: {
+        return (h(Host, { key: '8e83f49da4102f88feffd51bdd674d79eeefd610', 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: 'a1e0f487f75ce7bb361e53a46654d029945bf719', class: "gux-option-wrapper" }, h("gux-truncate", { key: '90730750cdfbed531ecaf1ccd969d86a1a450548', ref: el => (this.truncateElement = el) }, h("slot", { key: '6e8c555dadb6830b99b3b3b6aa9630b423ff9c29' })), h("slot", { key: '41729c019ba908d95192b04f8c73fd47ec4f3d9b', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: 'ac9a0faffc7df878b1f93dc9939d2761872a62c7', class: "gux-option-wrapper" }, h("gux-truncate", { key: '9ef10d952115322507b0cc2faed9eeca76d4a879', ref: el => (this.truncateElement = el) }, h("slot", { key: '5ce9c08b8d48e7e592f5da3f83ce10e2a5a68bae' })), h("slot", { key: '519ea22e4dcc7e9db88b254e6b6fe7cd21d43851', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {