genesys-spark-components 4.199.1 → 4.200.0

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, h, a as getElement } from './index-CiOdbrOB.js';
-import { b as buildI18nForComponent } from './index-CQoOheQV.js';
-import { O as OnMutation } from './on-mutation-27bBUUXS.js';
+import { r as registerInstance, h, a as getElement } from './index-BHz-00-n.js';
+import { b as buildI18nForComponent } from './index-CjJaDiMj.js';
+import { O as OnMutation } from './on-mutation-BnMwSDni.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-DkGIka65.js';
-import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-DpnuZ0dL.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DFCCheeg.js';
+import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-BChGXus1.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-BkYesNed.js';
+import { t as trackComponent } from './usage-_Nw0T8qO.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: 'ec646997b4f8d98e72fd85fc1d733ad3ff86eb50', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '8a134b39c68bda760923a6f4e4b12e7b071cf935' }, (_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: '1e1f058b1104a30a4ea06c3b77cb32206f2179b1', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '314afc1d4ab62e41398c05390a92a8910b736036', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b793439b45a6a2343b06c93586c5d3281ba111bc', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3a116c63e13c06e9521ae129ea5e3d5b0f1838ad', name: "label-info" })), h("div", { key: '023609836f4ae6c8561de81cf2b75e65aaf08e14', class: "gux-input-and-error-container" }, h("div", { key: '264577a04ad1ae9a60972c7bb08b4e4cb4136bd7', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'd51e853f6c95848922e8d152c825760312e1fba7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'ba451ffea039428797569bf37dcd0fa11d47d607' }, (_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: '5e6513e14881982c3abafddb854427fccfb002f0', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '8f0064910cd5cf80cf83d380045d0bfa6a455dd9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3dd2eb6b3947a66965d0e83870f22f3629657c88', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6e9e86a0d920caf06b96b068a8d0cacb14e40f06', name: "label-info" })), h("div", { key: '9744d30d312dfdd181561eaab6f8d6abbab499c2', class: "gux-input-and-error-container" }, h("div", { key: '9b25225a1a193153bcb9c26ea2e89e0a6c6fc7e1', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '4fca7d269966a355fc2fd8751b06e5e40bbfa7d2' })), h(GuxFormFieldError, { key: '81a77841c23ea807b4b4080be72e3e33036b874e', show: this.hasError }, h("slot", { key: 'bfe215d97a4ebb10c36d1c88e3ec6b0a395483e5', name: "error" })), h(GuxFormFieldHelp, { key: '3398463f4ebf6d648af038e4359fa5593ae1964d', show: !this.hasError && this.hasHelp }, h("slot", { key: '77c22b9f1015c351f9bd1ec8bb7b515b91383738', name: "help" })))));
+            } }, h("slot", { key: 'bdfcae006dfae7a03510ac12eb4e58472e5f044a' })), h(GuxFormFieldError, { key: '0d8638fc072f956a972ca34a055e51a70bf4cc53', show: this.hasError }, h("slot", { key: '096069725a6a9c6b4ddabbad5509b19cc9e701c6', name: "error" })), h(GuxFormFieldHelp, { key: 'aa612fc6dbd35bb6b273e2d1bf45ca7749a1a36a', show: !this.hasError && this.hasHelp }, h("slot", { key: '55793d384e12d18af54c4c08cdfcf900f15a28ac', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/esm/{gux-form-field-error-DkGIka65.js → gux-form-field-error-DFCCheeg.js}

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

package/dist/esm/{gux-form-field-fieldset-container-DpnuZ0dL.js → gux-form-field-fieldset-container-BChGXus1.js}

@@ -1,4 +1,4 @@
-import { h } from './index-CiOdbrOB.js';
+import { h } from './index-BHz-00-n.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-CiOdbrOB.js';
-import { b as buildI18nForComponent } from './index-CQoOheQV.js';
-import { O as OnMutation } from './on-mutation-27bBUUXS.js';
+import { r as registerInstance, h, f as forceUpdate, a as getElement } from './index-BHz-00-n.js';
+import { b as buildI18nForComponent } from './index-CjJaDiMj.js';
+import { O as OnMutation } from './on-mutation-BnMwSDni.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
-import { t as trackComponent } from './usage-BkYesNed.js';
-import { a as GuxFormFieldHelp, G as GuxFormFieldError } from './gux-form-field-error-DkGIka65.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-DgY6gSC7.js';
+import { t as trackComponent } from './usage-_Nw0T8qO.js';
+import { a as GuxFormFieldHelp, G as GuxFormFieldError } from './gux-form-field-error-DFCCheeg.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-c0Pp_MyW.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: '0436c9af8c166d2eb58f513179c746964f5b20d7', labelPosition: "above" }, h(GuxFormFieldLabel, { key: 'e3e86c8aba35a07427731c7bc8dd1142c2cd1f3d', position: "above", required: this.required }, h("slot", { key: '79b4ae008d058d117dfe8bf77465c3646ef5a1c8', name: "label" }), h("gux-form-field-label-indicator", { key: 'd303918feff2a3c42a01350898765e2189b634fe', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9a7b1ab0b500de60d2c331c8eb8451a8f0b661e1', name: "label-info" })), h("div", { key: '46862e36e14d6d8b2f2c734bdf4923187f4a6f06', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: 'f0bb5e0e3bb4af2c7d72405df9412a478ecb5559', show: this.hasHelp }, h("slot", { key: '11fc5aaa68b0b94cdd642db2c00749a8c2e7ee9d', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: 'a324982a5daf4bfe9d4b62d6cb4b77bc6d504f92', show: this.hasError }, h("slot", { key: '171e7ccc498134dc1514618201c24aaf83dabf62', name: "error" })), this.renderFileList())));
+        return (h(GuxFormFieldContainer, { key: 'd66fd7c7c0ce6518b70c72ffbfadf3c5caf91309', labelPosition: "above" }, h(GuxFormFieldLabel, { key: 'f1275f72a608b9ebff405140a19afea507d73760', position: "above", required: this.required }, h("slot", { key: 'ab6f12e9dba9680ba51963eadb2f6be298a14989', name: "label" }), h("gux-form-field-label-indicator", { key: 'b8485f1633253b6c76a89c05377be218d68c9f27', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5379bafad54380a5328aaa49e5259c95d062af38', name: "label-info" })), h("div", { key: 'fe4d4031ffd16b57666389ed8d9f324cdd4deb16', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: 'bc59a5bdfd1b5a92867c0bde63689dd7b2897bb7', show: this.hasHelp }, h("slot", { key: 'dc9fd872e825df3a0e07d2c769c047a1f5c15133', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '3338ef3f1b6de251b05741b3f5e7ebc1e2f9f0e0', show: this.hasError }, h("slot", { key: '7d202728d353e208833b6e447d8e842e0c3ff30b', 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-CiOdbrOB.js';
-import { O as OnMutation } from './on-mutation-27bBUUXS.js';
+import { r as registerInstance, h, a as getElement } from './index-BHz-00-n.js';
+import { O as OnMutation } from './on-mutation-BnMwSDni.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
-import { t as trackComponent } from './usage-BkYesNed.js';
-import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DkGIka65.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-DgY6gSC7.js';
+import { t as trackComponent } from './usage-_Nw0T8qO.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DFCCheeg.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-c0Pp_MyW.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: 'b332159adc6c4ee6ada7e9f03b33bb4a4f390410', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8bcc9ff337c1bd08a9be8a9297aa995591f214d2', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '8bb7965a56e846f9a0e6cf3f1b1c92e204d6703b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ad45c2965c423367cdf58b057b2d8b9ea2b82a72', variant: this.indicatorMark, required: this.required }), h("slot", { key: '08e2fa920ffaa0b48ba279c6e34ddc8bf000a53e', name: "label-info" })), h("div", { key: '1593256c7e719413751798bb997b2b47a559dda6', class: "gux-input-and-error-container" }, h("slot", { key: 'b88b29a2b252658dbecb34a0cff3f5934a00b810', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'ba275152daa1f92884dd719c173826d9f85db4ef', show: this.hasError }, h("slot", { key: '427d887d9f00f91cf2de1f315db158695ca7ba66', name: "error" })), h(GuxFormFieldHelp, { key: '77c2dc2ee4392bb73d6f3db9c3b630f1340ff05c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a3acd59c02593d0292c8b3907b7e341c2009a8c5', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '9a562d7523a70d2bff4e7d2d32871ce29bcb865d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '2d7ea7f26fbcdbb58fdf27053ca8ba6071ebb406', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'dc887919e36a7b6ad595fc98a46a8fa4704c5f0c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8fcb9657de2e653d84b21ad04d9aa59406ac6c9f', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bc0735404ce679d6b5e845dc8875e9cd7379cd4d', name: "label-info" })), h("div", { key: 'b7ac14182f08e1e2fd3e1081cd852943bb7e4216', class: "gux-input-and-error-container" }, h("slot", { key: '95f713de8c9ca514592d0af6ba7e7b8a9b77a88f', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '35a654570e572eb32778efd3ca2b56a9a6e19710', show: this.hasError }, h("slot", { key: 'b2293ffa278d06f4ec6887378801045b0680a010', name: "error" })), h(GuxFormFieldHelp, { key: '280f35c44b1ea927382e31a541d5a85ea44889c7', show: !this.hasError && this.hasHelp }, h("slot", { key: '72f56116408a48fac923bd316915c9174f83c42a', 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-CiOdbrOB.js';
-import { t as trackComponent } from './usage-BkYesNed.js';
-import { b as buildI18nForComponent } from './index-CQoOheQV.js';
+import { r as registerInstance, h, a as getElement } from './index-BHz-00-n.js';
+import { t as trackComponent } from './usage-_Nw0T8qO.js';
+import { b as buildI18nForComponent } from './index-CjJaDiMj.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: 'd767eeb75f1d8e250573451480cf1658d595640e', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '55472e3853a8fc5c309db8a5e2181ef0b189b297', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: '63a327f0dd1b4bf47cda108eee0a4403c8d6ee68', "visual-only": true }, h("div", { key: '40fb239275e0e48f770283d1fefd8f8e804e00fb', slot: "content" }, this.i18n('clear')))));
+        return (h("button", { key: 'e796f38dff31b2751a760efa342b22dbd1c24b05', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: 'd1ad9c79abc513d782310cf497aed0ab88729ef6', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: 'b8596861059c3ff2475dd01564eb4e9af0cc672d', "visual-only": true }, h("div", { key: '1e47c8e1b4e120f5737c7d5fa5602f99441c0379', 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-CiOdbrOB.js';
-import { t as trackComponent } from './usage-BkYesNed.js';
-import { b as buildI18nForComponent } from './index-CQoOheQV.js';
+import { r as registerInstance, h, a as getElement } from './index-BHz-00-n.js';
+import { t as trackComponent } from './usage-_Nw0T8qO.js';
+import { b as buildI18nForComponent } from './index-CjJaDiMj.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-CiOdbrOB.js';
-import { b as buildI18nForComponent } from './index-CQoOheQV.js';
+import { r as registerInstance, f as forceUpdate, h, a as getElement, c as createEvent } from './index-BHz-00-n.js';
+import { b as buildI18nForComponent } from './index-CjJaDiMj.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { O as OnMutation } from './on-mutation-27bBUUXS.js';
+import { O as OnMutation } from './on-mutation-BnMwSDni.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-DkGIka65.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-DgY6gSC7.js';
-import { t as trackComponent } from './usage-BkYesNed.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DFCCheeg.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-c0Pp_MyW.js';
+import { t as trackComponent } from './usage-_Nw0T8qO.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-0JRHYOHB.js';
+import { O as OnClickOutside } from './on-click-outside-gtHWBvZ6.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
 import './get-closest-element-Cd4R0amv.js';
 import './random-html-id-D9jKBqIb.js';
@@ -113,14 +113,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '802e4e804c0ff63447beb64d1c3ec74641f0f9e5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c4a8919fa11e73bbf5a6a9f16d9c31be1ef6694b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b94b116930844aec239fb700792b986f0dcdfb68', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '26d03102dbeeff75be46b10437130642a3a3d1ba', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c75977abf537734087596b45851b6ed002c3ff06', name: "label-info" })), h("div", { key: '3cd90c995d27e5ae6324e0c738a8bc57d6d06a8d', class: "gux-input-and-error-container" }, h("div", { key: '6110a08d781ff6633170b05ab86fe62d41e59042', class: {
+        return (h(GuxFormFieldContainer, { key: '476289fec520dca4865237d8389a23a82cb680a3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '634f4b34789a05410922fd94ad1401e2a290793f', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '1eb4f92404dc8c216effde61d88c0900e0762250', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '45ca01653b6f98ef2db38d85b3378a023ea8d63d', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ecea95219130e3610fb61d87b0ef0fff5b241045', name: "label-info" })), h("div", { key: 'f1167bce53378b848f88edf23f382345555529eb', class: "gux-input-and-error-container" }, h("div", { key: '0468bc968a85a3eb3d2113597fb1c88cdde5906f', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'dd3ddf7fd3ff9f85ee2cd0813129da60fed14ead', class: {
+            }, part: "input-section" }, h("div", { key: 'fc1b5d10c8ac9bae43fb36104df4ee93eb473bac', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, style: { '--gux-text-align': this.textAlign }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '62523b10e81b47392f422bc48d6982e0407feacf', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '8e8d305fd03f54979d67fed1fd67cee04318c958', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'dd4ab025eef11248369fb2d7b34f130a30c87739', show: this.hasError }, h("slot", { key: '949db9a5bac588cc3a47428e1ef2e01d4a433f4c', name: "error" })), h(GuxFormFieldHelp, { key: '46c1f0d9f2128cfedbe241551a98fddf39e5ba4e', show: !this.hasError && this.hasHelp }, h("slot", { key: '6b0eeb8d8cbfbd069e28bae2dbaf759e44cd43a3', name: "help" })))));
+            }, style: { '--gux-text-align': this.textAlign }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'af4c3e6794de24e9bb5d438799b9a926ca34235d', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '9039c4ef353ee74aca1628059ad17510d79751de', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'de8f3d568b90357dcfa3189f478af45b8c16fa56', show: this.hasError }, h("slot", { key: 'f859cb2c03e35b75f676efffcd082be9dc25bc07', name: "error" })), h(GuxFormFieldHelp, { key: 'ae0469c5053ea98fcac1be5eb6a865e05bba49a9', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e3125bb7c5ad7ab86dc10c7f51fa82a4b340805c', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -279,10 +279,10 @@ const GuxPaginationEllipsisButton = class {
     }
     render() {
         return [
-            h("gux-button", { key: '2fcf5064a17ca9e8b8dbd472f10e4a2a2805d3ab', 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: '97dd6f748e49b6a0d85a0cd7e2267306985c34c4', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: '7e2503b4e4299b83f045c54b8640d54e66719e3f', for: "popover-target" }, h("div", { key: '090820d0ae09bd2fa5aa51431dfd016784a4be52', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '339b3819def254b1c4e1c4e2ad6c61738330abe5', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '00ec6b9344a801076796d3726b2e80414587bd54', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '369bf241308f1de96d84fb3ed4ac3ee91cb2f32d' }, h("input", { key: '279cafe9b624a2d7a9bdcd361adee0cf71fd6484', 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: '49de61ad35b002e1a07c4577b68b9903dd2ec6c1', slot: "label" })))
+            h("gux-button", { key: 'f15a7f8dc0ef9abc9662336a7ae68ee3c8b59fcf', 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: '0bd4dc0b4acc7ad0f97759d9c602bad26b38ae63', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: '28c3b7e2c0b7afec7bf025104089f290eca533de', for: "popover-target" }, h("div", { key: '4cf7a6347d6aa09fcf4baf3ebe2a82f97e08cd9f', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: 'd05859ddaa7072d6b7e9ad160cc8a8739aedd678', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '69cddbce7ab4a35b0595c43d1aedd26417a7e2e3', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '31577f7af2b1cdfded0fbbe516c09b7dafe5c6a8' }, h("input", { key: '83ae91baba0465971dbcb34b4b3d08c0cec524ad', 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: '4f53b97e4d632aebec1ff64efe9df5e9eb3fa7dc', 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-CiOdbrOB.js';
-import { b as buildI18nForComponent } from './index-CQoOheQV.js';
-import { O as OnMutation } from './on-mutation-27bBUUXS.js';
+import { r as registerInstance, h, a as getElement } from './index-BHz-00-n.js';
+import { b as buildI18nForComponent } from './index-CjJaDiMj.js';
+import { O as OnMutation } from './on-mutation-BnMwSDni.js';
 import { a as onDisabledChange, o as onRequiredChange } from './on-attribute-change-De1NnCmO.js';
-import { t as trackComponent } from './usage-BkYesNed.js';
-import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DkGIka65.js';
-import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-DpnuZ0dL.js';
+import { t as trackComponent } from './usage-_Nw0T8qO.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DFCCheeg.js';
+import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-BChGXus1.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: '757cebb89a13fe36ebd2ba756dcdc6dd4973b4e9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '1f6343bc6255556d8e38f4729cdb76d003e7d4ee' }, (_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: 'c921c0f1f61ad5ae9c406dadbca51873729604a8', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '1da746dc51d15b046edabfb2c628925c036543be', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '693dc7b8456373ef7d8d1e8dd95ef4a248c37635', variant: this.indicatorMark, required: this.required }), h("slot", { key: '99451c0b8fbd56e017e709e4b0c870bc38696bf6', name: "label-info" })), h("div", { key: '06f2235a9542cab53159ad0ba61c1b71f860442d', class: "gux-input-and-error-container" }, h("div", { key: '01ccf1a88c30096d43424704f6b3024c90e0004c', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '7f002d7a4d36d516bb9ad9fdf11e7e332fb7e517', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'dd4efcd27dd4cf5e54f778cfb969ed0b528ffb2f' }, (_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: '80dae08bc0905b55ecbcc19cc6f171c84961e977', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '9a351a20e43ade3aa9f53ae519e125e526919f66', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '52a29606f8a8bd13048197712b8b9736f0016605', variant: this.indicatorMark, required: this.required }), h("slot", { key: '34f9ce1ecefdbe6a28628eb9a6a095abb2eb31b5', name: "label-info" })), h("div", { key: 'c048f4de9d9db0b48166eca6214d8d07670ed98e', class: "gux-input-and-error-container" }, h("div", { key: 'cd885cce396cd90405090e3de2ec89358d60c9a8', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'ca8c3a6b3d4e0d8edba4787660248f337a07336c', class: {
+            } }, h("div", { key: '2426dec0a786b9c08cc18a3289a9aea6acf07ce0', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'bb332adf129294ced650fc25ecbd0fbe02209785' }))), h(GuxFormFieldError, { key: '0c13dfde870fc9a6f7b6d12a9057d431d488f178', show: this.hasError }, h("slot", { key: 'fd27983e9293fb8af84dcc83e0784adaac1a3f8e', name: "error" })), h(GuxFormFieldHelp, { key: '425bb54b990cb99914a225f298b5b89b3551c3d8', show: !this.hasError && this.hasHelp }, h("slot", { key: '08689d1b13d15fab6e73633fb4be9ac726838d40', name: "help" })))));
+            } }, h("slot", { key: 'dc170219046f69016c2fc111e9543b48d39dbeb8' }))), h(GuxFormFieldError, { key: '0e55538b92ec922e744d58784f78478d00888292', show: this.hasError }, h("slot", { key: '54c4691505613098eb6b253b784a54d4eeb450c9', name: "error" })), h(GuxFormFieldHelp, { key: 'ab607e7a1931a79e84fad3404e54172a068aa4c6', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f0fc57a92422409e5107c23f25d3bcfde9be2aad', 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-CiOdbrOB.js';
-import { O as OnMutation } from './on-mutation-27bBUUXS.js';
+import { r as registerInstance, h, a as getElement } from './index-BHz-00-n.js';
+import { O as OnMutation } from './on-mutation-BnMwSDni.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
-import { b as buildI18nForComponent } from './index-CQoOheQV.js';
-import { a as GuxFormFieldHelp, G as GuxFormFieldError } from './gux-form-field-error-DkGIka65.js';
-import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-DpnuZ0dL.js';
+import { b as buildI18nForComponent } from './index-CjJaDiMj.js';
+import { a as GuxFormFieldHelp, G as GuxFormFieldError } from './gux-form-field-error-DFCCheeg.js';
+import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-BChGXus1.js';
 import { g as getSlotTextContent } from './get-slot-text-content-MAoEg4ig.js';
-import { t as trackComponent } from './usage-BkYesNed.js';
+import { t as trackComponent } from './usage-_Nw0T8qO.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const required = "Required";
@@ -128,8 +128,8 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '064878acc06694359eac83ea971398e7dde5eca6', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '45cac8e655a3879c2e413c483fe3a842b15569d2' }, (_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: '02983c33307a2e495bbfbc13e4b9c5a95a70c9eb', position: "above", required: this.required }, h("slot", { key: '6115a27910af173207d57d4d19e27dbc6d0a762e', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '28a5d2eb175c842367d1bb2dc1e22e9d628d08d2', variant: this.indicatorMark, required: this.required }), h("slot", { key: '074821371b9fbb2fc62c57d6877a213292174b36', name: "group-label-info" })), h("slot", { key: 'ea9d5891081645fc731ef2e02ffcf0d6d5351cdb' }), h(GuxFormFieldError, { key: '1941202beb7c274ffc6aa5e4b0a5da768c225fdc', show: this.hasGroupError }, h("slot", { key: '84bc65865c84649fd31ecf7fcf313f8d99295edc', name: "group-error" })), h(GuxFormFieldHelp, { key: 'e6817262317f6cfc5ee06bd57c37f0ecab3baf82', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '95adb1fbec549329e2478e8375430ef752395f49', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '3c8dd01690792866de854e2b0f165e49a2d65794', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '2bb339ee3382ed8a53dc5fa2c18c8d35a07982f8' }, (_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: 'e1e6d9514d585b94426640e1886507fd3564c005', position: "above", required: this.required }, h("slot", { key: 'b57d2a2d3ddf247c65b56bca14ec1df115bfdfcd', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4d101d85b50dc94528340a30d7f7385419d48b72', variant: this.indicatorMark, required: this.required }), h("slot", { key: '552239601d89f8bbc972edc27cc0c378c7816324', name: "group-label-info" })), h("slot", { key: '60c692ae9c807d5e9d3081ccc8cfa053efadc3e1' }), h(GuxFormFieldError, { key: 'aff42f8abc8573c01342b38b90265debd7c3020c', show: this.hasGroupError }, h("slot", { key: '95dae42ed28b431abeb4d4fcdac099ce572db2c7', name: "group-error" })), h(GuxFormFieldHelp, { key: '27a0e6ea691b7f4b74e347063ce9f46ea035c914', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'e720860250bf9a9cf6e348b99f09b88c865d0b3e', 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-CiOdbrOB.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BHz-00-n.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { O as OnMutation } from './on-mutation-27bBUUXS.js';
+import { O as OnMutation } from './on-mutation-BnMwSDni.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-DkGIka65.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DFCCheeg.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-BkYesNed.js';
+import { t as trackComponent } from './usage-_Nw0T8qO.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: 'cc6a04d4435bfbfca304beb4769bcd330bbdf514', class: {
+        return (h(Host, { key: '280cebf11e4924112fb46527bbd9e20c7403c682', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '4ae84c4e5d60358eb997f129b8c088a1f0ae5f10', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'd942e12836b2bc5ab4c204cf6213eb842dd92fbf', class: "gux-input-label" }, h("div", { key: 'd1657d6c7fa5aca36d25787c99ff7c9ce15f2750', class: "gux-input" }, h("slot", { key: 'eff047b0f6106620d33517a5e3bc26b06c0d9d86', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '7a4bf9ad866dd55887c8374d3b45cf0e13578fbd', class: "gux-label" }, h("slot", { key: '4e169d9f2012f3e9f783a25acb26acbd76001b7e', name: "label" }))), h("div", { key: '969e9e6130e9da8fcdcd1582aa0b561515156b05', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'cb5dd92f7334c02c7658b4d4c588b2255e95834a', show: this.hasError }, h("slot", { key: '88a2ca3252fa17b8a550f230bd2b54350f716bd7', name: "error" })), h(GuxFormFieldHelp, { key: '299d15016018ca89c22a6cb14f70147642604c18', show: !this.hasError && this.hasHelp }, h("slot", { key: 'da2c41a1dc738427a769ae79af28f4063a26cb16', name: "help" }))))));
+            } }, h("div", { key: '4a9f32489d8f6615b575e7da0746a3e3e566934d', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'b622caa4da930c98900976c6e10f5ee84c125eed', class: "gux-input-label" }, h("div", { key: '100684b710294f3952f367ee148985bf9dbb382e', class: "gux-input" }, h("slot", { key: 'f55beaafe1664542857d2a1587629021501625af', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'b2184452be404de8a54c34838beaa41149b248a0', class: "gux-label" }, h("slot", { key: '0d18c02f8c3f92bd48f35a524bfdbb7d75413edf', name: "label" }))), h("div", { key: 'd5441591eaab0f9e7ab9d8baf01376f56e2df79c', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '59c054b9dd9b438d81b06b277e0873acb2de7a4e', show: this.hasError }, h("slot", { key: '516ce8c6f9620d5dd34e63f89a43554fda804396', name: "error" })), h(GuxFormFieldHelp, { key: '975de354b965e2be151ab2ec7c19c5a80ce771e8', show: !this.hasError && this.hasHelp }, h("slot", { key: '2b72de789cc6f5800de7cb48fd913c58ea5f2baa', 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-CiOdbrOB.js';
+import { r as registerInstance, f as forceUpdate, h, H as Host, a as getElement } from './index-BHz-00-n.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { O as OnMutation } from './on-mutation-27bBUUXS.js';
+import { O as OnMutation } from './on-mutation-BnMwSDni.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-DkGIka65.js';
-import { a as GuxFormFieldContainer, G as GuxFormFieldLabel } from './gux-form-field-container-DgY6gSC7.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DFCCheeg.js';
+import { a as GuxFormFieldContainer, G as GuxFormFieldLabel } from './gux-form-field-container-c0Pp_MyW.js';
 import { g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-BkYesNed.js';
-import { O as OnResize } from './on-resize-ElTdnUfE.js';
+import { t as trackComponent } from './usage-_Nw0T8qO.js';
+import { O as OnResize } from './on-resize-VM24RuAi.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: '9619f39516089dec1af3add943c647616d6a206c', class: {
+        return (h(Host, { key: 'a71c428b667ac9ad6f2df614b2b9d6ec1d1a0288', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '55bb9b7123d8b56d82ed16ec936bb8c822065e90', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'cf035065a70bf185c39838e54458d8f2fd8e7a4b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '2376af0a20104ab59db2df3188ecc96267cf777b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'abb34b53fd55306a49d1ee1c47714cbbaee443f8', variant: this.indicatorMark, required: this.required }), h("slot", { key: '23bd81b67c8621ae098f7e653abd0ef7dede782a', name: "label-info" })), h("div", { key: '70a9ad941f868cd1fdaf6376d287d6854380dfc5', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '2f4d79036c7b295b1f74b78701534a4a2345a8f2', show: this.hasError }, h("slot", { key: 'fd856f1a5e020881ce54473a1fb67ecb7d4949f2', name: "error" })), h(GuxFormFieldHelp, { key: '485ce0bf3a37dba85b7413b8ca556a7d607186da', show: !this.hasError && this.hasHelp }, h("slot", { key: 'adfc74111011054ddb56c07b1c9fed6fc82a5b19', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '6923db6cae4a65bb5b96ea2d02f6bcfafdb5ac96', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'fc0fe9b7d185a8f762a2b176fcb7c3a045ace9bc', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '8452f38889b077c24125f6e33b795bec5c3bff62', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8d922fdf2ac1ed388e3a3a9ba200990636ab0354', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c1231bd9c2dd2943c45bbed163955837c89dc287', name: "label-info" })), h("div", { key: '296393f95d8412f21928d87ef318aef8f66a37f4', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '9c2fca9ebf6cafba768261686d3b8a41d48d8e2a', show: this.hasError }, h("slot", { key: '7389b4a595d9e675fc68a3756b3c4abb4cda050f', name: "error" })), h(GuxFormFieldHelp, { key: '0dfb2474aa895dd7324ea58d2425d471f66bd377', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd0f1a86127a31c996982682480c3910c29c5088d', 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-CiOdbrOB.js';
+import { r as registerInstance, f as forceUpdate, h, a as getElement } from './index-BHz-00-n.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { O as OnMutation } from './on-mutation-27bBUUXS.js';
+import { O as OnMutation } from './on-mutation-BnMwSDni.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-DkGIka65.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-DgY6gSC7.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DFCCheeg.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-c0Pp_MyW.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-BkYesNed.js';
+import { t as trackComponent } from './usage-_Nw0T8qO.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: '29b59df9fb4b700ab144d7d5a4f4751b76985ff8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '63121bf73a0059cd543e1cfc436e0f9cdee8aa69', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'cd413ade3e1583cdb46d46890d4fba8a4a2f515f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '800eb4bf8c204e54891270e5c10d43cf74f09767', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4ecd777e2c5efcb0ffec0477c033cc677393b9aa', name: "label-info" })), h("div", { key: 'a410526dfb1af30c9195764509237e6450433c8f', class: "gux-input-and-error-container" }, h("div", { key: '197e1a1b08e4570bf32899de7f22ce1e03c1d86d', class: {
+        return (h(GuxFormFieldContainer, { key: 'de84038be46d2a47bfc328499e30cd06df286b87', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '061dcfab1cc8eb715f43d57329c9912d0a19f69a', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a5bbb599ae2898f4e617140494562122af069989', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'fde40cddc62331b06c74617e10585e9f2670dd5b', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bd3ac05b74cfbd90f934fe9820e48eb8316c3942', name: "label-info" })), h("div", { key: '7ca74d43009a1baceacc93c5d49bc74f2c6d0d13', class: "gux-input-and-error-container" }, h("div", { key: '9121ed6866ed88fda81bdde16a76139aee9cef88', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'b6fee2f89c0ef01aada923cc56619f34080fa086', class: {
+            } }, h("div", { key: 'd51ebba09f5b81514568572757af02b747ff2efd', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '1bb545531deb946096774175558d26741f4fa120', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '65a20e02bd472bf21992854b13300faa9e5d2f64', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '44d426c7a0dd4c8541c1c1308f63a4ac26163ec6', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '0366df7203d470467e0df99a8f13d43bbf8f730e', show: this.hasError }, h("slot", { key: '127b81417379054338d15a2fc3bec7078409cb8d', name: "error" })), h(GuxFormFieldHelp, { key: '582b4031ea679ecfc197fbf289c466b290b63ac2', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b4fa4f8f444899782adf53188027690693f0bf79', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'a5529361eb395b53de6bd35d3dfafb256538d549', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '278bc243bba819071ab666f189856d53aa3f3acc', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '2204353c42274afc975a03818a16bad3923e616b', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '919554780ca3bd1dba247f1996db7b3c1b5e1fd6', show: this.hasError }, h("slot", { key: '38905caf21c202cde018aae6a133cc29abb65f19', name: "error" })), h(GuxFormFieldHelp, { key: '6ee33348ab4a5e01dcbeba62cdf60f42eed8e8c6', show: !this.hasError && this.hasHelp }, h("slot", { key: '2d97d03d7520f54659b9d9d4e206b3574febb331', 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-CiOdbrOB.js';
+import { r as registerInstance, h, a as getElement } from './index-BHz-00-n.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { O as OnMutation } from './on-mutation-27bBUUXS.js';
+import { O as OnMutation } from './on-mutation-BnMwSDni.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-DkGIka65.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-DgY6gSC7.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DFCCheeg.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-c0Pp_MyW.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-BkYesNed.js';
+import { t as trackComponent } from './usage-_Nw0T8qO.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: '28357f6d18b35cbe1b62ec9d7e02ef04a822ab68', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a2b5bde275327e7ca88299319ffa1cee6777c9d0', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '01de425157db781a55ace8168c312a9285416fd7', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9ebf52c54223194f1014bc1a70041d6365909fb7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1695b0d4e9c12042c63ff381d57ba737f8f749c3', name: "label-info" })), h("div", { key: '203c55784147e1dca931abdbf7d2729bab1b4e84', class: "gux-input-and-error-container" }, h("div", { key: '584c2abb9210b783c5a4893b15df94787f53970c', class: {
+        return (h(GuxFormFieldContainer, { key: '886cd27efcaae0589043616acec990874bb22075', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '473f10d508393bc87e866c7c619c3d078dcb64d9', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'fc91a75d620f860e9a097784c26ced9cd2ed9b62', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f69dc6e5c564b9627a892b2e6e043bfe20945fbc', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e340f3d885ff95f3410a3cd00fdcb5c7d677b9eb', name: "label-info" })), h("div", { key: '658e325c58e4c96777a345378829a39cfe57a483', class: "gux-input-and-error-container" }, h("div", { key: '24c193506d7440d76a917360b81d68c491157772', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '95e98d853744d4516c0f40e191bd805e19b05c09', class: {
+            } }, h("div", { key: 'b34e82cd56cc9ce53bcc11554d8e0fd931f3ac5e', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '301cf81dc4e152195be4015fb6ce2b13c56dcabd', name: "input" }), h("gux-icon", { key: '0b6e4b26b58f5cc1cc44af0d5d46096651db7c14', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: '895fce78e62929770b6468333cf22eff18bb5d6e', show: this.hasError }, h("slot", { key: '12aef346f03b6ba72d31614155f2f8fc6f81f98e', name: "error" })), h(GuxFormFieldHelp, { key: 'ed9fc46e8ce3809944a5671796bac3cb4026c32c', show: !this.hasError && this.hasHelp }, h("slot", { key: '37ae1c1d8e94ebae17cb419fc9920c3bb6f8a2a7', name: "help" })))));
+            } }, h("slot", { key: '10cf79ec0e6442f80a9d5f0655014d1658227a0f', name: "input" }), h("gux-icon", { key: '417232a40fbc65634a59e4032d5243e44599d380', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: '30b923cceac5137cdcb22969ba0a5d0da2754cd3', show: this.hasError }, h("slot", { key: 'a5fb45bc8d78f070f5d36387a614e9ba4539daea', name: "error" })), h(GuxFormFieldHelp, { key: 'd3fcd1959b234cedf1cf7dafad94ad3c7e5d8f43', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ac5f49fb23115f75ec50d9d093426bb1e388f075', 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-CiOdbrOB.js';
+import { r as registerInstance, f as forceUpdate, h, a as getElement } from './index-BHz-00-n.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { O as OnMutation } from './on-mutation-27bBUUXS.js';
+import { O as OnMutation } from './on-mutation-BnMwSDni.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-DkGIka65.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-DgY6gSC7.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DFCCheeg.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-c0Pp_MyW.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-BkYesNed.js';
+import { t as trackComponent } from './usage-_Nw0T8qO.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: '0eaa7ab4d4be472eab4155d15e2e5fb8f123415d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8497de1f7ac4b2d0b7884b3b63f4134020abb075', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'de382142b072e1e34d5ca1b995989d5c7612e435', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8044d6695e880dba2025c9e999ff12350cc98fde', variant: this.indicatorMark, required: this.required }), h("slot", { key: '766044f3b8dee1e646e394ee35821b05f3225dd7', name: "label-info" })), h("div", { key: 'a618cd6dc8abf89bf40d42be53a9938fac7db24e', class: "gux-input-and-error-container" }, h("div", { key: 'f85ff6b1e4b5f1bccae05959b049fbaf77e6bef1', class: {
+        return (h(GuxFormFieldContainer, { key: '9bfc30b8843eb183867a476354293e9bc9921e82', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a3d0c387d0c3f0cc855b358004af9cac17dbe524', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '1f9e53a84a931b6b970edf0f83ae00f01b67f27d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5e331521e6e947c80c0cd67ce364774fe63e136e', variant: this.indicatorMark, required: this.required }), h("slot", { key: '90ba86260175ae34c5da2a3c28eb56e95dc83c70', name: "label-info" })), h("div", { key: '571f7ad84e3daa205c311e5c46cb4e1ac2aa06ad', class: "gux-input-and-error-container" }, h("div", { key: '1ba0aa3aa2b23ff3ec0d7cad06ff4854049e9728', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'b375a6f2b1cc2a551db68c3d7f47ae52162de355', class: {
+            } }, h("div", { key: 'c7425d80c410708dd2b34118e9fb9e6226051e03', 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: '52b244c818be817ca7c7d736bf10ec28d0da925b', name: "prefix" }), h("slot", { key: 'a5346c5d355bb5cab2883467f117f03f14c5065f', name: "input" }), this.renderRadialLoading(), h("slot", { key: '653c12f386e4d140394599753e3fca1013bdaab9', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'b2bd482483cc9937a69915e1dd7ded22b51e477e', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'b12c4dbdfd8740984b9b7a0215bf508d1827f67a', show: this.hasError }, h("slot", { key: 'fee0dfaee738d00271c008e1b3d07e40f7422eb1', name: "error" })), h(GuxFormFieldHelp, { key: '092b00c92cb0239019a46a1600a801507410a531', show: !this.hasError && this.hasHelp }, h("slot", { key: '444f8c5e49bfef24e18287852bfcb2b58939f7f4', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'e8aa16a816ea9a27fc5ad7bfd9476ebe4ed19660', name: "prefix" }), h("slot", { key: '0b95bdb5aa1b8cbd31a6bc547b9c66f0ac5af156', name: "input" }), this.renderRadialLoading(), h("slot", { key: '9d13b92dcdcd8c4ef2735f262a3d5769c186242a', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'cde944bf5ba83096a41877937f13204e4aef00a8', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'b4d7cf6c07ffc120d0e74a49c4afcd6fdcfc7a0a', show: this.hasError }, h("slot", { key: 'e2ee4593c6d00882409c531761733087fae0664a', name: "error" })), h(GuxFormFieldHelp, { key: 'bd8fccfbd3606b2bf8f4e4671c1b9d7f4b329ca5', show: !this.hasError && this.hasHelp }, h("slot", { key: '887dfb1fafe8c52067ef181bf13e06e7195afdcf', 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-CiOdbrOB.js';
+import { r as registerInstance, h, a as getElement } from './index-BHz-00-n.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { O as OnMutation } from './on-mutation-27bBUUXS.js';
+import { O as OnMutation } from './on-mutation-BnMwSDni.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-DkGIka65.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-DgY6gSC7.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DFCCheeg.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-c0Pp_MyW.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-BkYesNed.js';
+import { t as trackComponent } from './usage-_Nw0T8qO.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: '2a365f9b1d447674235bd9ffddf98967d5b8fae4', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '49a6b8ee2a03c41c743e7fd2d2e8e5d5f4bc47d8', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '8cc074b8079ac81b2b98a4859fe90a86bdcb21c2', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '61a95740d7664c80eba7efd5311ff6f1e5b1a80c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '987228befabf0916554deca27d065d7585495ab6', name: "label-info" })), h("div", { key: '19302986d05d9a4d6ef58488861954c32d33d0e0', class: "gux-input-and-error-container" }, h("div", { key: 'bae0c384922fae381e7321bf5daccdd9b30b5215', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '85aebd536e58112721d561faa61e69ba85799920', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '7d09e03efb5b36a42e0f2ae8c5725480ae7c0e35', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b322969c7e5be7ea9187955f033591998bf7f3aa', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1db04327abc722066c4d44a7693e37416c099971', variant: this.indicatorMark, required: this.required }), h("slot", { key: '773033f5c1ea09e6545821ca4ce769f3019ff678', name: "label-info" })), h("div", { key: '474e197ef328cc222fec17d60d9c6952b937b116', class: "gux-input-and-error-container" }, h("div", { key: 'edb10c87a93d8915f1c18138a12f613017a07cd4', 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: 'be421f029fede53fb56e2625ddbc155a85a383b1', name: "input" })), h(GuxFormFieldError, { key: '7539f848c1efc9ed993f227ab6bd4309040746af', show: this.hasError }, h("slot", { key: 'c93372c511eeb2c8461f6241c7c2a76f6d11bfca', name: "error" })), h(GuxFormFieldHelp, { key: '90359ce1f49f6f181f7fe635afba6ff2d53c260c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b5ec14693a86c09e7638fe7881bb048cf2fa8dd3', name: "help" })))));
+            } }, h("slot", { key: 'd49a85eae02c1af2e33cde3534190132cbe8a591', name: "input" })), h(GuxFormFieldError, { key: 'df6c36a16a7b3e6facc0b11b530a7cce01a254d8', show: this.hasError }, h("slot", { key: '290f0ce6fa3f1a113d8d0c32addba7d8fbfa65f4', name: "error" })), h(GuxFormFieldHelp, { key: '5c31320412e44262d97d6c3d09dba4c133e16ca8', show: !this.hasError && this.hasHelp }, h("slot", { key: '680e0b229058a79298ac97400aefa4861bee1286', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition