genesys-spark-components 4.154.4 → 4.154.5

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-1f4f2f77.js';
-import { t as trackComponent } from './usage-81217368.js';
+import { t as trackComponent } from './usage-336f9256.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-a44d7688.js';
 import { O as OnClickOutside } from './on-click-outside-6c2e399b.js';
@@ -32,10 +32,10 @@ const GuxButton = class {
     }
     render() {
         return [
-            h("button", { key: '9c064f7a47d8a4b4deaa4e60af5756a030d716af', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: '24dbbdfe3e039dea0cbdc2d452cb0cf5da7f9d9b', 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: 'ee0e8501a4cd24a1fac1cb4c29c452b03bf434bf', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: '3cdf6222d210ad14536037885d5d6b54f684a209', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }
@@ -257,10 +257,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (h("div", { key: '15ebb2aadb07189b4f08d86b596df4da22475e96', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'ee1720e19760f914995ad956f05f401cfbd92065', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'cc6a4a445f4280a009f0356becaab363602fd546', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '1420e05736ade46ad1dc37d307dfe9de1bc8b699', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '30e79e138a5fbc213ef24acd63babb40c5cf94f0', onClick: this.dismiss.bind(this) })), h("div", { key: '42f3ebb6874aecb0c05366d8040a089a627ecd3f', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'f80d2650eec055b1bc1ceb3d6c0cfdb8a6a9d79d', name: "title" })), h("div", { key: '5d9f7e98d824af66532a5e6c18c1eeb623344b23', class: "gux-popover-content" }, h("slot", { key: '71e4810e14d8fb3aeaf19df4c0dee6cd72ef4514' }))));
+            }, "data-placement": true }, h("div", { key: '5519da18954bc746183af5fce4fe38e9c3e11f2b', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '593025978df29f4dc891e7555f7d40251a33a670', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '52ad3b2604ff6fe3c6fea42a26a3fe78b5f90cbd', onClick: this.dismiss.bind(this) })), h("div", { key: 'e41c91e3b727ede0ac0a0f7e80b73623f84abb75', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '4c7276811649348eb49f013029dc17f1f8c76a3a', name: "title" })), h("div", { key: '5d06ed668cab6c8acf176a8c7f08607402b01a6a', class: "gux-popover-content" }, h("slot", { key: '14212f1c9a2256500b492d8112d2dee5bf811ef6' }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-1f4f2f77.js';
-import { i as index_umd } from './index.umd-acfcd4a7.js';
+import { i as index_umd } from './index.umd-4fa3c748.js';
 import { g as getDesiredLocale, a as getFirstDayOfWeek, b as buildI18nForComponent } from './index-4f1356d9.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { l as logError } from './log-error-274efeb7.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { a as asIsoDateRange, c as fromIsoDateRange, b as asIsoDate, f as fromIsoDate } from './iso-dates-c6c7180d.js';
-import { t as trackComponent } from './usage-81217368.js';
+import { t as trackComponent } from './usage-336f9256.js';
 import { b as buildI18nForComponent, g as getDesiredLocale, c as getStartOfWeek } from './index-4f1356d9.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-404638dd.js';
 import { d as dateTimeFormat } from './intl-93dbfa3b.js';
@@ -412,7 +412,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: 'e7078b80ee2b85e0fe1c83f96e60a7964939545b', class: "gux-calendar" }, h("div", { key: 'f1e5fe1d328ef32158989cc9e20909f9e3139a67', class: "gux-header" }, h("button", { key: 'aae4da818ac5081ef787c16c812a7c0bc680a32d', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: '823f261e39e0b061ead849afb82f5e0a2c5d55e4', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'd1d9ebc762d7278b19964ec38d00296b47f98b78', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: 'a7bf63b4506e7c55f691d3aaad430f18edf0623a', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'b1cd35692c38c748363d6a0edd9c3f8d866d944e', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '0c55a401066c6b0187e748aa283250a0b1241319', class: "gux-calendar" }, h("div", { key: '5a74b7258882a980360239957794b1c2ae89f26f', class: "gux-header" }, h("button", { key: '74a80f686c61660c3dacb46c3ea39254b175767f', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: 'e6591ea5f66819d5d28628fd1eec2fbcaf29bd7a', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '4cd50eea789472a67ea8dab48160f9d372f22633', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: 'c70331f456b7af4a5df486c555d7a38ed06ff5a4', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '5ec1b7c7032ab13ed4c2e1fc55a861695d3ec7de', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     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-1f4f2f77.js';
-import { t as trackComponent } from './usage-81217368.js';
+import { t as trackComponent } from './usage-336f9256.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;
@@ -16,10 +16,10 @@ const GuxCard = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("div", { key: 'cf65846810dd24ade44d0c3400f9d16c1876746b', class: {
+        return (h("div", { key: '363ba6f0a883e4e2f4a056f6d4d441efb0b3ea2c', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '4a241e4cc99530464998917f75093f565542dd7f' })));
+            } }, h("slot", { key: 'e36c2a015923aa961bd1c0a308f2066b702e6272' })));
     }
     get root() { return getElement(this); }
 };

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

@@ -150,14 +150,14 @@ const GuxColumnManagerItem = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '87e64ab19cc75a34e27b0da4a3883b4fc03bdfe4', draggable: "true" }, h("div", { key: '852ceec945260e57f0366ba8dd4067a36cad1815', class: {
+        return (h(Host, { key: 'e6013e498a0c7f257528ace4073d8172583d08f8', draggable: "true" }, h("div", { key: '49ab2eb77431ae3133b5aa34697fc85139a146b6', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: 'b871cd2344b5df464276ac3b3ef46fd13d491d17', class: {
+            } }, h("button", { key: '50c716123ee00cba66bd2f6fc8b15779113b4f47', 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: '5ae5841dc9fea7a4c2915c103206aa7cfc96b939', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: 'd33b39c970e321e6216875363cc3fed45a8dfbeb', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'a047de4fd93b7e742b1b70a31061750478f1c224', class: "gux-select" }, h("slot", { key: '6b3a439c12c4ee9f3dca44e7802f691fae62e003', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'd64a6d6a97f3d8fecf40a92f7ed8d27f1ef6320f', 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: '97863cb76d1bf28dfa079c77a1c99eed6664972b', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '6bd0d410c9d3d0c7772abfa40fae34987e3d41b4', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'edf779e93542edcd8704fee84f330939460776de', class: "gux-select" }, h("slot", { key: '84f0bc882c16a3e478ea6a0e76f85bbe63b23686', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '6e4e27282db27295a16cba27d063fe0f682f4901', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     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-1f4f2f77.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
-import { t as trackComponent } from './usage-81217368.js';
+import { t as trackComponent } from './usage-336f9256.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: '5634246ba2c88484b06021a8865c9566401d069d', class: "gux-container" }, h("div", { key: '331e79feaa5c41b17162af720b679948de0fc5a4', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'f3fdd3580c20b6e72d9d9fbb16bcd57f53c233c1', class: "gux-search" }, h("gux-content-search", { key: '7fd12c67d493f5b8df537c44902492308b81d7b2', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'fe70e4da7358e2c413cf535c301d8d688dca0459', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'f334f3aeedb3d06980fb3db7fddbc2c94b83b7ab', class: "gux-select" }, h("gux-form-field-checkbox", { key: '7b3587652fd0ee01cf4ce12e05f4d154cd9b5eb0' }, h("input", { key: '86e8bac0b754e2f6d8040dc7c632a1e7dacfb7b1', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'd5c984dcfe510e346d5dd7d4e8d76e2515ad72a4', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '290e31ddb2ed344dd96d0088185fd5ece7301f7e', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '9c50c0a680be1c7adf023facf2186b5fa0aef5ac', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '29fee5ffde0698cda242795a20d4fde8fcda791e', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '62daef53138e926a9cbfae1719232de3f3e7f9b2', class: "gux-container" }, h("div", { key: 'e3a79e55e8cbe501bdb26935385ba313cd4927ee', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '76a55f638c25df7ceb4d38b53be63102889b9aa8', class: "gux-search" }, h("gux-content-search", { key: 'be60a7fdfe003135a386d313bd3fecbbd52c853f', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '19af360a04d7d4df522dc76676897363fe35c1a4', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '261035c713eb6c548bf5cf3f0c2cfd8337446c4f', class: "gux-select" }, h("gux-form-field-checkbox", { key: '7067d7cece7c16d05a45e6b01fa46c245a450eea' }, h("input", { key: 'bef6b7f2804bc0f8006901195a694f725dd6c14f', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '2135cd8bbc8421a4cae0fb46f93728245d5d670f', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '58b6db75ebf6d37d15beabf2a6e572d863f01fd4', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '3e2cdf0655d9dfbd380495eccd7cdaf23470b7d3', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'da70374436f1c5fd2746e327a7eb7709efb770ef', ref: el => (this.announceElement = el) })));
     }
     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-1f4f2f77.js';
-import { t as trackComponent } from './usage-81217368.js';
+import { t as trackComponent } from './usage-336f9256.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { a as onDisabledChange } from './on-attribute-change-33919964.js';
 import { f as focusInputElement } from './focus-input-element-8a137b12.js';
@@ -66,10 +66,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (h("div", { key: 'ef4715513267f640e3146f356942998a1d7f9e8e', class: {
+        return (h("div", { key: '005b8a6387ab8fe85d2568dadd131d23cad52d66', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '2f2a5f82d513ca4c1c09e74c83854986a85806f7', class: "gux-search-icon" }, h("gux-icon", { key: 'd0dffb2cfa01e19729d43c4f8560288ca97c3af0', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '830f23a720ef5d477402fb6666da5b9503c453e7' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '101221eef9d32157c62232694a25117102c3fa39', class: "gux-search-icon" }, h("gux-icon", { key: 'ef6aba3306001c5992c549e7bcb8e7383405e9a4', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '66f162a8e996e5f99df6e38bd2b53f8e33c0569a' }), this.getNavigationPanel()));
     }
     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-1f4f2f77.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-81217368.js';
+import { t as trackComponent } from './usage-336f9256.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { O as OnClickOutside } from './on-click-outside-6c2e399b.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
@@ -135,8 +135,8 @@ const GuxContextMenu = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '71daff89e2c9308fabfe2a72711ee5c6f58febe8' }, h("gux-popup", { key: '1524aa95d9b12ce39377f970a8aa1f88dbb1a96f', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '0e081fd58aac0ed9514684e7956c3bc987ca9a02', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '59ea669fb9a29dd7eaed40ece717cebb64c65b78', accent: "ghost" }, h("button", { key: '4c62d98299bf658e7a97481ca587d080861a1818', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-screen-reader-beta", { key: '4e6ce2bc70530d13fff98bbf8aed059c7e4928a9' }, this.screenreaderText ||
-            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: '6fcaea725f16c37a9f47fd840e6bb4854b6c6d81', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: '7af3d8d59460ece729264bd3e8e0c5924e5ac060', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'ed9fe6c367aa9ebbc8d499a27bc0d71ffe63a115', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'fd3b7b86d7eff0e47938440a029b7005add215c4' }))))));
+        return (h(Host, { key: '5c6fcdb16aca67d10d68a84a74ed9e882366594f' }, h("gux-popup", { key: 'a058fa9045b1ea9bf7baf6e7bd7acb20316021a1', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'b39b560341aff900fbfa5b0bf0927b1c4b9dbc33', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '70e97e654db145292fc372398101cfb7c26dce08', accent: "ghost" }, h("button", { key: '8cb5ca88159f66d55870701b463f7db5144989c9', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-screen-reader-beta", { key: '3a6f2b1215ae7fc383bacb7264f74cbd03b342a0' }, this.screenreaderText ||
+            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: '882669bc46a37800d7b9ced560de2e9d41105c4b', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: 'b29801fdedc5ed27bbc0e3159749ec514d441a22', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '5fc919f53286974f3d9a38a069592227ce185103', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '184fa8c0df6a3f7fd91bbf2ad78f734c7b2654cf' }))))));
     }
     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-1f4f2f77.js';
-import { t as trackComponent } from './usage-81217368.js';
+import { t as trackComponent } from './usage-336f9256.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.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: '14de6400815472a848c3a0bd9570211b835e5d3d', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '7cf5c98f49b471284453d0707a30fa6e5fd4821b', class: "gux-copy-content" }, h("slot", { key: '93c62a0ec398406c4f592329d12c00cc3dd08d3c', name: "content" }), h("gux-icon", { key: '2848aa46ed1c48237a41852df02763ae3526b50b', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '30088ac8e910bb4519c3a3e8a89a10395164cd94', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'a70cfe959192d8296676adad6283f5a9073630a7', class: "gux-copy-content" }, h("slot", { key: '13894c275336cb6209c27d47454a7d039f00eb5c', name: "content" }), h("gux-icon", { key: '6e0fc0b658e29fae6a64c9ea0e400a6d8d10c8dc', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
     }
     get root() { return getElement(this); }
 };

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

@@ -43,11 +43,11 @@ const GuxCreateOption = class {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '41b6b1965f8f7fc19c2cbd4475156533e1d8beb9', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '849de521bcfdd1bcfbe921d94162e64799acc81e', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '6849a0af45ea575969c02d0eff31ce56ecf350b2', class: "gux-option" }, h("gux-icon", { key: '0d046f92df50861e58bcda47bb0b50e098a38170', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '1f88f768eacd7a8f072d0a87ede648ed41e3f48f', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '8688d245735437cee0ff51221ceaa2b966efd3bf', class: "gux-option" }, h("gux-icon", { key: '336a4510da3a5c8e1d51477af49851871cafaaf9', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: 'd0e0287cbd4049098173925590ae0c9c5952c29b', 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-1f4f2f77.js';
-import { t as trackComponent } from './usage-81217368.js';
+import { t as trackComponent } from './usage-336f9256.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-3bde2dae.js';
 import { d as dateTimeFormat, a as determineDisplayLocale } from './intl-93dbfa3b.js';
 import { u as useRegionalDates } from './use-regional-dates-20f9c0e5.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-1f4f2f77.js';
-import { t as trackComponent } from './usage-81217368.js';
+import { t as trackComponent } from './usage-336f9256.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-3bde2dae.js';
 import { d as dateTimeFormat, a as determineDisplayLocale } from './intl-93dbfa3b.js';
 import { u as useRegionalDates } from './use-regional-dates-20f9c0e5.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, a as asIsoDateRange, b as asIsoDate, c as fromIsoDateRange } from './iso-dates-c6c7180d.js';
 import { O as OnClickOutside } from './on-click-outside-6c2e399b.js';
-import { t as trackComponent } from './usage-81217368.js';
+import { t as trackComponent } from './usage-336f9256.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { g as getFormat, a as determineDisplayLocale } from './intl-93dbfa3b.js';
 import { u as useRegionalDates } from './use-regional-dates-20f9c0e5.js';
@@ -672,7 +672,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: '89d01f637b19ee72e82eb020abbd23e1f805d8ab', class: {
+        return (h("div", { key: 'b8ac62b13ada393e6e80482f4e10da8eafd03bb6', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
 import { g as getDesiredLocale } from './index-4f1356d9.js';
 import { d as dateTimeFormat } from './intl-93dbfa3b.js';
-import { i as index_umd } from './index.umd-acfcd4a7.js';
+import { i as index_umd } from './index.umd-4fa3c748.js';
 import './get-closest-element-728b9f18.js';
 import './get-closest-element-7b2f7d5b.js';
 

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-1f4f2f77.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-81217368.js';
+import { t as trackComponent } from './usage-336f9256.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import './get-closest-element-728b9f18.js';
 
@@ -54,10 +54,10 @@ const GuxDisclosureButtonLegacy = class {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: '747050bec6ca0ca70b51fe1f8efb1950bb4067e7', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '9777b416941be9663138cc389a511140b9b5029b', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel'), "data-testid": "disclosure-button" }, h("gux-icon", { key: 'ed8712e407c36294c3fccc057276bc798f56c1fd', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '08749b4054704a5b117d5441f521a6b76e2e5ba7', id: this.panelId, class: {
+        return (h("div", { key: 'c96d5f177492ff489747baca32b70f93adaf1bf5', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'f71f8d93c8146fa3367acdab0c4c116197abbba7', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel'), "data-testid": "disclosure-button" }, h("gux-icon", { key: '7bbf022e573cd8f16fde788be416c6b93b76f203', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '53f88d45530817e81c91f130f083307e4b166bbe', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: '5537e7e7ec37df16faff2c47ba1d69894b892812', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '3e234ddc4164e3da3aaf9d430d57f016d031068d', 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-1f4f2f77.js';
-import { t as trackComponent } from './usage-81217368.js';
+import { t as trackComponent } from './usage-336f9256.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.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: 'ab4d4415b6534ff0bf1b123ca26d51cc28ebe9c5', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: '699c5876801bf26edbae2803ca5f7ba7d047b27e', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: '3a7f9528fca9183623b19082d34b51dd853ae615', type: "button", title: this.i18n('dismiss') }, h("div", { key: '7310d0b8879ec530ecfcd7432e89cbfd41e953fc', class: "gux-icon-container" }, h("gux-icon", { key: '0883e5154696a9fa8f06cf58bbda345aad7daa4a', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, h("button", { key: 'de66227205545b4dbf92210167fa4d5ca1ca4a48', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'f9284ac02c27e32ea3646718efcad36954099ce6', class: "gux-icon-container" }, h("gux-icon", { key: 'fc37236b5f832358416119d97e8aa6cc3612a825', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -44,7 +44,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '9dc2a9c4f1d75a3fae782daf7b406916f8a69f70', class: {
+        return (h("div", { key: '736f46e03112b67563ab34cff27d60a81b74d06f', 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-4f1356d9.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-81217368.js';
+import { t as trackComponent } from './usage-336f9256.js';
 import { c as convertValueToArray, s as setInitialActiveOption, g as getSearchOption, a as getOptionDefaultSlot } from './gux-listbox.service-250c2b08.js';
 import { O as OnMutation } from './on-mutation-751e68e4.js';
 import './get-closest-element-728b9f18.js';
@@ -426,7 +426,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            h("div", { key: 'd9a2849dd2af70fea0b94a23ac5fa1de9c16c663', class: "gux-dropdown-container" }, h("gux-popup", { key: '80871f9a99b8a0d6ad333a08f2f1efb6195b0c4f', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '21470eb5abc8ce97d749c5b4199c97c3209b63d4', class: "gux-dropdown-container" }, h("gux-popup", { key: 'a46922d1410cd946f8a8c4d873dfb26fe61de9c3', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get delegatesFocus() { return true; }

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

@@ -58,7 +58,7 @@ const GuxDropdownOption = class {
         };
     }
     __stencil_render() {
-        return (h("div", { key: 'f725c7472c496316e8d7bf04a94dda49a1ae5c0f', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: '5e04a1dcfcfc30f675e15113f6d6bb61c1d90b51', 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-4f1356d9.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-81217368.js';
+import { t as trackComponent } from './usage-336f9256.js';
 import { O as OnMutation } from './on-mutation-751e68e4.js';
 import { s as setInitialActiveOption, b as getListOptions, g as getSearchOption, a as getOptionDefaultSlot, d as clearActiveOptions, h as hasActiveOption, e as setLastOptionActive, f as setFirstOptionActive, i as hasPreviousOption, j as setPreviousOptionActive, k as hasNextOption, l as setNextOptionActive, m as actOnActiveOption, n as goToOption, c as convertValueToArray, p as matchOption, o as onClickedOption } from './gux-listbox.service-250c2b08.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
@@ -378,7 +378,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (h("gux-popup", { key: '4dc5bc89637d04a587748f7f8a99e42e4b0cc015', 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: 'ffefed5e0a9f2860826dd80690aa9d36ae91fe30', 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); }
@@ -604,13 +604,13 @@ const GuxOption = class {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: '4ff53f1b8164fdbb6b4b994aa19f029a8f7dbdae', role: "option", class: {
+        return (h(Host, { key: 'c2672c6cb5bf516a3495eea8357d3bc4c4c900da', 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: 'c0b379dd41e0c8aa8423f14d9a4ef569776b5df0', class: "gux-option-wrapper" }, h("gux-truncate", { key: '7acb8113ecf230d978949ffa6fd2c180d2bbc0e6', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '9c99dfe30b919418d5c68d96aab336249bc3c27f' })), h("slot", { key: '9b55759969afdb82230c22caa1de85babfa1f1e0', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: 'b85bf4d463039f58f49ec2d6d18d2d1415403f32', class: "gux-option-wrapper" }, h("gux-truncate", { key: '18608184d2d7a77a8fd0018745f9a1b6a8a5fa80', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '1b42a67570ad5b853612cbfce4481be09442aebd' })), h("slot", { key: '279602519fa45e83691133da63ef404ff014c43e', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
-import { t as trackComponent } from './usage-81217368.js';
+import { t as trackComponent } from './usage-336f9256.js';
 import './get-closest-element-728b9f18.js';
 
 const removeFile = "Remove {filename} file";
@@ -28,11 +28,11 @@ const GuxFileListItem = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: 'c548abea3507d94f3b230a1a5283f844408cdeee', class: {
+        return (h("div", { key: 'd53955036d4a45a954e6beaafb6c933a380c29b8', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '1d67d6aa5e1e59cb0da9da2b0d5eabecee980464', class: "gux-info" }, h("gux-truncate", { key: '37a2f6c927f4c58fb66c3f78d539b8832bd92ec3' }, h("span", { key: '1cf82c753506910632a519cc75ef5f625af3c1db', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, h("div", { key: '3a1003748e90a3b27ecdbece18249884ed8835a3', class: "gux-info" }, h("gux-truncate", { key: '7ffb12f5e1d210bf991075ba6936c72518cce6fd' }, h("span", { key: '461a240baa6c3dac8c0cb7027045bfb10edf906b', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
     }
     renderStatusIndicator() {
         switch (this.status) {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-81217368.js';
+import { t as trackComponent } from './usage-336f9256.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import './get-closest-element-728b9f18.js';
 

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.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-a44d7688.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-81217368.js';
+import { t as trackComponent } from './usage-336f9256.js';
 import { h as hideDelay } from './gux-menu.common-8abe7c98.js';
 
 const guxFlyoutMenuCss = ":host{z-index:var(--gse-semantic-zIndex-popover);color:var(--gse-ui-menu-option-label-foregroundColor);cursor:default}:host(:focus){outline:none}:host(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-flyout-menu-content{position:fixed;display:none;border:none;border-radius:var(--gse-ui-menu-borderRadius);opacity:0}.gux-flyout-menu-content.gux-shown{display:flex;animation-name:fade-in;animation-duration:100ms;animation-delay:350ms;animation-fill-mode:forwards}.gux-flyout-menu-content .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-flyout-menu-content .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;filter:drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow))}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";
@@ -172,10 +172,10 @@ const GuxFlyoutMenu = class {
         }
     }
     render() {
-        return (h(Host, { key: '1e467e8cfa6f535785855280e17d34a7c2ec417f', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'baeb9203d6ccb6d8f920f77e398ef5b8a9913949', ref: el => (this.targetElement = el) }, h("slot", { key: '7983d609dac40d85f1c0e7d1d47a50b0b4f9fded', name: "target" })), h("div", { key: 'aa4d34c15170c14e4316ba44cc0ce62de75216e9', class: {
+        return (h(Host, { key: 'c5c84e99ea3294192a198c02e15c469d462f4513', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '167f018586ec86c5fffcec46d21e7dae68b78857', ref: el => (this.targetElement = el) }, h("slot", { key: 'cb675622f4400180090210192b7159724fb120b8', name: "target" })), h("div", { key: '67e553bafdcb8d3fefbb0f8a6c3fbf4a7029426d', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '768d033f05a4517d5399673436e0e10db7bc1a34', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'f792bbaf9bec3e02f2dd409edc4a941a048850da', class: "gux-arrow-caret" })), h("slot", { key: 'f47bedd287b17ddc9cd665529ef470e7d85102f4', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '53ef18570bd6ca8c086f993a5d4901b8619d94d0', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'fd6bafab02455a7f0007cdbbb860dec625b2a5c2', class: "gux-arrow-caret" })), h("slot", { key: 'fe9427b13c803d1cddb97b0f5cbaadbbcfef08c4', name: "menu" }))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-form-field-checkbox-group-beta.entry.js

@@ -7,7 +7,7 @@ import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { G as GuxFormFieldHelp, a as GuxFormFieldError } from './gux-form-field-error-9e083eea.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-6cb3610f.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
-import { t as trackComponent } from './usage-81217368.js';
+import { t as trackComponent } from './usage-336f9256.js';
 import './get-closest-element-728b9f18.js';
 
 function setAllCheckboxInputs(root, checked) {
@@ -193,8 +193,8 @@ const GuxFormFieldCheckboxGroupBeta = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'd43a9b0f9a02cdc3e7b59c1a8ed1d981d6c2a2a3', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '38fa82fb837196c58fffd81bef9770ef2ffd6b42' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: '21aa66364c133d1423c917d06ba0f0133eab9483', position: "above", required: this.required }, h("slot", { key: 'b6d4254b6b76e9cd04357070f34ce420eb1155d1', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'cddcbfea5de47ee77960435974a98981fefcb6fa', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'dd541b9217eee24522a7159b5be993c1302550a5', name: "group-label-info" })), h("slot", { key: '8a85a1f7f2f417eba3f64f12b410d91fb21ef492', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '3bf015dcaf39267d8c591d190a72fd0e09652820', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '3cf043e9d50bcf434cc8008b529750b8d0c9e49c', show: this.hasGroupError }, h("slot", { key: '8ac68ec59839c02ea93668496f57edf9dcc22770', name: "group-error" })), h(GuxFormFieldHelp, { key: 'a8fc012dc7b87b3a1203e2af16893649e4edc4c8', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'f748e652d3d344de2d68078177d6e0f912ebda2d', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '98d0690d8c1fd17b434f8946cd7f93c394b9b9f4', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '298fe9be8fbbb3b7f7ff7749d0ce873bfa219995' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'a94e7153bacb115cf63ed0b4dc4603b8347229cd', position: "above", required: this.required }, h("slot", { key: 'd30a5befd3fd15213c284d0c7af243d6d07bc780', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6449f6c04cdfcdfcd80d75a9b9f229f445b7b7d5', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4eab381a152e8baf40bfb4adcda5bf81937a262a', name: "group-label-info" })), h("slot", { key: '8c988a909db54ff6e9dc294d7dc9e0c4a5d702bd', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '286b30b7358d9715e8c1b9e0bb2a90b259305f59', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'b7aafae8f77cf32e153591bcb0670384aafc1bb2', show: this.hasGroupError }, h("slot", { key: 'a35123dda49a72c62deb59e18f29a9d829a28ff3', name: "group-error" })), h(GuxFormFieldHelp, { key: '4969a7009d6f8bf513394cf60297c6b5b499afb2', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'a377111d6f5816316189e5b9fda971311af68c8d', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

package/dist/esm/gux-form-field-checkbox.entry.js

@@ -4,7 +4,7 @@ import { O as OnMutation } from './on-mutation-751e68e4.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-9e083eea.js';
-import { t as trackComponent } from './usage-81217368.js';
+import { t as trackComponent } from './usage-336f9256.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-173b5dfc.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -48,10 +48,10 @@ const GuxFormFieldCheckbox = class {
         }
     }
     render() {
-        return (h(Host, { key: '05eedb3efb5925efd55f0fbed9dec50148c3b671', class: {
+        return (h(Host, { key: 'e33c81e5ebf0d6384e70c9dbebd425818b629b05', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '9040562d171a9e9c7f070d6572c0787b44edfef7', class: "gux-form-field-container" }, h("div", { key: '0687b65015519fe0118a3caa9623f2c2cc957434', class: "gux-input-label" }, h("div", { key: '789539b0545c078324d0914bce4fbacfbd17812b', class: "gux-input" }, h("slot", { key: 'c9d43b5890dc0eaa3791e7c22382a611afcbe9d1', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'c03b478b667729ec45f4e944204582e7bb34a344', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '00ba2231f4e43868b8627f66bcfd5e0e7199631b', name: "label" }))), h("div", { key: 'c602d8dd04cd59b2395f0c62a2bd47e1db01184d', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'b45e09e8ada10fcaa1d4a19b861f05ef12b63a38', show: this.hasError }, h("slot", { key: '8573dd0905d1b1f727bcf9ee5b092e436b8d1b79', name: "error" })), h(GuxFormFieldHelp, { key: '2e1289c3b6dff1d492a282f2f59f08f191b454c8', show: !this.hasError && this.hasHelp }, h("slot", { key: '509b9e92dd8e454c711c6ecf87d9d434f1126010', name: "help" }))))));
+            } }, h("div", { key: 'c0b7b7cd778f53bac8d86714fc4717e5529a4bbf', class: "gux-form-field-container" }, h("div", { key: '67a1fb1fe64d980bbaf270863fdf7ca3ce40e55e', class: "gux-input-label" }, h("div", { key: '412e3c06405f31ffbcd018ce4d11b3a535a02dee', class: "gux-input" }, h("slot", { key: '201f531bb890e6c0d607f4b5f4d8a7449c11707f', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'ceec62d559b90a0d73e5c72b64fdfb67466fc85b', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'ca0dd77a35a4efdc20dac88259fc54662082bb5b', name: "label" }))), h("div", { key: '84de835f978c2fb17d6c28b7f8f17bc55bb5152c', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'a042683304e69c33f29d1e35f60bc689398ee3f0', show: this.hasError }, h("slot", { key: '45285c03bcf42723bba20c92063b60db0cbfb449', name: "error" })), h(GuxFormFieldHelp, { key: '0430f5040a211df1c350acde8f1c77163f47cea7', show: !this.hasError && this.hasHelp }, h("slot", { key: 'dea14136220f341ba6649a6ebdebe7f18539d19b', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

package/dist/esm/gux-form-field-color.entry.js

@@ -7,7 +7,7 @@ import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-9e083eea.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-3dd7c6ff.js';
 import { g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-81217368.js';
+import { t as trackComponent } from './usage-336f9256.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -86,13 +86,13 @@ const GuxFormFieldColor = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '4e7e2506ffdafdc14e849e190b53199a20595e16', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '178746d28f97da0e811767b1621f536e58db085a', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a811fa13fb91847e074b04530543b902f1ab437d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b3799e9bd2e3289163d780c7dd3029cf5d9121f7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '70dc42af063131c13c089bafd211aea7b45fc62f', name: "label-info" })), h("div", { key: '1328994b37a9df7c2cf264dc2d1c5a62d507028f', class: "gux-input-and-error-container" }, h("div", { key: '375294e1bc7eb7f1638e92c61ba21704fbf1f4e4', class: {
+        return (h(GuxFormFieldContainer, { key: '2b294a491cedc62325544ae31f7ca0e32ae3441b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '5b9714407a6faaeb26502007efc73c59ec87cf60', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '46c9249b6a3dd4f697c8ea296d236726fb345121', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c170cbb3cc937ed4c9b6d1d26ba04f3c87266e2c', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'dfad3c6d0fbe5fb49a88d26dd926d193e7359a5f', name: "label-info" })), h("div", { key: 'e67d83ced521d1b46ae7d61074d4a9b9c51b98d5', class: "gux-input-and-error-container" }, h("div", { key: 'd220d60f0b54edc579177651823855d63165f7ec', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'e78ef6ed7627a86d575c98709a21b0054b2711ac', class: {
+            } }, h("div", { key: '02de15bef4a1e5b206e8abe595c7353f73f93295', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '1fe004b427ec82f8ee4cc95c0e9aa09f598d4c4c', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'c9ac3066cd29528c79508adb10df4735d0114ac5', show: this.hasError }, h("slot", { key: '81266586b55830e6e4d112ec86428cf81540a022', name: "error" })), h(GuxFormFieldHelp, { key: '4bd5491ad1a773664d00a7741573c5e4094cd485', show: !this.hasError && this.hasHelp }, h("slot", { key: '3e245c1d59d93b978dd31a630499ab149e1e5119', name: "help" })))));
+            } }, h("slot", { key: '98f63dfef469bc8ed7e4990d5ce2a82b33f213f9', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'e7973a26ae9c40a79142180782f9c2d8a21eb00f', show: this.hasError }, h("slot", { key: '892a55dfd1c972e2bb1cea9375b071b167e6ccd5', name: "error" })), h(GuxFormFieldHelp, { key: '0429c9be3c92067b61bd8c2bffb9da4402ad0d9e', show: !this.hasError && this.hasHelp }, h("slot", { key: '85fbf1c590a2d5b99d4bf4bc19212d6baabba4bd', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

package/dist/esm/gux-form-field-dropdown.entry.js

@@ -7,7 +7,7 @@ import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-6cb3610f.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
 import { s as setSlotAriaLabelledby, b as setSlotAriaDescribedby, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-81217368.js';
+import { t as trackComponent } from './usage-336f9256.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -106,11 +106,11 @@ const GuxFormFieldDropdown = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '48dd4196b897e9316021706d1ca00affaa7d4ef2', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'bffd3054389ab9c0699f3224fbcfef46735fcba2' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '4528f24da52468134a33b496ca750fba10b19c7d', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'e53eac2281337397867e7088beeb80a9b3568e34', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9632ff3d56811f422677365cef5996f4a7f9fca1', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4527f0d23ab421fbc5d73ec39874e98d3f683327', name: "label-info" })), h("div", { key: '0888eb5b4ce1d11b3f93a778fd677ea00ac7643a', class: "gux-input-and-error-container" }, h("div", { key: 'd7b5eac8decd41f8d83f05eb12bf1185b0354423', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'f2f4e9a8ff7f9e22045a4be75a5d3b41447ae71d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '00ed473cf198a45a2cef8ba110780d2caa71b03f' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'e18eb380e152e014acf011e2858e4e1f802073b3', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'fb18e487b41ad436918342653f1d7642d6530074', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '27c7ca59d34e537eeda039c95c4b119232c1fe9e', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'cd7efd152a6c02f115a5953e57d8a5f0333ffbf5', name: "label-info" })), h("div", { key: '021d1706cabb39b8dc9402ab8d531aed533fb57d', class: "gux-input-and-error-container" }, h("div", { key: '2c5117c5e441a28dd9bc270d5a45cd3e1d7b8f00', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '2157a30d53a5d3fd9c4f4e74df655051121041ad' })), h(GuxFormFieldError, { key: 'c37c2957def14bfd8d6ed3d4d38a66eccca3b631', show: this.hasError }, h("slot", { key: '8b59bfe287a7c93042ef58346d9d7b273344a552', name: "error" })), h(GuxFormFieldHelp, { key: '7c75f5a3d71634e86dc1a4854d29b2cd34e09a2a', show: !this.hasError && this.hasHelp }, h("slot", { key: '775ddb0b4ad3d36287b301b5ef84bf3c337bd54f', name: "help" })))));
+            } }, h("slot", { key: '6faca4e188336a14f3ca7ed945ccce9531157a86' })), h(GuxFormFieldError, { key: 'e60dab8fbe562ea703d869b08684672a372a19a5', show: this.hasError }, h("slot", { key: '4fbe80625cb1c8e4e6ecc6c7e7e0fbd01c1353fd', name: "error" })), h(GuxFormFieldHelp, { key: 'd97ecff22998058888377877b40574a40bcbcccc', show: !this.hasError && this.hasHelp }, h("slot", { key: '4516800cc56bb7203f18c752689d5ba266578b41', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition