genesys-spark-components 4.171.6 → 4.173.0

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, h, a as getElement } from './index-Yvyr-pK2.js';
-import { b as buildI18nForComponent } from './index-De-sfHK9.js';
-import { O as OnMutation } from './on-mutation-CZD91Qqd.js';
+import { r as registerInstance, h, a as getElement } from './index-iPkscgWI.js';
+import { b as buildI18nForComponent } from './index-D-u4VI26.js';
+import { O as OnMutation } from './on-mutation-CqdDwRPY.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-BKPDepuL.js';
-import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-B8_hv3Qe.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-iJSwUoA3.js';
+import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-DmF0Iohf.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-ZwfqVqH8.js';
+import { t as trackComponent } from './usage-C42G9kHp.js';
 import './get-closest-element-Cd4R0amv.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
@@ -105,11 +105,11 @@ const GuxFormFieldDropdown = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '9020a7db668f3cb5c6ef3db9a230e008ace4bed1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '52a423218fba63fa959e8563b323e23316da0ea2' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '61d0d48c3ed153d93c4973615b1285dabc474847', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'cf6a6a962503f69bc33bb8fe4dbe633561e29985', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9d529f92d0fc5977033217a41faf43dcb57bdaf4', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5a93d1502c8337f4037c65fa06870c1244f574ec', name: "label-info" })), h("div", { key: '19ee8d6085059cc637cb46ffee99279c2481ddb8', class: "gux-input-and-error-container" }, h("div", { key: '179346ac87f748081e7a591612f5a69de233e9f1', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '30762a1d8b8b8221b55708b08be89d7d0c650c91', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '6a6f8aa475a5bd5a77abd5e9a385fabfcec49aae' }, (_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: 'c4dbd22f2f8c06ac6a3cb98ade328dbf34cad0c9', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '43541880e224753c1ccbe30c6bb5b6964c49cc0d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'fa1ee9bde28251f0f3de0fad80a96f42da3ea0a4', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8fb9206ceb9a7f91344bb8df721df2d1496bb34c', name: "label-info" })), h("div", { key: '017bd8d9281c1bb8e20ec817e74ff40a4f3a79fa', class: "gux-input-and-error-container" }, h("div", { key: 'd232e6bc921beae293872770c869dd8afae0c872', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '7a91ec18082348fc7334733f22a36738d74b6d0b' })), h(GuxFormFieldError, { key: 'bb4687aed62b3ba2246967125884897861afdc03', show: this.hasError }, h("slot", { key: '1a7d9292bb9afdfef87cadfd73c042f4ca223ecf', name: "error" })), h(GuxFormFieldHelp, { key: '600311438afad613d07e99aced9b948809b430ae', show: !this.hasError && this.hasHelp }, h("slot", { key: '7590cb2f825a03586d6b4375479cd7c25abbf620', name: "help" })))));
+            } }, h("slot", { key: '688553f86ab1b096b28f7b2c1b19d96759b879ca' })), h(GuxFormFieldError, { key: '58f84ca599a685026099a3eeec368969f3edfa37', show: this.hasError }, h("slot", { key: '7488cb905aba13a355b8762f37bde335805b46c4', name: "error" })), h(GuxFormFieldHelp, { key: '48a94ec8beed63d67177727e831fbdcd3ce4c661', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f4389ef1cbe8c7388d31092f22542d7076ccf502', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/esm/{gux-form-field-error-BKPDepuL.js → gux-form-field-error-iJSwUoA3.js}

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

package/dist/esm/{gux-form-field-fieldset-container-B8_hv3Qe.js → gux-form-field-fieldset-container-DmF0Iohf.js}

@@ -1,4 +1,4 @@
-import { h } from './index-Yvyr-pK2.js';
+import { h } from './index-iPkscgWI.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-Yvyr-pK2.js';
-import { b as buildI18nForComponent } from './index-De-sfHK9.js';
-import { O as OnMutation } from './on-mutation-CZD91Qqd.js';
+import { r as registerInstance, h, f as forceUpdate, a as getElement } from './index-iPkscgWI.js';
+import { b as buildI18nForComponent } from './index-D-u4VI26.js';
+import { O as OnMutation } from './on-mutation-CqdDwRPY.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
-import { t as trackComponent } from './usage-ZwfqVqH8.js';
-import { a as GuxFormFieldHelp, G as GuxFormFieldError } from './gux-form-field-error-BKPDepuL.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-C70MFJIO.js';
+import { t as trackComponent } from './usage-C42G9kHp.js';
+import { a as GuxFormFieldHelp, G as GuxFormFieldError } from './gux-form-field-error-iJSwUoA3.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-DiSSQepI.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';
@@ -108,7 +108,7 @@ const GuxFormFieldFileBeta = class {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '8451c2a30bb00d14fad89e1fbb993a1c5058ad5a', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '3dcf64d426c989bb005eddb277411e8bea6b1852', position: "above", required: this.required }, h("slot", { key: '3ea96a58a420162f051ffaeb07cc0e3697cf695a', name: "label" }), h("gux-form-field-label-indicator", { key: '924a17317d4b72fc4c69e5cfb38cf384db936b79', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b381194dade9716256eb6fab4e52d6916a5c275b', name: "label-info" })), h("div", { key: '6226c9f869e8ecef880151f338bc97fcb55869a4', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: 'ffac960d9eecf25043264127195d89d22d789c79', show: this.hasHelp }, h("slot", { key: 'a11355486ece569db8df0933ac7924792e891ef9', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '276793d8e2fde30fddcd52ced436aeab2e056c17', show: this.hasError }, h("slot", { key: 'ea31b2604bfc7e070d857659b43badcc70fd3afc', name: "error" })), this.renderFileList())));
+        return (h(GuxFormFieldContainer, { key: 'df3e2e37aaece000d3b1145bef244ba721700319', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '4f51e23e5c625d771919b59baa8481d91951bb56', position: "above", required: this.required }, h("slot", { key: '07174882e4bc06b0e6647edc17cb424369591ae7', name: "label" }), h("gux-form-field-label-indicator", { key: '078864f03672ce4e6105e58e0841ff7f69c3c537', variant: this.indicatorMark, required: this.required }), h("slot", { key: '192a3d80b3d9d5c13ed271a99e9c1b6c91317a08', name: "label-info" })), h("div", { key: '9c5b29e1a63f0f2320ffa6855a235b41390ffaeb', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '641cf8ad73760c3d9ddcfd2962d12060be38ad58', show: this.hasHelp }, h("slot", { key: '3df43f343973c841bdcf12aa3ce6b030e8ad5b88', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '9bdca612cfe36495ea88211de6ef2e1b0aa7643b', show: this.hasError }, h("slot", { key: '91b31b4655f45c03bcaf33308533628720fa9410', 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-Yvyr-pK2.js';
-import { O as OnMutation } from './on-mutation-CZD91Qqd.js';
+import { r as registerInstance, h, a as getElement } from './index-iPkscgWI.js';
+import { O as OnMutation } from './on-mutation-CqdDwRPY.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
-import { t as trackComponent } from './usage-ZwfqVqH8.js';
-import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-BKPDepuL.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-C70MFJIO.js';
+import { t as trackComponent } from './usage-C42G9kHp.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-iJSwUoA3.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-DiSSQepI.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';
@@ -103,7 +103,7 @@ const GuxFormFieldFile = class {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'c81fbfa48e90ff635a168d726efb0317912e8eec', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'df4978a1e3d8b36f15f6a38194513a4dc3608a38', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'bcb8e39bf89e2a56ae2863d9fdececb28450aa29', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '27fe84a8081016d09788b5f054fa37cda4f5673b', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'faffd8212a5705085e9c279cd8b5dc209bc95b67', name: "label-info" })), h("div", { key: '92e9275b73d2952e66e0409ebc9dbe933b591c1c', class: "gux-input-and-error-container" }, h("slot", { key: '976de47774150f01eab0302f77818917fcc8c5a6', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '73113ae0f0e5447df7466f0cfb77ced4d9177078', show: this.hasError }, h("slot", { key: 'c55abb34569f8e1ac336698613f8846df65a35f7', name: "error" })), h(GuxFormFieldHelp, { key: '89df5ee890bffc28be97e4181e5450bfdb97bd91', show: !this.hasError && this.hasHelp }, h("slot", { key: '0f5a5a4124ae5bfbf8988ecd3710dd66428416cf', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '7d68b9bbec8ccf5e986a111ec85d1aef75b7fd42', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '2e0b11577ac70752c097da38130edd347b6f10c8', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'df652b90869ccc1215a25ba8b961611b9164aa99', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4ab5bebf69016e58ad1584b3b4846d0d916da234', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6666d6a44106d9c69d02b7c396216cb006024437', name: "label-info" })), h("div", { key: 'c44beba0c012e28508ff28745fba63d8449c3789', class: "gux-input-and-error-container" }, h("slot", { key: 'e6f22580d2828e5744743bf9aa99d8383377390f', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'df3444583701a27d740c93472a0b9bb89f0a4969', show: this.hasError }, h("slot", { key: '0d3dd48b257ceeb9da5836db0e542f2123346813', name: "error" })), h(GuxFormFieldHelp, { key: 'd18290acb7b1533bac3b461e309be94e209313cf', show: !this.hasError && this.hasHelp }, h("slot", { key: '20542d67c17398fe9ffaef9a010d0bdc89a43378', 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-Yvyr-pK2.js';
-import { t as trackComponent } from './usage-ZwfqVqH8.js';
-import { b as buildI18nForComponent } from './index-De-sfHK9.js';
+import { r as registerInstance, h, a as getElement } from './index-iPkscgWI.js';
+import { t as trackComponent } from './usage-C42G9kHp.js';
+import { b as buildI18nForComponent } from './index-D-u4VI26.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: '74ecd7d288b23976ad215b688e6f55ef87901283', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: 'a2b1f1a775a7f1b173b3876eb0a42dffd7e6c62b', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: '0fabe63b0e3d894d2cf749533c5c0468b77d81ea', "visual-only": true }, h("div", { key: '2359e190c6c3473ef6265fd76004fff88b6e783b', slot: "content" }, this.i18n('clear')))));
+        return (h("button", { key: '7928adbf029eb0b6be59958c0462950f19302d92', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '7d9a45b6ca257d2e0e2eaefe73b811da55cd2feb', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: 'e90ad9afc158abb9a32b6686549ab01932798d7c', "visual-only": true }, h("div", { key: '49ce8b28ddc2d89c859ea0601ad89b8e6ff20097', 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-Yvyr-pK2.js';
-import { t as trackComponent } from './usage-ZwfqVqH8.js';
-import { b as buildI18nForComponent } from './index-De-sfHK9.js';
+import { r as registerInstance, h, a as getElement } from './index-iPkscgWI.js';
+import { t as trackComponent } from './usage-C42G9kHp.js';
+import { b as buildI18nForComponent } from './index-D-u4VI26.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-Yvyr-pK2.js';
-import { b as buildI18nForComponent } from './index-De-sfHK9.js';
+import { r as registerInstance, f as forceUpdate, h, a as getElement, c as createEvent } from './index-iPkscgWI.js';
+import { b as buildI18nForComponent } from './index-D-u4VI26.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { O as OnMutation } from './on-mutation-CZD91Qqd.js';
+import { O as OnMutation } from './on-mutation-CqdDwRPY.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-BKPDepuL.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-C70MFJIO.js';
-import { t as trackComponent } from './usage-ZwfqVqH8.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-iJSwUoA3.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-DiSSQepI.js';
+import { t as trackComponent } from './usage-C42G9kHp.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-Bc3QBneU.js';
+import { O as OnClickOutside } from './on-click-outside-CVyQ2Yzt.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
 import './get-closest-element-Cd4R0amv.js';
 import './random-html-id-D9jKBqIb.js';
@@ -109,14 +109,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: 'edb6b56da16df96351ddb058dddb8d9b14e14392', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'f6ea1699ba8db6572769e468fd1c97b8d305f28a', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'cdb3dc75c64bbfcadc13def9dab2d310e392d8fa', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c49ba227f4d66e5418b0c21f9e7f5c1bb6e48212', variant: this.indicatorMark, required: this.required }), h("slot", { key: '55aa21efa1f278a0e816e5c27ee99ce926dca80b', name: "label-info" })), h("div", { key: '73d9ce4436dd94c458c281ac9a288b6c101cbac9', class: "gux-input-and-error-container" }, h("div", { key: 'ef7d9d1f4e5be99d839ad69b6be888a208eed405', class: {
+        return (h(GuxFormFieldContainer, { key: '9cf095b76f7cdc99390ab4971125d767c8551d10', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a8b1cb9d70f6933f91ae99d59fcea559d4e57666', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b1afae41a51de6e93fa7051f1232479b53818d29', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5a6e9f047957d8fad8a18ace19594e6e9fd0d352', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'cd6874af1325d6f20e47aac9d0acc09385d809b6', name: "label-info" })), h("div", { key: 'db2c064b017b5cf3eba8a02b22015195ee07fd6d', class: "gux-input-and-error-container" }, h("div", { key: 'ccf1e5d24c5e65280d5e36ac72e91b1815e87ea8', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: '2611ee74b88f36ea13e737a9ca2628ce239c2723', class: {
+            }, part: "input-section" }, h("div", { key: 'd699d997f4647c661b97df82a29fbc95d28c479a', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'ce295da6ddf992d86bd463ddf8145bdfdfb67788', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '7b2083a27f83ab12bca4dc3f9741029d03ab09eb', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'e319a958a910322f1e5ea30eba226cd50fbf494e', show: this.hasError }, h("slot", { key: '60bbbecb56a2c6e97e85f2a032853f561e946c9c', name: "error" })), h(GuxFormFieldHelp, { key: '33279665977b056a4d17a515cfdfb11b7fd45016', show: !this.hasError && this.hasHelp }, h("slot", { key: 'eb112d1eacfd8b341a8ef72a2e1e4b673f6e6ff9', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '8675e9dbb15ef98d6ee1bb34a48ba7c0bb856882', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'fe341ab8fb43483ef48e62f0e0fab0600282ab21', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '6abd61e734347f9254b57855a87139ac8457f29e', show: this.hasError }, h("slot", { key: 'b41b4a9b94143c5a1c4977d577bd99667eeb9df7', name: "error" })), h(GuxFormFieldHelp, { key: '23f85373ddcfcb3120373eb254ebd3827228b8f7', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c49098160ee433db6f5d83d271743fcd59ad424a', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -275,10 +275,10 @@ const GuxPaginationEllipsisButton = class {
     }
     render() {
         return [
-            h("gux-button", { key: '1bc01caeb2525de472b06ca22cf08e078e370d73', 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: '3b5ae7055fa70462c33656e700405bd086e8c04e', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: '07b81b834eb8e04c1a45d43cbe83dd94235d4f39', for: "popover-target" }, h("div", { key: '51f53b9188ea5f5c9e37ecbf5a3f7b4d701e8036', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: 'c1d6e24dbd41be8a749ec7c1f9899eb0823ebd3a', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '475b7885ee95551cf191b4c458f1a398e3913aba', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '460a213d2e31a42bb50aa0a2832edb2d9c35f3e7' }, h("input", { key: '27ff9907d185dc52334d694520cfa02dd553485f', 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: 'c35881f268ef0d10c66be33cbd094b62765678a3', slot: "label" })))
+            h("gux-button", { key: 'baf912b0c9144724891a29489a6e618bba281b18', 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: 'f92e7a132e07348d1aaddc5879e73961164a8286', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: '3fec8c3b86d162d8961b0e5664c4020455739ebc', for: "popover-target" }, h("div", { key: 'a7f3860563c5f1371f20d25c28b1e2b846114a36', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: 'cd24fff3c3cae8b27f79e06df322c7c80a4e8abc', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '33c933dc55330eb42e20fc74694d15d403db6c48', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'e92923d1a2fe7a1db09d8766eae2c2d8e0acf857' }, h("input", { key: 'ec2afd9fed7fe8f71a73ef78b6729b23ee63f6ab', 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: 'e4383cda2f58d96c30128f2d2f8f34f15925666e', 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-Yvyr-pK2.js';
-import { b as buildI18nForComponent } from './index-De-sfHK9.js';
-import { O as OnMutation } from './on-mutation-CZD91Qqd.js';
+import { r as registerInstance, h, a as getElement } from './index-iPkscgWI.js';
+import { b as buildI18nForComponent } from './index-D-u4VI26.js';
+import { O as OnMutation } from './on-mutation-CqdDwRPY.js';
 import { a as onDisabledChange, o as onRequiredChange } from './on-attribute-change-De1NnCmO.js';
-import { t as trackComponent } from './usage-ZwfqVqH8.js';
-import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-BKPDepuL.js';
-import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-B8_hv3Qe.js';
+import { t as trackComponent } from './usage-C42G9kHp.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-iJSwUoA3.js';
+import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-DmF0Iohf.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';
@@ -100,14 +100,14 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '84fb36ddae824e95b57ed1bd01658a94a3b6647b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'b9054d4ab45c67a347abcff39f938ce98c93e252' }, (_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: 'bc002ae72821d78a90bd2c2585908b0e54e08538', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '6e5b2bed76416bbcc247f9263df9f40141c436f8', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '147c97654d5598e45b84f32c3d8a9e3bf794ecca', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd915277d0a0a7f6ef7b57158f7fd3ef1e3397004', name: "label-info" })), h("div", { key: '20aa48151cd584bb3f932639d2e2c5cf6d0fb1aa', class: "gux-input-and-error-container" }, h("div", { key: '301d5dddcd2557cfabfa637556c8dad695d780e5', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '6f53fd250dab5760a16e87288a4fa237ef3efd05', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '17020052af1bdc5b05f73da760457b1de568b86a' }, (_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: '25138989474d7f6c95f8b7712afee494c0cffedf', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '4daea60d103c2ba64a4da990e3c3df3bdee16677', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b005f0e380dd789d7d2c59071bafc2b1883b5e3e', variant: this.indicatorMark, required: this.required }), h("slot", { key: '054bb471075577bdf2c0465e7e036feb250be3b8', name: "label-info" })), h("div", { key: '69b6f61f6d9d3cdc16b2e2b3a21eec877067ca78', class: "gux-input-and-error-container" }, h("div", { key: 'bab1a4e4522677c7981eb9d9011ae8901c3a04d3', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '02ceeccbe07de8777c292d5dc6fcfc4243009eef', class: {
+            } }, h("div", { key: '0c37dd636828246ca0ca9d2a03a78c7b769204c0', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '2b40a34bfd3da43d81e5ba8b2c98be33a3bb631b' }))), h(GuxFormFieldError, { key: 'defff04d82a5caf40dd2adca0eb74861618a14f9', show: this.hasError }, h("slot", { key: '8bbfb9bf2dc1938027f97c163ce4940d641ff692', name: "error" })), h(GuxFormFieldHelp, { key: '4b9ada38eaffa65c80a24c2e035447f01c04e04a', show: !this.hasError && this.hasHelp }, h("slot", { key: 'bb45642d29768d246dca2ce61e9121cc4aa34206', name: "help" })))));
+            } }, h("slot", { key: '7d914db58e44733a120ad838913c9308dc816821' }))), h(GuxFormFieldError, { key: 'd5b96e0f686244bd2544b539e073f6701c2c8270', show: this.hasError }, h("slot", { key: '291d309f864ab81e5298259bcecd9dabc3ad5984', name: "error" })), h(GuxFormFieldHelp, { key: '2005a3df0d1d43ba2f640ef3d823c2681f0efc2b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a7d4055ff4379a7eee4e64c06c58a35071e50d05', 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-Yvyr-pK2.js';
-import { O as OnMutation } from './on-mutation-CZD91Qqd.js';
+import { r as registerInstance, h, a as getElement } from './index-iPkscgWI.js';
+import { O as OnMutation } from './on-mutation-CqdDwRPY.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
-import { b as buildI18nForComponent } from './index-De-sfHK9.js';
-import { a as GuxFormFieldHelp, G as GuxFormFieldError } from './gux-form-field-error-BKPDepuL.js';
-import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-B8_hv3Qe.js';
+import { b as buildI18nForComponent } from './index-D-u4VI26.js';
+import { a as GuxFormFieldHelp, G as GuxFormFieldError } from './gux-form-field-error-iJSwUoA3.js';
+import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-DmF0Iohf.js';
 import { g as getSlotTextContent } from './get-slot-text-content-MAoEg4ig.js';
-import { t as trackComponent } from './usage-ZwfqVqH8.js';
+import { t as trackComponent } from './usage-C42G9kHp.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const required = "Required";
@@ -125,8 +125,8 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'fad484fb7fa8ec26abc118586b82c66b5952915c', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'e8446de191e32faf08297a3baaa710caceda7290' }, (_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: 'ee8f1870612c16fd90dfa7ae69155abdd0768013', position: "above", required: this.required }, h("slot", { key: '6b20419b25b7b7381740834b42d6f057db18ad2a', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'de00848bbb489b3db197dfd92328940f529cc85c', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd1bd07ac555ca287b40a850458b212f0ea13728d', name: "group-label-info" })), h("slot", { key: '525f68e3742ae671bdf928c8578581893eddca07' }), h(GuxFormFieldError, { key: '46e74e1785062aab209be58ac7a34d4f9041353f', show: this.hasGroupError }, h("slot", { key: '41824728fe7ae908f4428147f3f3696c7d139c5e', name: "group-error" })), h(GuxFormFieldHelp, { key: '1e3c4ab5237c81ed55d6d075f5d0c6983c04dbd7', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'b89ae47b91befcb31fbca744ea3a5768ffe40060', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'bfac95292d8a298d959c975aa8afdc09c10f93d1', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '8887396048474c3fa6f3c95bbf03d3ff094d834e' }, (_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: '61623ff48ccd197b231bb6f69fe48915c76307f6', position: "above", required: this.required }, h("slot", { key: '1c5fe95bf6c9734c395796aa5d5adbb5ac67a37d', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8b50ab385c0b542a520aa63d854065026c8c3b57', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2c68efcbbd7ccce19df0a33da30e4d95302d329a', name: "group-label-info" })), h("slot", { key: '5084d14f3f8266d8624d1434dace1855945368b4' }), h(GuxFormFieldError, { key: '6dadd7d13148cfd29989a5dc6ad43beeca4b2d22', show: this.hasGroupError }, h("slot", { key: 'adde29609a84f7ad17f6289190935a3b8d0fa5c4', name: "group-error" })), h(GuxFormFieldHelp, { key: '0b9da735c9f7768565defbd5c2aedc7cf3ac6cef', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'e55001e85aef7d227607f269b82d0ac41a7bd975', 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-Yvyr-pK2.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-iPkscgWI.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { O as OnMutation } from './on-mutation-CZD91Qqd.js';
+import { O as OnMutation } from './on-mutation-CqdDwRPY.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-BKPDepuL.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-iJSwUoA3.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-ZwfqVqH8.js';
+import { t as trackComponent } from './usage-C42G9kHp.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: 'e9b9c79eb41ac2d19d0bcc932f7ec95a199b9903', class: {
+        return (h(Host, { key: 'e0e0d98ab38896c5d4cbcf90498ccf440123e40b', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '1da2143e7a310bcbc1516e59e15c9b4fd9f26fdd', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '93853b97a827184389f35d5b280d11977c099ca8', class: "gux-input-label" }, h("div", { key: '8f0c0905566540f255a83de16db9a89b3421876a', class: "gux-input" }, h("slot", { key: '946aeb85de8bc850756baf6a60e72dc05eff2de6', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '5b4cdf94ddff3cc059fe5ac76abfa52ca4db01e1', class: "gux-label" }, h("slot", { key: 'aab275c888fc44566fdbeae133e1950addbff70e', name: "label" }))), h("div", { key: '5b06a11563515764b09ce8d66f9c9ed8600f63ba', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'db447c98e56b06fca8a73c5db54b7a2af8ff0a3c', show: this.hasError }, h("slot", { key: '372a75fe6ac5a8144b5a516049de6d334b4dff44', name: "error" })), h(GuxFormFieldHelp, { key: '1aecda0403524cbf79fa34e572d83d22a9cab2a9', show: !this.hasError && this.hasHelp }, h("slot", { key: '221aae6237ca1072200759a0ee0fe75c0e227e8b', name: "help" }))))));
+            } }, h("div", { key: 'f4c382c5aebe033e75fc3f0113e70535cb2f0138', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'd46e9122cd209f3a42e99289a1a5d0307bacec7e', class: "gux-input-label" }, h("div", { key: '694d91da674a396ad1e52b21b4ac25ad74671939', class: "gux-input" }, h("slot", { key: 'a8b00eb84744b96156921c82d037cf827ca49aa3', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'a8c08c5b73e6de6478972115f746840cbf01c3c9', class: "gux-label" }, h("slot", { key: 'b73bbbc54ebbd541cba58637e615b22d843447ae', name: "label" }))), h("div", { key: 'b1de4a63d91b5e831140a7fb921dfbb5358df959', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'b4d8844ab494c9299c82d439b77b4a633e3dd7b0', show: this.hasError }, h("slot", { key: '3d8e245398d7c828a425b1822454e9359090edc9', name: "error" })), h(GuxFormFieldHelp, { key: '778983543df8acaaf063a7557a3c4fe17d3bc217', show: !this.hasError && this.hasHelp }, h("slot", { key: '7f3090775f8a178b7cc4275aeb01e04f00dd4eb8', 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-Yvyr-pK2.js';
+import { r as registerInstance, f as forceUpdate, h, H as Host, a as getElement } from './index-iPkscgWI.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { O as OnMutation } from './on-mutation-CZD91Qqd.js';
+import { O as OnMutation } from './on-mutation-CqdDwRPY.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-BKPDepuL.js';
-import { a as GuxFormFieldContainer, G as GuxFormFieldLabel } from './gux-form-field-container-C70MFJIO.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-iJSwUoA3.js';
+import { a as GuxFormFieldContainer, G as GuxFormFieldLabel } from './gux-form-field-container-DiSSQepI.js';
 import { g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-ZwfqVqH8.js';
-import { O as OnResize } from './on-resize-Px4FFTSr.js';
+import { t as trackComponent } from './usage-C42G9kHp.js';
+import { O as OnResize } from './on-resize-DzcyDjfi.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
 import './simulate-native-event-BMRf5pjV.js';
@@ -111,9 +111,9 @@ const GuxFormFieldRange = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: '704aa9e8e576207449de82b964c9b3d25b921914', class: {
+        return (h(Host, { key: '596f228908b64f5000c033fc7dddc884803ba844', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: 'a6a6b949bde45af0deb032e32bb40656e347c745', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '1d49479d7ffa693dffdfe2198d14e542a165ee1c', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'c556f745745618de8e456287f7bf554cc317b450', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '879302e5c9f9525d9a7d77dc1cce1e169d5f96a3', variant: this.indicatorMark, required: this.required }), h("slot", { key: '07981edbf4a7c9cb5da907c969857709a3a7d720', name: "label-info" })), h("div", { key: '19c858be378a68cfeb1a62adb01f59877168385c', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: 'f7031aafcec8679dbf0c848d052735a557bff3ea', show: this.hasError }, h("slot", { key: '5def458db570387d21ab82be06d4fab06b262ac1', name: "error" })), h(GuxFormFieldHelp, { key: '0f8c192c8f5b3f4cb3ec3af98d96dd8dea796cbf', show: !this.hasError && this.hasHelp }, h("slot", { key: '44f652b4b0a8b468569165737db0faae3f3a25bc', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: 'ec6a328d75067245f5a620a6e02ccb9c1e34f927', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '50dfa7ba93091b0daecc17dafaa3dec0c4b1817c', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f9cacdf8826b916a8e9f104d2ea72e50e93accf1', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a570fc50b5e3f8fe5468fc2b777c0a52a5705446', variant: this.indicatorMark, required: this.required }), h("slot", { key: '580c336e259a682b58db4cc071cf6e65543c6835', name: "label-info" })), h("div", { key: '837618a9112b802e0f75d58c9ed1cbdde6bc0b07', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '712a7b3e8deeac4464d4a075f9d64838ed04eee5', show: this.hasError }, h("slot", { key: '7be6ab32a17d0bd5c9ae227cc39c3c52f2bfce8d', name: "error" })), h(GuxFormFieldHelp, { key: '78343d5a6947491598110af8294aaf86aebfa8a1', show: !this.hasError && this.hasHelp }, h("slot", { key: '5d8c0e5af6664848c8a33a74e67810a810d5c380', 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-Yvyr-pK2.js';
+import { r as registerInstance, f as forceUpdate, h, a as getElement } from './index-iPkscgWI.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { O as OnMutation } from './on-mutation-CZD91Qqd.js';
+import { O as OnMutation } from './on-mutation-CqdDwRPY.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-BKPDepuL.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-C70MFJIO.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-iJSwUoA3.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-DiSSQepI.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-ZwfqVqH8.js';
+import { t as trackComponent } from './usage-C42G9kHp.js';
 import { f as focusInputElement } from './focus-input-element-JHLuJ8Pb.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
@@ -96,13 +96,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '8a63dea595a1c5d42dcb4cd8facc9d460a9e5a1b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'cfd0eec1ecf20523561684958daa1f6acf972caa', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a3aaeff0832e5a64d1df1117d740c278c9c272af', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '70fe33bfb767af9d906cedcc9ce9ee60ca747af8', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a56375db0f57772478adc032a6098545abef2a19', name: "label-info" })), h("div", { key: 'c018d09f0cec6cca6986fc5e3dbe3d2ed110e1cd', class: "gux-input-and-error-container" }, h("div", { key: '612e3730ffec8c4e2c6cd1a99f6b236f7f4c3294', class: {
+        return (h(GuxFormFieldContainer, { key: '02ef2024c58cc41e3d9b91927cf1c961b03dea9d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '2c7be96bac66b11a75cbdc077124d5d2591f556b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '0241645ec86b420d36ad6e007e622fa5a63800fd', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e8d6599b83c69c4d3a3703122dae4913748c0726', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0315a26cafbd8b750fcb6c25d69fb5c095ca3020', name: "label-info" })), h("div", { key: '033de1c37d0c12e3c89b4c4951c10827d9ffb9c8', class: "gux-input-and-error-container" }, h("div", { key: '53e0dbf09d50df8e85db28686bd3897c40216eee', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '4484c395ec89c16ea0e431ce4ba40c7f12f07f4c', class: {
+            } }, h("div", { key: '3ed3794b946148cf74b85d2f9d04634712f112f4', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'fc268ba929820ea0cb29914dc49dfc6a2ca65128', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '7454d1c6c2bdce9896dc23bc146186da366fcc2a', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'f503f5d0aa5b2ec5528002b88364eab21e698824', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'bbc51e468617a53ac4e6765ca62b5b4a3c9f4d56', show: this.hasError }, h("slot", { key: '694a574192897e77f2ddee09372e79918625e835', name: "error" })), h(GuxFormFieldHelp, { key: 'b790d4a1238ca6d77415785f8c98c0fba45143eb', show: !this.hasError && this.hasHelp }, h("slot", { key: '710ab2c334609e1d6d803046a08e25abf3e6ce6a', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '5adb5a8958854401bb4c0f6e4677611ebd79121b', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '8c846e20c6bfd6e45f11616f5eca3ea18a257a19', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '696b6481a75e43a0622a6f3bc8cb9d17f68abbd8', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'd2c230c7332b32a262786a362bbd64022c45989f', show: this.hasError }, h("slot", { key: '6e09fa9a5d01736a1920d84505ae4b0270eb96d1', name: "error" })), h(GuxFormFieldHelp, { key: '1b4921e22d22abc5a678eefd86468e0fb01c2fd5', show: !this.hasError && this.hasHelp }, h("slot", { key: '8f92b60391ca0e69a87d6cb7f8bb14c2f57218bc', 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-Yvyr-pK2.js';
+import { r as registerInstance, h, a as getElement } from './index-iPkscgWI.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { O as OnMutation } from './on-mutation-CZD91Qqd.js';
+import { O as OnMutation } from './on-mutation-CqdDwRPY.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-BKPDepuL.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-C70MFJIO.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-iJSwUoA3.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-DiSSQepI.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-ZwfqVqH8.js';
+import { t as trackComponent } from './usage-C42G9kHp.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
 import './simulate-native-event-BMRf5pjV.js';
@@ -86,13 +86,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'b6ce224a4b33a6a2d3a950494d34ae3844e9c0a7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '01336b42268cbe502fb800dcaf5e7b18c1c200b6', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b08d39ff081c8bf5b832874738ebc3cdbb944ff4', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '96a20d06e3ead1697adb52cdd0ccfb71bdb7be66', variant: this.indicatorMark, required: this.required }), h("slot", { key: '68a80e71e4ca4e92c0fe6d1e00fedda401c1e3b3', name: "label-info" })), h("div", { key: '4d45d92191e7054e2540bd27ced7c19d2adc4be8', class: "gux-input-and-error-container" }, h("div", { key: '95df686d8f03b2dd4e22a4e9703ad8c96558ea85', class: {
+        return (h(GuxFormFieldContainer, { key: '1776444d022652c05485988916ec8fb27af17ef8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '1d8f34c688c06a2e87be85cfe5ca18f8a69f0b8c', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'c9c9444097d284e44673054d6bcc8079fd7e5d72', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ba6a3ccb7d36184f102db76086166f1781e10f97', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8d85d67110a2a4fb50b28cec5433728317c0ec68', name: "label-info" })), h("div", { key: '3d69cee5cea3b56a2f45f228658fa16c67642679', class: "gux-input-and-error-container" }, h("div", { key: '0a56f7fa5da167955d1302b6938bce42f0e3ca92', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '25ecbf15b554772fbb9b49d85c1bd11dab27471b', class: {
+            } }, h("div", { key: '24d1e4264467a3fec1afff835c38e3fa8c009022', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '62a0c05ec3535f0e7b34194ea219c482e4f2c0e7', name: "input" }), h("gux-icon", { key: '9de257807857681d39181e538ceaff0446fc818b', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: '7dfe214d32e27283fcfc5b66104e4ae8b98fce74', show: this.hasError }, h("slot", { key: '502d6075ab0b2d19bffec4563f737ea9ed77feed', name: "error" })), h(GuxFormFieldHelp, { key: '14a7b1a64d1b6d25f531cd9b3d08316742510c2d', show: !this.hasError && this.hasHelp }, h("slot", { key: '543d618d86f2a83229ef0fe0489c9f5ead55baea', name: "help" })))));
+            } }, h("slot", { key: 'a017b9ce6a4bb4ed7a6486adaea6b9b2ed0b2e56', name: "input" }), h("gux-icon", { key: '9f830f9be1854659534863b9146e8ea0309993a5', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: '061944edf9c8db7c0089d533583715ad1ac4fee8', show: this.hasError }, h("slot", { key: '61c8350161459bb3e90d76e399744ccd5b0a287d', name: "error" })), h(GuxFormFieldHelp, { key: 'df22c9254610661270bdf372998b4d72c26bf814', show: !this.hasError && this.hasHelp }, h("slot", { key: '6d77442dee747b00f8d0ec27db0409bed3235bb9', 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-Yvyr-pK2.js';
+import { r as registerInstance, f as forceUpdate, h, a as getElement } from './index-iPkscgWI.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { O as OnMutation } from './on-mutation-CZD91Qqd.js';
+import { O as OnMutation } from './on-mutation-CqdDwRPY.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-BKPDepuL.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-C70MFJIO.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-iJSwUoA3.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-DiSSQepI.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-ZwfqVqH8.js';
+import { t as trackComponent } from './usage-C42G9kHp.js';
 import { f as focusInputElement } from './focus-input-element-JHLuJ8Pb.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
@@ -109,15 +109,15 @@ const GuxFormFieldTextLike = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '6e268f9b2f5cdefcf05f51b95bbdabfc7f90a58b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8da38ac30c89cc7f4a6d7a9ca95096622354f786', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f4f8cb4dd7165fab77df91759603cf2a67b9d967', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b742165e6f2ae4bae2527cf2e23fc02793ae8b92', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c86c3d5580a44bfc070d801f85797333c68340df', name: "label-info" })), h("div", { key: '97a46a9562bf08388684e4c13781cbc67ffa00b4', class: "gux-input-and-error-container" }, h("div", { key: 'faa6d68074db30e416db0f0712467e10322d5551', class: {
+        return (h(GuxFormFieldContainer, { key: '4fce7e4fdc2ec649138a73525f70d755355c290f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '3bd1dfeb6ae262e35698994a170d4935981bc709', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '1624885f92f74713d59a8d7bf6284b1be31ed944', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1cd1a5bc40387973b0372ffce0ccf4fe27c8130d', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e94c892abed4804c16d60a52b065023fd9dceae5', name: "label-info" })), h("div", { key: '2a8c2041637342270171d99686bbf5a143cb952d', class: "gux-input-and-error-container" }, h("div", { key: 'b4462cb55254d7573e1e8066eb61a961b5720e05', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'f29ddc3ae15dab4002423197ce745426a9b81989', class: {
+            } }, h("div", { key: 'd6e410956a69c71486191caa48a133f37a9e2881', 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: '159068cc7389df4caa747e849b3443b6a8e68525', name: "prefix" }), h("slot", { key: 'a1a529019ed80868047a04eeade0257efafff654', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'ed703884556dd9302248d1c3a25fcb8bed8ac661', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '7f47627751268f2703b3246884ecf1ba4a719cb6', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '243eba4b6bb5dbfba50e68b376f9df5dd1352e72', show: this.hasError }, h("slot", { key: '77f90dec9b23318b005379b5c35c66b922b3c6bb', name: "error" })), h(GuxFormFieldHelp, { key: '48da44761dc115f5f1f451a7a61f338098ea0e93', show: !this.hasError && this.hasHelp }, h("slot", { key: '4355d3580e354d94639d8ceeaf0d862172bb0fb7', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '6aba227d374610b9e00820917e7a6c8652546a34', name: "prefix" }), h("slot", { key: 'fff512fa17c0fb6bff787c3461b4e75a0bf95436', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'a3a3af955a315f7746320849f67161311c4b72f3', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '735e6f359a1910420404ff62d070cce8b8a6c532', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'e00b1da3db86003ca6e8825de529a5b6f20ed512', show: this.hasError }, h("slot", { key: 'd2a1ba6b37f216ecde96cabbdd25de64e27d2e32', name: "error" })), h(GuxFormFieldHelp, { key: '93470bf58659872fe7e38342e6af41b9784c013c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ad6f94e42e47406d5606ef1c692889d3db2841d9', 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-Yvyr-pK2.js';
+import { r as registerInstance, h, a as getElement } from './index-iPkscgWI.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { O as OnMutation } from './on-mutation-CZD91Qqd.js';
+import { O as OnMutation } from './on-mutation-CqdDwRPY.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-BKPDepuL.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-C70MFJIO.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-iJSwUoA3.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-DiSSQepI.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-ZwfqVqH8.js';
+import { t as trackComponent } from './usage-C42G9kHp.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
 import './simulate-native-event-BMRf5pjV.js';
@@ -90,12 +90,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '5539bcc193900bca981990934f660389a9b256af', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '5cc443a9662783a2b010f41322071cb955401668', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '0be61a2c251d589df7c7df838edf14a30a2f115a', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1c25639be2027a5da960a1dac7f8be09fedc3eb4', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4935e3efde33317b3af154a44ce311f466fd7db0', name: "label-info" })), h("div", { key: '28e68131226da13bc0c33b884d5a9509b6237822', class: "gux-input-and-error-container" }, h("div", { key: 'f5efe5efdc7ae39756203dc4634c339886b77fd7', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '5c10afc5a19072721f0a3f30aee414a5b4125f34', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a3af7670843aa6d81184263628643dabacd1d059', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f8cc20cd3c48cd63f840f184b182405beb79f2f0', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '98fc55d8b6a0bfd8f45b3859e1c0cf3ed195162a', variant: this.indicatorMark, required: this.required }), h("slot", { key: '43f51cd9154dd2d6fc5063c67d7bca77c96ccb5c', name: "label-info" })), h("div", { key: '551e45a488041782dd04cc2990b2824e91241e12', class: "gux-input-and-error-container" }, h("div", { key: 'e4e8edfe7b1fd30f20cf1d5961edf3cd9b9f3055', 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: 'd98880eac70689c74c68a4d43d73f6fe9bc55746', name: "input" })), h(GuxFormFieldError, { key: '2044eba06442cb284a519e4d106e99e55bcb4b2a', show: this.hasError }, h("slot", { key: 'c2c56343f4dd9ec2b57673151fe082c7f9f8908c', name: "error" })), h(GuxFormFieldHelp, { key: '65e117c1c7f83aeb2c79c9f3419ee494ac6922b5', show: !this.hasError && this.hasHelp }, h("slot", { key: '56c589e6779487604b186df550ab4a8f7bd5ccb1', name: "help" })))));
+            } }, h("slot", { key: '1056b93996cc3ca5795a9ab003dfbd34a9a6179a', name: "input" })), h(GuxFormFieldError, { key: 'b4aa824b5aaf1a18cb637f23772011c9ff56e6f1', show: this.hasError }, h("slot", { key: 'f7e1085b8694c92715c9af148b248f665b8c1ece', name: "error" })), h(GuxFormFieldHelp, { key: '692dc0a2412956d911fe14b4a13c47763422233b', show: !this.hasError && this.hasHelp }, h("slot", { key: '1d4952f6c15597288069646a1a62ddd155ce12a5', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition