genesys-spark-components 4.185.4 → 4.186.0

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

@@ -4,7 +4,7 @@ import { b as buildI18nForComponent } from './index-T5mO569D.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-CqFA-9uw.js';
+import { t as trackComponent } from './usage-P-hdUE3M.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-DfF7Bpf8.js';
 import './get-closest-element-Cd4R0amv.js';
@@ -435,7 +435,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            h("div", { key: 'fbca5a2808d47ffe4ecedc7df9f9f00d3de3d2c3', class: "gux-dropdown-container" }, h("gux-popup", { key: '0626cba18d8ab78d8cebe576119c445e5275a699', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '0e869259af3b4f43473cb563f169784269dec749', class: "gux-dropdown-container" }, h("gux-popup", { key: 'ca1c40874385c904dbb3f97f1cd7f4f953e2a4cc', 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: '0765bb4e4b62ce9fc26f32665ff6fbe9c8c26c8e', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: '30e6345cc3bccba138c8a65d9be617507e642b37', 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-T5mO569D.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-CqFA-9uw.js';
+import { t as trackComponent } from './usage-P-hdUE3M.js';
 import { O as OnMutation } from './on-mutation-DfF7Bpf8.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: 'b44699ea3b45c8f05e8bb8b14b1e111d0ea4b12d', 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: 'c2672a5985e694e0e6ed7789efe0282619cfb56f', 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: 'd5f34265c114817fbe44e2acd6ac7210facbb600', role: "option", class: {
+        return (h(Host, { key: '1cd58023d7aabfe7be14cc2b1ba8128ee79ad75f', 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: '30bd78c10e9ff8fab4136c00e940210606b56133', class: "gux-option-wrapper" }, h("gux-truncate", { key: '3d56da75449c4db342f72d0c456a28c09eec7e80', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '0b6e1f1d2043c77f8b844536337579c5a666a66d' })), h("slot", { key: 'c531948a74d1024d5e33507e0ac0709df9a7942d', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, h("div", { key: '77a46069a8a6d24ced60cd9f3f3098f8b562c895', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'a77b3bb3b0a9356d9f4e75a28ae325beaeb304b3', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'b73597354bcd5e4c904cb0d35a60019f1f057d75' })), h("slot", { key: '28893950327aed82016a5f0584228b5838550906', 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-Dz_2h4jr.js';
 import { b as buildI18nForComponent } from './index-T5mO569D.js';
-import { t as trackComponent } from './usage-CqFA-9uw.js';
+import { t as trackComponent } from './usage-P-hdUE3M.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: '6d4424b8b3099d8154fc19f1ffdfa03a1b4816e3', class: {
+        return (h("div", { key: '74a67e3eb8594b03e2e51107ba5d253bf6cdc358', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '23ee8ae1fdb817b51e676858473d5d29a9abec3a', class: "gux-info" }, h("gux-truncate", { key: 'dc0dbbb443efcdb4150be7917f5e4b24a0655d1f' }, h("span", { key: '8ecebb9c66d7b34a64174ce30fd6903c6527ca06', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, h("div", { key: '982761871ea387f92c3f4043029a17e829e6d0da', class: "gux-info" }, h("gux-truncate", { key: '7ec0bc6695144d62d316e1be0947be6991310661' }, h("span", { key: 'da1dc4d9381b52ed0d837fa343225b80b5fdbd2a', 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-Dz_2h4jr.js';
-import { t as trackComponent } from './usage-CqFA-9uw.js';
+import { t as trackComponent } from './usage-P-hdUE3M.js';
 import { b as buildI18nForComponent } from './index-T5mO569D.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-Dz_2h4jr.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-CqFA-9uw.js';
+import { t as trackComponent } from './usage-P-hdUE3M.js';
 import { h as hideDelay } from './gux-menu.common-QGDBFOq1.js';
 import { b as buildI18nForComponent } from './index-T5mO569D.js';
 import './get-closest-element-Cd4R0amv.js';
@@ -188,10 +188,10 @@ const GuxFlyoutMenu = class {
         }
     }
     render() {
-        return (h(Host, { key: 'e63550a1d6bd46a833e2d9053972e18154d516d1', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: '89859f6ac2382dc070c599fe25978ccab17be9e7', ref: el => (this.announceElement = el) }), h("span", { key: '0da478edbd7914dd84f606f48adc19c3db587d15', ref: el => (this.targetElement = el) }, h("slot", { key: '555653f60007b0afc0f179758abea8fd1abe177c', name: "target" })), h("div", { key: 'd772af60894dc6b37fa6243e6b90c1622ea79b75', class: {
+        return (h(Host, { key: 'd893f20c48ecbc0c53f9319f8deadf3a428414cf', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: '35d32a4b15afd7c0fb996a97c1f68b7db8f40555', ref: el => (this.announceElement = el) }), h("span", { key: 'a34f3e5d8fc034acd1ffc90abc46d508f85a0f60', ref: el => (this.targetElement = el) }, h("slot", { key: '4ecf54d39a0d05cdec319e5025b92c39358d9b99', name: "target" })), h("div", { key: '05383a9bb129a126c92b74840685a1585244c763', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '029dbd6582546f044b52752e7259aba60e68fdf3', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '664c59bfe7fa693cfdd981628bab735acf2407c5', class: "gux-arrow-caret" })), h("slot", { key: 'a4c61997204f12dfadbeab2dab0161760d6ec25b', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'daa499414605600957060b3837a0a2b743d85834', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '8c38119f8a339a3d4bef713fdb663a5ee2071891', class: "gux-arrow-caret" })), h("slot", { key: 'e34b4d2b8d82f78ca3b6121626f511c6209ab209', 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-DO0r_oNt.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-DAmLNsF9.js';
 import { g as getSlotTextContent } from './get-slot-text-content-MAoEg4ig.js';
-import { t as trackComponent } from './usage-CqFA-9uw.js';
+import { t as trackComponent } from './usage-P-hdUE3M.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: 'cd41207bcf0e7fa581f45453c978e417f00399cd', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: 'c5cc46f0e994f49d5c2ce4eee68d0001c2c301ac' }, (_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: '018a9dcafe88d3337bea53a53488083b5b27a6d2', position: "above", required: this.required }, h("slot", { key: 'e3fb3a38dc90f18b43a618b2a2cb0df8b622d569', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '26c540bbe51f05d763b28b52b4da9ca243d81cda', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6e8b26bdd292e7a05a0e62d05767240e87bc8ae1', name: "group-label-info" })), h("slot", { key: '998cdb3c4498c27a0524f0103e38724397d462eb', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '7b4a080ba9712aa65137ee74337f1185b6671d1d', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'c137d23ed93339078fe224111d085eed892995f3', show: this.hasGroupError }, h("slot", { key: 'c30cbc6ec4417faaf69091f5eb9104ec14fab858', name: "group-error" })), h(GuxFormFieldHelp, { key: 'a6217901c574c013c1234399031fec442f18cd08', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '072e27395b31e3fd73203f75d9e7148369ff0895', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '8b23a6004b0b565409f77c8d8f76268777e4a46a', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '8db961d61792294a029105c59e6c6899cc0f824a' }, (_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: '122b2a5e72978b9270d18250deca99aeab059964', position: "above", required: this.required }, h("slot", { key: '672ea692498842082ce1280e14b73e076985873d', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2c1265810dd5e1493c16d6d38e6c649eb211adc4', variant: this.indicatorMark, required: this.required }), h("slot", { key: '21198558848aa14c73100f96f5d24e0174e34ca8', name: "group-label-info" })), h("slot", { key: '24253f95315f0c3772af65205841142f24f55c3f', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '454967df941b0b97105fc9b0d9570e068123eb6c', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '2f202060aef97b2a3b0102141208519de48e2fcc', show: this.hasGroupError }, h("slot", { key: '9218a8634edc62dc2858c7a5fae894884e86d3fa', name: "group-error" })), h(GuxFormFieldHelp, { key: 'c8f856367bf01b0549c4d85f767daf4904b61e32', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '88d4a2a31f3900876ddfedf0e159bf483058e388', 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-DfF7Bpf8.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-DO0r_oNt.js';
-import { t as trackComponent } from './usage-CqFA-9uw.js';
+import { t as trackComponent } from './usage-P-hdUE3M.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: 'c30cfc74fbf49ca8665eceea20639154eae55048', class: {
+        return (h(Host, { key: 'ac4c350f3740263e087855405893c8591473a343', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '87863216dd4a334c8f3db9a060f198f012e8273f', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'dc0e4e67c10f92837dfa84093d1519067fe55e05', class: "gux-input-label" }, h("div", { key: '3e2cdc002967e8cb7e923ef8d520a5c6546c0888', class: "gux-input" }, h("slot", { key: 'f0b49b88323835301dabee42dc2bf6f06cedd8c6', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '5f5064c8a83cc167a79591de143851384e47d2e4', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '78684d5774fe0bb39d303e9bd1897be05e502a72', name: "label" }))), h("div", { key: '0cc9bdb9ce446a586c58554996bd08bed94bac26', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '7bf8daecbe3aebd203156d9537c7d6590bbc7d35', show: this.hasError }, h("slot", { key: 'b488461fc158b827514f00e41cf67f2dd4c7663f', name: "error" })), h(GuxFormFieldHelp, { key: '8e1a84f7fe2c6ae21770f37027c4130814cb0efb', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c7b6b0413a352f10e7813eb8b24b3b36794475f6', name: "help" }))))));
+            } }, h("div", { key: '9023cfe2c3a229ee02eb17400be384f4cbf3233b', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '50a2e44fa492a7ec498a9bdba632b6218a7417c1', class: "gux-input-label" }, h("div", { key: 'b05f4cff4e554ec83c54e25bffde8069d78e5415', class: "gux-input" }, h("slot", { key: '56084fd218eb3abd754c5895651f6810d6896d21', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '3ece0f8d2c67e58e4bc94f712feb99078169387c', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'c3aef0651560c3e59249f858151b0853471f631f', name: "label" }))), h("div", { key: 'a18261d9885b2d5c47446e1622e7d900763c2d71', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '24254244b3e22931e9ea21f018427edfc4abb9df', show: this.hasError }, h("slot", { key: 'ec6bc633e1b9ee7fbd8c4f93291a6ac8ab3021a3', name: "error" })), h(GuxFormFieldHelp, { key: 'db3d45cde0904532a1e1167005ede49b34037836', show: !this.hasError && this.hasHelp }, h("slot", { key: '593347068a3eea028e92ad19d29f82c0e0bf872e', 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-DO0r_oNt.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-K-R4rXST.js';
 import { g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-CqFA-9uw.js';
+import { t as trackComponent } from './usage-P-hdUE3M.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: 'a8ae60daff847ec4ba920e15c5c2229bb50a54ec', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'cb5e53870665b34f5cba57d83f33db9515b867ec', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'be26235a31bf076b8878ab33d36bf2dda75cad80', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ffa2a4541738be67eae851e8ede06542e7bffae1', variant: this.indicatorMark, required: this.required }), h("slot", { key: '95a1761073c81ccb8adb21830e45323187864552', name: "label-info" })), h("div", { key: 'dc1f66b955fa64f65ab9a82445d6f97e788c0cd9', class: "gux-input-and-error-container" }, h("div", { key: 'c87168f74a8d5285c02756f2237bf69dc180e07a', class: {
+        return (h(GuxFormFieldContainer, { key: '009071e57535069390977cf3fa16634c6cfec3b1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a0fd7c2dc428b51420691343018640756785f4fc', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'db59300b54ae433e79aebd5ef1fc8e4550923c19', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'bb7b218d7a69c2259daeeec531b416dc06bd9d39', variant: this.indicatorMark, required: this.required }), h("slot", { key: '64839ceb647c9d3ab4ee253fbce623c34e30667e', name: "label-info" })), h("div", { key: '733b26f89217daa7ccd6e1f0b1389c693f9f55ac', class: "gux-input-and-error-container" }, h("div", { key: '19edb2af7d6a25f417aa1630f4dd3e34bd361d8d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'ae187746dc81e70dbcd67571f775e4844c8dfb70', class: {
+            } }, h("div", { key: 'd247bade16d24fbde33c611f4c7fe51fdce8985d', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '3ed3f0efb57ad55a3d6873eb57930af35924ac6e', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '93d384c4620676a97972abd766a77aca358f6a24', show: this.hasError }, h("slot", { key: '3750328ca7c7b62a278a4805db4c7ac14e67aaa6', name: "error" })), h(GuxFormFieldHelp, { key: '7d26678c1b31303599741131bcb7228343a0ea7b', show: !this.hasError && this.hasHelp }, h("slot", { key: '52973388e061ee7efdae4b62f579934a494881f8', name: "help" })))));
+            } }, h("slot", { key: 'bd3b018e1071a311102ea243511a19e0982005bb', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'b03b984c0b3feaef0803a5f571afc56a3c37fcde', show: this.hasError }, h("slot", { key: '57801109ad4729741e45f1cb72cd2ba9fd54206c', name: "error" })), h(GuxFormFieldHelp, { key: '9200f9e6c13fe5157cd03f1125de77936dc328f0', show: !this.hasError && this.hasHelp }, h("slot", { key: '93e90b066b4c0aa6132361133af439d0bf962c0c', 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-DAmLNsF9.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-CqFA-9uw.js';
+import { t as trackComponent } from './usage-P-hdUE3M.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: '7b053afc1e4239cc544deac4650810ff88d13fa8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '9297c6459663934682afe9398efdfbaa4bb765b8' }, (_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: '767c8e4a4c4995cfa31100f79d7e96ad2de088a0', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'b879b53aa8df83797a16d1a263316808370e301d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'da7c9a5349db2f179866cbcc56ce77794c276ebf', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b5dfdaffee81961e2d49aa90e511cea1d63dcecb', name: "label-info" })), h("div", { key: '795f20f6398169ad2c8bfee3f0e1a7cf03971524', class: "gux-input-and-error-container" }, h("div", { key: '759eed24f07de9a0dba995c247962b04dbf84fd6', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '9133ae32d20ad4a621a0bbb7a94dc2f9e8ac613b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '71e21aa4cd76a7912b1a134da24b6eeca7613afd' }, (_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: '1082853d5b066488e3fa4fd967fced44a630bd36', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'c485afd80404797870c381d2c7bc4874a38780e2', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4bf6fe4371dea4ca230c06d5fa92f515397631dd', variant: this.indicatorMark, required: this.required }), h("slot", { key: '82a497f939b66fd5e02c603418cddb2a1ff45998', name: "label-info" })), h("div", { key: 'b58671aff9f09554d4e787d20a68b459bcb27024', class: "gux-input-and-error-container" }, h("div", { key: 'cf6c229fe7eaacc9846171dcd8ab8efb22c25dd3', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: 'adc434705994f2973631ec282ee924e0faaa0309' })), h(GuxFormFieldError, { key: '665530549449a343dc485e4cbee3df3429cbd724', show: this.hasError }, h("slot", { key: '49cdf2682aaa7fd032ebe3dc3ac952597fb655c6', name: "error" })), h(GuxFormFieldHelp, { key: 'df6576ed2c4709d3196a12a2deb9f4e2eb9072d3', show: !this.hasError && this.hasHelp }, h("slot", { key: '842e31b97627469948198d6e517d54012ba29516', name: "help" })))));
+            } }, h("slot", { key: '7626416d34c71ffd354e5648731bab5262c26c15' })), h(GuxFormFieldError, { key: '10e61c6dc2062a99e6a5f56341b7736f5672be60', show: this.hasError }, h("slot", { key: '7f82f3c3c0594aa3c70aaa25b8ea665ae5fc03f1', name: "error" })), h(GuxFormFieldHelp, { key: '54f1c9da9894d8a6405e8f985ee174a6a9dc528e', show: !this.hasError && this.hasHelp }, h("slot", { key: '83ef12a54c7dd12750f980a8cad7627d0f1969fd', 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-T5mO569D.js';
 import { O as OnMutation } from './on-mutation-DfF7Bpf8.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
-import { t as trackComponent } from './usage-CqFA-9uw.js';
+import { t as trackComponent } from './usage-P-hdUE3M.js';
 import { a as GuxFormFieldHelp, G as GuxFormFieldError } from './gux-form-field-error-DO0r_oNt.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-K-R4rXST.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: 'e9b166fd53f9331f707994d2d6a7434b492c71b3', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '08e530b79a6a7d6f5910c3a40a6a6e75595234e4', position: "above", required: this.required }, h("slot", { key: '5aa85b7ff23fee47de65564f201696b81191e721', name: "label" }), h("gux-form-field-label-indicator", { key: '29984af400fe9533db9bcf9e8ba329b51aa37236', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3732c9fad58a25507898e451944d96fd8cc02901', name: "label-info" })), h("div", { key: '58d976226028aa6dd527627ebfaa1a4e9eedb6d1', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: 'd1be45394502290a514b0398a2cb445dfefaf3a8', show: this.hasHelp }, h("slot", { key: '52d185b20681d5b75d694a049cca26bb26ce5be2', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '59a049e588913219a3bb3049b9598d2b9ad70cf4', show: this.hasError }, h("slot", { key: '33a2f4286b4da11bbdbdf750a610c9891c2c46cd', name: "error" })), this.renderFileList())));
+        return (h(GuxFormFieldContainer, { key: '02dcf74825ace95fbe008f9c0bc27110e70cbd3b', labelPosition: "above" }, h(GuxFormFieldLabel, { key: 'ce34c0744dfb380228e8f85b49bfd34e6b9c46af', position: "above", required: this.required }, h("slot", { key: 'e6b0be9ab1d522dbfadaf52a2a616e477d536eff', name: "label" }), h("gux-form-field-label-indicator", { key: 'c728afc13e494f18d65404f835ef0e8093fedede', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7af682a968e63b01393a4effa5b1741834c7cd79', name: "label-info" })), h("div", { key: '9e8c1a5709bbdcc3c94ac6ea31b56a13387fb293', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: 'e5e7e5a204be705f7554d2f5934c5d1349fde81e', show: this.hasHelp }, h("slot", { key: '859d83bbfa4feac37b7778a7f91f234fb36c609b', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '458d699dba91973c48c544eac9b7e42bb7b753c6', show: this.hasError }, h("slot", { key: '7d3adfeccd61ad7148ed8bd363f73416c56c3079', 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-Dz_2h4jr.js';
 import { O as OnMutation } from './on-mutation-DfF7Bpf8.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
-import { t as trackComponent } from './usage-CqFA-9uw.js';
+import { t as trackComponent } from './usage-P-hdUE3M.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DO0r_oNt.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-K-R4rXST.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: '57c6933d66859a64428c6fc0b495cc798b4646c7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '70ed23b333a5a4e090ad67c4e331f9fade1f78d4', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '7f29f3e4f2f092cc618945812a7426a21f6981fb', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2e3f9a5014ebea65122f0ec0af7bc34cb1374e14', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4d4d7cd3fa161224794e9ebe461b5c5e14db15ec', name: "label-info" })), h("div", { key: 'b14ea846d3d04027f5e440eff98f5b7ca0f335f1', class: "gux-input-and-error-container" }, h("slot", { key: '50d8065171ad328e6526264ed070f344250a9a46', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '67e413bfb58317d608e4d9cbbdfbe5633d3b1cb7', show: this.hasError }, h("slot", { key: 'f80cabf0b5b3cb59ee66d81c767b513acd2b0529', name: "error" })), h(GuxFormFieldHelp, { key: '18b201934530a4f58218fc3454e8596641384fb5', show: !this.hasError && this.hasHelp }, h("slot", { key: '0797f938e2c9af36ea3e0e838b1d6381d7318c31', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: 'e0bf36a5846108b782d45d69d546df7968c27be1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '1e38a2db5962d0594b9c4c24b5cbfeec54e10a9e', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'cadd228e2193bfd3dc6fc683567798585a43a970', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '274ff710fcaa93a43c8745733ea8b6ad7fc17886', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a3769af19bd4ac5ba366b2665b94b2aecb52e6e2', name: "label-info" })), h("div", { key: '369144c92e017294e9239a789512f33cea2ef30c', class: "gux-input-and-error-container" }, h("slot", { key: 'c3404649dff37d36d99f3ee0e0fabeec595e56c6', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'a611431c330b59cc6c3f10a3f61ece178d025c12', show: this.hasError }, h("slot", { key: '29a75e190160ee14011b962724ba9f79913e938a', name: "error" })), h(GuxFormFieldHelp, { key: '34871d72bea59b39c5c582134c5cc9a44ccb448c', show: !this.hasError && this.hasHelp }, h("slot", { key: '69868bad03f1cb80e040723946677e476bd15efc', 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-Dz_2h4jr.js';
-import { t as trackComponent } from './usage-CqFA-9uw.js';
+import { t as trackComponent } from './usage-P-hdUE3M.js';
 import { b as buildI18nForComponent } from './index-T5mO569D.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: '4fcc313270f18845abd0651d8a8b6c87df7715f2', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '76b7c8c4737115525a5541e7b71cdc6ce139ea30', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: '6085880fcd20a8614ee1b1d66b3dbf42e1a59a44', "visual-only": true }, h("div", { key: '659e099f29443a42756cf064af66586a957b6ffd', slot: "content" }, this.i18n('clear')))));
+        return (h("button", { key: 'eb2638c446e2cfff03c343a74309d2289920c883', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '56472430d5ed1331a5e8225e0c68660a6f7d76a5', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: '87eed8bfc2aef664417d4bbf7ba63521a3886985', "visual-only": true }, h("div", { key: 'f0bb25c70e210ffb9260c31e72ebd41e17ad9cb0', 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-Dz_2h4jr.js';
-import { t as trackComponent } from './usage-CqFA-9uw.js';
+import { t as trackComponent } from './usage-P-hdUE3M.js';
 import { b as buildI18nForComponent } from './index-T5mO569D.js';
 import './get-closest-element-Cd4R0amv.js';
 

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

@@ -9,7 +9,7 @@ import { s as simulateNativeEvent } from './simulate-native-event-BMRf5pjV.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DO0r_oNt.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-K-R4rXST.js';
-import { t as trackComponent } from './usage-CqFA-9uw.js';
+import { t as trackComponent } from './usage-P-hdUE3M.js';
 import { f as focusInputElement } from './focus-input-element-JHLuJ8Pb.js';
 import { t as translationResources } from './en-BFMPPR7N.js';
 import { O as OnClickOutside } from './on-click-outside-R32NST4z.js';
@@ -112,14 +112,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '0ca5789e5559958c4ab1b417c73991b23ed11580', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'f1a515af274fc2c6d8934c17a5d26c1348eeab72', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'bcec3882fa1918153d794e5c6ed3b8992d63db65', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '110f71183b08e6cba8c526a858118bf46cb211c3', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0c31a9352578006a4dca382689921121a8c5f249', name: "label-info" })), h("div", { key: '401dccf5bd3816a186a127ead4110fbe16991853', class: "gux-input-and-error-container" }, h("div", { key: '6f3d3dd17c6440b9d8c7ba78f84a325b9f9ff506', class: {
+        return (h(GuxFormFieldContainer, { key: '90d5e16c6ef7e2a2e7abddc91bf5713c688d7441', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '1796e128b658cef62715939694a50c71563adf1f', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '74b756eea647e50e0ec1f5b9b8ef196ff0baf919', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '41c513200de88aeea159bdc06ec72ba4eef7d0ec', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bbead0e0878d01a6c5b5c2080fd379bfe280781c', name: "label-info" })), h("div", { key: 'd29c19a7659f7c6256d04f30c559f7a250db8d59', class: "gux-input-and-error-container" }, h("div", { key: '348f1bd39cce8cb55808e575edce407a9de787c5', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'fa47c9300d920689a7fb83d1caed78d83b4278f2', class: {
+            }, part: "input-section" }, h("div", { key: 'f5f0a64ecc9cdccad10aa53c736af6a58c64ad8c', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'fff065406a009f7111596786957be17cd19d174c', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'd1254160acb0f0b6bd4ba64845b85789691bef30', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'e812de2dd3698a21bbfa7482e233671b47658bd6', show: this.hasError }, h("slot", { key: '14c27afac8d064a6c905c5e8b8cf707ed5cae8ff', name: "error" })), h(GuxFormFieldHelp, { key: 'e8cdaded0cdbe3c99507bc56c8f97ce9b4ceae99', show: !this.hasError && this.hasHelp }, h("slot", { key: '6b1ad0a8da8bdf473678a2a3469f82f7596da261', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '98f09b4410b331d1b6e3be20339cabe5e4ed7dac', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '154a6d749eefe9b4e9a560665d6899c842d9cf88', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '5595b19ff59894584333bb86b26626430e452d9f', show: this.hasError }, h("slot", { key: 'e3d9f931279d74a70d33249f8a91501ffdb6d5ef', name: "error" })), h(GuxFormFieldHelp, { key: '01fead16f03e86758a9a0a678297566b2942af5f', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a527b88629e7eb040ab000a6e6f3db8044c8c3cb', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -278,10 +278,10 @@ const GuxPaginationEllipsisButton = class {
     }
     render() {
         return [
-            h("gux-button", { key: 'e10b419c593f6f299a60c20a7655b91f4e71e02a', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '6a6ec779b319d3f26b5d0a591895c6d6d7796b16', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: '62e2ffc6ba51093c8f648e06628b8e732f5de3d8', for: "popover-target" }, h("div", { key: 'e0273908c8092a611674455f4154285976593c33', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '1e78cd0e315e6e709a8c277651bedefd4fbc535b', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '52e17202b3b1f1a58f524108b23f706dae46925c', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '004801a1160ece8a9fbfcfc5ad1103ff6aeab522' }, h("input", { key: '33ad1e9bdf53ad8d1e3777039d25edca01463009', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
-                    evt.preventDefault() }), h("label", { key: 'af4b6fb251f9223a5e3b81cb3e8fdc4285abe193', slot: "label" })))
+            h("gux-button", { key: 'dc02b1dd771945c1ecbce59fbafd05615874e712', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '5b873a48e18ea081aebe22ace5d8ad886a81ecfd', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: 'd82be5b126883b6c7cc5667d85255aa04a5dd879', for: "popover-target" }, h("div", { key: '82059d46f97a0fecf7b0c53f8efc94ca01e21ae9', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: '5c37bb4c99dc4a1192f059273dc1bb5b3ad1c1fc', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'b4bec3c175b53cac4f886437efdd68c185fa4486', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '187a746265682d387c0429687851851367bad470' }, h("input", { key: '94f6afb7cd058db635e7c14377dc15e10dab9425', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
+                    evt.preventDefault() }), h("label", { key: '3185a2487e177d653614e56bd48010d94bc110a7', slot: "label" })))
         ];
     }
     get root() { return getElement(this); }

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

@@ -2,7 +2,7 @@ import { r as registerInstance, h, a as getElement } from './index-Dz_2h4jr.js';
 import { b as buildI18nForComponent } from './index-T5mO569D.js';
 import { O as OnMutation } from './on-mutation-DfF7Bpf8.js';
 import { a as onDisabledChange, o as onRequiredChange } from './on-attribute-change-De1NnCmO.js';
-import { t as trackComponent } from './usage-CqFA-9uw.js';
+import { t as trackComponent } from './usage-P-hdUE3M.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DO0r_oNt.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-DAmLNsF9.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
@@ -103,14 +103,14 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '48ad6b29c9cf3184d7b974269ff017539558577d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'd702b6111d9ad4149b7d83b942081acbdffeee93' }, (_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, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'c5afe2948a77fbfb59a31ef937926f0b562b0453', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '6205f5297560aa8b80442d7905366f2be554d906', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1bd7e446cd2ae7f1523dcd366a4e11cca86f284b', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9a440933738d89e80ba84f9a995d1a59e57d46a9', name: "label-info" })), h("div", { key: '42af7606cbeee106338c4cce6de736d1f718e1f8', class: "gux-input-and-error-container" }, h("div", { key: 'd818fcb5b98ffb57105e7e6e1167b502286554eb', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'd02acc2ecd285af4097c4f8e0650304ecb698666', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'b87c20f8aae8c7ac95a0d4ae146c7814515a5b3b' }, (_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, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '83d33ef98ffc592a170447e96ecabedd4125d256', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '75caecc8381787fb2751bc83fce11c65616c1d7a', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b5738ff7cf2ce709943d6908293eacc2a6ddb645', variant: this.indicatorMark, required: this.required }), h("slot", { key: '33752d449da92a9101bb15c8c465fcb2901b69f6', name: "label-info" })), h("div", { key: '16ecb114cc8328b0e03657d6f8ad21dc824db150', class: "gux-input-and-error-container" }, h("div", { key: 'e03f1e808f07138f7d7a1fa706d4b0ae5857c9f6', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'c2635b91afc4255a20214fdc5f30064df47ecdc0', class: {
+            } }, h("div", { key: 'cf3ed1da0bc6a6267faacbc72552603caa5a582c', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '48eb391485bfd146bc3d992fbc9eb382a05f70be' }))), h(GuxFormFieldError, { key: 'cd8eaefa2bcf75b0a3a91b69dae3dd430f801a19', show: this.hasError }, h("slot", { key: '73c069f3f489eb0ce7ed643375d6638104df489a', name: "error" })), h(GuxFormFieldHelp, { key: 'a1017a202f74da9dee4a6705dafe16e3a97b6de6', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c984a15612b83357feacebacf2fe256410ece20e', name: "help" })))));
+            } }, h("slot", { key: '9c46324d327fb4d7f572ad88ca1aa611442df87d' }))), h(GuxFormFieldError, { key: '3db40106986120504499cd2fc90f40fc2f8cc08b', show: this.hasError }, h("slot", { key: 'f8f4142753a77fcfef3837ac3f7cb0146a9472c5', name: "error" })), h(GuxFormFieldHelp, { key: '7bb84e4970d97b8d5551cf9cc2c193555f90b8f1', show: !this.hasError && this.hasHelp }, h("slot", { key: '8ae10776979cc9bbce58d3043d7749a8a6a913d2', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -5,7 +5,7 @@ import { b as buildI18nForComponent } from './index-T5mO569D.js';
 import { a as GuxFormFieldHelp, G as GuxFormFieldError } from './gux-form-field-error-DO0r_oNt.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-DAmLNsF9.js';
 import { g as getSlotTextContent } from './get-slot-text-content-MAoEg4ig.js';
-import { t as trackComponent } from './usage-CqFA-9uw.js';
+import { t as trackComponent } from './usage-P-hdUE3M.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const required = "Required";
@@ -128,8 +128,8 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '05c64757b4360c2cbde636f1b9c56bfa87bb1ed1', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'ec3b592bb9814a3991941107459c486500f32ba1' }, (_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: 'e633013670cd3b1d623ffc5af52272d66b88a5b9', position: "above", required: this.required }, h("slot", { key: '4c44be52fa7bd735bfcedb8b32034ab0596e5667', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5d23a198f2cc49a64d9e09da30a360861254e465', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b1ff651a76c99d7347903d4cfb4ebeed0028516d', name: "group-label-info" })), h("slot", { key: '8bf311b110c4d56f6127ed9faec116e05b129918' }), h(GuxFormFieldError, { key: 'cc188359f1812cfbd4eff1e2ce5cbaa3c843ba77', show: this.hasGroupError }, h("slot", { key: '28b1c773eefb6e64a149aa656d63a5b8395dcf40', name: "group-error" })), h(GuxFormFieldHelp, { key: 'c27f1d0a442422c08018734031295f7afd35f345', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '20eca05d8843a71929c0d96af015f83bfd596e40', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'd59d42b7ac017dae65bdb39848d5d34e6cc15155', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '8c4c4493d85abb8085f04b0dd0aa31aa4d9c1ee3' }, (_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: '977aa8619c01ac312ef2867af0d2b5035bffada6', position: "above", required: this.required }, h("slot", { key: '363436360629d4870983e06b63ff66d4916dfabf', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a417bf7381dd2b035d1a7b6a8cbe8d5be755bccd', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2a4d491c1d101eced26da978adf3b9534bb8b87e', name: "group-label-info" })), h("slot", { key: '5cb9c24b82a7f95bfc42cd5234080bf3fbf60ba3' }), h(GuxFormFieldError, { key: '8aab8df8ea8220afd790231e34e9c40028481876', show: this.hasGroupError }, h("slot", { key: 'aa26defba2616e0e541e6d8338f15c3f97d52028', name: "group-error" })), h(GuxFormFieldHelp, { key: '93c099443c2d59f555f84cdb51645a8de2f80bc7', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '2c11dbfc0399c3d8f48edca6eebf9f13e632f1b8', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -5,7 +5,7 @@ import { p as preventBrowserValidationStyling } from './prevent-browser-validati
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DO0r_oNt.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-CqFA-9uw.js';
+import { t as trackComponent } from './usage-P-hdUE3M.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
 import './simulate-native-event-BMRf5pjV.js';
@@ -46,10 +46,10 @@ const GuxFormFieldRadio = class {
         }
     }
     render() {
-        return (h(Host, { key: 'cdbd2999af664775c9fbbb8909ed8455b75a8d87', class: {
+        return (h(Host, { key: 'ffa91c4980dedf6966d07728fac70af8dd3c0342', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'a8f5d9b404abeaa61bc2aab3c552bea3d34c3ab3', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '72a19c873fbb32ddd74287fc52b1feaea5c7ac25', class: "gux-input-label" }, h("div", { key: 'c7d37cc005cc7fe82e9ef36fa891f6f70d9dbc30', class: "gux-input" }, h("slot", { key: '57dfa32413c3742167922bf9410209b9fca5e2b0', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'd1351917964a6261008745741485e188540d542f', class: "gux-label" }, h("slot", { key: 'be777e085bdc919df6587ec2bd905c483dc009d1', name: "label" }))), h("div", { key: '2cb952987818bc32432db489cc7af078651e3b98', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'e04f532c4a36bfccf63dc3158dae3eb3a8f632c6', show: this.hasError }, h("slot", { key: 'a9d379d624876876e6ee32b9041a79ceaa6fe1fe', name: "error" })), h(GuxFormFieldHelp, { key: '41ae1821a7110e50925014e1677aa62a188d6273', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a8684abf6fe06b0b3589be736b7c6d86cbaea4e6', name: "help" }))))));
+            } }, h("div", { key: '350a11e6b8ceea7db7421b4038ad3e92c42cbe20', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '4bdc2ab3f55b39ae4b3ce241d0a2155ce5699dfd', class: "gux-input-label" }, h("div", { key: '6ecd24d59520df35e1f959dec3811bcdc0ec813b', class: "gux-input" }, h("slot", { key: '9ea6fe772d5a3c9ec0adb84a9ebfc268ebe10f25', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '2157e39470641f4cfd1aaaa286bfd52967e07168', class: "gux-label" }, h("slot", { key: 'e6cdd130bd4e88fa354f5dae02f9fa151e19a52b', name: "label" }))), h("div", { key: 'a70f211ac223b25c8ca8eed0c5ebedbeaa0c470d', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '44f0c9d809c6151d78d1ba83240348c5c4f13267', show: this.hasError }, h("slot", { key: '21b3d86da75c6242de82e59dbf8a9459ac0b36f3', name: "error" })), h(GuxFormFieldHelp, { key: '718a97a372c910e03201818251a4b147b188f095', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b7c158cf60bf8646ca70c3348c55e13604a39058', name: "help" }))))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="radio"][slot="input"]');

package/dist/esm/gux-form-field-range.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-DO0r_oNt.js';
 import { a as GuxFormFieldContainer, G as GuxFormFieldLabel } from './gux-form-field-container-K-R4rXST.js';
 import { g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-CqFA-9uw.js';
+import { t as trackComponent } from './usage-P-hdUE3M.js';
 import { O as OnResize } from './on-resize-CZO-3VCx.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
@@ -114,9 +114,9 @@ const GuxFormFieldRange = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: 'c9659001a315704171830f441ec9182edcdb775b', class: {
+        return (h(Host, { key: '92ec1ee133a77d92f78c9202b871279a128a53bf', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '6375acacb5ffe29e4ab47b537934b53adf2ca1eb', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'bf3d45c557af11a891b35d4770f31627e181af4d', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '220710ee4498dee17925719dfd97833f2761a8b6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6409696d7f0261aaf56fedf08b9aefa225f77c87', variant: this.indicatorMark, required: this.required }), h("slot", { key: '404dd77023651d4c31e63e792c3aeb4a04e67f5d', name: "label-info" })), h("div", { key: 'cc59cf41be40345152d4ba98a267502cb4b09da4', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '82eb5395053d1f34698b3efbfd1906fc4ef872e1', show: this.hasError }, h("slot", { key: 'dff24fd024a96675168b79286aa97b1a8352ecc1', name: "error" })), h(GuxFormFieldHelp, { key: '95f342c37af75350aba83b531b3dfa73680266d0', show: !this.hasError && this.hasHelp }, h("slot", { key: '235e9611fccf02f722d1b6eeb738656b4e1c8154', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: 'd71760f210098f07fce8cdd7534f1a28c2e23e34', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '91e96fbb01462269dde8c4002a99ba6bc01b0ca0', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'faedc0d452b980a1a31ee866528f11478c0b30d6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd5dd35d8531b413aa9d7070a3c6f9445dbafb906', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5a88aedcaefd6194d1efdb3e505e4368ca01227c', name: "label-info" })), h("div", { key: '186590723bbc1dd4fc3e3b5df51e4ac8b9d364d3', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '3f9bf15506edae92c99c6ef2253fcac88f5f6efd', show: this.hasError }, h("slot", { key: '87142fe9eaea7022f303a96c964251adc4e696bd', name: "error" })), h(GuxFormFieldHelp, { key: '4c104fe413acd07a3c6bca04fbb5c07616e63925', show: !this.hasError && this.hasHelp }, h("slot", { key: '67049f23c3d2f7a4b752e3204927aed9610fbe33', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

package/dist/esm/gux-form-field-search.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-DO0r_oNt.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-K-R4rXST.js';
 import { h as hasContent, c as clearInput, g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-CqFA-9uw.js';
+import { t as trackComponent } from './usage-P-hdUE3M.js';
 import { f as focusInputElement } from './focus-input-element-JHLuJ8Pb.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
@@ -99,13 +99,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '1800f6b5551a09413912e1a58d4a089058d3152f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '98573195cbe1985347b122c23ac7f68867a72348', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'fa42ce1c5c480bd36e72ee0ef98e334920fc3a3d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e75d18eac5cec8e717601b59fc86cce41780c4e2', variant: this.indicatorMark, required: this.required }), h("slot", { key: '54d70d22db1a653f6db0faf3326edc92ae9bcf92', name: "label-info" })), h("div", { key: '22c69828bc6fa7dbf487e4771ca4299b7db9907f', class: "gux-input-and-error-container" }, h("div", { key: '4b64e4fcca08bc440633b902efc884acc8d2bcc4', class: {
+        return (h(GuxFormFieldContainer, { key: 'fd6c5b29b670241a7274565b60c512314ab8f383', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c55ff8ad630dc94c527409b5ae311a3418b34496', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b97c16c1b697337e83b6425ea61dc8cd29b277d0', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f902dd50993fd669ab34555a2b885d9fd2c17b20', variant: this.indicatorMark, required: this.required }), h("slot", { key: '052b9371690257976bd2f427fe2acedf9286833b', name: "label-info" })), h("div", { key: '9fd52a6b9f3278c29a8d82192f291e36590e1c2b', class: "gux-input-and-error-container" }, h("div", { key: '77724793917db9866f3ad178944217a05c9c7ca3', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '72fb6cae3a019031bf13e5417e503377c605c346', class: {
+            } }, h("div", { key: '62f5c3221ac6fa1c76a65debd59bfc4041d047f2', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '042971671d5690e3c8c84ce6da48d50fc31750f3', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '1e1c08b4766fe614cef65c9ba331e3d012a35996', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '95dd854f278f2f77b98825f713f2a13e0fc50181', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '5074b697a51e69bf4c175999a92e4066321716cd', show: this.hasError }, h("slot", { key: '6245bb63df86f6f748ea89e30ad7ec87b6194f66', name: "error" })), h(GuxFormFieldHelp, { key: '565eeea70347bc87c15aa60022f9d98ce6a5404d', show: !this.hasError && this.hasHelp }, h("slot", { key: '7df43b6ac9dfd6481ed9aecdf97d69955d07176e', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '834aed9635d9356b920795bf76d3aca4a0b0de93', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '4fee400396150e594f7b8139ffa6be376bf77d15', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '3c06d303acd96f4abcac5e33c13083bc5b6c793e', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '0a5ddf4eb6c946482a5d549ebf47fe8e409a0e52', show: this.hasError }, h("slot", { key: '96ae030d8262c09d64443dc2fb6c8c73d3cb4764', name: "error" })), h(GuxFormFieldHelp, { key: '996725a6feacf9703909edf57940a21e1d1550ae', show: !this.hasError && this.hasHelp }, h("slot", { key: '1d96b320eb1f3a2ea923eaf9b34470d52fbc36a6', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/esm/gux-form-field-select.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-DO0r_oNt.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-K-R4rXST.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-CqFA-9uw.js';
+import { t as trackComponent } from './usage-P-hdUE3M.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
 import './simulate-native-event-BMRf5pjV.js';
@@ -89,13 +89,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'ca693b68fd32b30883d57d9f8792df33828ffdca', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '6b0b162815a06c7cebf36fcf1299aca282d7e6ad', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '928ad7d642abed86d29132ccc87377b522c2cc30', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4cffbff3ecc0926cbe70280fe9402b47ed9d3a58', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5c19da1db4641b63431ddc4ff4de2c30934ecd7d', name: "label-info" })), h("div", { key: '8f4783ca4b4f52861ab11e06861a734888b37617', class: "gux-input-and-error-container" }, h("div", { key: '3a24ecbcfd3a962f460ddf7f76276f6e15afa94f', class: {
+        return (h(GuxFormFieldContainer, { key: 'a7391265a55c9f703950aceefc7b598cecfbaefe', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '75f90669539ce8a2b00f169879168bb7b6f6c6de', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '4626bb3d47f8fb4191f3f609f7d3ed85457bc6e3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '159e38c711a10611790936f2bbd017039242a6e2', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3a54441e8560f64adde48187df3bbf76ac144abe', name: "label-info" })), h("div", { key: 'e536713db2c5822747681bb0a3315c0788e3c8cb', class: "gux-input-and-error-container" }, h("div", { key: '01cb019ea80bcc125ab27f53725f3f2c432e23ca', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'ff81adffa5cbf1b03c34d3ccb97f759bd4b1d032', class: {
+            } }, h("div", { key: 'a4b5e98a17f1d6b01a3020bb073394afe10a3181', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '3881716056254c5d70a8c36eec8bb576d2853e71', name: "input" }), h("gux-icon", { key: 'e6e32ecb376b88404b77e7a0209e5ad4893b6b33', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: 'cfdddc2b9662641c5847c642b7e12f194a8d1767', show: this.hasError }, h("slot", { key: 'ee1a2f08f6b1ea2ef7b5fc767a4c2eed2067b581', name: "error" })), h(GuxFormFieldHelp, { key: '6a84e3c7c79420d016fdf71f3e8d42f4e57110b9', show: !this.hasError && this.hasHelp }, h("slot", { key: '768d0b0d8b34444ec846fabb9334040ae225259d', name: "help" })))));
+            } }, h("slot", { key: 'a75c8740296b9e9b169d07f3101276206b500d2a', name: "input" }), h("gux-icon", { key: 'b1ee6350c9dfed5ddb999e3849422f847b05179d', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: '33b5b8de06086d1c049a7928e46064c4f7beb4fe', show: this.hasError }, h("slot", { key: 'fdf44c14aa5b78dd2704029e360bb0a0413f524c', name: "error" })), h(GuxFormFieldHelp, { key: 'd64c8146fd9fd495c27ef297a63991868237d33e', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a520e8e02675c633588e4dbc98c44e33936d5c55', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition