genesys-spark-components 4.124.0 → 4.125.0

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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
 import { O as OnClickOutside } from './on-click-outside-25728f99.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-bcb279ed.js';
+import { t as trackComponent } from './usage-69640270.js';
 
 const guxButtonMultiAccent = ['primary', 'secondary', 'tertiary'];
 function getGuxButtonMultiAccent(maybeGuxButtonMultiAccent) {
@@ -107,7 +107,7 @@ const GuxButtonMulti = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '0150ce34f146cbd02a853a1b7b664577d438e42e', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '214f9626778f46aa1d81610f49ad888c3dc57eb2', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'ebb5ae83653799df0637ace95d15eecf9cb66b6d', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: 'e4fcbb74249be8c736632b939fa8d754772785ef', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'a0e75116de34fc97a864dfce68c5f3cb33b2d55b', name: "title" }), h("gux-icon", { key: '68d9f87e413e0469a43db944164546430bb14feb', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'cf5bf0f5a2b9fc9d4e396b5bae66969070dd4154', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'df9ab31623cc322b614900d6c57d28b4be9dfd99', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'd9a936937ce7e3f43cdee58931d2d56949bce8b5' })))));
+        return (h("gux-popup", { key: '9cbbd5f1f6fd39b00e5239326e4feb64b3128716', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'e8165568a5d5140125f7779567d52ed4b99f1a25', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '033673a57b3eb49fb6f446277ee0924f4822c165', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '2abc387051a51ef4f44c5542279a3be4b242b4a1', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '44c67df9f60b165edd27f92692ffa3c00d09c529', name: "title" }), h("gux-icon", { key: '9fc7e11c62b7d8d7a975f77a877b1c047a57e8cc', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '5f633bc969b36fec7a3b4cfd3cd6b540d585c2de', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '97064d13bb28ff7e05a743160082c26189e471a9', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '81a4639257cb9378fcb25e7beb3b2d1aaa86e781' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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-91950719.js';
-import { t as trackComponent } from './usage-bcb279ed.js';
+import { t as trackComponent } from './usage-69640270.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-iconOnly-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;text-overflow:ellipsis;color:var(--gse-ui-button-secondary-default-foregroundColor);white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}:host([icon-only]) ::slotted(input[type=button]),:host([icon-only]) ::slotted(input[type=submit]),:host([icon-only]) ::slotted(button){padding:var(--gse-ui-button-default-paddingIconOnly)}::slotted(input[type=button][disabled]),::slotted(input[type=submit][disabled]),::slotted(button[disabled]){cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}::slotted(input[type=button]:focus),::slotted(input[type=submit]:focus),::slotted(button:focus){outline:none}::slotted(input[type=button]:focus-visible:enabled),::slotted(input[type=submit]:focus-visible:enabled),::slotted(button:focus-visible:enabled){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(input[type=button]:hover:enabled),::slotted(input[type=submit]:hover:enabled),::slotted(button:hover:enabled){color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}::slotted(input[type=button]:active:enabled),::slotted(input[type=submit]:active:enabled),::slotted(button:active:enabled){color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]),:host([accent=primary]) ::slotted(input[type=submit]),:host([accent=primary]) ::slotted(button){color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:hover:enabled),:host([accent=primary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=primary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:active:enabled),:host([accent=primary]) ::slotted(input[type=submit]:active:enabled),:host([accent=primary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]),:host([accent=tertiary]) ::slotted(input[type=submit]),:host([accent=tertiary]) ::slotted(button){color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width)}:host([accent=tertiary]) ::slotted(input[type=button]:hover:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=tertiary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]:active:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:active:enabled),:host([accent=tertiary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]),:host([accent=ghost]) ::slotted(input[type=submit]),:host([accent=ghost]) ::slotted(button){color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:hover:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:hover:enabled),:host([accent=ghost]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:active:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:active:enabled),:host([accent=ghost]) ::slotted(button:active:enabled){color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]),:host([accent=danger]) ::slotted(input[type=submit]),:host([accent=danger]) ::slotted(button){color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:hover:enabled),:host([accent=danger]) ::slotted(input[type=submit]:hover:enabled),:host([accent=danger]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:active:enabled),:host([accent=danger]) ::slotted(input[type=submit]:active:enabled),:host([accent=danger]) ::slotted(button:active:enabled){color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}:host([accent=inline]){min-inline-size:initial}:host([accent=inline]) ::slotted(input[type=button]),:host([accent=inline]) ::slotted(input[type=submit]),:host([accent=inline]) ::slotted(button){block-size:initial;padding:0;color:var(--gse-ui-links-default-foregroundColor);background:none;border:none}:host([accent=inline]) ::slotted(input[type=button][disabled]),:host([accent=inline]) ::slotted(input[type=submit][disabled]),:host([accent=inline]) ::slotted(button[disabled]){color:var(--gse-ui-links-disabled-foregroundColor)}:host([accent=inline]) ::slotted(input[type=button]:hover:enabled),:host([accent=inline]) ::slotted(input[type=submit]:hover:enabled),:host([accent=inline]) ::slotted(button:hover:enabled){color:var(--gse-ui-links-hover-foregroundColor);text-decoration:underline;background:none}:host([accent=inline]) ::slotted(input[type=button]:active:enabled),:host([accent=inline]) ::slotted(input[type=submit]:active:enabled),:host([accent=inline]) ::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}";
@@ -34,7 +34,7 @@ const GuxButtonSlot = class {
         this.validateSlotContent();
     }
     render() {
-        return (h(Host, { key: '9a891811762f4fa8c9019a89f65c6ee5e4987dd0', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '3a1aeaf096df87239ff780f96d5b73cbedcd687c' })));
+        return (h(Host, { key: '3820fc16489b71e35951b764cde3f316d88b364a', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: 'c08f3359c188fd0d6e7a5da3db400ae1f7cff14f' })));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement, c as createEvent } from './index-91950719.js';
-import { t as trackComponent } from './usage-bcb279ed.js';
+import { t as trackComponent } from './usage-69640270.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom.esm-17bec7ce.js';
 import { O as OnClickOutside } from './on-click-outside-25728f99.js';
@@ -247,10 +247,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (h("div", { key: '593e0d4dc00162d267c770e3d852e6f98cd09ec1', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'c7c325dd268a103724a239223269f3c5b3ea80a8', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'b5e9cfc95642b71717c554422179919793c3f93b', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '00d9c68141aee90aa2e059a03e798fc319e8316e', class: "gux-arrow-caret" })), h("div", { key: '08256b1de728e35a44eb3bf754f5896fcc9e0974', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'ac6a177631f319bc3546c30ddcf128e5708972aa', name: "title" }), this.renderDismissButton()), h("div", { key: 'b4cb89cecfd37a147c42ffdeba785f73b9cfdac4', class: "gux-popover-content" }, h("slot", { key: 'd2de26578fc354c803a454ac52a2bdcfbc93d101' }))));
+            }, "data-placement": true }, h("div", { key: '6720d3333dc97df058a14f3842ebc2bf8a4c0628', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '555b6abf14a6855c7bb03d92e644a8ded7be07f6', class: "gux-arrow-caret" })), h("div", { key: '17eaeb24bfd93779025539ad759e0ae3c77a0bab', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '6a10577c268b0d158bf41d0ef86a429b77520fed', name: "title" }), this.renderDismissButton()), h("div", { key: '58947f12697322416d3675f0f15d2ec11ec1454c', class: "gux-popover-content" }, h("slot", { key: '7e630b5805bc05e89ca62d22e1e991afb6ae5c51' }))));
     }
     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-91950719.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-bcb279ed.js';
+import { t as trackComponent } from './usage-69640270.js';
 import { g as getDesiredLocale, a as getStartOfWeek } from './index-6de381c6.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-404638dd.js';
 import { u as useRegionalDates, d as dateTimeFormat } from './use-regional-dates-72c32f0a.js';
@@ -383,7 +383,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: '87e73553fcc7c2282a180fba1cfe69e7ed0cc984', class: "gux-calendar" }, h("div", { key: 'fbe9fe152395145271013e078fbaac78baf3589e', class: "gux-header" }, h("button", { key: 'd924b0f9ac32b2144a4ab3cb3c838b72a2cc094e', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '66d03f5493c79df81789b9975c6c52b75cdadbf2', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '329d8bbe52c6847c48e2de89b122fa33b5076191', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '674e637d4d9f7eb7bb1c2dd35a9c225016388a0d', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '7479cc357b3a18d98125cc5cb961041a34bc4584', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '9756cfb11cbf1a5e63ca85915b8c15c39e4d3ccc', class: "gux-calendar" }, h("div", { key: '2d49f9cedd837018d0046e9113dab75cb8a815c2', class: "gux-header" }, h("button", { key: 'b63c42a8d52d7afa94e0f9363a973acbea6e9269', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'e21cf4b6c2ff9d73f12f01911596e6cb9186fd4a', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '7e6e248f327cced7dee6dba7661c844625b1f8a7', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'edcbc1a62574b62e1c0c611bdb5c35ecc300ac9e', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '621ed70abfb997d502bb521fe797f98abf36aade', 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-91950719.js';
-import { t as trackComponent } from './usage-bcb279ed.js';
+import { t as trackComponent } from './usage-69640270.js';
 
 const guxCardCss = ":host{display:block;inline-size:fit-content}.gux-card{box-sizing:border-box;padding:var(--gse-ui-card-padding);background-color:var(--gse-ui-card-backgroundColor);border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color);border-radius:var(--gse-ui-card-borderRadius)}.gux-card.gux-bordered{border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color)}.gux-card.gux-raised{border:var(--gse-ui-card-raised-border-width) var(--gse-ui-card-raised-border-style) var(--gse-ui-card-raised-border-color);box-shadow:var(--gse-ui-card-raised-boxShadow)}.gux-card.gux-borderless{border:var(--gse-ui-card-borderless-border-width) var(--gse-ui-card-borderless-border-style) var(--gse-ui-card-borderless-border-color)}";
 const GuxCardStyle0 = guxCardCss;
@@ -13,10 +13,10 @@ const GuxCard = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("div", { key: '719b7b2cc21e5d16f2143d49b5f9584fd2a8eed7', class: {
+        return (h("div", { key: '711321ab19eb090bcf3f113ef04e221e87ceb7f1', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '5ad48940cad9d25f3969c63c6e650091ba38451c' })));
+            } }, h("slot", { key: '27f8d86f140965871db17e4497821cb30a91b320' })));
     }
     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: '7f0eb000d20a905316cd68165eb66a334a174158', draggable: "true" }, h("div", { key: 'a0e134e68ddedaaf1afbab7a8da79ad482ab63bc', class: {
+        return (h(Host, { key: 'ce1e492fa59d2528c1f46eb6ef374b08c45f1cab', draggable: "true" }, h("div", { key: '865de5c7b735d616c69af0fe78abf436249bedd1', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: 'efa4ed1a77c1fa68f00df058652a0348765b92e5', class: {
+            } }, h("button", { key: '0b3cee32eb1ee396e8415b9d832d1e229ace7d94', 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: '71530f7d9fc252f5635627c1a065584f41584f7f', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: 'c3c51447013b5d280bf367f1462f8f42e0e00771', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'c1d1268c9790958286d4adc4069c1eaa4ced5fe4', class: "gux-select" }, h("slot", { key: '8dcae2468ecea9542c2240fdd5c4d4fe8a9feaf0', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'fd6859289326baae92ebcf8da6de591a785440ca', 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: 'a5f81dca5e9cab01720344772feab18a004940b5', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '6ebd4d11790a6ef4e966e63fe08f9cfc23ca7faa', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'b5ec685bd8ca953222d7cd77a15b5b5661085d53', class: "gux-select" }, h("slot", { key: 'cbf50779742ef28d8d8a1416e0ab86cc74bca45c', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '603a44c15bdd4f75ce3f3aca231b6dc6a43f105d', 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-91950719.js';
 import { b as buildI18nForComponent } from './index-6de381c6.js';
-import { t as trackComponent } from './usage-bcb279ed.js';
+import { t as trackComponent } from './usage-69640270.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: '83f8c56f7b40274f4c90a19ff85f56eb0b9f0c1b', class: "gux-container" }, h("div", { key: 'cd0a19859d0475b7e92b9bbc06d0889943c7802b', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '092d37573ab5991e38db44f0c2a81e2c34806d3f', class: "gux-search" }, h("gux-content-search", { key: '7cab45a1358fbd2fe8646b90fd8afc4b29a973b5', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '3523482ff7a71159d0a651be41b8fda04c1485f3', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '50dd1066c38088bd7c457cfc355007c37d075602', class: "gux-select" }, h("gux-form-field-checkbox", { key: '9a2bbaa79781ad1b416328970aa01676cef39cf0' }, h("input", { key: '9e3057496b6edeb25b33c5d96642e9dd83e5abc1', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'c79b45b9957847d59753bf51de17066850438489', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '3690576a14aacca46bd638588b071b8e38e74c87', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '397e963311bb6d94231235625b8d9e65b9a1bd48', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '10cb64eeeb4a03e0e5d94d09b21103b1e3094654', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '0cc23598dde034cb03cc6c6fc5a381c91acf657f', class: "gux-container" }, h("div", { key: '40fed526bb4ad40001eab9e5d74f8dfa32d098d1', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '57f05475c912e324f62d909bbb2b75b92e3524b7', class: "gux-search" }, h("gux-content-search", { key: 'c39d2b109726a4b105a27d8aa032ad546c10d5f7', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '4f3f97e1c3affc85d51d67fe4a63c3ba490b65f9', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'f7472f9d153b8de1c9ef3158309890c0bcf1a974', class: "gux-select" }, h("gux-form-field-checkbox", { key: '774c0f4e7a50db67ba3f55a75ceaf0f94644cdf7' }, h("input", { key: '874352997ab778da3488b8eea6553d0f476acbb3', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'a3a9b95f4df52b3d6caee07b4223e7aca4758dee', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'bd8454187eae0e01a2634cb514d885eec8285c4f', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '26cd7ff48db01eb192d1a31946145cd50d54613f', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '2140cb7ad8ce976b41b106274c3bb7a7f7eb27b8', 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-91950719.js';
-import { t as trackComponent } from './usage-bcb279ed.js';
+import { t as trackComponent } from './usage-69640270.js';
 import { b as buildI18nForComponent } from './index-6de381c6.js';
 import { a as onDisabledChange } from './on-attribute-change-33919964.js';
 import { f as focusInputElement } from './focus-input-element-8a137b12.js';
@@ -62,10 +62,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (h("div", { key: 'b1dce1f7aa5e42b1f72bc78a282edccf350d40b1', class: {
+        return (h("div", { key: 'd85d17c24ead428597f2c973644b080e2b778466', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '702e0c26122e5d518cd3884cfead0d86fee2e513', class: "gux-search-icon" }, h("gux-icon", { key: '596191bbf3977b96de332021c6b57a40af9ab6bd', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '6483f37646aa35eb410195df959b7fa60f434cd8' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '3119e47e3da9276359ad9b2c0ae9215f712aded2', class: "gux-search-icon" }, h("gux-icon", { key: 'ef796175a494bc30d234cc2a79b4ab24c85c7510', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '98855be493a40b519cbe9f4366eb8ade53297e54' }), 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-91950719.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-bcb279ed.js';
+import { t as trackComponent } from './usage-69640270.js';
 import { b as buildI18nForComponent } from './index-6de381c6.js';
 import { O as OnClickOutside } from './on-click-outside-25728f99.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: '707229019c12c10652cdfc34a433a3b43e4769b5' }, h("gux-popup", { key: '8951e4d5bb390f8c6286ee3dc5c88b3752218a54', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '1efe6466297b12dd808515b48a6b9568f65dfdeb', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '9758cd30423c8c591bf59b476c74f1646d3faa76', accent: "ghost" }, h("button", { key: 'e01f3224547a9ae4d3cc6273df599aa40e2a7c75', 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: 'a7743dd2c6ae301665259bf70415268e41902e34', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText'), size: "small" })))), h("div", { key: 'fc04961270a3a8931cd94929b71c1c8931f4f10a', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '488f7571e7832496150cd4d40d7d961c6d3ccb98', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '4a6c881c12188ad1e546c0f1a41b4e26314a0919' }))))));
+        return (h(Host, { key: 'b191c422bc7f399b8124d7a151d18ed13f54d0c2' }, h("gux-popup", { key: '870757febfec9a70a5fa30334687c77891abe3b1', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '788045750569a15d4657afa9cbb4de8bfc20b625', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'c72dbf0647ff64f6609802f48a6b38bff9040854', accent: "ghost" }, h("button", { key: '143fe2240fdc722ce2dd6d41d0084fa2324f2874', 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: '0a218befa8f176c73ae1eada6c75713fb48b6f05', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText'), size: "small" })))), h("div", { key: 'b89ed6447b3d462ba1f17d5da40c48bd13849a5d', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '9f24962dd20f6f7b6ec9bc8b718f432a121a0436', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'e15de5777f867c5e221cfc01db925c3b6c154fc6' }))))));
     }
     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-91950719.js';
-import { t as trackComponent } from './usage-bcb279ed.js';
+import { t as trackComponent } from './usage-69640270.js';
 import { b as buildI18nForComponent } from './index-6de381c6.js';
 import './get-closest-element-728b9f18.js';
 
@@ -62,7 +62,7 @@ const GuxCopyToClipboard = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '616be04f124067f824a7b6a03e3fc617fd6e7599', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'd0dd3e636ffd72a9be5853cc03788c8afe37fb2c', class: "gux-copy-content" }, h("slot", { key: '795079745fdba8d5aa7d48b73ce8e885fac2d19d', name: "content" }), h("gux-icon", { key: '75ce4aa82603b90725c91630d799af4a887f35ed', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '844989a98e1c490e20f2ec1ae4d3f24b2a917178', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '0cf08a655bef7d85fba772004b6c6ce4f583fb11', class: "gux-copy-content" }, h("slot", { key: '5591ea04e2a25294e921a3ca75b8e5d23db15bb1', name: "content" }), h("gux-icon", { key: '910e8b4e9ce9299ce0016ab10d0049ac4d716326', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
     }
     get root() { return getElement(this); }
 };

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

@@ -44,11 +44,11 @@ const GuxCreateOption = class {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '8050d0a2a3038915ebdd3adeb809b5690904d82c', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: 'b187d5960eef36734480be15faace6b1079783d0', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: 'edeca4eee776ba323719997c31c16e07ba1afa36', class: "gux-option" }, h("gux-icon", { key: '2115a8f400dd67b02f050878b1eb94f1cf670f9e', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '79bc35c18e20d332a3a1e74dd7577ab5614d9de5', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '9ec59d6f440e2f1561657550f1bad767fb4129ba', class: "gux-option" }, h("gux-icon", { key: '0cbc724c40a9a23bba99ea1275065c7144ee7d3b', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '5f4de4aaa90c7d3b9dc82160e1f7c8b740c5dff0', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-91950719.js';
-import { t as trackComponent } from './usage-bcb279ed.js';
+import { t as trackComponent } from './usage-69640270.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-cecad33f.js';
 import { u as useRegionalDates, d as dateTimeFormat, a as determineDisplayLocale } from './use-regional-dates-72c32f0a.js';
 import { g as getDesiredLocale } from './index-6de381c6.js';

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-91950719.js';
-import { t as trackComponent } from './usage-bcb279ed.js';
+import { t as trackComponent } from './usage-69640270.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-cecad33f.js';
 import { u as useRegionalDates, d as dateTimeFormat, a as determineDisplayLocale } from './use-regional-dates-72c32f0a.js';
 import { g as getDesiredLocale } from './index-6de381c6.js';

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-25728f99.js';
-import { t as trackComponent } from './usage-bcb279ed.js';
+import { t as trackComponent } from './usage-69640270.js';
 import { b as buildI18nForComponent } from './index-6de381c6.js';
 import { u as useRegionalDates, g as getFormat, a as determineDisplayLocale } from './use-regional-dates-72c32f0a.js';
 import './get-closest-element-728b9f18.js';
@@ -646,7 +646,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: '8f4fb3c6d75c099911fee07b2ec3f3315776e4ce', class: {
+        return (h("div", { key: '8b92ad844aa8d78ec04cfdbf28382c997689b07f', 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-91950719.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-bcb279ed.js';
+import { t as trackComponent } from './usage-69640270.js';
 import { b as buildI18nForComponent } from './index-6de381c6.js';
 import './get-closest-element-728b9f18.js';
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-91950719.js';
-import { t as trackComponent } from './usage-bcb279ed.js';
+import { t as trackComponent } from './usage-69640270.js';
 import { b as buildI18nForComponent } from './index-6de381c6.js';
 import './get-closest-element-728b9f18.js';
 

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

@@ -41,7 +41,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'f9db9ba78c3cfa1e1bc0b825d04fc96afa6cca58', class: {
+        return (h("div", { key: '771af7820748344052a47add3ca4e4a8a34d82ef', 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-6de381c6.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-bcb279ed.js';
+import { t as trackComponent } from './usage-69640270.js';
 import { s as setInitialActiveOption, g as getSearchOption, a as getOptionDefaultSlot } from './gux-listbox.service-503fe0e2.js';
 import { O as OnMutation } from './on-mutation-22820853.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
@@ -415,7 +415,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            h("div", { key: '719f8bbeae8ae940b9e413c9568f88369026d8af', class: "gux-dropdown-container" }, h("gux-popup", { key: 'd1e8815725519674a1d52505b7f31efcb8ff3a95', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '5b338deb97e0eb12f203fd47f1affe8f2447afad', class: "gux-dropdown-container" }, h("gux-popup", { key: '7ec10e6179cc0bc50b847b38541950277c8551ee', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get delegatesFocus() { return true; }

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

@@ -4,7 +4,7 @@ import { b as buildI18nForComponent } from './index-6de381c6.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-bcb279ed.js';
+import { t as trackComponent } from './usage-69640270.js';
 import { O as OnMutation } from './on-mutation-22820853.js';
 import { s as setInitialActiveOption, m as getListOptions, g as getSearchOption, a as getOptionDefaultSlot, c as clearActiveOptions, h as hasActiveOption, b as setLastOptionActive, d as setFirstOptionActive, e as hasPreviousOption, f as setPreviousOptionActive, i as hasNextOption, j as setNextOptionActive, k as actOnActiveOption, l as goToOption, n as matchOption, o as onClickedOption } from './gux-listbox.service-503fe0e2.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-91950719.js';
 import { b as buildI18nForComponent } from './index-6de381c6.js';
-import { t as trackComponent } from './usage-bcb279ed.js';
+import { t as trackComponent } from './usage-69640270.js';
 import './get-closest-element-728b9f18.js';
 
 const removeFile = "Remove {filename} file";
@@ -31,11 +31,11 @@ const GuxFileListItem = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: 'f45c9a8fd63502fc11f7b335556beb2d70acb49b', class: {
+        return (h("div", { key: '3a2e436b710705f65b693b7a5d9dcfbdf3a0f036', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '86bafb60a2b20e14e0e6ef5bd38fee47d0ea3096', class: "gux-info" }, h("gux-truncate", { key: 'f4f841214860f392ed88741b44139dcf8a3e18c2' }, h("span", { key: 'f23791db1fe4fe023f1809376658882635ec1d91', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, h("div", { key: '210ab577a899ac3596a181ff5192799a9eefeb2e', class: "gux-info" }, h("gux-truncate", { key: '50d20b56f716d6ad219c9c86b4cf4534de0bf8d3' }, h("span", { key: '707ac3629ba48c98375aed98010ad129494e67dc', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
     }
     renderStatusIndicator() {
         switch (this.status) {