genesys-spark-components 4.187.2 → 4.188.1

package/dist/esm/gux-copy-to-clipboard.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-mm833MRp.js';
-import { t as trackComponent } from './usage-B_5U73XW.js';
+import { t as trackComponent } from './usage-B6h1eXrW.js';
 import { b as buildI18nForComponent } from './index-CeE4Vvh6.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: '1592818b2015620fd238f12d6fa106116a2e9761', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent(this.root, 'content') }, h("div", { key: '30bec5ad4cb71ac0b6b2a8e70e16560fbdaf244f', class: "gux-copy-content" }, h("slot", { key: 'ada4edc6d77df5166fce89d552252ad5eea927c2', name: "content" }), h("gux-icon", { key: '25e6862f0c01542570d9493bb08c3cc3da4ebc4f', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '8a0c33cfb9cdbadf58f7d973e37ea55201d57889', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent(this.root, 'content') }, h("div", { key: '50122ee2295834fb541a2b8c4bf0c19bec5f0efc', class: "gux-copy-content" }, h("slot", { key: '5ebbd22fb3691411789997bc39e5f73804de5817', name: "content" }), h("gux-icon", { key: '45980c305a0c124618277dd5cf75959b6cc95f4f', "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("gux-screen-reader-beta", null, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '61a93e06bff2a61ad5609969e65894136913dc96', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '0729ebc0999cea75abe1343b990c541a77f1b256', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: 'f09b6c50ebb109d49875b079329230c23c21f6cd', class: "gux-option" }, h("gux-icon", { key: '5073724a016f254ea5abd4f4fa87fd969eed664b', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '70192141244d7ce1568821b2ca0470db2b4ee8a4', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '7c9d28546510035aef071668a270138c9d3e66af', class: "gux-option" }, h("gux-icon", { key: '99559a6e25df446f5f59ec7e4fb0bebb987f9a60', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: 'd547101e200c946fa69b448699b7f38ed70f8464', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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

@@ -72,7 +72,7 @@ const GuxCTAGroup = class {
         this.validateDismissSlot(this.root.querySelector('[slot=dismiss]'));
     }
     render() {
-        return (h("div", { key: '1a13e0cbbec482fe85735ea27f724d2b3fd64dcf', class: `gux-cta-group gux-${this.align}-align` }, h("slot", { key: 'd2c23840e405df9a15f989fad7b6db8057412832', name: "primary" }), h("slot", { key: '57e6352df29b3dbf5ae0dbec74454bac2d74bab5', name: "secondary" }), h("slot", { key: '33d077ed94e57849ae71ba5cac3b0717f5551e59', name: "dismiss" })));
+        return (h("div", { key: '9ec058af9f7dfce25c202d38db17a8b1e8a31d8c', class: `gux-cta-group gux-${this.align}-align` }, h("slot", { key: '23fb854aefd2436782637e904a5e23c82fe2f575', name: "primary" }), h("slot", { key: '445164143f8cb34fc2a4a96ad6d0704dc9db6a39', name: "secondary" }), h("slot", { key: 'b474d453a7be304ae2b595252f23eaff81d93dd8', name: "dismiss" })));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-mm833MRp.js';
-import { t as trackComponent } from './usage-B_5U73XW.js';
+import { t as trackComponent } from './usage-B6h1eXrW.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-BwWDgKs2.js';
 import { d as dateTimeFormat, a as determineDisplayLocale } from './spark-intl-BnH2RPHP.js';
 import { u as useRegionalDates } from './use-regional-dates-BgaA4g76.js';
@@ -44,7 +44,7 @@ const GuxDate = class {
         }
     }
     render() {
-        return (h(Host, { key: 'e974f51b418e3eb2f0499733908e7cce39acf037' }, this.renderDate()));
+        return (h(Host, { key: '60543e01ce98e205668be5d959e30ed138a47cc7' }, this.renderDate()));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-mm833MRp.js';
-import { t as trackComponent } from './usage-B_5U73XW.js';
+import { t as trackComponent } from './usage-B6h1eXrW.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-BwWDgKs2.js';
 import { d as dateTimeFormat, a as determineDisplayLocale } from './spark-intl-BnH2RPHP.js';
 import { u as useRegionalDates } from './use-regional-dates-BgaA4g76.js';
@@ -45,7 +45,7 @@ const GuxDateTime = class {
         }
     }
     render() {
-        return (h(Host, { key: 'ac90dfa4a10203637a5aa0dfee353fce4496e396' }, this.renderDateTime()));
+        return (h(Host, { key: '8c1517be5d39a575fc56ea19fac1bbc0edebfae8' }, this.renderDateTime()));
     }
     get root() { return getElement(this); }
 };

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

@@ -4,7 +4,7 @@ import { r as randomHTMLId } from './random-html-id-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-BDKZueG1.js';
-import { t as trackComponent } from './usage-B_5U73XW.js';
+import { t as trackComponent } from './usage-B6h1eXrW.js';
 import { b as buildI18nForComponent } from './index-CeE4Vvh6.js';
 import { g as getFormat, a as determineDisplayLocale } from './spark-intl-BnH2RPHP.js';
 import { u as useRegionalDates } from './use-regional-dates-BgaA4g76.js';
@@ -691,7 +691,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: '87ba4fb1f5dab50e710194e0a083729097ce5c23', class: {
+        return (h("div", { key: 'f87e2f70d811273912f9b59f92ff80e883967d8b', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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

@@ -59,7 +59,7 @@ const GuxDay = class {
         });
     }
     render() {
-        return (h("button", { key: '4ca50771f8c43c6605db8c33818c7b85cb2a31c9', type: "button", disabled: this.disabled }, h("slot", { key: '7d2d8e8f42603287f759bf6cb14271bd8a7ef6d8' }, h("span", { key: '6c235a758c10fdb4ebc71aec3efbc40c5c703050', "aria-hidden": "true" }, this.date.day), h("gux-screen-reader-beta", { key: 'cfcc006b8a9f5bf2086b521799d49351c9143a54' }, formatPlainDate(this.readerFormatter, this.date)))));
+        return (h("button", { key: 'eefa2edbca532be171f6f27efef418f77127f2d8', type: "button", disabled: this.disabled }, h("slot", { key: '1a75d4e74bbf34aa7f3e3698fd776a37a97e1740' }, h("span", { key: '95f63b2df909075a78de1974f4bd4ae82ffd6094', "aria-hidden": "true" }, this.date.day), h("gux-screen-reader-beta", { key: 'de80f2fc70078261b52a68027344da62ded55ebf' }, formatPlainDate(this.readerFormatter, this.date)))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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-mm833MRp.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
-import { t as trackComponent } from './usage-B_5U73XW.js';
+import { t as trackComponent } from './usage-B6h1eXrW.js';
 import { b as buildI18nForComponent } from './index-CeE4Vvh6.js';
 import './get-closest-element-Cd4R0amv.js';
 
@@ -53,10 +53,10 @@ const GuxDisclosureButtonLegacy = class {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: 'a7410d4fa5ede825a8f1e61c34ac5bacbc02eb1e', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'a8fa8bf56bd2d49e855e648364361f9464f696db', 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: 'ed5a0689820e9e4b5f47c7a7432754c852dd8724', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '0818e00d7ad9c6c1f36c2a8a7d8597d58872bf7a', id: this.panelId, class: {
+        return (h("div", { key: '0400e29e3587a0d533c780382bb71a5f20c61eb4', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '9c75cd6901e022aae1d181e7570d37e003f93860', 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: 'f470ff60f6c92217c4eaa05ff379c5cb99318c0e', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '58ec3442693aa9b1b8975ae36dd82fb878236514', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: 'b61f079d42f1181695802085b9b0af1e8f47c488', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '429b7953402c191e03cc7e8861ba53181e120ad2', 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-mm833MRp.js';
-import { t as trackComponent } from './usage-B_5U73XW.js';
+import { t as trackComponent } from './usage-B6h1eXrW.js';
 import { b as buildI18nForComponent } from './index-CeE4Vvh6.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: '52a32d2f44a4ea6d98c7978aae6cdcd6e23ddfb7', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: 'a8ffb4b56976c567f5ca5a1ec87227b52cedf758', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: '1a291cbdbee48b4c20bf4651bc30d875c35f9da0', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'e47fbada9557f20098c5304452fc607f174a9ea3', class: "gux-icon-container" }, h("gux-icon", { key: 'b3872a8afe53a3c97adfd5071e6657c92fb234ab', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, h("button", { key: 'bc4c58debb7724169393a3190b86897e00624a91', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'd364a25af3774c9a5b1b875f67b5c079e9896ce6', class: "gux-icon-container" }, h("gux-icon", { key: '19a11178f5af1077843821b011c10f15004bc474', "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

@@ -46,7 +46,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '4a4ed523b1fa1d5b0b13392febeaec12ca1355de', class: {
+        return (h("div", { key: '70d16b8aca11082c935a127018de2c3c54d302f1', 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-CeE4Vvh6.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-B_5U73XW.js';
+import { t as trackComponent } from './usage-B6h1eXrW.js';
 import { c as convertValueToArray, s as setInitialActiveOption, g as getSearchOption, a as getOptionDefaultSlotText } from './gux-listbox.service-C9MGEoP7.js';
 import { O as OnMutation } from './on-mutation-BAeUmzgF.js';
 import './get-closest-element-Cd4R0amv.js';
@@ -200,9 +200,9 @@ const GuxDropdownMulti = class {
     onFocusin(event) {
         this.stopPropagationOfInternalFocusEvents(event);
         if (this.isFilterable() &&
-            (event === null || event === void 0 ? void 0 : event.relatedTarget) &&
             !this.root.contains(event === null || event === void 0 ? void 0 : event.relatedTarget)) {
             this.textInputElement.focus();
+            this.expanded = true;
         }
     }
     onClickOutside() {
@@ -405,7 +405,7 @@ const GuxDropdownMulti = class {
         if (this.hasTextInput()) {
             return (h("div", { class: "gux-field gux-input-field" }, h("div", { class: "gux-field-content" }, h("div", { class: "gux-filter" }, h("div", { class: "gux-filter-display" }, h("span", { class: "gux-filter-text" }, this.textInput), h("span", { class: "gux-filter-suggestion" }, this.getTypeaheadText(this.textInput))), h("div", { class: "input-and-dropdown-button" }, h("input", { onClick: this.fieldButtonInputClick.bind(this), placeholder: this.getSelectedOptionValueString() ||
                     this.placeholder ||
-                    this.i18n('noSelection'), class: "gux-filter-input", type: "text", "aria-label": this.getInputAriaLabel(), ref: el => (this.textInputElement = el), onInput: this.filterInput.bind(this), onKeyDown: this.filterKeydown.bind(this), onKeyUp: this.filterKeyup.bind(this), onFocus: () => (this.expanded = true), disabled: this.disabled }))))));
+                    this.i18n('noSelection'), class: "gux-filter-input", type: "text", "aria-label": this.getInputAriaLabel(), ref: el => (this.textInputElement = el), onInput: this.filterInput.bind(this), onKeyDown: this.filterKeydown.bind(this), onKeyUp: this.filterKeyup.bind(this), disabled: this.disabled }))))));
         }
     }
     renderPopup() {
@@ -419,7 +419,7 @@ const GuxDropdownMulti = class {
                 'gux-target-container-not-filterable': !this.hasTextInput(),
                 'gux-error': this.hasError,
                 'gux-disabled': this.disabled
-            }, slot: "target" }, this.renderFilterInputField(), h("button", { type: "button", class: "gux-field gux-field-button", disabled: this.disabled, onClick: this.fieldButtonClick.bind(this), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": this.expanded.toString() }, this.renderTargetContent(), this.renderTag(), this.renderRadialLoading(), h("gux-icon", { class: {
+            }, slot: "target" }, this.renderFilterInputField(), h("button", { type: "button", class: "gux-field gux-field-button", disabled: this.disabled, onClick: this.fieldButtonClick.bind(this), onMouseDown: event => event.preventDefault(), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": this.expanded.toString() }, this.renderTargetContent(), this.renderTag(), this.renderRadialLoading(), h("gux-icon", { class: {
                 'gux-expand-icon': true
             }, size: "small", "screenreader-text": this.i18n('dropdown'), iconName: "custom/chevron-down-small-regular" }))));
     }
@@ -435,7 +435,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            h("div", { key: '3d7e026e163c18fe00c3222e3a62284523f65427', class: "gux-dropdown-container" }, h("gux-popup", { key: 'd66ea9ce9cce8447d86e146067b268f06f64c090', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: 'f5ca87adabe2ec8c38a542715a05b5ca321cf355', class: "gux-dropdown-container" }, h("gux-popup", { key: '82e9617130869c5c16d90a932be883a48684cb44', 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

@@ -53,7 +53,7 @@ const GuxDropdownOption = class {
         };
     }
     __stencil_render() {
-        return (h("div", { key: '9604ae8bdae08b96511463f5eec869b1c86ba892', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: 'cb92fe1fbb98f14600e6d026b3c4af8fef644327', 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-CeE4Vvh6.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-B_5U73XW.js';
+import { t as trackComponent } from './usage-B6h1eXrW.js';
 import { O as OnMutation } from './on-mutation-BAeUmzgF.js';
 import { s as setInitialActiveOption, b as getListOptions, g as getSearchOption, a as getOptionDefaultSlotText, 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-C9MGEoP7.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
@@ -380,7 +380,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (h("gux-popup", { key: '9e7bd1a3ef412ee6ac9548e1822e7ae1c75808b2', 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: '1132809cbe653cbcc917a87ce921448e6e135bdc', 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); }
@@ -605,13 +605,13 @@ const GuxOption = class {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: 'ec21be1002f3280612de75e37db95eb6972593fc', role: "option", class: {
+        return (h(Host, { key: '3b32039f09c90fe88bdafcb3597943337ae79ff4', 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": booleanString(this.disabled || this.hasDisabledParent()) }, h("div", { key: '69c26d456a4f74f169b2018fd03525299fa5149f', class: "gux-option-wrapper" }, h("gux-truncate", { key: '1c3c096df3bd18259cade9903165839d681377a4', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'f03c6a93e3d1764634aef45e40069e3be586c88d' })), h("slot", { key: 'd15ee648db04cd5ee3cd065abbb0dedf9a631c3b', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, h("div", { key: 'e12ee238fe0bf8b88ea2ff9c422ff7a53a4f92cc', class: "gux-option-wrapper" }, h("gux-truncate", { key: '07bf888b0cb355764fe8aa4343f84395389ac32a', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '632f29668ec685018e381967833e9ac0e22e6991' })), h("slot", { key: '3f6c9039cbcccc0002d21913ce2f253fd149b70a', 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-mm833MRp.js';
 import { b as buildI18nForComponent } from './index-CeE4Vvh6.js';
-import { t as trackComponent } from './usage-B_5U73XW.js';
+import { t as trackComponent } from './usage-B6h1eXrW.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: '09ee5fd05bcb70aafea251c390baa7a5a8d3a784', class: {
+        return (h("div", { key: 'c92ad88787a05315f94720369e9e3489c9cce64a', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '7ac3f917cb8060f4beff69db1b287caad6967d7c', class: "gux-info" }, h("gux-truncate", { key: '270073a4d92044a3730ab8215f7a02d2ce06b7d3' }, h("span", { key: '87dc4ff844480d7ee736d2f77b9161e4152bdfd6', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, h("div", { key: '2d7b6ca9ab12d2adb75aa72ad233d4b9954000b9', class: "gux-info" }, h("gux-truncate", { key: '9126db2eedd2a9e26f37f28e1546348bb5375f91' }, h("span", { key: '27e75690e5ede1b2309f79dc02ec12f854ab4e9a', 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-mm833MRp.js';
-import { t as trackComponent } from './usage-B_5U73XW.js';
+import { t as trackComponent } from './usage-B6h1eXrW.js';
 import { b as buildI18nForComponent } from './index-CeE4Vvh6.js';
 import './get-closest-element-Cd4R0amv.js';
 
@@ -514,7 +514,7 @@ const GuxFlagIconBeta = class {
     }
     render() {
         var _a;
-        return (h("span", { key: '2bf0ab837761768270487f8b333ede30f83604a7', role: "img", class: 'gux-flag-' + ((_a = this.flag) === null || _a === void 0 ? void 0 : _a.toLowerCase()), style: { backgroundImage: `url(${spritesheetDataUrl})` }, "aria-label": this.getLabel() }));
+        return (h("span", { key: 'ee57719a882d9354540e52a62ddf48ad3816fc33', role: "img", class: 'gux-flag-' + ((_a = this.flag) === null || _a === void 0 ? void 0 : _a.toLowerCase()), style: { backgroundImage: `url(${spritesheetDataUrl})` }, "aria-label": this.getLabel() }));
     }
     getLabel() {
         return (this.screenreaderText ||

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-mm833MRp.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom-C8aV-TzO.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
-import { t as trackComponent } from './usage-B_5U73XW.js';
+import { t as trackComponent } from './usage-B6h1eXrW.js';
 import { h as hideDelay } from './gux-menu.common-QGDBFOq1.js';
 import { b as buildI18nForComponent } from './index-CeE4Vvh6.js';
 import './get-closest-element-Cd4R0amv.js';
@@ -188,10 +188,10 @@ const GuxFlyoutMenu = class {
         }
     }
     render() {
-        return (h(Host, { key: 'f7af5f029afc5a78013950650d3f38235c5d83c5', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: 'ebb453f9409ccc1202d0ab1a9a80a6f0b13f9747', ref: el => (this.announceElement = el) }), h("span", { key: '54493f4a40de77bd5d02e11c4dbefb9c25474855', ref: el => (this.targetElement = el) }, h("slot", { key: '0f9375667e4fa5d88426ce22804284e48cff3c4d', name: "target" })), h("div", { key: '2cb8985112e63facc42bc8ae9763f45600a354e8', class: {
+        return (h(Host, { key: '976af61e41e04fa4991059a2cff61f2333aa009a', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: 'deccb510fcf0dcb5c2910e2741681a5cac689468', ref: el => (this.announceElement = el) }), h("span", { key: 'ef5b926ab0c1ebb68ecf8df32f456a0503651bf3', ref: el => (this.targetElement = el) }, h("slot", { key: 'bf3905fd588df60fee5e1aace7fe1df0c13ab659', name: "target" })), h("div", { key: '32b3b2bedd306db986e467309bd907d34fd85a0f', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '5757dfd8b8ba8d81d2b6261557bceed20403af02', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '982cd1c491a0b4760587738f95075fdb79811611', class: "gux-arrow-caret" })), h("slot", { key: '9fd12909b2da4d8d2cf7b17035db595444608ce4', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '2dcf06347bd9d3cc0b8fc57c5656902d1935ddc3', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '8b9d3a515368fb529f454474b8cfed25394b25d4', class: "gux-arrow-caret" })), h("slot", { key: '6f3425cbe68e0bf79e954f2f845a920ca8da9bc6', name: "menu" }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -5,7 +5,7 @@ const GuxForm = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("slot", { key: 'b58d344688d69633370ea9ab2430371df41dd493' }));
+        return (h("slot", { key: '8edd255b353d746dc1d326ce15a708c518a5f356' }));
     }
 };
 

package/dist/esm/gux-form-description.entry.js

@@ -7,7 +7,7 @@ const GuxFormDescription = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("slot", { key: '00c36de387915b027f0cff1b7ab5fe9811583f1f' }));
+        return (h("slot", { key: '844802cc7fed39bc79e6302664316efe2f8c232a' }));
     }
 };
 GuxFormDescription.style = guxFormDescriptionCss;

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-DqC53Y19.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-DgG_S0vs.js';
 import { g as getSlotTextContent } from './get-slot-text-content-MAoEg4ig.js';
-import { t as trackComponent } from './usage-B_5U73XW.js';
+import { t as trackComponent } from './usage-B6h1eXrW.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: '399d41ad13dd4ed186f354287c59c6729b5e3ef9', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '762b773f81ce1403e6f2791df8266f5691c653c5' }, (_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: '3bbc293ac496b877d5d147bba7189e3158b5d0ad', position: "above", required: this.required }, h("slot", { key: '25a3b6493e4a9c921950fc08383cb640f639e3f0', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'dcfd98494e6eca217d14b89a63d3bb86d9fe3dfb', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ed183232ef0880790e62d650f83221b049dc6abd', name: "group-label-info" })), h("slot", { key: 'eb50a04b9990f406807d59d0d1b18dbe3f54e305', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'e049cf31ede4b3bc76b99e0afe635ca8b9a18ee6', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'b066d0fd7c0a67ebc26b98e9fc4f7b8c54e2ab9e', show: this.hasGroupError }, h("slot", { key: 'b11e8bcd41dd40908f09662914e70133168abdd4', name: "group-error" })), h(GuxFormFieldHelp, { key: '34f97f6c1f1a7f22f4f450fc5f6cf2e5aa3f014f', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'fac350ea567fdd8ce10d70bed481cd5b6d8caff2', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '39d089b1a29281e4548047282d0c21ced0664238', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '1dc0f41fcf3f05bf44c3527b1ca837b39b7ae75e' }, (_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: 'ff0df059eedea0671156605427e5e6ae53db86a9', position: "above", required: this.required }, h("slot", { key: '42cdb1d413e349e40757f61cf5a901897b1c64c0', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '96e6c9fcfa22513d122d09a22855d549f3c2e5f8', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6959da0cdd600fc35a202238693fcffeedb5dba5', name: "group-label-info" })), h("slot", { key: 'e6ec34d9152b1cb78454dd62dce3bc1f8396f9ed', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '06ffdaf1284b74a6350ce91cdd420c18d3015287', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'd0a1f5fafa32b6be3c55c9c18e3909136331b661', show: this.hasGroupError }, h("slot", { key: '773cba21d4b1131425cc1875b6e36da27feeb053', name: "group-error" })), h(GuxFormFieldHelp, { key: '94ba36e3faf7603179706bb2cb3937310e1d27e2', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '7d816fdd3f3fa7a4a209da146a55645cc0cb635d', 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-BAeUmzgF.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-DqC53Y19.js';
-import { t as trackComponent } from './usage-B_5U73XW.js';
+import { t as trackComponent } from './usage-B6h1eXrW.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: '4d9630ede06fb0989481b0f589def995c272d4a4', class: {
+        return (h(Host, { key: '5f3785649f75c7a2e2638548b05d55024cd80c38', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '092cf0d03dcfec769c442a2ae0ae839fd51e23a0', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'a70e4938842857fa1197e0e27fde900531931c53', class: "gux-input-label" }, h("div", { key: '56a26456c1874e6b95e8a9bcebd24ad00c81cba3', class: "gux-input" }, h("slot", { key: '1977afce7fe112fa5fd9fffdd932b0e9726463d7', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'a2c123ddbe72a247009b57f3165db8b5999a8df4', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '7953cee6f008f3b4e7d5b26efe0055447c21d48d', name: "label" }))), h("div", { key: 'fc6601d65352a4c5b3c51cb868f38272950808e2', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '3a41894d1e687f8349caf6ce97e5db98dc85156a', show: this.hasError }, h("slot", { key: 'c7c0c4b9c87e86ccf49c1f0f88e53b7f7bb3ddf8', name: "error" })), h(GuxFormFieldHelp, { key: '40d43775a46cbc809b4f9ec1cee434a3f033924b', show: !this.hasError && this.hasHelp }, h("slot", { key: '7285032fe39638e54f10166670f0262103b41866', name: "help" }))))));
+            } }, h("div", { key: '7a1c8456e16e188895d1b43e075030fc8a7562fb', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '17f6993bf2c457c397a33df428d835942f2a6f44', class: "gux-input-label" }, h("div", { key: '4eeca51ec3a6fcf71b7b646c476f8353c6aaf750', class: "gux-input" }, h("slot", { key: '7bca8844ad94595d9e59ad17d7f9d20697b598d6', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '8250484b80ade7447d156cbf69971c15ad4ec92d', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '8d86952fd4f5f9ed72cb24cfccecd8eee04682dd', name: "label" }))), h("div", { key: 'a481af37f9cb672bbdb2a58c56f85dfbffa1f42f', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '8db617175bdb15e6176df86da61fe8d859ca8859', show: this.hasError }, h("slot", { key: 'ef8a5d0379f6f35676bdabee5ece0fc516638c06', name: "error" })), h(GuxFormFieldHelp, { key: '7721d0b1c62d3741134693034822a5546c048c62', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e00bd909e58a0de48e030f4526ab4cf7b93e0ee6', 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-DqC53Y19.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-CFRZ4efk.js';
 import { g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-B_5U73XW.js';
+import { t as trackComponent } from './usage-B6h1eXrW.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
 import './simulate-native-event-BMRf5pjV.js';
@@ -88,13 +88,13 @@ const GuxFormFieldColor = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'b0dff68fe51e564a03de305463201bda9b0e6a02', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '63047e23a939942a6c8c052b304c4e9c97f05ecd', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3dc3778704883f80e9c9095bff6e9eeb44b9b557', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'dc90b7fa687fde89265ce7f831aa0dc203bb5260', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0985e952104b7b4eb671d7e2d8694cba80de5d2d', name: "label-info" })), h("div", { key: '3dbdee93b27211f1cdadf3cabb8b41ed9c651105', class: "gux-input-and-error-container" }, h("div", { key: '1c93f6789571d4015631cd45bcd137333316c116', class: {
+        return (h(GuxFormFieldContainer, { key: 'ad5e3507b19363da0013dec594572db85875e92c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'fa6da12edc56db3ac2712630135c1e3760ab5760', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ebdf3ac3cefeb5b917601564fbf1bd004b045f9e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '227f23f679f9f263a909afb47114f27d85fa7455', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e86b485705cfe0593ef907cf924efb083716f702', name: "label-info" })), h("div", { key: '744e7c8e61469efcaed3551339bcfeea5112aa9e', class: "gux-input-and-error-container" }, h("div", { key: '3d29474352a8110976c82499b913a85868255cb6', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '18d1bbbaf82b756aa81a0412da7ea6ab1eb4a420', class: {
+            } }, h("div", { key: '42d5c9b830926af6b5a9774b225d984fd44e16d6', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '7f8a5b88d5f593a05d272c69deebbf57ecb46139', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'b457a9c40422980f9f3f82b28ac8e5bbdfa286ef', show: this.hasError }, h("slot", { key: 'c46ba6ed3a74062df00e9c15ac0c1ddab1df7351', name: "error" })), h(GuxFormFieldHelp, { key: '166ad2fbd5e9a4e52da024143686f86acd6a49bc', show: !this.hasError && this.hasHelp }, h("slot", { key: '4c9ff51d12dd65b521cad5fda710a1463f534a93', name: "help" })))));
+            } }, h("slot", { key: '3e66617a006fc577dfa7d36b9ac11cd9d91775e6', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '237a375286d99b1cfb1c097672f36508f42d80ec', show: this.hasError }, h("slot", { key: 'a5f54be3d51be6cc967ca6af6671546183b44ce1', name: "error" })), h(GuxFormFieldHelp, { key: 'a389ea72e7f7af73d0a8c614e584211a4b20c4b1', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f9a6298f22871598ca89d317fa76162b3a6eed5a', 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-DgG_S0vs.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-B_5U73XW.js';
+import { t as trackComponent } from './usage-B6h1eXrW.js';
 import './get-closest-element-Cd4R0amv.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
@@ -108,11 +108,11 @@ const GuxFormFieldDropdown = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '95cf0334aae89c2b185512975a3caa46b616f319', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '17a7d9db1d359d99b375e659d74e8ee198fead89' }, (_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: 'e0c6290b8960073a60caed07a95761b489572569', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '093143723c654b514a86d9ba11bdd669343e678a', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b5c53840b29e7edb7016fd655ef325af5c4613c8', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ad3d8db913a2054061a2cf17e55221e8f547df6f', name: "label-info" })), h("div", { key: 'b9d47e7fd0f101bd2bf50d7d8a5aaf5560d4a7d3', class: "gux-input-and-error-container" }, h("div", { key: '5f924b84c374f4eab9a5af090faa0b6dd5c0ae96', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'c55506028075010580036cf430008af29b73b2a0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '40b6eb605168484203272a582c504f9b8a7c9425' }, (_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: '4604a5488d1f73dee58fa9da4a66d847fa612e07', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '6fdb7a2dd39f243fe3732773e82fc64d63a6cffa', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e334bb065680c63c8cd10797d3e4f070eec332fa', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7485b99a3d4163858479c0b92df2f0f58a72af91', name: "label-info" })), h("div", { key: '84566ab5a944b5267274f09bb3fc50a5a1d63ab7', class: "gux-input-and-error-container" }, h("div", { key: '28ade6dff038c4d9ab63baf834bb2ad150e4de32', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: 'e38e6e5580339bd8124d850064478838ed91fd4f' })), h(GuxFormFieldError, { key: 'f59489537e647d013f7cbb29765edc9f233126e8', show: this.hasError }, h("slot", { key: 'b238051d5d4c804cdd2bd80ab039c285a51cd24b', name: "error" })), h(GuxFormFieldHelp, { key: '49f27c2c46e71f7708fde91c35562a836f1dc9f2', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ead90e5f779f712ea1156e111b543e733e949eb2', name: "help" })))));
+            } }, h("slot", { key: 'dd6e549d5c284aeaaa69345ad036bfab7a059e8f' })), h(GuxFormFieldError, { key: '388ad2e687697ea0cecf9b6010c4a69371c2d16f', show: this.hasError }, h("slot", { key: '1553e292accc1072a74f267f315641f3832ce18c', name: "error" })), h(GuxFormFieldHelp, { key: '2f79e47073f8359740087f34bc3d01d0b8b240b2', show: !this.hasError && this.hasHelp }, h("slot", { key: '85976402223662223286dc862b6d6b3d202ef374', 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-CeE4Vvh6.js';
 import { O as OnMutation } from './on-mutation-BAeUmzgF.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
-import { t as trackComponent } from './usage-B_5U73XW.js';
+import { t as trackComponent } from './usage-B6h1eXrW.js';
 import { a as GuxFormFieldHelp, G as GuxFormFieldError } from './gux-form-field-error-DqC53Y19.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-CFRZ4efk.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-C3WKbzwR.js';
@@ -111,7 +111,7 @@ const GuxFormFieldFileBeta = class {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '08375562c5f4fccba27ae887e75286a0c8316209', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '2da1a8ccfb6fb0ffad13d6b7e17eb8c006ec3fec', position: "above", required: this.required }, h("slot", { key: '86c7bf4b43eac86d082075326f247da876690128', name: "label" }), h("gux-form-field-label-indicator", { key: '13ff56e6483c61e4f698c69a51adb0e8d37b4929', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a23675a2164c4080677980f3d6aa55ea1b05c163', name: "label-info" })), h("div", { key: '269ea5528a86db45b366c8f6f0528aeeb6636ba0', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: 'e1afa7df59e08f6820097d88fbe542e7ddbfcb09', show: this.hasHelp }, h("slot", { key: '176674d3b557f621f8c28d67fc7d8843be91623c', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '4dd69a7d5c0c9dbfe3129c24773d6efdc082d35b', show: this.hasError }, h("slot", { key: '4ac9a75500eb2fde0de2809718dd02f16c2eaf3f', name: "error" })), this.renderFileList())));
+        return (h(GuxFormFieldContainer, { key: 'e6168b89ec2e7e319eafd52f850440c7c8611baf', labelPosition: "above" }, h(GuxFormFieldLabel, { key: 'c43bbd379ce7088f1b229e0759aeb650e540e749', position: "above", required: this.required }, h("slot", { key: '076818f70f0b4d576d0c29c589d65365f9922196', name: "label" }), h("gux-form-field-label-indicator", { key: '8d40c98ce91d58f80ee19a0f2cc56a8b7b0da22b', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5a55650d45ff8d7867e5a5137d4da1c5d971405d', name: "label-info" })), h("div", { key: '89117ae5350897d66668b85b49c5253b4c714881', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '7951b8ff1b3cbedaec1616cd0d3e9c93cb0e0274', show: this.hasHelp }, h("slot", { key: 'e47262515b64ccdf3f76b79afbbba7f653636cd9', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '4504a6087b27a3d7e42251a17974a7bc2985a4ca', show: this.hasError }, h("slot", { key: '7b80111adbbc9febb6f4b3446c60fa040d5b17ba', 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-mm833MRp.js';
 import { O as OnMutation } from './on-mutation-BAeUmzgF.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
-import { t as trackComponent } from './usage-B_5U73XW.js';
+import { t as trackComponent } from './usage-B6h1eXrW.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DqC53Y19.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-CFRZ4efk.js';
 import { a as getComputedLabelPosition, g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-C3WKbzwR.js';
@@ -106,7 +106,7 @@ const GuxFormFieldFile = class {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '87fd01d5f4f842e4a60a3fd8903b1f47a25fa87c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '768146a270b2f9c795818e50eb346e9ef4c0f18e', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '41d509f25e61218e8ff44205e0066efc9871c48b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b18a6439eb3e331eadc8befe7d4a6625e5a2fe78', variant: this.indicatorMark, required: this.required }), h("slot", { key: '019080783c0879090b3b20df3c34a82fee01366f', name: "label-info" })), h("div", { key: '09756ffd657327ec2bc2a8ae5e39b2a5cf33ecda', class: "gux-input-and-error-container" }, h("slot", { key: 'ff1bffdc217f9eff4caead89b0ec19179e9c0669', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '7623a79ff314b2286cdcf03c00e964e317627414', show: this.hasError }, h("slot", { key: '1b29ff15208bec388a11900e21f81e5b60300211', name: "error" })), h(GuxFormFieldHelp, { key: '4fc70bf6a7764f229f4a46bba5cf4ec3e0f5394a', show: !this.hasError && this.hasHelp }, h("slot", { key: '42030254f9c567f2b9aa7aaee0a5458cb08583d7', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '0388360b8ffd364cb113edad7bbd2cd417aa0738', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '0eea04bc0700ff76a37dfc1d8c642bb319cc7583', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '1fe4e4f8f9e178b4db023452c8fef586c20fd639', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '850a5ea4ea31aed7ec8a2d24b97833e0c6651d87', variant: this.indicatorMark, required: this.required }), h("slot", { key: '90e0fc3ab8cb27d1b907f41fcfdfe53d73512d68', name: "label-info" })), h("div", { key: '9cbc089ee1182d873a4da96c77a03a8fba01f0fc', class: "gux-input-and-error-container" }, h("slot", { key: '2fdaacde8ab249e618b86072e66dd291c4790157', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '3f6e546494f001ee6dddef3c3bf65837939e4fc4', show: this.hasError }, h("slot", { key: '547e941bb527ef5c23e68170fdbf584307ae107b', name: "error" })), h(GuxFormFieldHelp, { key: '49565bfbe9981f787951385891f2aafbbcf55684', show: !this.hasError && this.hasHelp }, h("slot", { key: '9d46b39b1296b7d9a2248f51df19bdc42f036bf3', name: "help" })))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-form-field-input-clear-button.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-mm833MRp.js';
-import { t as trackComponent } from './usage-B_5U73XW.js';
+import { t as trackComponent } from './usage-B6h1eXrW.js';
 import { b as buildI18nForComponent } from './index-CeE4Vvh6.js';
 import './get-closest-element-Cd4R0amv.js';
 
@@ -19,7 +19,7 @@ const GuxFormFieldInputClearButton = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '69c846a9dac078cf1b2affbbd802bcdf5e342671', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '75f116fced0dc325f669efbc3dcaa8a44ee52e7c', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: '752ef91c7cc3d5e0f0e320b799f6b75fd7a28caa', "visual-only": true }, h("div", { key: '082c3d468a87dcfdd360a79f22e13f33b1b4cfb9', slot: "content" }, this.i18n('clear')))));
+        return (h("button", { key: '64404e9437de8a45385161b1dee6b8811543895c', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '5a4d5acbd2b2243bcb142559c834986ac15c4bad', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: 'ebd62167e9f3484066e68dc0110af280a50976e5', "visual-only": true }, h("div", { key: '7bc3633e898beddd15386e0268596f28660fe70b', slot: "content" }, this.i18n('clear')))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-form-field-label-indicator.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-mm833MRp.js';
-import { t as trackComponent } from './usage-B_5U73XW.js';
+import { t as trackComponent } from './usage-B6h1eXrW.js';
 import { b as buildI18nForComponent } from './index-CeE4Vvh6.js';
 import './get-closest-element-Cd4R0amv.js';