genesys-spark-components 4.188.5 → 4.189.0

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, h, a as getElement } from './index-mm833MRp.js';
+import { r as registerInstance, h, a as getElement } from './index-BUKZ7XoP.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { O as OnMutation } from './on-mutation-BAeUmzgF.js';
+import { O as OnMutation } from './on-mutation-Df0gmCL3.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-DqC53Y19.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-CFRZ4efk.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CBYx0iNf.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-ssBRes3s.js';
 import { g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-Cd20r4dL.js';
+import { t as trackComponent } from './usage-DSShCAX7.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
 import './simulate-native-event-BMRf5pjV.js';
@@ -88,13 +88,13 @@ const GuxFormFieldColor = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'ad5e3507b19363da0013dec594572db85875e92c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'fa6da12edc56db3ac2712630135c1e3760ab5760', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ebdf3ac3cefeb5b917601564fbf1bd004b045f9e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '227f23f679f9f263a909afb47114f27d85fa7455', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e86b485705cfe0593ef907cf924efb083716f702', name: "label-info" })), h("div", { key: '744e7c8e61469efcaed3551339bcfeea5112aa9e', class: "gux-input-and-error-container" }, h("div", { key: '3d29474352a8110976c82499b913a85868255cb6', class: {
+        return (h(GuxFormFieldContainer, { key: '7ae46b24ae3151ab80b14bea6c449b94f9f3d0af', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '2621b92ad1a11a36e23b6b8b752c3f3e9db64733', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '97100d4c6a6e22d0c1fb0dc13ab18e8885810f50', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '11cf8407ed1c1a2b7891da4f36affb4da45e30e8', variant: this.indicatorMark, required: this.required }), h("slot", { key: '79c7005dfa407e9951085b78eb9e38d638a80c2e', name: "label-info" })), h("div", { key: '9f268ec512da2faf2cc21303d6971d4bc84582f6', class: "gux-input-and-error-container" }, h("div", { key: '54e1400eec5b010eda2c5a1793caf45b87b17584', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '42d5c9b830926af6b5a9774b225d984fd44e16d6', class: {
+            } }, h("div", { key: 'c9536bf3c1d2b013a99fbe926ffaa23e105c658e', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '3e66617a006fc577dfa7d36b9ac11cd9d91775e6', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '237a375286d99b1cfb1c097672f36508f42d80ec', show: this.hasError }, h("slot", { key: 'a5f54be3d51be6cc967ca6af6671546183b44ce1', name: "error" })), h(GuxFormFieldHelp, { key: 'a389ea72e7f7af73d0a8c614e584211a4b20c4b1', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f9a6298f22871598ca89d317fa76162b3a6eed5a', name: "help" })))));
+            } }, h("slot", { key: '1f27963e69948292c5e81992723533a6ea39f77f', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '1abdb89e7442e3d0fcf16db6c7ef6e92de6987e0', show: this.hasError }, h("slot", { key: '7faa5a9c50cebe60440e2287e41f4a968407d3a2', name: "error" })), h(GuxFormFieldHelp, { key: '6cc55324a81e01db245e369235a22d3f33760a50', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f6a356d08459075bd1735ec4318d48e13906ff72', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

package/dist/esm/{gux-form-field-container-CFRZ4efk.js → gux-form-field-container-ssBRes3s.js}

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

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, h, a as getElement } from './index-mm833MRp.js';
-import { b as buildI18nForComponent } from './index-CeE4Vvh6.js';
-import { O as OnMutation } from './on-mutation-BAeUmzgF.js';
+import { r as registerInstance, h, a as getElement } from './index-BUKZ7XoP.js';
+import { b as buildI18nForComponent } from './index-Crommh2p.js';
+import { O as OnMutation } from './on-mutation-Df0gmCL3.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-DqC53Y19.js';
-import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-DgG_S0vs.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CBYx0iNf.js';
+import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-ju8j27_G.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-Cd20r4dL.js';
+import { t as trackComponent } from './usage-DSShCAX7.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: 'c55506028075010580036cf430008af29b73b2a0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '40b6eb605168484203272a582c504f9b8a7c9425' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '4604a5488d1f73dee58fa9da4a66d847fa612e07', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '6fdb7a2dd39f243fe3732773e82fc64d63a6cffa', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e334bb065680c63c8cd10797d3e4f070eec332fa', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7485b99a3d4163858479c0b92df2f0f58a72af91', name: "label-info" })), h("div", { key: '84566ab5a944b5267274f09bb3fc50a5a1d63ab7', class: "gux-input-and-error-container" }, h("div", { key: '28ade6dff038c4d9ab63baf834bb2ad150e4de32', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'bd5a9b56b2b463bbcd47b0d848e8fcaec15d7bae', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'c42d702abbe91566650575edca6aee30956f8ec3' }, (_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: '30451157ece2c841eb63ff1ec17c45e12dda2ae2', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '62d3807d6eaec6817a691edc9efa52c961954392', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a967b1d2f7558f052efd7b5058edd94e43b636a6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7ac30a844a6073be2ad2ded6b0393d262c2894f6', name: "label-info" })), h("div", { key: 'b2683a7e75d91508871a997d40a1f6165417a505', class: "gux-input-and-error-container" }, h("div", { key: '1e32cd4a36b3d78dc8ade9b277730c6c426de3cc', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: 'dd6e549d5c284aeaaa69345ad036bfab7a059e8f' })), h(GuxFormFieldError, { key: '388ad2e687697ea0cecf9b6010c4a69371c2d16f', show: this.hasError }, h("slot", { key: '1553e292accc1072a74f267f315641f3832ce18c', name: "error" })), h(GuxFormFieldHelp, { key: '2f79e47073f8359740087f34bc3d01d0b8b240b2', show: !this.hasError && this.hasHelp }, h("slot", { key: '85976402223662223286dc862b6d6b3d202ef374', name: "help" })))));
+            } }, h("slot", { key: '8c98c697edcd4eed3cace93a085c4b539dd486c5' })), h(GuxFormFieldError, { key: '05c226f6cb719b8d9101114dfa46608d827d600f', show: this.hasError }, h("slot", { key: 'd0cf4cce0b8f158ee334552bcca07746d01de98e', name: "error" })), h(GuxFormFieldHelp, { key: 'a8f8a6efbe78e5bf88416cab4f2fdcd5287851b4', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b857156a70d1cec9207efbff4fda1a44e262ce56', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/esm/{gux-form-field-error-DqC53Y19.js → gux-form-field-error-CBYx0iNf.js}

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

package/dist/esm/{gux-form-field-fieldset-container-DgG_S0vs.js → gux-form-field-fieldset-container-ju8j27_G.js}

@@ -1,4 +1,4 @@
-import { h } from './index-mm833MRp.js';
+import { h } from './index-BUKZ7XoP.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-mm833MRp.js';
-import { b as buildI18nForComponent } from './index-CeE4Vvh6.js';
-import { O as OnMutation } from './on-mutation-BAeUmzgF.js';
+import { r as registerInstance, h, f as forceUpdate, a as getElement } from './index-BUKZ7XoP.js';
+import { b as buildI18nForComponent } from './index-Crommh2p.js';
+import { O as OnMutation } from './on-mutation-Df0gmCL3.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
-import { t as trackComponent } from './usage-Cd20r4dL.js';
-import { a as GuxFormFieldHelp, G as GuxFormFieldError } from './gux-form-field-error-DqC53Y19.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-CFRZ4efk.js';
+import { t as trackComponent } from './usage-DSShCAX7.js';
+import { a as GuxFormFieldHelp, G as GuxFormFieldError } from './gux-form-field-error-CBYx0iNf.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-ssBRes3s.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: 'e6168b89ec2e7e319eafd52f850440c7c8611baf', labelPosition: "above" }, h(GuxFormFieldLabel, { key: 'c43bbd379ce7088f1b229e0759aeb650e540e749', position: "above", required: this.required }, h("slot", { key: '076818f70f0b4d576d0c29c589d65365f9922196', name: "label" }), h("gux-form-field-label-indicator", { key: '8d40c98ce91d58f80ee19a0f2cc56a8b7b0da22b', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5a55650d45ff8d7867e5a5137d4da1c5d971405d', name: "label-info" })), h("div", { key: '89117ae5350897d66668b85b49c5253b4c714881', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '7951b8ff1b3cbedaec1616cd0d3e9c93cb0e0274', show: this.hasHelp }, h("slot", { key: 'e47262515b64ccdf3f76b79afbbba7f653636cd9', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '4504a6087b27a3d7e42251a17974a7bc2985a4ca', show: this.hasError }, h("slot", { key: '7b80111adbbc9febb6f4b3446c60fa040d5b17ba', name: "error" })), this.renderFileList())));
+        return (h(GuxFormFieldContainer, { key: '9e9bbaec5bbd3c926e973305ec996df8adf1d9b1', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '074a8887189ea9303211036f73f2d3695eda49b3', position: "above", required: this.required }, h("slot", { key: '88e8c37a8e03e160dde9dc543faf34fecae6d4f0', name: "label" }), h("gux-form-field-label-indicator", { key: 'b9b0af8ea039d0511eb0e7bfa51a044d50c094fa', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bd40cd0bf61b433329f9b672c6d61e635fcab493', name: "label-info" })), h("div", { key: 'b408fc16579d909a809de5757c81b714a5e440b6', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '789502c9e47879284a9928727a098666a3172206', show: this.hasHelp }, h("slot", { key: 'bffe0ae64f217682edf3e01bdfe1a6c0545805d5', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '49a5992a62e699cd1a998fe7c07689bdc4ab4940', show: this.hasError }, h("slot", { key: 'cc68b2d9bdb53022dd8e4d3250b635cbe155aa34', 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-mm833MRp.js';
-import { O as OnMutation } from './on-mutation-BAeUmzgF.js';
+import { r as registerInstance, h, a as getElement } from './index-BUKZ7XoP.js';
+import { O as OnMutation } from './on-mutation-Df0gmCL3.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
-import { t as trackComponent } from './usage-Cd20r4dL.js';
-import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DqC53Y19.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-CFRZ4efk.js';
+import { t as trackComponent } from './usage-DSShCAX7.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CBYx0iNf.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-ssBRes3s.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: '0388360b8ffd364cb113edad7bbd2cd417aa0738', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '0eea04bc0700ff76a37dfc1d8c642bb319cc7583', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '1fe4e4f8f9e178b4db023452c8fef586c20fd639', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '850a5ea4ea31aed7ec8a2d24b97833e0c6651d87', variant: this.indicatorMark, required: this.required }), h("slot", { key: '90e0fc3ab8cb27d1b907f41fcfdfe53d73512d68', name: "label-info" })), h("div", { key: '9cbc089ee1182d873a4da96c77a03a8fba01f0fc', class: "gux-input-and-error-container" }, h("slot", { key: '2fdaacde8ab249e618b86072e66dd291c4790157', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '3f6e546494f001ee6dddef3c3bf65837939e4fc4', show: this.hasError }, h("slot", { key: '547e941bb527ef5c23e68170fdbf584307ae107b', name: "error" })), h(GuxFormFieldHelp, { key: '49565bfbe9981f787951385891f2aafbbcf55684', show: !this.hasError && this.hasHelp }, h("slot", { key: '9d46b39b1296b7d9a2248f51df19bdc42f036bf3', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '800706efb32a5fc069785e68b17af6ce353cc2e9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '061505ad88782106a3cd218fbcfd65462d61178a', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'd2e8a671d2b4758311179c996d967bec81d04e5d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8cd22242c1a53d632c461dcc93ea77a31d2b6e9c', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e4ecdf92ed980fc8dd74f3812e4ea32e148e4542', name: "label-info" })), h("div", { key: 'f0bd99e4bf8c7d1d0d64f0f8bb1b00a9df8108fa', class: "gux-input-and-error-container" }, h("slot", { key: '151f007b4f7f21ee46a3ea0dd653cd6facd4c009', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'd9f70eed956e54821bb9008b932f135951373e57', show: this.hasError }, h("slot", { key: '762675f3a42171715d844475bcbedbea1413fa30', name: "error" })), h(GuxFormFieldHelp, { key: '650c387520aea7172343587f601b975bbe13a8ff', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b6eb0b7b9c44c29e38f85a483684f81c92538d32', 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-mm833MRp.js';
-import { t as trackComponent } from './usage-Cd20r4dL.js';
-import { b as buildI18nForComponent } from './index-CeE4Vvh6.js';
+import { r as registerInstance, h, a as getElement } from './index-BUKZ7XoP.js';
+import { t as trackComponent } from './usage-DSShCAX7.js';
+import { b as buildI18nForComponent } from './index-Crommh2p.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: '64404e9437de8a45385161b1dee6b8811543895c', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '5a4d5acbd2b2243bcb142559c834986ac15c4bad', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: 'ebd62167e9f3484066e68dc0110af280a50976e5', "visual-only": true }, h("div", { key: '7bc3633e898beddd15386e0268596f28660fe70b', slot: "content" }, this.i18n('clear')))));
+        return (h("button", { key: '779b8e00c708e767fcae1e8d8458a7b38c6aa310', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '2986d3a8ffbe6e38bcb59d3713a2f8c09708795b', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: '468add6065638c3abcdfd35fd7a6cb7c2b7c00a2', "visual-only": true }, h("div", { key: '24e172e461f7f7378af010946a6cfb7ccaac3f13', 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-mm833MRp.js';
-import { t as trackComponent } from './usage-Cd20r4dL.js';
-import { b as buildI18nForComponent } from './index-CeE4Vvh6.js';
+import { r as registerInstance, h, a as getElement } from './index-BUKZ7XoP.js';
+import { t as trackComponent } from './usage-DSShCAX7.js';
+import { b as buildI18nForComponent } from './index-Crommh2p.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-mm833MRp.js';
-import { b as buildI18nForComponent } from './index-CeE4Vvh6.js';
+import { r as registerInstance, f as forceUpdate, h, a as getElement, c as createEvent } from './index-BUKZ7XoP.js';
+import { b as buildI18nForComponent } from './index-Crommh2p.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { O as OnMutation } from './on-mutation-BAeUmzgF.js';
+import { O as OnMutation } from './on-mutation-Df0gmCL3.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-DqC53Y19.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-CFRZ4efk.js';
-import { t as trackComponent } from './usage-Cd20r4dL.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CBYx0iNf.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-ssBRes3s.js';
+import { t as trackComponent } from './usage-DSShCAX7.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-BDKZueG1.js';
+import { O as OnClickOutside } from './on-click-outside-HE0dvmlI.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
 import './get-closest-element-Cd4R0amv.js';
 import './random-html-id-D9jKBqIb.js';
@@ -112,14 +112,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '1e07c3f124e8707f6261b4df25690d812c9c7dd1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c4d3286b441ffc8b976ecab571420ef3f9f5731a', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'dd3eb099e1b96030198fa1d5980327b9b37372b9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9299e783143e6d5d3ed8e2654f388182bceecd09', variant: this.indicatorMark, required: this.required }), h("slot", { key: '26742f9f77b85ec871c12b8069d188685b1c1bd6', name: "label-info" })), h("div", { key: 'f76998d3d2b4f6cd9ecc21be8283a07dad189f0c', class: "gux-input-and-error-container" }, h("div", { key: 'db694b9aa71dfae2b1ac0df8988838f9c44ff559', class: {
+        return (h(GuxFormFieldContainer, { key: 'd88272608c3c44dd4c41dd7f9f27d7071052d5f0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '646c8d389f0c1daec8f94abdbfa3780efbac8ce6', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '460fa9e923a62bbb5f446b25ed56a0ae3c3d5a52', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0481ddbcb399a37fa612a96f3b122f02ae019aee', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd551ece17180743af858643e62a2f7191e849c40', name: "label-info" })), h("div", { key: 'fa228d7aa77bd7ccd876507ad35dcfbef70c74d5', class: "gux-input-and-error-container" }, h("div", { key: 'a045ff10ac5f13037225b9ae1a334f1b56277dfa', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'e10e9afd527017c32e2784409c6fba2211cf099f', class: {
+            }, part: "input-section" }, h("div", { key: 'f095f3f0fb65f5722fe935902966de14f3afe883', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '6850be66b8b17f1c2cf0c4f7328aebcf3ba30690', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'c74281f4423eda417f7c79380d6dde369a2af1e7', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'f28cc3e3fb7e49fd1da638376046d2d1fcfe051c', show: this.hasError }, h("slot", { key: '92a20e2c9b9c8988b86b3bf84f7ed3ee53504940', name: "error" })), h(GuxFormFieldHelp, { key: '884b1ccd768b8da7ab2de002c323dc768ca56160', show: !this.hasError && this.hasHelp }, h("slot", { key: 'cc86c01124eb1c7975649d1c2d516bd8193f52f6', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'f4a9b34f49a17bb8dc11492f906d06a61ca2cf09', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'fd9f30731600f8043168aa845d02f7cc21bc4d74', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'cb15ff195d4a8f39c6337f2d4fa14400da9680f9', show: this.hasError }, h("slot", { key: 'dae90fc5cb02237eca77413b56d686dbc514bf49', name: "error" })), h(GuxFormFieldHelp, { key: '0339801198b4ea90c07c7c03467e463d6170cd27', show: !this.hasError && this.hasHelp }, h("slot", { key: 'db794cf65f774ebb43fb8cc89ebe007f3675493a', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -278,10 +278,10 @@ const GuxPaginationEllipsisButton = class {
     }
     render() {
         return [
-            h("gux-button", { key: 'c0a0f5339eb18427f2d0a295b2059ff1dd3354f3', 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: '7783134863b3749e02a098c237be70dd2405650b', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: '9e4a5b4684c26c37cf897259e9dd96728cff1015', for: "popover-target" }, h("div", { key: 'eae4d6c935bdfb6067d33db1facb3bdf2c75a35b', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: 'd452fae8bc5cf41f10cb66e3edee10b1da55396c', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'a8a03c0a8d6e51191d53f2c185f63d269ceb6bff', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'a3968c8cb70cf66c8415c51ebe541fef742d5e59' }, h("input", { key: '303bb563902aad6ee9af1188ba647773ae914d70', 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: '392d27147d9fd9ced515a2b93cb299db9f1ac13c', slot: "label" })))
+            h("gux-button", { key: '54d4931acd0b6adbf452b5234e225c4e531302a1', 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: 'cece20bd08a8fd503168a8c2b5a84c10a53ae1d0', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: 'aee4ee449d689c54f26c234f07ea15bf6044ab5c', for: "popover-target" }, h("div", { key: '304258ccba1ec70a299b0c4e8635675b71a147f3', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: '8b8411e720a78c6fb7e45d1f7133175d72985797', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '6e670634e2677cd8f46c3985f3e436b3b82d2d15', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'd7c88f32207584e289f1eabeb56b7838066c3bfa' }, h("input", { key: '234b7415c9a861f9a3b7d1d328f95e8061746c8f', 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: '72490115bd1baec1333b48457002ce9d934b45b0', 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-mm833MRp.js';
-import { b as buildI18nForComponent } from './index-CeE4Vvh6.js';
-import { O as OnMutation } from './on-mutation-BAeUmzgF.js';
+import { r as registerInstance, h, a as getElement } from './index-BUKZ7XoP.js';
+import { b as buildI18nForComponent } from './index-Crommh2p.js';
+import { O as OnMutation } from './on-mutation-Df0gmCL3.js';
 import { a as onDisabledChange, o as onRequiredChange } from './on-attribute-change-De1NnCmO.js';
-import { t as trackComponent } from './usage-Cd20r4dL.js';
-import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DqC53Y19.js';
-import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-DgG_S0vs.js';
+import { t as trackComponent } from './usage-DSShCAX7.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CBYx0iNf.js';
+import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-ju8j27_G.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: '613378ec2b9693daa0d18c873bd38194adcc8d4a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '714b94c9baea910a5557478a175af7b484d419f4' }, (_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: 'f5cd6e7de34d23b88af5a5c28d7249e1d3cc9ca5', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'dd43169118d9b259d1e264393e00d25ea21345f9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '61b7d9650aa32bc485eec34b7b2c96dca71bbc39', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3f159b032cc9ac1a8592d1e8c7a46c8f01a02ed4', name: "label-info" })), h("div", { key: 'a255777cea26f2ebc3584c008fdef471470979b7', class: "gux-input-and-error-container" }, h("div", { key: 'a3efa67c24b78802d2eda00d5d18e19104c537aa', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '39a407208d3376eff32481d80fd7cd885f8879f7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '845c687f78775c6f6cfe24dbf267520ce19f2b46' }, (_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: '7f10639eb517a75ea7460cdbd8a846ffdd75bb76', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '225815c06ff37df869c3124059338f0ab10d7aa3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e691e8e73d381e21d327ac8ea14b0ea82ccf5710', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'aa0c807c18732462724b170feb164746affbd39d', name: "label-info" })), h("div", { key: '71747507e15078f43f045820156a2f001ae15880', class: "gux-input-and-error-container" }, h("div", { key: '30295fbb1c3219edba2424b29fe9bce9dc7a7af5', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '24f51dd5ce104bba05b99dbec535787f38605e9c', class: {
+            } }, h("div", { key: 'd7ae0f45b6bba0984cad385da8a9cbeaf265f158', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'b113dede3ddca50431087a10f334a68fa42c3705' }))), h(GuxFormFieldError, { key: '6257297b31c53af850adb599dbda8a79678055fe', show: this.hasError }, h("slot", { key: '53a58ab2005a598ffa97ab16f894e642e8dc6884', name: "error" })), h(GuxFormFieldHelp, { key: '34abd49c63cc0617f0f940be16dad10525a8f42f', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ac6905a7b49d47dab653ce3ad3d0c5899f2ca5f1', name: "help" })))));
+            } }, h("slot", { key: '6e8536d0a24dc0a50c756b0a9f97c2d6dc86a318' }))), h(GuxFormFieldError, { key: 'c7f083797d4f68730ef17268a3bf14155b4fbf58', show: this.hasError }, h("slot", { key: '8942b4457ec833f4e80985e812ea9d5ecaa3af69', name: "error" })), h(GuxFormFieldHelp, { key: '278ffdc44a4b6d4c335a75ed07bd726ff6e87901', show: !this.hasError && this.hasHelp }, h("slot", { key: '9ddda671e1422f1e9d952f12a5d9bb2a494b8916', 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-mm833MRp.js';
-import { O as OnMutation } from './on-mutation-BAeUmzgF.js';
+import { r as registerInstance, h, a as getElement } from './index-BUKZ7XoP.js';
+import { O as OnMutation } from './on-mutation-Df0gmCL3.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
-import { b as buildI18nForComponent } from './index-CeE4Vvh6.js';
-import { a as GuxFormFieldHelp, G as GuxFormFieldError } from './gux-form-field-error-DqC53Y19.js';
-import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-DgG_S0vs.js';
+import { b as buildI18nForComponent } from './index-Crommh2p.js';
+import { a as GuxFormFieldHelp, G as GuxFormFieldError } from './gux-form-field-error-CBYx0iNf.js';
+import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-ju8j27_G.js';
 import { g as getSlotTextContent } from './get-slot-text-content-MAoEg4ig.js';
-import { t as trackComponent } from './usage-Cd20r4dL.js';
+import { t as trackComponent } from './usage-DSShCAX7.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const required = "Required";
@@ -128,8 +128,8 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'acfba046d414d134764bb8d63c0d944ae190ef0b', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'fc6c07690055a4422007cf2976e7c15cfc1e2b32' }, (_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: 'b910b0eab97d6aaff27123f8f3b7388f987e3153', position: "above", required: this.required }, h("slot", { key: 'e5b77b04269f5fdce492a3c42cf48fcf569cfe38', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0bb67f0d56898360c3388e9e188c7c1b523844c1', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6a7b260dc69e954062eb7d262ff1dd709a1d3fa0', name: "group-label-info" })), h("slot", { key: '324bdaa5590740c1fa0c86490c0ffc6fd50d0258' }), h(GuxFormFieldError, { key: 'bf9c69816c159a8a180f71ad1654476ee28b8ca2', show: this.hasGroupError }, h("slot", { key: '7c6500b5062b211d57b7aab257d8a43ad4d7d193', name: "group-error" })), h(GuxFormFieldHelp, { key: '7eced387d0ac6e21de3c5ba2b6a9561a910a701d', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'cc323eb191b6d5139ee85b1a8e9b22c750d624e3', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '1dddf22be29f710fca6ba6ce98b0dbe1faf032f9', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '14f39be31f723aa8d45addf90e70361e1473a8ca' }, (_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: 'e1b406b2f4641ff77792d3379cbedabad581cec2', position: "above", required: this.required }, h("slot", { key: '822237035b64c334efc7a3949ef079b64653142c', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'bc3ea838afc780927e61b23b85240da795c9d512', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1ab538015e21dec0a12be8006097f259e96c87dc', name: "group-label-info" })), h("slot", { key: 'db77e8d6c5af8a3e1bbca49449fd250604682a49' }), h(GuxFormFieldError, { key: '4e92f44b08b08733bfa61ab18b1e8a5422c9dcd1', show: this.hasGroupError }, h("slot", { key: '0b2846006c3eb88ae795ffa7bdf46fe19e7838fe', name: "group-error" })), h(GuxFormFieldHelp, { key: 'e883b50237c419f86fd9bded37bc8facb4ed995c', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'b778e4b03942129d6b5670707f261a1ceb428017', 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-mm833MRp.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BUKZ7XoP.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { O as OnMutation } from './on-mutation-BAeUmzgF.js';
+import { O as OnMutation } from './on-mutation-Df0gmCL3.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-PYfNAK8p.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
-import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DqC53Y19.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CBYx0iNf.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-Cd20r4dL.js';
+import { t as trackComponent } from './usage-DSShCAX7.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: 'f7dc4e7c2f80984974904582d5cc2b9dd5c67fe6', class: {
+        return (h(Host, { key: '67116e4eb3942df84634acee5e9ce953775a5d73', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'a1f12b9fb10c3c37751aebc02964b05969acfe86', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'b86f210373fac683d085236e558492d130fa5c25', class: "gux-input-label" }, h("div", { key: '1ec27063205b05b0569daee06db75328b7ffbbd3', class: "gux-input" }, h("slot", { key: 'c38d40a89108c29b74925b3b2c54464ddc818fbc', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '0b6939d4f955c5d028d4b34e4c51d86a99442ed7', class: "gux-label" }, h("slot", { key: 'defaaf9b388c1ec65d711cc0df93feff683b84e7', name: "label" }))), h("div", { key: '31813aaff5b026ab9ba7101fdf817bff59db1108', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '05d8a17940b0daa4c2fe80470223be99761fa564', show: this.hasError }, h("slot", { key: 'c9b45fe30d06f75142b55c67705c814950faf1a5', name: "error" })), h(GuxFormFieldHelp, { key: '4b4cd37bddb6629d1d992f401b453b696e0db392', show: !this.hasError && this.hasHelp }, h("slot", { key: '25d292684f9b5b17a4ef7e6f1198d96f6c87e2b8', name: "help" }))))));
+            } }, h("div", { key: '823c51daa536c9f4d74e079e389e23ca2b329e29', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '31167f841d8682b44d28107f9f8ba4dce9d24d36', class: "gux-input-label" }, h("div", { key: 'b41e9dc80b1ceedb5e86b9d4840885e8845c6e7a', class: "gux-input" }, h("slot", { key: '7abc5d9b92c977b3fe9c2e972dac49c23ae00f17', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '753be796e830557b7c9673a4daad39276ed6f48e', class: "gux-label" }, h("slot", { key: '031994e319d909cd095ff008e95e80e28ae4429d', name: "label" }))), h("div", { key: 'ab4d5bc0a67cb0674bb42f5c68e088a7548c1b0c', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'f299e1eb9508216270b46408b2264cae2aaa44e3', show: this.hasError }, h("slot", { key: '3dc59aec8fa8d4faf52d8424e870a6ce44cbf18e', name: "error" })), h(GuxFormFieldHelp, { key: 'bfd5e8b55d213fa5296742b756874f40d884f718', show: !this.hasError && this.hasHelp }, h("slot", { key: '769394d7fed56cd0bb7de8e77df1d7637684e6c0', 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-mm833MRp.js';
+import { r as registerInstance, f as forceUpdate, h, H as Host, a as getElement } from './index-BUKZ7XoP.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { O as OnMutation } from './on-mutation-BAeUmzgF.js';
+import { O as OnMutation } from './on-mutation-Df0gmCL3.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-DqC53Y19.js';
-import { a as GuxFormFieldContainer, G as GuxFormFieldLabel } from './gux-form-field-container-CFRZ4efk.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CBYx0iNf.js';
+import { a as GuxFormFieldContainer, G as GuxFormFieldLabel } from './gux-form-field-container-ssBRes3s.js';
 import { g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-Cd20r4dL.js';
-import { O as OnResize } from './on-resize-ByRtFU8p.js';
+import { t as trackComponent } from './usage-DSShCAX7.js';
+import { O as OnResize } from './on-resize-_BfFLJCh.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: 'f0ea43710ef4a39ce8f00f0aaa5444e4e2c11644', class: {
+        return (h(Host, { key: 'a6f22a9e582ec638d9f6309313c920356e1bb630', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '5425aa03f151449e14a6fbc22e22cd5cd41a6937', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '3776c2b6167ed2a3786c173eb1df81feec4c9d55', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '0ef71134e1128d90d8120448cbf601c157a271a4', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd93000d3b47ab3d4e82ae25e4e66173cfb041670', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7d98fb6acd4c53835929869bfd6073d5d786137f', name: "label-info" })), h("div", { key: 'd812bffc149d767637f4c31613dfcd6c5096965b', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: 'c3bae4f5efb6902bbb403e1e5f941f01cda056ba', show: this.hasError }, h("slot", { key: 'a37c59e74573413fc69e3bc85e18b501df46217a', name: "error" })), h(GuxFormFieldHelp, { key: '8dd139f4e664c185f58fd510d5725033f6a37796', show: !this.hasError && this.hasHelp }, h("slot", { key: 'eef51ba6ca031acf3a9df9ddba55e2c77cce56a2', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '160c53d5399debe101c82e188b5c46f47b84cce1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '4527048ac90fb4442efd0d1073c682bd03ca6461', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f2da62566c5ba9a271d9ff0d671d6dbed37f88a3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6f57048aee9b0389a4cdb96b007d27511eac1fe5', variant: this.indicatorMark, required: this.required }), h("slot", { key: '659d2f15e5914c8b257f61fce0945c0a750de459', name: "label-info" })), h("div", { key: '3d6c2f68312721c4e3a79bea2d76c9a123812241', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '380b1076a454b286534d3b9a1d687fe59df10e3c', show: this.hasError }, h("slot", { key: 'c4e0bd4ab15ac54623ca8f7295e590b717c3a5e8', name: "error" })), h(GuxFormFieldHelp, { key: '032ad62e730d205a65a05d952202cb42912cd304', show: !this.hasError && this.hasHelp }, h("slot", { key: '224729f7c5c00f411b7348ce3d591fa84ff2a893', 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-mm833MRp.js';
+import { r as registerInstance, f as forceUpdate, h, a as getElement } from './index-BUKZ7XoP.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { O as OnMutation } from './on-mutation-BAeUmzgF.js';
+import { O as OnMutation } from './on-mutation-Df0gmCL3.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-DqC53Y19.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-CFRZ4efk.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CBYx0iNf.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-ssBRes3s.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-Cd20r4dL.js';
+import { t as trackComponent } from './usage-DSShCAX7.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: 'b6fd9cc1299ad98c62eb26ed723b50f252a1d960', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '85317cd753898a4994bee108ffe9de8a10280acd', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '2de444abac4cb87ccaac33bfd3c9a8fd8fb7b781', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd7d70bb3d250dfabfbff3028abe0a14baa1a97a9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0834958114c7bb532aff2340bd615ffba436ff4b', name: "label-info" })), h("div", { key: 'e8e51be1997d6edd73742b41a505fc8c24c6eebf', class: "gux-input-and-error-container" }, h("div", { key: '98479f702b194a4afea9c2bd4b92fa2c18baa33f', class: {
+        return (h(GuxFormFieldContainer, { key: '6507ce14649f45316af15c20184d610b5cfba20a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '87cd402400bb26ea4ce621d0898dee78f644d6f7', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '4913517e08d245dc3e2ff4ec3de1b3ec675c5507', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '22b5fa6aefd1185ae0bede4e8b9457ab3eee5193', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1415a0d73398c3aee5ab10c5e1cba8bbe2f43d57', name: "label-info" })), h("div", { key: '4d1a634b508b4891c6c977d047af50e0667977d7', class: "gux-input-and-error-container" }, h("div", { key: '1b5e492b7f653b0bec71247ffd83678b7d46d861', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '81559bc37b88fe02dabaa9cee25083ebda55e0d1', class: {
+            } }, h("div", { key: '8b97da4a7c0de0954934555426d50de4c5a031a5', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'f3706a1a58d52caa4398527adc123c796cf583ad', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '26dafd78af632c3418d57daa2acaab3bd3c40e05', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '7f9f2917f9a41cef175770ba9ae537a4de5e60f7', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '2ffcf69bae8c23fafdf3ca207a22dba5ace612c9', show: this.hasError }, h("slot", { key: 'dd600061ead761ee0a705e3e5fb9c9f54616ed29', name: "error" })), h(GuxFormFieldHelp, { key: '3d45df101daa9bafc3852edd369bacc4ffaf1b1e', show: !this.hasError && this.hasHelp }, h("slot", { key: '04a36d9a887e68426db0e41f44c91afcdcb48e59', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'b38376b0f79e187a38501230dee96ca0bb4cea6f', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: 'd98ce658d611bad649645350bd44b13f7a37d49b', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '3cb5ce32805749636cbf5334d45884635f0e1e26', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'bccad44237fe2e71f50197c1a55f89736a8621b1', show: this.hasError }, h("slot", { key: '0a62fba69aae92493020a49636315b9ad076b858', name: "error" })), h(GuxFormFieldHelp, { key: '263c386c65e8dd1705e0ccafd0b71487802b09d1', show: !this.hasError && this.hasHelp }, h("slot", { key: '6507f8559f672d99bfc75d92a3d843a44397e13e', 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-mm833MRp.js';
+import { r as registerInstance, h, a as getElement } from './index-BUKZ7XoP.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { O as OnMutation } from './on-mutation-BAeUmzgF.js';
+import { O as OnMutation } from './on-mutation-Df0gmCL3.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-DqC53Y19.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-CFRZ4efk.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CBYx0iNf.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-ssBRes3s.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-Cd20r4dL.js';
+import { t as trackComponent } from './usage-DSShCAX7.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: '36d80cb0c83b9c7e683a21a3b1ee8b319cf4bd73', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'd7ab019e29ff3b6fcea76250ceea22038c17e4e0', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f374ef61481fa4d2f6c2e53908886ee151e8660a', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '114211228486a8f146e41127c1acd56280b4b1aa', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2d50de846e94d63aa6dd9cca126d3febe1845121', name: "label-info" })), h("div", { key: '5c83a9e15b35464eb8880f609dd01cec4494e895', class: "gux-input-and-error-container" }, h("div", { key: 'ede183b4ff75a8915cbceca9a5fce9f73fdfee1d', class: {
+        return (h(GuxFormFieldContainer, { key: '95b1307ae83899f5978ddaf34054191201f66c51', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'db8a4a35beb1dd0c413c35bc62cc2194222dddd7', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a805817a5220c93d18d62a7f3adb9ab56150f398', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '419d709c54c8228ff85d4f684c013098a6c16744', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b1344f130052784e29dac48241b1e895e14cc6e3', name: "label-info" })), h("div", { key: 'bc55fa3bdd47cb7a0d76dad4fc15c62fab2fe1ad', class: "gux-input-and-error-container" }, h("div", { key: 'a04f7cedf8ae05aef94cbe64747c5ddcf750b401', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '3ffa5170a267850f556fbcfd9ec18078087dbee6', class: {
+            } }, h("div", { key: '2730d639d0f62854440ee43a2b0761abfbdf6c92', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '4e4881a00101024bb2a0940d7b517e4f52892451', name: "input" }), h("gux-icon", { key: 'a700cd27972bbcd45a985b98e62f0a9fad62c34e', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: '1d3132a1292256096f8ec2fda877fb1d808b4466', show: this.hasError }, h("slot", { key: '5c6ce7083f67f2488ebdab5877cae6ce3e034df1', name: "error" })), h(GuxFormFieldHelp, { key: 'b836165487d038ba425ca14de727d0f8d0391b9f', show: !this.hasError && this.hasHelp }, h("slot", { key: 'eeb6aed6c059152d2507c110befb5d47491be583', name: "help" })))));
+            } }, h("slot", { key: 'fd0ca6b699de87bced903bb678a562b38b49fe01', name: "input" }), h("gux-icon", { key: '0db4a6a9f4b387f1ca366a6dd164cb5ccb751bf0', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: 'f2b6f167158037f6027790a94a2b1d439175f009', show: this.hasError }, h("slot", { key: '0014171582ed20fdaa79d498526307d6bff2f993', name: "error" })), h(GuxFormFieldHelp, { key: 'ea68634f4529ace457f236ccd3d296aa129a020a', show: !this.hasError && this.hasHelp }, h("slot", { key: '04f367c56b52dcda0dcc439b721366ab60e4f1c5', 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-mm833MRp.js';
+import { r as registerInstance, f as forceUpdate, h, a as getElement } from './index-BUKZ7XoP.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { O as OnMutation } from './on-mutation-BAeUmzgF.js';
+import { O as OnMutation } from './on-mutation-Df0gmCL3.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-DqC53Y19.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-CFRZ4efk.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CBYx0iNf.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-ssBRes3s.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-Cd20r4dL.js';
+import { t as trackComponent } from './usage-DSShCAX7.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: '753266bb9ecf15ba5cacfaaee364e59c765b7c4d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '26c4366085f69d644050943fa29c7e7794671281', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '78f39c5b6f908265ae43cd15ad86747051cf8269', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ba5f56697af6bb08d7b24220e16a2b2db53ecfb7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '73264427cdeb03ba95a0f2bf263219b4625b3d4f', name: "label-info" })), h("div", { key: '0d3baed6cdeeebb07295a2c9ea40527bd3cb77a2', class: "gux-input-and-error-container" }, h("div", { key: '83817ebd3819a5b104da9e6f100b0bc534dcb4a9', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '9e39750d06ebd16ebfb7397f966c909025982ddc', class: {
+            } }, h("div", { key: 'b375a6f2b1cc2a551db68c3d7f47ae52162de355', 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: '438115de7518408190cb8129c41bd05de5132096', name: "prefix" }), h("slot", { key: '3bcb0b6ed7c8f6c9bc3768b512b17641f4606ffd', name: "input" }), this.renderRadialLoading(), h("slot", { key: '596540127449c6813feb7879b180c14263f907d6', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '3b37dd7db5888ddd73ed191c863fdb128712e404', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'ccd2d0274f514aba8bb8d9a19259d3d47e5c13d5', show: this.hasError }, h("slot", { key: '56c72130ce6bf75d99dcb3da20059c6b52239b1c', name: "error" })), h(GuxFormFieldHelp, { key: '90fe1b60aaaf959583b21822da1a9905b8dd72e9', show: !this.hasError && this.hasHelp }, h("slot", { key: '9d943aecae00baec1eb04210d4c02e8b51c64de3', name: "help" })))));
+            }, 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" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition