genesys-spark-components 4.186.0 → 4.187.0

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

@@ -1,13 +1,13 @@
-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 { r as registerInstance, h, a as getElement } from './index-CjVJoR6g.js';
+import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
+import { O as OnMutation } from './on-mutation-CEhI74kI.js';
 import { o as onRequiredChange } from './on-attribute-change-De1NnCmO.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 GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-DAmLNsF9.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CUxY2-XD.js';
+import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-BT88yCp7.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-P-hdUE3M.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.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: '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: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '9b8e6f530c3b896b9a177f39a86dd342ad0fc88e', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '031877e650e52579b04c750a86f1381e8b700311' }, (_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: '8f60ccb8842ade0059c9998f881b1001ef2fb346', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'c1c402deebbf59c0977b0ddefefc27ac905ca3bd', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '359e75b7f0559b66d23da4ffb7564227be74a73c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '356139fb417dae95e36187d8535b485a075cd198', name: "label-info" })), h("div", { key: '74355f1c441d776bbdf7066b66333d3258e29e8a', class: "gux-input-and-error-container" }, h("div", { key: '74964d2a08702dafcd6e65143c555629150441bf', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, 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" })))));
+            } }, h("slot", { key: 'ae25e5ca93f4829c3454214a901fed8ff5491d4f' })), h(GuxFormFieldError, { key: '0bc8594363370e78b6253133c0753a5deda48ed4', show: this.hasError }, h("slot", { key: '0ee66b41925aac4e6471b7558df0317a9f2178fe', name: "error" })), h(GuxFormFieldHelp, { key: '0602a0988288d08558c9953b50fcb47cc9045dd6', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ef1bdf9597df3d19c6f065127a832abb2acff611', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/esm/{gux-form-field-error-DO0r_oNt.js → gux-form-field-error-CUxY2-XD.js}

@@ -1,4 +1,4 @@
-import { h } from './index-Dz_2h4jr.js';
+import { h } from './index-CjVJoR6g.js';
 
 const GuxFormFieldHelp = ({ show }, children) => {
     return (h("div", { class: {

package/dist/esm/{gux-form-field-fieldset-container-DAmLNsF9.js → gux-form-field-fieldset-container-BT88yCp7.js}

@@ -1,4 +1,4 @@
-import { h } from './index-Dz_2h4jr.js';
+import { h } from './index-CjVJoR6g.js';
 
 const GuxFormFieldVisualLabel = ({ position, required }, children) => {
     return (h("div", { class: {

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

@@ -1,10 +1,10 @@
-import { r as registerInstance, h, f as forceUpdate, 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 { r as registerInstance, h, f as forceUpdate, a as getElement } from './index-CjVJoR6g.js';
+import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
+import { O as OnMutation } from './on-mutation-CEhI74kI.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.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 { t as trackComponent } from './usage-Rs2JRIbr.js';
+import { a as GuxFormFieldHelp, G as GuxFormFieldError } from './gux-form-field-error-CUxY2-XD.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-Dp9t605U.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-C3WKbzwR.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-PYfNAK8p.js';
 import { a as onDisabledChange, o as onRequiredChange, b as onMultipleChange } from './on-attribute-change-De1NnCmO.js';
@@ -111,7 +111,7 @@ const GuxFormFieldFileBeta = class {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        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())));
+        return (h(GuxFormFieldContainer, { key: 'ba38fda53131cdb2eeee7f2373c79ce06d437dfa', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '3aa225ef2b476e13565ec227a88b2a765e703304', position: "above", required: this.required }, h("slot", { key: '897b7e8e9a445ff71d2c7771ba80a7507ced4112', name: "label" }), h("gux-form-field-label-indicator", { key: '27af774a5a6b8f57a03a302c9e47aa37085adce5', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a764e9b5f5e41b5577faa39817b231bb1a7a4816', name: "label-info" })), h("div", { key: '07a739ceefce691a6fb1fabfa7387a541810aabf', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '6313af94988ede0ca0d93e5f0d9f0921200b0724', show: this.hasHelp }, h("slot", { key: '90b799ab83fb1f358a0018479279679f240d4526', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: 'e5365d0a9baf0f49e6a48995efe38c00269bc59d', show: this.hasError }, h("slot", { key: 'dd23717f4779bbfe80c34d5434aee22d3bc35cf4', 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,9 +1,9 @@
-import { r as registerInstance, h, a as getElement } from './index-Dz_2h4jr.js';
-import { O as OnMutation } from './on-mutation-DfF7Bpf8.js';
+import { r as registerInstance, h, a as getElement } from './index-CjVJoR6g.js';
+import { O as OnMutation } from './on-mutation-CEhI74kI.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.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 { t as trackComponent } from './usage-Rs2JRIbr.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CUxY2-XD.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-Dp9t605U.js';
 import { a as getComputedLabelPosition, g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-C3WKbzwR.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-PYfNAK8p.js';
 import { o as onRequiredChange } from './on-attribute-change-De1NnCmO.js';
@@ -106,7 +106,7 @@ const GuxFormFieldFile = class {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        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" })))));
+        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" })))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, a as getElement } from './index-Dz_2h4jr.js';
-import { t as trackComponent } from './usage-P-hdUE3M.js';
-import { b as buildI18nForComponent } from './index-T5mO569D.js';
+import { r as registerInstance, h, a as getElement } from './index-CjVJoR6g.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
+import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const clear = "Clear";
@@ -19,7 +19,7 @@ const GuxFormFieldInputClearButton = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        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')))));
+        return (h("button", { key: '1d71017fee2b4c3e3332361d2d0ab14b731176ef', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '12a59127ec0822b34487104541ec306e751990f0', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: 'eb55325ca988e4c06ef7de2c75fa602bb2db3a20', "visual-only": true }, h("div", { key: 'f22bb14a2987b2ee7f14977a3b94027e5dc18a8b', 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,6 +1,6 @@
-import { r as registerInstance, h, a as getElement } from './index-Dz_2h4jr.js';
-import { t as trackComponent } from './usage-P-hdUE3M.js';
-import { b as buildI18nForComponent } from './index-T5mO569D.js';
+import { r as registerInstance, h, a as getElement } from './index-CjVJoR6g.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
+import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const optional = "optional";

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

@@ -1,18 +1,18 @@
-import { r as registerInstance, f as forceUpdate, h, a as getElement, c as createEvent } from './index-Dz_2h4jr.js';
-import { b as buildI18nForComponent } from './index-T5mO569D.js';
+import { r as registerInstance, f as forceUpdate, h, a as getElement, c as createEvent } from './index-CjVJoR6g.js';
+import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { O as OnMutation } from './on-mutation-DfF7Bpf8.js';
+import { O as OnMutation } from './on-mutation-CEhI74kI.js';
 import { o as onRequiredChange } from './on-attribute-change-De1NnCmO.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-PYfNAK8p.js';
 import { h as hasContent, c as clearInput, g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition, d as setInputValue } from './gux-form-field.service-C3WKbzwR.js';
 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-P-hdUE3M.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CUxY2-XD.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-Dp9t605U.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.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';
+import { O as OnClickOutside } from './on-click-outside-CQ9-ZPII.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
 import './get-closest-element-Cd4R0amv.js';
 import './random-html-id-D9jKBqIb.js';
@@ -112,14 +112,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        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: {
+        return (h(GuxFormFieldContainer, { key: '40d793883c8f040b7e3399f5dfdda555c0e7972a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '1b604aa8139b9362e4f787500ebb3838bd6e9cf0', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '50064a567caa548d4cefff7e5963d41b5a4680dd', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '65d9d8b7e703e86ef01302dbf0fa4b7d45550d94', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ac085c68d1768253901ee34c7c820db90e1b5e4d', name: "label-info" })), h("div", { key: 'b2b70118cd411ff4bec29d713d8245401bb275e6', class: "gux-input-and-error-container" }, h("div", { key: 'bd3e135957ea883d7a57542ce5331646372265f5', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'f5f0a64ecc9cdccad10aa53c736af6a58c64ad8c', class: {
+            }, part: "input-section" }, h("div", { key: '6c32d2d104f8ddaa794f54c8a0fc96b62eac436c', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, 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" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '87a517880ad729b124482492b042e99a0feed57b', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'd80d8f20482130340656cdde698fc64e21644e55', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'da6c9f11abef8a656e9a38e20b0b9f2747ef9338', show: this.hasError }, h("slot", { key: 'f1ba52ae2d311e30774ac2f595988c546118d8c4', name: "error" })), h(GuxFormFieldHelp, { key: '326888d9072b6c9fcc50d5a300195d1282282b4e', show: !this.hasError && this.hasHelp }, h("slot", { key: '9d28cede3745ca43c5e6a7ede988d96748af41b3', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -278,10 +278,10 @@ const GuxPaginationEllipsisButton = class {
     }
     render() {
         return [
-            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" })))
+            h("gux-button", { key: 'c19a73af83173e4ccbf9d7741e6f7b9c0093990e', 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: '0d14d829d6c1f0548d5df953d562ae814308bfbc', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: 'b3b8b17fb84d97a99d9b31cc1ddaa63da641820a', for: "popover-target" }, h("div", { key: '3c8044a616008464acc7c35aff855152473b3cf9', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: 'b9cfa53bf96b9bedf45d2080dcf4a1641b209f98', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '4d50f01032a059e294a0bc548d45e11efc10295f', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '6ca174ea948d3b32198c7f9d0e7c5048f86541ae' }, h("input", { key: '9ad701931f91fde5918749935a835b32eec8c9ea', 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: 'fd4f24f59cbfc61a3057cc909ef7dcafdd1097d7', slot: "label" })))
         ];
     }
     get root() { return getElement(this); }

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

@@ -1,10 +1,10 @@
-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 { r as registerInstance, h, a as getElement } from './index-CjVJoR6g.js';
+import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
+import { O as OnMutation } from './on-mutation-CEhI74kI.js';
 import { a as onDisabledChange, o as onRequiredChange } from './on-attribute-change-De1NnCmO.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 { t as trackComponent } from './usage-Rs2JRIbr.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CUxY2-XD.js';
+import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-BT88yCp7.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
 import { g as getSlotTextContent } from './get-slot-text-content-MAoEg4ig.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
@@ -103,14 +103,14 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        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: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'ccc05278387f583f278a1af063e2234c5cc66699', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '7eec5a9d053f21763b1e2fe11d52875a265c20a7' }, (_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: 'dd37237c4d19e662a0f945431418fcfa43bd3c50', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '75e77484d80eb3e198890734811bb24c3251ca33', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'fa00972433ef32046c523360100586fada13057b', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e15ff5d4cf10d719c7cccc7eba360b3a817d083b', name: "label-info" })), h("div", { key: '8fb56c247cb13d703d5e4ffd49e557868ebd5726', class: "gux-input-and-error-container" }, h("div", { key: '6c4fd1b64e733d45fd31dc616f8f233a41812505', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'cf3ed1da0bc6a6267faacbc72552603caa5a582c', class: {
+            } }, h("div", { key: '365930372df8b1ba9909b376b19aae9c854d85f9', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, 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" })))));
+            } }, h("slot", { key: '311392aa0da1f89d65b96939c614800a7f46eb44' }))), h(GuxFormFieldError, { key: '7619af087aa2ee49fcb1e6f384dcef9bb87bf95b', show: this.hasError }, h("slot", { key: 'db1d0b5f8c3615f2544cd9e9154d0aa9a4e5dc99', name: "error" })), h(GuxFormFieldHelp, { key: 'd5bacc4b63fd46800286bdc70749bfdc0a90d6b3', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fd637eb6f5697ed1bbb21f358596fe9c27cb08be', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, a as getElement } from './index-Dz_2h4jr.js';
-import { O as OnMutation } from './on-mutation-DfF7Bpf8.js';
+import { r as registerInstance, h, a as getElement } from './index-CjVJoR6g.js';
+import { O as OnMutation } from './on-mutation-CEhI74kI.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
-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 { b as buildI18nForComponent } from './index-BcJFUYIV.js';
+import { a as GuxFormFieldHelp, G as GuxFormFieldError } from './gux-form-field-error-CUxY2-XD.js';
+import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-BT88yCp7.js';
 import { g as getSlotTextContent } from './get-slot-text-content-MAoEg4ig.js';
-import { t as trackComponent } from './usage-P-hdUE3M.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const required = "Required";
@@ -128,8 +128,8 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        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" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '4288c75c8191f7c518409e656d1cab8edc3efc38', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '91fba3a14fd52bbd6bdf9ec14ed378cfc73855a9' }, (_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: 'f691e439da63a711b445f0110fba95b30301cc6c', position: "above", required: this.required }, h("slot", { key: '1850c5b1ebdf52ce51bdacd8ebc7274df0f8ae6a', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f191d05863dfc4085c27352ea20ec707b1d40632', variant: this.indicatorMark, required: this.required }), h("slot", { key: '77d6916be028046c37efdce209f81543a06caf07', name: "group-label-info" })), h("slot", { key: '8a4109f8f473d88d2ad2bc2ccd0f628bf7619c8e' }), h(GuxFormFieldError, { key: '4a66a8e514adc56c883626548be7081a0c0fbab7', show: this.hasGroupError }, h("slot", { key: '12c882b3cae12f559fb4567860902fecaafd55b5', name: "group-error" })), h(GuxFormFieldHelp, { key: '7a49d205aa562ee0f4eb137c597b21ce3423a57e', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '322ed1d4386ce76d6e42c1ede36e1b15d78b2968', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-Dz_2h4jr.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CjVJoR6g.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { O as OnMutation } from './on-mutation-DfF7Bpf8.js';
+import { O as OnMutation } from './on-mutation-CEhI74kI.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 { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CUxY2-XD.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-P-hdUE3M.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.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: 'ffa91c4980dedf6966d07728fac70af8dd3c0342', class: {
+        return (h(Host, { key: '2a07ccdfa483bedb9bd7317bd5dc6bd1529f081a', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, 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" }))))));
+            } }, h("div", { key: 'c8a3bdf5ee71bbe4991d3a5e3cd9ee61dd06a290', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '332b5681500d15e60b9310c3cb802150e55dc7ba', class: "gux-input-label" }, h("div", { key: '72203629b351ccbba635c919ef76f6dc328d7403', class: "gux-input" }, h("slot", { key: 'abeae9fb7b1203eb8c240fa08dc9e4d7cc934996', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'bbf5041bf73d34bc4dd14a4218f02b9b1a6a6963', class: "gux-label" }, h("slot", { key: 'a967102925864849bc62718fbaa834e93364ff78', name: "label" }))), h("div", { key: '7a62d57b6b56a20c0c38402508e19e643b9b2877', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '22c26e650b61d4e7f0d4b56adaaddf83438d5d54', show: this.hasError }, h("slot", { key: '767a2b5bc7ae8346503371df88f0bdcd655dc8b0', name: "error" })), h(GuxFormFieldHelp, { key: 'e7d2f365b35ff06030147c66f296fc96362509c4', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd7b71e1858e4981ef423f763ef4e6533cd3ef9e3', name: "help" }))))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="radio"][slot="input"]');

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

@@ -1,14 +1,14 @@
-import { r as registerInstance, f as forceUpdate, h, H as Host, a as getElement } from './index-Dz_2h4jr.js';
+import { r as registerInstance, f as forceUpdate, h, H as Host, a as getElement } from './index-CjVJoR6g.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { O as OnMutation } from './on-mutation-DfF7Bpf8.js';
+import { O as OnMutation } from './on-mutation-CEhI74kI.js';
 import { o as onRequiredChange } from './on-attribute-change-De1NnCmO.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 { a as GuxFormFieldContainer, G as GuxFormFieldLabel } from './gux-form-field-container-K-R4rXST.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CUxY2-XD.js';
+import { a as GuxFormFieldContainer, G as GuxFormFieldLabel } from './gux-form-field-container-Dp9t605U.js';
 import { g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-P-hdUE3M.js';
-import { O as OnResize } from './on-resize-CZO-3VCx.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
+import { O as OnResize } from './on-resize-BzUqKdDk.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
 import './simulate-native-event-BMRf5pjV.js';
@@ -114,9 +114,9 @@ const GuxFormFieldRange = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: '92ec1ee133a77d92f78c9202b871279a128a53bf', class: {
+        return (h(Host, { key: 'bc17164c8473b7fdf04e2bbfdfb6580ef14b1aa5', class: {
                 'gux-active': this.active
-            } }, 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" }))))));
+            } }, h(GuxFormFieldContainer, { key: '3d1822229e53b3753c486c35c0bc4f63206adcde', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c3bb26e77789bfba19bed7d1f4885f84a19d1d57', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '1cdfa1597694762bc753b2f24f92497620e3bf32', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '98dbeff398d089a6840083072fd2337372001a65', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bf723a251796ce6d07f401ae83ba8c0d17a4c3f4', name: "label-info" })), h("div", { key: '23c49e029982a5a78023c4e05558dde97f9917b9', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '82e313cb42b83c40b758accd2596631068a3ea49', show: this.hasError }, h("slot", { key: '42847d83952fdc18764a117e209a07a008a63f36', name: "error" })), h(GuxFormFieldHelp, { key: 'adab703b517deb2c01d475ff6515e26eabdab680', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f2123fda5b0ab320bec4cc53e4ee775905fb2072', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, f as forceUpdate, h, a as getElement } from './index-Dz_2h4jr.js';
+import { r as registerInstance, f as forceUpdate, h, a as getElement } from './index-CjVJoR6g.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { O as OnMutation } from './on-mutation-DfF7Bpf8.js';
+import { O as OnMutation } from './on-mutation-CEhI74kI.js';
 import { o as onRequiredChange } from './on-attribute-change-De1NnCmO.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 { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-K-R4rXST.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CUxY2-XD.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-Dp9t605U.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-P-hdUE3M.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.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: '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: {
+        return (h(GuxFormFieldContainer, { key: 'd8e7979a398c2d2cb253a8963dcb73097071913a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '0d660a0f7f1cca5fcee9e5e5e286c78c6cda27cf', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '7ebeaf339f5d7d1711e178055c4290b937dbead1', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd2061f8d3881b5205886d5a4de3e4d4e1fbc63db', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f22f7f97322585e46e0b0c6b531249923cabf72e', name: "label-info" })), h("div", { key: '1ffa3def92c9ed7ef2b2eabf7148c3126fcc0136', class: "gux-input-and-error-container" }, h("div", { key: '236f2873311d703f441604085aef6c4b36769dcc', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '62f5c3221ac6fa1c76a65debd59bfc4041d047f2', class: {
+            } }, h("div", { key: '2150cdfb85ae8958143f1665ae2b7df92ccf25db', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, 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" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '03e96968f01aae2c30253b3ad9a791f97284b003', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: 'a6dc120633867712474d085001dd155694f07ba5', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '8e4b4e775a10328088ae79e9f5c661d2740c3758', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '69f90a44bd6c4d0ebd1f82404646375ef7a488ec', show: this.hasError }, h("slot", { key: 'f0622f95157ae583e3282925f5d17d7d9cb47a55', name: "error" })), h(GuxFormFieldHelp, { key: '698dbaabec30e0348bf9ce6ee29972bddae2234b', show: !this.hasError && this.hasHelp }, h("slot", { key: '4f1238030632208d372842e9452f97739b3564fb', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, h, a as getElement } from './index-Dz_2h4jr.js';
+import { r as registerInstance, h, a as getElement } from './index-CjVJoR6g.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { O as OnMutation } from './on-mutation-DfF7Bpf8.js';
+import { O as OnMutation } from './on-mutation-CEhI74kI.js';
 import { o as onRequiredChange } from './on-attribute-change-De1NnCmO.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 { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-K-R4rXST.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CUxY2-XD.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-Dp9t605U.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-P-hdUE3M.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.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: '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: {
+        return (h(GuxFormFieldContainer, { key: '8c5479b8fd09bbc9073cacfb06af0c7d9f9dd08d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '2328cf2f6608d0c6ca834636ffea363837bc9f20', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '05786d917bc60c7320bd7a91da1a51ccb2ffaff8', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '511c4b47c9a5404006c2ca14d278f096fe34fd31', variant: this.indicatorMark, required: this.required }), h("slot", { key: '60be6e914d33a654baed04a7787fd31acc76c769', name: "label-info" })), h("div", { key: 'be7230bca4a5ac4668d5906ab48465dbb1807dfb', class: "gux-input-and-error-container" }, h("div", { key: '8cc741be5b94dda1474c4e47c5b4d2f33c630d61', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'a4b5e98a17f1d6b01a3020bb073394afe10a3181', class: {
+            } }, h("div", { key: '5af314bb0e48c2ab8da00be983cd76f7c96807a2', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, 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" })))));
+            } }, h("slot", { key: '8253322c41297ef2295e0b1cb7908014310a187e', name: "input" }), h("gux-icon", { key: '414fd118181dd6a87cad8ae1abaaf5b73ee45a33', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: 'ae8743e1cda6d0c5342b03ad6fd67a2a01599f2f', show: this.hasError }, h("slot", { key: '84eab9fd4a7712f812dfe05cd1a31fb8681bdd3d', name: "error" })), h(GuxFormFieldHelp, { key: 'da3fb38e991924f1a87ddc3b823ebb99875d9cfc', show: !this.hasError && this.hasHelp }, h("slot", { key: '7de985c4c6ab83808d9090e1b62eac449d3c4f61', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/esm/gux-form-field-text-like.entry.js

@@ -1,13 +1,13 @@
-import { r as registerInstance, f as forceUpdate, h, a as getElement } from './index-Dz_2h4jr.js';
+import { r as registerInstance, f as forceUpdate, h, a as getElement } from './index-CjVJoR6g.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { O as OnMutation } from './on-mutation-DfF7Bpf8.js';
+import { O as OnMutation } from './on-mutation-CEhI74kI.js';
 import { o as onRequiredChange } from './on-attribute-change-De1NnCmO.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 { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-K-R4rXST.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CUxY2-XD.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-Dp9t605U.js';
 import { h as hasContent, s as setSlotAriaDescribedby, 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-P-hdUE3M.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import { f as focusInputElement } from './focus-input-element-JHLuJ8Pb.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
@@ -112,15 +112,15 @@ const GuxFormFieldTextLike = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '3c62db2addf2fb4d2d5be8dc3e51d4385a618b4c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '997b62cf46227fa695e8a93af07e6f3d3b510680', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '1bb7da1969e42ec527c5895e97581308dc25e3e4', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '645502cbb48a7c5127ac0e0575631a30a456bb45', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9b96929ef963b2b965d1c4e0905b914fc56f241f', name: "label-info" })), h("div", { key: 'e30f3b623011037ee9fe78c41a8ff178a112470f', class: "gux-input-and-error-container" }, h("div", { key: '0f37f77962bcaf5ecdda78a98a9d3d0d2354307a', class: {
+        return (h(GuxFormFieldContainer, { key: '3aae89e5a9e34e64fdaf202ca32750974b70f25b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'cab23d517a69ae2708d3893429c34b4bb09f4a62', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '368437105310fa272294d0df9eb9b9d741b44003', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'aab5d0450aada4a9727653bbcca84251f8d06b36', variant: this.indicatorMark, required: this.required }), h("slot", { key: '999514abce677aaa46c3361ff14c4881d72ae2ac', name: "label-info" })), h("div", { key: 'a36229ad90648c4dcaee9c8f32d7c0e286a8fb81', class: "gux-input-and-error-container" }, h("div", { key: 'dac2dd9e5b3837723ee488585da2e62265a67c1e', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '83e415a576eefdc52ea982168b0ba4bb525a2640', class: {
+            } }, h("div", { key: '513e5efef0697c77660342ebaa5381b014558f20', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'b5b3e7ed43c62346d62fae820488bbd220f21c78', name: "prefix" }), h("slot", { key: 'b863ade92899094495a12faa0cb978e5e82aa629', name: "input" }), this.renderRadialLoading(), h("slot", { key: '7381412da44e249055eb87962e8df615ef8a2f9d', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '43310be87e705154229229ba19587faa4705a1ce', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'd92e5a18ab41c974eda35a40351e7b93a91bc226', show: this.hasError }, h("slot", { key: '698ea30abfd156114594669cbf62aac2f0dc7b14', name: "error" })), h(GuxFormFieldHelp, { key: 'b9b4a0deefe1c4cdb056fc713fb873577e487636', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e710981660c84dda0a1a99b13943f15817175dc6', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '6fa9abcd69b8e834f338c424e0a5295400718e88', name: "prefix" }), h("slot", { key: 'b9ea3983bfb38b05fc0274aa8c1042c7d117a550', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'f0da41ca1dbca2296834c84104e60ac2d54914fe', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '6d39235478e7282efa3753e1eabdad8bae160337', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'b47c0a8d858e5e9596c83202cbde4082c244f72d', show: this.hasError }, h("slot", { key: 'c93308a6bc3fb318fc909ad284692912cd224586', name: "error" })), h(GuxFormFieldHelp, { key: 'e9b5190399bbb70517d3c70b9165c42bef7db285', show: !this.hasError && this.hasHelp }, h("slot", { key: '67035512f0b6e178eb4c50f754bd0e51090a9cc0', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, h, a as getElement } from './index-Dz_2h4jr.js';
+import { r as registerInstance, h, a as getElement } from './index-CjVJoR6g.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { O as OnMutation } from './on-mutation-DfF7Bpf8.js';
+import { O as OnMutation } from './on-mutation-CEhI74kI.js';
 import { o as onRequiredChange } from './on-attribute-change-De1NnCmO.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 { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-K-R4rXST.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CUxY2-XD.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-Dp9t605U.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-P-hdUE3M.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
 import './simulate-native-event-BMRf5pjV.js';
@@ -93,12 +93,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '457effd62b09c8509a032af0d91e282a2e4bcf8b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '638d5b39d68e62470ba738cab70cc039eb625126', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '260cf7b3a788f30e2fc415200a48a1a696f02b25', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e996a6c248353acbbc15ea66182812b1726bf88f', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'daa9d58271bb4254132fb8cfdccf8d82356101b8', name: "label-info" })), h("div", { key: '7b8b423853d61d368b68760e8bb6bd41f5ed1a7f', class: "gux-input-and-error-container" }, h("div", { key: 'a5544713a28fc2e66a5eda1dd8f251769b901724', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '989ec6439601ed674996b95f803efdc8e5184d4b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '862ce006386692f5e93309f6735d0d653c42394e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '2313fa07bab8373addd04faf624ab0083b415c54', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '630cdd1a052d2888545845afb7fedd79ebc019df', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5e4357e39379df103af426266466750c5031a9de', name: "label-info" })), h("div", { key: 'eecf4870471748aa5ead808f1bc09281d4d842e3', class: "gux-input-and-error-container" }, h("div", { key: 'f1c25eb869c58712eae8906f3325b0bc6c3c57d2', ref: el => (this.textareaContainerElement = el), class: {
                 'gux-input': true,
                 [`gux-resize-${this.resize}`]: true,
                 'gux-disabled': this.disabled,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '043fdd0deced04c5e7640b7327e607d96a76ad3d', name: "input" })), h(GuxFormFieldError, { key: '8d16dd4145cbbf9c2454229ab7acdbbca668f3f9', show: this.hasError }, h("slot", { key: '46287b4bb18ce261265f311f3b8ee3df1e2066a4', name: "error" })), h(GuxFormFieldHelp, { key: '58a29722143ad5bf79ac598c965304fd15fa8f81', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a40e9937d39b2d519668411ec5a43313f7c0a068', name: "help" })))));
+            } }, h("slot", { key: '7e415e054e384235e792ad23fa9094042ad5dd06', name: "input" })), h(GuxFormFieldError, { key: 'fc564bf18ac064d60d79465e055cc2ce7a2ffbee', show: this.hasError }, h("slot", { key: '332994a6d8fa4e295eafc0b30a53e49b80c083d8', name: "error" })), h(GuxFormFieldHelp, { key: '1523d395d422f10916d89139e3103a86eb3e1bc5', show: !this.hasError && this.hasHelp }, h("slot", { key: 'dc6c5c0839950a91ffc6901fc7e98fbb89f05347', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition