genesys-spark-components 4.160.0 → 4.161.0

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, a as getElement } from './index-DkRxKrC5.js';
 import { b as buildI18nForComponent } from './index-DnjikExJ.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.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-CB2ijDRX.js';
 import './get-closest-element-Cd4R0amv.js';
 import './clamp-CcCycvZh.js';
@@ -110,7 +110,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: '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) })));
+        return (h("div", { key: 'b7ce08137190957a0ae80c7e66c4288131dd4f2c', class: "gux-container" }, h("div", { key: '5df3a55b48913d08428a7a10fd530ffb9cf25937', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '072149f544d9d87ab86a6b4243a1c5ab4aa4a1a7', class: "gux-search" }, h("gux-content-search", { key: 'be840fda9b3fc8381357f781c6e8b1e506942a90', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '07d2b1f590afa5ffec5400ac227209345fd2843d', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'd664b78531dbdaf72f7184958a6d728d671e34b6', class: "gux-select" }, h("gux-form-field-checkbox", { key: '05a893101d162f76f3df3e636bf4f9268262eebf' }, h("input", { key: '52b42d034cad321280c74eeb237bc3434a231c7e', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'e8e992aa237a198eb05305de304aeb55db704ecf', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '6ef21dc5844b0d40cc12c1e52f482b27f223f6c8', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'a00730a6820a3abba1504d61c50e36b3cb6298ec', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '1fc59cd7e1abf4f0d12c85c63f8a8362657dfbcc', 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, a as getElement } from './index-DkRxKrC5.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.js';
 import { b as buildI18nForComponent } from './index-DnjikExJ.js';
 import { a as onDisabledChange } from './on-attribute-change-De1NnCmO.js';
 import { f as focusInputElement } from './focus-input-element-JHLuJ8Pb.js';
@@ -65,10 +65,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (h("div", { key: '005b8a6387ab8fe85d2568dadd131d23cad52d66', class: {
+        return (h("div", { key: '847f1e89ae0d2ef04b4347485db960375bfac09f', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, 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()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '48798bdc9bb5d2fa98b0a46a427be3f90903420d', class: "gux-search-icon" }, h("gux-icon", { key: '34f8958715d07f3abaf9e588dca5f33e665b53e8', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '697b8d07ba2414ce430dab8f6fa7faf454848dca' }), 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, a as getElement } from './index-DkRxKrC5.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.js';
 import { b as buildI18nForComponent } from './index-DnjikExJ.js';
 import { O as OnClickOutside } from './on-click-outside-W2CZCart.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
@@ -134,8 +134,8 @@ const GuxContextMenu = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        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' }))))));
+        return (h(Host, { key: '2cd16ddacbd191b173f7b6ac85bff7082b1ff12a' }, h("gux-popup", { key: '2ed454552b5a5abeecfbcb838732bf96380293c3', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '5e418025847444e31ab811d887cb530b1e87b06e', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '1445177695751d83364174ac0bac202f0044eaea', accent: "ghost" }, h("button", { key: 'ee9fca2db917b058df0c3f2a79201a33bfbbc62b', 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: '4968e9b16bbd99bd6778ba6e294c6ec51783e793' }, this.screenreaderText ||
+            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: 'ad7e3f2674909c15148efae876346a2000374475', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: 'd71c8d89dd9a2269140a6ad86c59da0b7bec99d8', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '89b70b521d2166e2672431a31cd6b1bc0b8269c7', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '97795e018bb37a1ccaa488d8be41cfc2e7907f37' }))))));
     }
     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, a as getElement } from './index-DkRxKrC5.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.js';
 import { b as buildI18nForComponent } from './index-DnjikExJ.js';
 import { g as getSlotTextContent } from './get-slot-text-content-MAoEg4ig.js';
 import './get-closest-element-Cd4R0amv.js';
@@ -62,7 +62,7 @@ const GuxCopyToClipboard = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '743c477dce108f8bc377e764794fa06f6331b60a', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent(this.root, 'content') }, h("div", { key: '0d64efa090fa1204f90ae3fd91370889e02a7e48', class: "gux-copy-content" }, h("slot", { key: 'a67e11585ad450ff94b8fc037a342996211564e3', name: "content" }), h("gux-icon", { key: '8c0f272c28636ca675bc901dbaa5407302f0501d', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: 'ff79d0dc9a4a559bb66dcaf0e5ef40f2ef6c62b4', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent(this.root, 'content') }, h("div", { key: '22eca5f105d5a53fb8459919ca2fc733ef5edc1a', class: "gux-copy-content" }, h("slot", { key: '746a05864bba540aa70f40acfc2f205c674ea97c', name: "content" }), h("gux-icon", { key: 'aab2498fcdc725d37c2e44effbfd091350fb49de', "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: '5923b19a166b698b50e5ac02f459ab397fd8f210', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: 'd370ef5d4fe148d6e2e086eb6fecd5c44bfa2a68', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: 'e40509866e7b082d270e2479bfea61253e57eca2', class: "gux-option" }, h("gux-icon", { key: 'a9ee42b9a7f4e587c8f447880a2e3ff067038254', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '51545fd248d82632c543b75acc52fbfc88ce596b', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '4a63454c224b949cc3bca569ff0cee5e67ebb580', class: "gux-option" }, h("gux-icon", { key: 'b384ee1e012d964de900acc2159f115dffa32159', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: 'efa2a2a1ae6091463abc5765ed42de7cadad6050', 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, a as getElement } from './index-DkRxKrC5.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-CqhXlqWP.js';
 import { d as dateTimeFormat, a as determineDisplayLocale } from './intl-CpptOorV.js';
 import { u as useRegionalDates } from './use-regional-dates-ZuNZ-MBw.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-DkRxKrC5.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-CqhXlqWP.js';
 import { d as dateTimeFormat, a as determineDisplayLocale } from './intl-CpptOorV.js';
 import { u as useRegionalDates } from './use-regional-dates-ZuNZ-MBw.js';

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

@@ -4,7 +4,7 @@ import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
 import { f as fromIsoDate, a as asIsoDateRange, b as asIsoDate, c as fromIsoDateRange } from './iso-dates-aKaDsw_5.js';
 import { O as OnClickOutside } from './on-click-outside-W2CZCart.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.js';
 import { b as buildI18nForComponent } from './index-DnjikExJ.js';
 import { g as getFormat, a as determineDisplayLocale } from './intl-CpptOorV.js';
 import { u as useRegionalDates } from './use-regional-dates-ZuNZ-MBw.js';
@@ -674,7 +674,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: '8bf19a961f4cd2d4b66e75d6088b93ea72a13879', class: {
+        return (h("div", { key: '31bcd6b65eac76aad4d68723e2308cbf6f55d8bc', 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, a as getElement } from './index-DkRxKrC5.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.js';
 import { b as buildI18nForComponent } from './index-DnjikExJ.js';
 import './get-closest-element-Cd4R0amv.js';
 
@@ -53,10 +53,10 @@ const GuxDisclosureButtonLegacy = class {
         this.updateIcon();
     }
     render() {
-        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: {
+        return (h("div", { key: '4f95ace29e11d22b3f56df612f39c28da0fe6289', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'c632fe72b7ef8e2055b093ea95853d67b4459c08', 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: '3ad7df364e129138cbfa8debe9000c505f450318', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '69f77ab04cbeb96272f10d2868e850de096e81dc', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: '3e234ddc4164e3da3aaf9d430d57f016d031068d', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '60dd373d4ff9ed7c9f67f0d5103be0954a48173c', 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, a as getElement } from './index-DkRxKrC5.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.js';
 import { b as buildI18nForComponent } from './index-DnjikExJ.js';
 import './get-closest-element-Cd4R0amv.js';
 
@@ -21,10 +21,10 @@ const GuxDismissButton = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-button-slot", { key: '699c5876801bf26edbae2803ca5f7ba7d047b27e', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: 'a42976c1081623a502264f40087c0832e86cd37c', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.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" })))));
+            } }, h("button", { key: 'de941be5548f25d721caaf43613cd0503932ac4d', type: "button", title: this.i18n('dismiss') }, h("div", { key: '7f55c0a2220d228e01246b1eeca8c56b30561ac8', class: "gux-icon-container" }, h("gux-icon", { key: '65da72a2702d705a233e9a0e47b6ed1ac01430e2', "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

@@ -43,7 +43,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '736f46e03112b67563ab34cff27d60a81b74d06f', class: {
+        return (h("div", { key: '974b5a86160b5aacae364e031e274067a8c49aaf', 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-DnjikExJ.js';
 import { s as simulateNativeEvent } from './simulate-native-event-BMRf5pjV.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
 import { o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.js';
 import { c as convertValueToArray, s as setInitialActiveOption, g as getSearchOption, a as getOptionDefaultSlot } from './gux-listbox.service-B_WlCjG2.js';
 import { O as OnMutation } from './on-mutation-DGiaTC8j.js';
 import './get-closest-element-Cd4R0amv.js';
@@ -425,7 +425,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            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()))
+            h("div", { key: 'c20af3c7255018600ecae391f368f5393524abbd', class: "gux-dropdown-container" }, h("gux-popup", { key: 'a8fe4f4356451bcdfe2256336ee2753c5365a34a', 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

@@ -57,7 +57,7 @@ const GuxDropdownOption = class {
         };
     }
     __stencil_render() {
-        return (h("div", { key: '5e04a1dcfcfc30f675e15113f6d6bb61c1d90b51', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: 'b09f99af11571bae1ec9b601aba9dbfb208ff1a8', 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-DnjikExJ.js';
 import { s as simulateNativeEvent } from './simulate-native-event-BMRf5pjV.js';
 import { o as onInputDisabledStateChange, c as calculateInputDisabledState } from './on-input-disabled-state-change-Cb3FOYGS.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.js';
 import { O as OnMutation } from './on-mutation-DGiaTC8j.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, o as onClickedOption, c as convertValueToArray, p as matchOption } from './gux-listbox.service-B_WlCjG2.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
@@ -21,7 +21,7 @@ var translationResources$1 = {
 	dropdown: dropdown
 };
 
-const guxDropdownCss = ":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-button,.gux-disabled.gux-target-container-expanded{user-select:none;border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{--gux-zindex-tooltip:3;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0;block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;block-size:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;inline-size:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{outline:none;border:none}.gux-target-container-expanded .gux-field-button{inline-size:auto;block-size:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;outline:none;background:inherit;border:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-collapsed .gux-field-button:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(gux-listbox){outline:none;box-shadow:var(--gse-ui-menu-boxShadow)}.gux-selected-icon{display:flex;flex-direction:row;align-items:center}.gux-selected-icon.gux-icon-position-end{flex-direction:row-reverse}.gux-selected-icon gux-icon{padding-inline-end:var(--gse-ui-dropdown-gap)}";
+const guxDropdownCss = ":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-field,.gux-target-container-filterable{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-filterable,.gux-target-container-not-filterable .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-error.gux-target-container-not-filterable .gux-field-button,.gux-error.gux-target-container-filterable{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-not-filterable .gux-field-button,.gux-disabled.gux-target-container-filterable{user-select:none;border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-target-container-not-filterable .gux-field-button:hover,.gux-target-container-filterable:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{--gux-zindex-tooltip:3;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0;block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;block-size:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;inline-size:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-filterable{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-filterable.gux-target-container-filterable-active{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-filterable:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-filterable:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-filterable .gux-filter-input{background-color:inherit;border:none}.gux-target-container-filterable .gux-filter-input:focus{outline:none;border:none}.gux-target-container-filterable .gux-filter-input::selection{color:inherit;background:transparent;}.gux-target-container-filterable .gux-field-button{inline-size:auto;block-size:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;outline:none;background:inherit;border:none;box-shadow:none}.gux-target-container-filterable .gux-field-button:focus{outline:none}.gux-target-container-not-filterable .gux-field-button{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-not-filterable .gux-field-button:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-not-filterable .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(gux-listbox){outline:none;box-shadow:var(--gse-ui-menu-boxShadow)}.gux-selected-icon{display:flex;flex-direction:row;align-items:center}.gux-selected-icon.gux-icon-position-end{flex-direction:row-reverse}.gux-selected-icon gux-icon{padding-inline-end:var(--gse-ui-dropdown-gap)}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -56,6 +56,7 @@ const GuxDropdown = class {
     watchExpanded(expanded) {
         if (!expanded) {
             this.filter = '';
+            this.filterElement.value = '';
         }
     }
     watchValue(newValue) {
@@ -122,6 +123,10 @@ const GuxDropdown = class {
     }
     onFocusin(event) {
         this.stopPropagationOfInternalFocusEvents(event);
+        if (this.isFilterable() &&
+            !this.root.contains(event === null || event === void 0 ? void 0 : event.relatedTarget)) {
+            this.filterElement.focus();
+        }
     }
     onClickOutside() {
         this.collapseListbox('noFocusChange');
@@ -344,8 +349,8 @@ const GuxDropdown = class {
             } }, h("gux-icon", { "icon-name": iconOption.iconName, style: iconStyle, decorative: true, size: "small" }), h("gux-truncate", { ref: el => (this.truncateElement = el) }, optionText)));
     }
     renderFilterInputField() {
-        if (this.expanded && this.isFilterable()) {
-            return (h("div", { class: "gux-field gux-input-field", dir: "auto" }, h("div", { class: "gux-field-content" }, h("div", { class: "gux-filter" }, h("div", { class: "gux-filter-display" }, h("span", { class: "gux-filter-text" }, this.filter), h("span", { class: "gux-filter-suggestion" }, this.getTypeaheadText(this.filter))), h("div", { class: "input-and-dropdown-button" }, h("input", { onClick: this.fieldButtonClick.bind(this), class: "gux-filter-input", type: "text", "aria-label": this.i18n('filterResults'), ref: el => (this.filterElement = el), onInput: this.filterInput.bind(this), onKeyDown: this.filterKeydown.bind(this), onKeyUp: this.filterKeyup.bind(this), disabled: this.disabled }))))));
+        if (this.isFilterable()) {
+            return (h("div", { class: "gux-field gux-input-field", dir: "auto" }, h("div", { class: "gux-field-content" }, h("div", { class: "gux-filter" }, h("div", { class: "gux-filter-display" }, h("span", { class: "gux-filter-text" }, this.filter), h("span", { class: "gux-filter-suggestion" }, this.getTypeaheadText(this.filter))), h("div", { class: "input-and-dropdown-button" }, h("input", { class: "gux-filter-input", type: "text", "aria-label": this.i18n('filterResults'), ref: el => (this.filterElement = el), onInput: this.filterInput.bind(this), onKeyDown: this.filterKeydown.bind(this), onKeyUp: this.filterKeyup.bind(this), onFocus: () => (this.expanded = true), disabled: this.disabled }), this.renderTargetContent())))));
         }
     }
     renderPopup() {
@@ -353,11 +358,12 @@ const GuxDropdown = class {
     }
     renderTarget() {
         return (h("div", { class: {
-                'gux-target-container-expanded': this.expanded && this.isFilterable(),
-                'gux-target-container-collapsed': !(this.expanded && this.isFilterable()),
+                'gux-target-container-filterable': this.isFilterable(),
+                'gux-target-container-filterable-active': this.expanded && this.isFilterable(),
+                'gux-target-container-not-filterable': !this.isFilterable(),
                 'gux-error': this.hasError,
                 'gux-disabled': this.disabled
-            }, slot: "target" }, this.renderFilterInputField(), h("button", { type: "button", class: "gux-field gux-field-button", disabled: calculateInputDisabledState(this.root), onClick: this.fieldButtonClick.bind(this), onFocusin: this.showTooltip.bind(this), onFocusout: this.hideTooltip.bind(this), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": this.expanded.toString() }, this.renderTargetContent(), this.renderRadialLoading(), h("gux-icon", { class: {
+            }, slot: "target" }, this.renderFilterInputField(), h("button", { type: "button", class: "gux-field gux-field-button", disabled: calculateInputDisabledState(this.root), onClick: this.fieldButtonClick.bind(this), onFocusin: this.showTooltip.bind(this), onFocusout: this.hideTooltip.bind(this), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": this.expanded.toString() }, !this.isFilterable() && this.renderTargetContent(), this.renderRadialLoading(), h("gux-icon", { class: {
                 'gux-expand-icon': true
             }, "screenreader-text": this.i18n('dropdown'), size: "small", iconName: this.expanded
                 ? 'custom/chevron-up-small-regular'
@@ -374,7 +380,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (h("gux-popup", { key: '1489eb86035a07be578c9add3edf616e95061f16', 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: '49c7e8f06f4de5511cf7d70953d281fb2b7326de', 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); }
@@ -598,13 +604,13 @@ const GuxOption = class {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: 'c2672c6cb5bf516a3495eea8357d3bc4c4c900da', role: "option", class: {
+        return (h(Host, { key: 'bdd62143a1608793696ce79b8c7706fd25adda6c', 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: '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" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: 'dcdd4752efff5e7028286bceaf5ec794495bb6d0', class: "gux-option-wrapper" }, h("gux-truncate", { key: '386152d4643e7f7c25aa54d74d9a2878d058069a', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '553d5cc29d887e8ae220f877749b4c998c6af63a' })), h("slot", { key: 'a6c6bc79dfa32e6b782d35c48490a74e0d40b666', 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, a as getElement } from './index-DkRxKrC5.js';
 import { b as buildI18nForComponent } from './index-DnjikExJ.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const removeFile = "Remove {filename} file";
@@ -27,11 +27,11 @@ const GuxFileListItem = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: 'f3728cb6a3f569b8e40e2306f6f352bbf3ba32d3', class: {
+        return (h("div", { key: 'd49c0767377da03e5365273f91a39bad62062500', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'ab8b83c2c6e544d5061311b15661d823f2dc48da', class: "gux-info" }, h("gux-truncate", { key: '9d43e488a09c57d3b7c6623609b58571d032e79a' }, h("span", { key: '3026f444ac1c121e3a6cbdb5a084217de0eb9fab', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, h("div", { key: 'a33471c150928e030a4c05dff3d702588641a1e9', class: "gux-info" }, h("gux-truncate", { key: 'dc3765ded0e84e51262359a7d0bc64ca62dac65d' }, h("span", { key: '6aecdc1894a57119fbecdea686e2e2d5a0a5f6d5', 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, a as getElement } from './index-DkRxKrC5.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.js';
 import { b as buildI18nForComponent } from './index-DnjikExJ.js';
 import './get-closest-element-Cd4R0amv.js';
 

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-DkRxKrC5.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom-C_pVuars.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.js';
 import { h as hideDelay } from './gux-menu.common-QGDBFOq1.js';
 import { b as buildI18nForComponent } from './index-DnjikExJ.js';
 import './get-closest-element-Cd4R0amv.js';
@@ -188,10 +188,10 @@ const GuxFlyoutMenu = class {
         }
     }
     render() {
-        return (h(Host, { key: '7ad3efd714c201938298cf87b5acc6e86a4618c0', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: 'f2c96a97da0e807e8a0506b12b01e7d9dc4e03f1', ref: el => (this.announceElement = el) }), h("span", { key: '92702bfb121a185695edac754f6bc29371b7f635', ref: el => (this.targetElement = el) }, h("slot", { key: '6b6e3221ea75d5f498466c178e1229f1eb27e675', name: "target" })), h("div", { key: '701eb459b5a0f71395b55c5785f549bef720d23d', class: {
+        return (h(Host, { key: '6cf59014f90870cbe8d838110c2aa096543a114b', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: '1695c676fccd04b1f329a03ebf07887236ef08f3', ref: el => (this.announceElement = el) }), h("span", { key: '0e5f007704cf3ceee5e6de231a417eed53c72d57', ref: el => (this.targetElement = el) }, h("slot", { key: '0dbf1fe885215ab2e70266ae2c09be958ae48657', name: "target" })), h("div", { key: '6e475181c87066e81feda5ce432c75bf700f17a6', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'acf809c3553c47e9c7807695dd4598251268ed7a', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'efea8e265eee0be91e5a95867b869fe0d7c92f6d', class: "gux-arrow-caret" })), h("slot", { key: '7ab7ae4ec3ade19ff50e2eec0d0fc1b20d3d7c93', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '4026a9def2ebdfde26aa0e5300673e5a8c1b9c1c', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '2cbd5a5d8ebc4726dacebf764a4a33465fa34b1e', class: "gux-arrow-caret" })), h("slot", { key: '46ac2c59463c9ee24f3c931ba4aeed791291bd98', 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-BMRf5pjV.js';
 import { a as GuxFormFieldHelp, G as GuxFormFieldError } from './gux-form-field-error-DpL-PYb3.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-UD5DNNGM.js';
 import { g as getSlotTextContent } from './get-slot-text-content-MAoEg4ig.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.js';
 import './get-closest-element-Cd4R0amv.js';
 
 function setAllCheckboxInputs(root, checked) {
@@ -192,8 +192,8 @@ const GuxFormFieldCheckboxGroupBeta = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'e510f0c0fcf9fd76c3c391bd66ec2fef75b7be9a', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: 'bc4bb057d2d535f204cefe85ad27d9b6217dec46' }, (_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: '5e5164adc2563d6d3bab22188a5d75440c572e27', position: "above", required: this.required }, h("slot", { key: '0906ef1243947d52d9c3d2618c0c88a62b94b945', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '19e888030a5c2078c38dab9b5685e6c8e4dcb4f9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5dd452934445d8269cd667ae910f1533aee27f75', name: "group-label-info" })), h("slot", { key: '4155cf7d2f092ffe73188f573c04b62a50aacdc2', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '34ef875c9dc46ff37eb3574ef94b065e44199c21', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'e367804623750343279f24afbb6030c7405f0360', show: this.hasGroupError }, h("slot", { key: 'e140d2c5cf27f58464cabc70f7f49023061696ec', name: "group-error" })), h(GuxFormFieldHelp, { key: '6828d92569eee8d5fdadbe1fbcd93910091ae9b0', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '2b5e8829043e90f7f55c13ec14842436ce6dfa29', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '1bd55cd30c1d66f866ff614711307af7b2753049', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '53c77e1bab69f3b770f6a7b0a8b12aa0dcf29a74' }, (_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: '3232b20676b1951a6f8b47d6bb557d3debae43e5', position: "above", required: this.required }, h("slot", { key: '6a87a0c77c616b89be18115ec37ca270fa26cc12', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'fdf1091895b1a02a6575e563e0778798d6a15fb2', variant: this.indicatorMark, required: this.required }), h("slot", { key: '40e09a0c533ff7b39d5d31e7c0f6b515783589d8', name: "group-label-info" })), h("slot", { key: '4e9debc65762b8e86889c08c8a897caa49160198', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'f0efc758f04c597f1d45902794423bfc35326595', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '942ca8456bed376cb8ea987d422acdda34fa5167', show: this.hasGroupError }, h("slot", { key: '126c1015d36a535c8e88eb729840831c3738f5e9', name: "group-error" })), h(GuxFormFieldHelp, { key: '4764c245a4f74de1e23b811605a16f8a56c344d3', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'f48dd8183237c169b655fca54749a89424d30dca', 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-DGiaTC8j.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-PYfNAK8p.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DpL-PYb3.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-C3WKbzwR.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
@@ -47,10 +47,10 @@ const GuxFormFieldCheckbox = class {
         }
     }
     render() {
-        return (h(Host, { key: '9b37ae14b5aa5d2904c22ffcf8393a2d845dc4d4', class: {
+        return (h(Host, { key: '8581778dc168bd68805734f4f1a1d96935327f4b', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '88dcd1250fae77eb5dce53948b529bdbf7d2a305', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'f1286e98b0c3e00b42c97f171f9e0050d5b13ee4', class: "gux-input-label" }, h("div", { key: '1884ee7889b14035720aee337ddf9de0d9d1d1b4', class: "gux-input" }, h("slot", { key: 'cc7e9eb9a01cb65e48b93d1acd53f0aeba2b3d4d', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '8427792713aa87fd81f71ec3d206cb1723083f77', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '378f25400af0eb3243918c677435746e41035576', name: "label" }))), h("div", { key: '5af392b1b7a9f2340deda557b9b4c8cb44c80623', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '2f04e17d935c9368401fc6bb6521a070b646910b', show: this.hasError }, h("slot", { key: 'cc324117414007141e0205fad334897811c5f80b', name: "error" })), h(GuxFormFieldHelp, { key: '4f918830189307a41cbfa00893015102ca5136f4', show: !this.hasError && this.hasHelp }, h("slot", { key: '1b464e2b2ea883e46cf2ff7b4d12baef04f2d444', name: "help" }))))));
+            } }, h("div", { key: '4c63f70ff1db923a238e21f456bab8f29a72781b', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '38e009c001bf831543477875ba840e8862c44f48', class: "gux-input-label" }, h("div", { key: 'f7f71142b086d18d54cac7bb6e4362b6d9ca2401', class: "gux-input" }, h("slot", { key: '2e318e7cc9c99514508dae735501a5c3c541f5d9', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '6c65b22cb643656764009eb9dc70e9aefca1e208', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'c5cd085547086688333042b5876f1a9401c012b9', name: "label" }))), h("div", { key: 'ad15e5dce7b496eff018ed618c317aad85b1b6c0', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '7906a5bd3d48c8b48beedc24a1116564357cc847', show: this.hasError }, h("slot", { key: 'd7b98fe8e361f77bdaee472f8de50a252103bf41', name: "error" })), h(GuxFormFieldHelp, { key: '810453eeb0afef16b13d7af52232560678980523', show: !this.hasError && this.hasHelp }, h("slot", { key: '71d2c1db3e2b9c964b125bdb93992a485d86960c', 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-qzV3vtOw.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DpL-PYb3.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-DJwCNZo-.js';
 import { g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
 import './simulate-native-event-BMRf5pjV.js';
@@ -85,13 +85,13 @@ const GuxFormFieldColor = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '9bb0ee43e91d6bc55f14c79bf205615caef36b6f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '94e0d29db2d749880f35701ce99aa22015d23325', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '97a0e24aea02d952179317e1453cea220738733e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9efa9064b0e6270f48f756de90d71e5081b6eb3a', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ea8cce3efc4e54fbb18ca9b498f684457f16166d', name: "label-info" })), h("div", { key: '85730bcafa56972ec24edfff30b7cba3e22e4f7d', class: "gux-input-and-error-container" }, h("div", { key: 'b64c5aaea6f3f16dc9dd05aaca7e4ba4e558a55e', class: {
+        return (h(GuxFormFieldContainer, { key: '545246d9da1c49969b9a9d27cde862b01bdb188f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '928e5e60935b41818ff2b60542c838120c4516b4', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b2bbf26060dca87fd94e57e86e81aae1c4a3fac9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '17bc94c09d012c9f2a8bb9463b8b83a29b4b3a1e', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1fdf0abf89df7cb6cac5ad6b0b4984e3d03413c6', name: "label-info" })), h("div", { key: 'daa1acf1cfae60f89fcd62449b9c940c36dca4cf', class: "gux-input-and-error-container" }, h("div", { key: '2646e6dbf2548d6a34c7ce33edf8585de8315db8', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '41c6dcd864d396fd51ef29c381ffe6d157a950c8', class: {
+            } }, h("div", { key: 'fee91e931225b2a0376b0bd1c368bd18979449e8', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '0b967d0efd9eca208a40369679725389f4feccb9', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '03c36ee06dc975ee41dbe176e4c225cf520d3145', show: this.hasError }, h("slot", { key: '5f39c0b374eab15bdc51bcc8d4b66d8099a1bae2', name: "error" })), h(GuxFormFieldHelp, { key: '308153f1fa7f016ea9e724626e335a48171b8722', show: !this.hasError && this.hasHelp }, h("slot", { key: '13d012116faf9688ba1d98b080c545c286d3cb6c', name: "help" })))));
+            } }, h("slot", { key: 'e4bc50afcc9a4d5dc84fe73d36adfe32f318628d', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'ba46aae96078cbd4cb8e2c4a7e8f0ecf88ffe96b', show: this.hasError }, h("slot", { key: '0b86d27ae8c5748a5f3c47911047baae5fdd379a', name: "error" })), h(GuxFormFieldHelp, { key: '4bec11ed658bb83deb9e396338cff69af2c2fdc1', show: !this.hasError && this.hasHelp }, h("slot", { key: 'abdd45619889cdddade102f5589ad0f0168db166', 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 { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-UD5DNNGM.js';
 import { g as getSlotTextContent } from './get-slot-text-content-MAoEg4ig.js';
 import { b as setSlotAriaLabelledby, s as setSlotAriaDescribedby, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.js';
 import './get-closest-element-Cd4R0amv.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
@@ -105,11 +105,11 @@ const GuxFormFieldDropdown = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '9020a7db668f3cb5c6ef3db9a230e008ace4bed1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '52a423218fba63fa959e8563b323e23316da0ea2' }, (_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: '61d0d48c3ed153d93c4973615b1285dabc474847', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'cf6a6a962503f69bc33bb8fe4dbe633561e29985', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9d529f92d0fc5977033217a41faf43dcb57bdaf4', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5a93d1502c8337f4037c65fa06870c1244f574ec', name: "label-info" })), h("div", { key: '19ee8d6085059cc637cb46ffee99279c2481ddb8', class: "gux-input-and-error-container" }, h("div", { key: '179346ac87f748081e7a591612f5a69de233e9f1', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '596bb0a9daaafca0972f9a6b85b20f8b934dfe09', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '31ff833828ec9d6ada68a1ed2212762cab337c9f' }, (_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: '1876dbd7c222526cbd793382c33a4a5cf6313f22', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '57176f9da8cc8e51c9eb8e0e73c8d6b25bd36513', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2eda5ae93db8bac0f6760fab263b3d3204bc918b', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f151bbc8a07a7cb3ae1e034c440279f927a5538c', name: "label-info" })), h("div", { key: '341a3ee72c67e6fb6039152bbe4641175c51d0d5', class: "gux-input-and-error-container" }, h("div", { key: 'd49d5d689935c59450b9c45108d476087f1ec769', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '7a91ec18082348fc7334733f22a36738d74b6d0b' })), h(GuxFormFieldError, { key: 'bb4687aed62b3ba2246967125884897861afdc03', show: this.hasError }, h("slot", { key: '1a7d9292bb9afdfef87cadfd73c042f4ca223ecf', name: "error" })), h(GuxFormFieldHelp, { key: '600311438afad613d07e99aced9b948809b430ae', show: !this.hasError && this.hasHelp }, h("slot", { key: '7590cb2f825a03586d6b4375479cd7c25abbf620', name: "help" })))));
+            } }, h("slot", { key: '7e17c222eeb244ae7c250f47dc58a5bc4ae4ffbb' })), h(GuxFormFieldError, { key: 'dc95fd03d59f87d4664c2eb6f13c5936dd60b945', show: this.hasError }, h("slot", { key: '2dbc4edeb102145a556b910a05413d9b274e6f35', name: "error" })), h(GuxFormFieldHelp, { key: '0e508b39d190fce5609540bb6eaefdaacc887f16', show: !this.hasError && this.hasHelp }, h("slot", { key: '23c6cbd1bef40176dcf070eaea4ba55140094ae1', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -2,7 +2,7 @@ import { r as registerInstance, h, f as forceUpdate, a as getElement } from './i
 import { b as buildI18nForComponent } from './index-DnjikExJ.js';
 import { O as OnMutation } from './on-mutation-DGiaTC8j.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.js';
 import { a as GuxFormFieldHelp, G as GuxFormFieldError } from './gux-form-field-error-DpL-PYb3.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-DJwCNZo-.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-C3WKbzwR.js';
@@ -108,7 +108,7 @@ const GuxFormFieldFileBeta = class {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '8451c2a30bb00d14fad89e1fbb993a1c5058ad5a', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '3dcf64d426c989bb005eddb277411e8bea6b1852', position: "above", required: this.required }, h("slot", { key: '3ea96a58a420162f051ffaeb07cc0e3697cf695a', name: "label" }), h("gux-form-field-label-indicator", { key: '924a17317d4b72fc4c69e5cfb38cf384db936b79', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b381194dade9716256eb6fab4e52d6916a5c275b', name: "label-info" })), h("div", { key: '6226c9f869e8ecef880151f338bc97fcb55869a4', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: 'ffac960d9eecf25043264127195d89d22d789c79', show: this.hasHelp }, h("slot", { key: 'a11355486ece569db8df0933ac7924792e891ef9', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '276793d8e2fde30fddcd52ced436aeab2e056c17', show: this.hasError }, h("slot", { key: 'ea31b2604bfc7e070d857659b43badcc70fd3afc', name: "error" })), this.renderFileList())));
+        return (h(GuxFormFieldContainer, { key: 'b9023b70ad5ff7522f61bb41925f5a5ae7b56890', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '351a0f61a4f37ae17336c2235e7ec5e78e8c2f1a', position: "above", required: this.required }, h("slot", { key: 'fabb6eca3ee70511de095f242aaeef09f3bcf189', name: "label" }), h("gux-form-field-label-indicator", { key: 'f9af4d8e81d64c5d1e7d05b4e5ac70519f6e766c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9fd5f19b6815f393c0b36efb6b1e6a61396c0b0c', name: "label-info" })), h("div", { key: 'a19837c2d873443682fa1908a246456471c4f787', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: 'df5cdae8921bd3f0b47e79249e729d4c76b6600c', show: this.hasHelp }, h("slot", { key: '5ccc21f83e3a012eb863a00ec58e9462ad5ff02e', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: 'bc0c10fde130a357f9e8978ed8b5b5f17de3045b', show: this.hasError }, h("slot", { key: '26456e741cd563033b52ad5cc1f5abf24189d041', name: "error" })), this.renderFileList())));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="file"][slot="input"]');

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, a as getElement } from './index-DkRxKrC5.js';
 import { O as OnMutation } from './on-mutation-DGiaTC8j.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DpL-PYb3.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-DJwCNZo-.js';
 import { a as getComputedLabelPosition, g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-C3WKbzwR.js';
@@ -103,7 +103,7 @@ const GuxFormFieldFile = class {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'c81fbfa48e90ff635a168d726efb0317912e8eec', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'df4978a1e3d8b36f15f6a38194513a4dc3608a38', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'bcb8e39bf89e2a56ae2863d9fdececb28450aa29', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '27fe84a8081016d09788b5f054fa37cda4f5673b', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'faffd8212a5705085e9c279cd8b5dc209bc95b67', name: "label-info" })), h("div", { key: '92e9275b73d2952e66e0409ebc9dbe933b591c1c', class: "gux-input-and-error-container" }, h("slot", { key: '976de47774150f01eab0302f77818917fcc8c5a6', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '73113ae0f0e5447df7466f0cfb77ced4d9177078', show: this.hasError }, h("slot", { key: 'c55abb34569f8e1ac336698613f8846df65a35f7', name: "error" })), h(GuxFormFieldHelp, { key: '89df5ee890bffc28be97e4181e5450bfdb97bd91', show: !this.hasError && this.hasHelp }, h("slot", { key: '0f5a5a4124ae5bfbf8988ecd3710dd66428416cf', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: 'afbe0d255c886bdb7ef76136ba1a0266ce02928f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '4150a02f330208c2f79b0e7df5112614ba24b7d3', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '963c1669469579e49ce6702649d1c5469cef7322', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b5d67f2ba79201a15c885d66ecdf6570b63be400', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b3531081795eaf2f954dc0e42340986b4b00696a', name: "label-info" })), h("div", { key: '09ac2a78594f80c404297404e535bc10159290b4', class: "gux-input-and-error-container" }, h("slot", { key: 'feccb4c1f2526d8400f2253114573bd159dd3c14', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '5f1191145e144f3ab6da99c66adf1eb578136214', show: this.hasError }, h("slot", { key: '28980350a36385b61fa21f79f71facc4fe953b71', name: "error" })), h(GuxFormFieldHelp, { key: '50eac306bde1f09eed4197bcd8f0767f3aad1ef2', show: !this.hasError && this.hasHelp }, h("slot", { key: '89683766e4e0486175a6e1416d8dc239107720da', name: "help" })))));
     }
     get root() { return getElement(this); }
 };