genesys-spark-components 4.112.0 → 4.113.0

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-feb7be20.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.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-02309983.js';
 import { O as OnClickOutside } from './on-click-outside-4688e1f9.js';
@@ -28,10 +28,10 @@ const GuxButton = class {
     }
     render() {
         return [
-            h("button", { key: 'eeb5fffe498716be6b4f7b33821cf484495d1d1e', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: 'f336746777fa318e2cc8ac18a77c44b0f52da0cd', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
                     [`gux-${this.accent}`]: true,
                     'gux-icon-only': this.iconOnly
-                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: '60edd2dfa88fb7efb90c345247706da081a9be20', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: '82cfa0f55e0684131d6ab3b752411587d7fab276', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }
@@ -247,10 +247,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (h("div", { key: '46a0ac5ffa18c2449aaf20e58e96aaf7da1d0105', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'ca91c76d4a58741a09327b1a84c7a27d4fd43c7e', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '9187bab540d53e41cc94983cb26ebc09677d32a1', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '706b8c278e14832113b1a9d0c91b3b05ef999044', class: "gux-arrow-caret" })), h("div", { key: '0e20514a1ba6bc82e3c6615da2695a9ceb4d50c6', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'cf331a0058721a77082283f305e166889b0f9d2b', name: "title" }), this.renderDismissButton()), h("div", { key: '955c0a60e36b208bd0b38026ef45ad4c8e14800e', class: "gux-popover-content" }, h("slot", { key: '8925b4db0802f6c916bba4055608d73ab4bdd55c' }))));
+            }, "data-placement": true }, h("div", { key: '403c4f9bcb1ebcb9e7b2a0dbdd2b261975b13202', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'f1d30c5f3c9edb3bb2bdfdf6b614ea42def5dd86', class: "gux-arrow-caret" })), h("div", { key: '08af1b853b727ac0597397cab1e346befcd253b5', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '5d4f62c1a4bd19fd8ea2d2476e4a33893e818a8f', name: "title" }), this.renderDismissButton()), h("div", { key: '09a9e51099ad081160174e887b28c34c7f723699', class: "gux-popover-content" }, h("slot", { key: 'd57e6848469a6450af1ca8d899288eeaf1dad9b2' }))));
     }
     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-feb7be20.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-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { g as getDesiredLocale, a as getStartOfWeek } from './index-6fa3d266.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: '8632c5363764ad79c5c3bdcd55db42b1c0e2351b', class: "gux-calendar" }, h("div", { key: 'ba2a5200db8647f8755bdc678e1cf207684cb1e5', class: "gux-header" }, h("button", { key: '22aa72956abb90a0b1e74e1c3dc66b598d55e3c7', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'fa9ba3ff4603e8e7a7b9715e4612fa543e2231d0', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '70fd848e506de2edb7d0e9212a911eb87849645e', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '7dc21af60150f07e31d2b1a724aba3df453351b9', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '116315e909e4375b1c76a3c47145fb772b192761', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '608100a47650aa8c7408cb72b41bdf610375cfc2', class: "gux-calendar" }, h("div", { key: 'e064a53e54b55478085a77e65d84eb752103dc83', class: "gux-header" }, h("button", { key: '4e258899ed52b4c21d86ed865313b679313391c5', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'aac6049449bdcfc0696b1bcd4d8d6efebdab520d', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'a13722dc99f56373ade9c3107900d9524a82dd92', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'df253ddcc563541ab79b8550daed55e8ea9ac3a0', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'cb5bf8914175a52ee1374ccd288e9c04b9d5b8af', 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-feb7be20.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.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-offsetX) var(--gse-ui-card-raised-boxShadow-offsetY) 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: '048b1825db881e0790fa44599576ae68fdfddfab', class: {
+        return (h("div", { key: 'fddfeabae96f3dceb718f2e81f787a607806626c', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '98058859f5b54c7fdd474493dbdf86931b98f32b' })));
+            } }, h("slot", { key: '1a47ff002ceb544b37882c381dadc09386d69531' })));
     }
     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: 'fafcff84c00a5ef0c5424e430941f76210bd744a', draggable: "true" }, h("div", { key: '16ac741d2daed6264f38fd8dd03eeb163ac7dd4d', class: {
+        return (h(Host, { key: '4b62f8a4e6987662a4442eb64b46503c7b846832', draggable: "true" }, h("div", { key: '379821764f92352f40a5784fab4b410629248b36', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: 'e55e17c2a9e468ecffd5b0b2b68d9fbdfb955951', class: {
+            } }, h("button", { key: '900c686eba727645339be71d8d4d6dd633b16512', 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: '6fe7d676aa123e5e87468388f76488fad2801c05', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '629c142177ea24b1c41e0288372b62d4f4793d92', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '0052179ee1778c6c9cbe82c2395250edefeca4ff', class: "gux-select" }, h("slot", { key: '855e2aa27702aa0758605f7abe15b8cbb89102ed', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '52c83368ef4b20a1b75e99395a4ffec4f3ce09a3', 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: 'f89e7db5f9fab521b3c12cc900df57c9577c7091', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '0fd4aa2424b7a5f86c55a2d25b69bcb97bd2c54a', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '2ef6bb1398919a63ac26037ae065001a2a5db766', class: "gux-select" }, h("slot", { key: '47dececc3e186ff4e87939b09e7b1942dbed1ac4', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '9e5b15098cc39242e5efb94285c46c938b7f379d', 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-feb7be20.js';
 import { b as buildI18nForComponent } from './index-6fa3d266.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.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: '791f69bd3f39d4d4a6b285cbb42de8049cb8f113', class: "gux-container" }, h("div", { key: '1410e1f0c23f639b836507d9a7c70f1278c39ad8', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '3b27b7752420d4fde1652ca9bfc1661a4aa5579c', class: "gux-search" }, h("gux-content-search", { key: 'ab3ae26813b5d746410a9ee82675a7bebf3140b9', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'e755a3ae15f7dc85f598c6da1fc59c0983df8be3', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '8213aeb04810a59f51ac86b84251add5e4114c2e', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'b21ca31ec2d33c359414c61d07f275e1c7dccaf1' }, h("input", { key: '8cb7b744a8038d55acbe8ce687334f794c6c19fd', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '0b4e9ced66436d2179c5e341bea7ca7e7f8061eb', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'bec2d31966ed62b047243b1d5a623211049782aa', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '1670ddb41e9f8b5027132651c7011338d1754e7a', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '3dc91ac2ca6a740a15e19ce5b1590989b07b30da', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '90472c14aff4241a12a67e599f4eb4575766f64d', class: "gux-container" }, h("div", { key: '6708dbf297e838ff3a39c0d3eb0d2166bd82b603', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'e81f51fa16667552b12defa722fdb4e2570fa31e', class: "gux-search" }, h("gux-content-search", { key: 'd4f6ba75ce8c93142efde59730391ac93fc3b137', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '6ccd29773587b71fd08d47d7c89cd7242f4b4c3e', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'd521b953340ef6ef42656a8dadef2a2afe53eb3c', class: "gux-select" }, h("gux-form-field-checkbox", { key: '9d11c72ed14a1c87cfac5037880f220e679bc522' }, h("input", { key: 'adf6a87ed983216e59b38888fff529d665aa22b3', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '19e2f8f14b119c8a73728a62edb38dabdb21447e', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '3b9164ab9d5f245f76b8d19afd5e5ddb8f005442', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'f87a0f01ba201238d5695d0c436343cead0c52a5', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '23888d1c0878856edadbb8bdb611ac6d803d9f71', 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-feb7be20.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { b as buildI18nForComponent } from './index-6fa3d266.js';
 import { a as onDisabledChange } from './on-attribute-change-f42eabee.js';
 import { f as focusInputElement } from './focus-input-element-8a137b12.js';
@@ -62,10 +62,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (h("div", { key: 'c677f35b38b7761866cce6f52c6bf70a39efa87b', class: {
+        return (h("div", { key: 'c13e18adcc7893bd09918918011f06a6c631b690', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '50f3e9a582347e1d24a50c765f5dd63c37d5341c', class: "gux-search-icon" }, h("gux-icon", { key: '2ed0aefa3e93edef285808e336fe5897b078fd8e', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '95257371d6a06235c2c0b7358afcbd408949230f' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '9ba14b3d49298ebda817fb6d600dbad6dfa63713', class: "gux-search-icon" }, h("gux-icon", { key: '2146014de1e824adcb11d8a0d61d12604c9b3206', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'ea3eb44b3235e9cfc0bb3f3afd7c0b3c81864332' }), 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-feb7be20.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { b as buildI18nForComponent } from './index-6fa3d266.js';
 import { O as OnClickOutside } from './on-click-outside-4688e1f9.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: '194e9a18eaf58654cd45527aa95dc68c5559af46' }, h("gux-popup", { key: 'a92927b14c97e848a98f3fd3885c0568d076ece3', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '397efdadb4369691d684bf9acb33e98254b6e059', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '993efdc7e2b9d773776a12849f9894855b7a9c96', accent: "ghost" }, h("button", { key: 'd825f9e55515a125dc39a61654e5117a33e4f0f8', 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: '5ec0fd4f34b790429b127286f2b64b99b2b23b13', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText'), size: "small" })))), h("div", { key: 'de7feb2cd3e65333e8001e1d22add25440244be8', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '39987d740aefe82febc597c3700af22b6448b984', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '15a9091a836f9217bfb2aaa214bbca0365123814' }))))));
+        return (h(Host, { key: '6ec72e40159292c148c53dd5739fa21b45710f30' }, h("gux-popup", { key: 'b60d4e27776f9bcff8dd81767b5d4fe83abdeb31', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '46c37f1bcd37e728ae260978edcd2d25aec33efb', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '52355dc84b4b2c6df125906dca42b54f314e8e2b', accent: "ghost" }, h("button", { key: 'd051f5aa1443d0b3f25868d650696ea35552b1ff', 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: '350ba0aa9ba35950e14c05d5baf0a2b3eff78bad', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText'), size: "small" })))), h("div", { key: '5468877b13a689cd2dc0c0bc5050eea6a090cbc1', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'ae649d83d0722f5614dcb66122f1f7a87a78ab47', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'e00d0df7d2a0bec67de19b11134dcfe5218fb589' }))))));
     }
     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-feb7be20.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { b as buildI18nForComponent } from './index-6fa3d266.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: '1f22d1671641887bbc0eb38575cb36f614800d5a', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '58b346a165dd6db43dacf9e93375ee5e4bdd4cd0', class: "gux-copy-content" }, h("slot", { key: 'c61843695c721e376ca8c858595307134f104e67', name: "content" }), h("gux-icon", { key: '6a0736266451f2b5702ad9b1e0a417a7649cfb13', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '4843d7c055d6d34758fdea75f67d4a24bd95d7d5', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '7f503d10ec5f1f31754661f518d60f9606055001', class: "gux-copy-content" }, h("slot", { key: 'b6f200fb75dae908cf65584a32650e03e0c22295', name: "content" }), h("gux-icon", { key: '8bbb7a6dfd579ed9a2c21b15c75395c167af5864', "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: '73b33619a8cc5295b4d6f2480877bd5f85db18b3', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: 'bd50908b9d94da79ff93b98e512f59f62eb3cef8', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: 'afe42497cca379fb217ee945ff1c1100e40b1d56', class: "gux-option" }, h("gux-icon", { key: '03c01d24caf760f7633edc66baf0a635f5c6d9ce', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: 'c1b73b235d60cf36937380a0f31f1ce949dc0634', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: 'aa68df5721504e3702221bd5ad1b37d56d19a9c5', class: "gux-option" }, h("gux-icon", { key: 'dd0588b0cacedea43e0a9b9b1d043a5c750351ec', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '59fd5eda3008d76e2f5ed175145637d3bcc6a650', 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-feb7be20.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-e3121f8f.js';
 import { u as useRegionalDates, d as dateTimeFormat, a as determineDisplayLocale } from './use-regional-dates-72c32f0a.js';
 import { g as getDesiredLocale } from './index-6fa3d266.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-feb7be20.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-e3121f8f.js';
 import { u as useRegionalDates, d as dateTimeFormat, a as determineDisplayLocale } from './use-regional-dates-72c32f0a.js';
 import { g as getDesiredLocale } from './index-6fa3d266.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-4688e1f9.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { b as buildI18nForComponent } from './index-6fa3d266.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: 'af2a22d53c2bc721f52aa9340a9a52f63671f5ba', class: {
+        return (h("div", { key: '70cbb2cd6fbcd3a770d50258f90d07d833e0da05', 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-feb7be20.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { b as buildI18nForComponent } from './index-6fa3d266.js';
 import './get-closest-element-728b9f18.js';
 
@@ -46,10 +46,10 @@ const GuxDisclosureButtonLegacy = class {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: 'd2671c56388c29936f4ff40f2252f802763e9668', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'f528569e268505494d56e5e37cff812a77098b22', 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: 'a22bc9a434071a0d9eaa3651774b665364cb9442', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '8dbe3570285fc3c6694dc91e0f2d7075e5c15468', id: this.panelId, class: {
+        return (h("div", { key: '12d9ad893e1226b25102bbdd4430452f86459685', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '6c24ca871d720b53cd976e90191f30da78b520d1', 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: 'aa90e57056dbd73625defccb9d9043a8765be18b', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '5d1ee4d76e30bd3f1d501bef468976c28d904453', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: '15ad8f9d6353ec1d20024623af53632bd7081850', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '1f1b49bba27c0cf9d7e69a21c6febbb5a869b90d', 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-feb7be20.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { b as buildI18nForComponent } from './index-6fa3d266.js';
 import './get-closest-element-728b9f18.js';
 
@@ -22,10 +22,10 @@ const GuxDismissButton = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-button-slot", { key: '752feb0398a667f08f9ab6eedc4bbeaceb3e5f0f', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: '5ceaedf6208b7fc7277d65e76afe34da93b75b6b', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: '26801d3be916d0cf2ddee38059ccd6da9245197d', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'a8cd1712d613296b9ff84afcd30b4de95d39d35c', class: "gux-icon-container" }, h("gux-icon", { key: '1801568c4e57cb7830c40da1416da81c73639d6a', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, h("button", { key: 'b3fbaaa681b6164182336f30ea67caac83e64561', type: "button", title: this.i18n('dismiss') }, h("div", { key: '439ba2827dcf7246ac076ba2e1911a0fc600ec8e', class: "gux-icon-container" }, h("gux-icon", { key: 'd05b7eeb8a2612f3052e4ebc7647db3841f4241f', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -41,7 +41,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '2967af24bf413f1bf154318ecc2fd546692d6d7f', class: {
+        return (h("div", { key: '80bf22ee8cbb16ae1af046a5ca3821396a8a3acb', 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-6fa3d266.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-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { s as setInitialActiveOption, g as getSearchOption } from './gux-listbox.service-28ef1770.js';
 import { O as OnMutation } from './on-mutation-0160ea8e.js';
 import './get-closest-element-728b9f18.js';
@@ -393,7 +393,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            h("div", { key: '1f8990c9e2be6f7b2d8fb8e7c2998fcac1358cd8', class: "gux-dropdown-container" }, h("gux-popup", { key: '5602788af72f17d5b1b75786b10519b319f82340', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '4c12f474e5aa49348caa1cd9046632f989f1e329', class: "gux-dropdown-container" }, h("gux-popup", { key: '4325f25fc057fd5b7488de52c11660ac4e14138b', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get delegatesFocus() { return true; }

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

@@ -64,7 +64,7 @@ const GuxDropdownOption = class {
         };
     }
     __stencil_render() {
-        return (h("div", { key: 'd77a7b53da9924593ee1ddaa5c7801a47fac0c9e', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: '00d0a6e34a1cc2eda62041edc64ae50644ead58b', 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-6fa3d266.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-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { O as OnMutation } from './on-mutation-0160ea8e.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 { h as hasSlot } from './has-slot-f24a46a6.js';
@@ -359,7 +359,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (h("gux-popup", { key: '6eef6544d82af165c88d8f6009b3eec02f70da9e', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: 'e65a43af8097df089756d19fa6d09f54d265b71b', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }
@@ -586,13 +586,13 @@ const GuxOption = class {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: 'ff80a3463cdc32273b65ce4e994fb02e46ab1e1b', role: "option", class: {
+        return (h(Host, { key: '5a0f0e76a9a7d6c47bec3962f8fd928e99bcf90e', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: 'f695337a9c8a53a765f7c1944cf697a852e74ac3', class: "gux-option-wrapper" }, h("gux-truncate", { key: '33a1874e2d3dc7dc25444a2735ce37f3d1fb8e6c', ref: el => (this.truncateElement = el) }, h("slot", { key: '9051543da42fefc1ea57f598c59c8f94a27f59c0' })), h("slot", { key: '630c66ba047018fb58ea4622adf400c7cac2d8a9', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '0333df4572e7e8e96719311e9f4adb822ed72268', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'a42db761ef58e2be2d05b11455b9223f211cd0c7', ref: el => (this.truncateElement = el) }, h("slot", { key: '07afbb2319d63f0fb6e0b45d27e78c3d76ba3020' })), h("slot", { key: 'b1b61159e41c756763d4a2060523af62ee8d9590', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {