genesys-spark-components 4.186.1 → 4.187.1

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

@@ -1,15 +1,15 @@
 'use strict';
 
-var index = require('./index-C1LZ-Zd8.js');
+var index = require('./index-DJ9HGtdZ.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var onMutation = require('./on-mutation-Bpt2qL-s.js');
+var onMutation = require('./on-mutation-una8GcoZ.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
 var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var guxFormFieldError = require('./gux-form-field-error-DsQplUhW.js');
-var guxFormFieldContainer = require('./gux-form-field-container-C_ksnWvh.js');
+var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
+var guxFormFieldContainer = require('./gux-form-field-container-BkBBWJ-I.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-o6I3mOuO.js');
+var usage = require('./usage-Ypiicskt.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');
@@ -90,13 +90,13 @@ const GuxFormFieldColor = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '009071e57535069390977cf3fa16634c6cfec3b1', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'a0fd7c2dc428b51420691343018640756785f4fc', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'db59300b54ae433e79aebd5ef1fc8e4550923c19', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'bb7b218d7a69c2259daeeec531b416dc06bd9d39', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '64839ceb647c9d3ab4ee253fbce623c34e30667e', name: "label-info" })), index.h("div", { key: '733b26f89217daa7ccd6e1f0b1389c693f9f55ac', class: "gux-input-and-error-container" }, index.h("div", { key: '19edb2af7d6a25f417aa1630f4dd3e34bd361d8d', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'b0dff68fe51e564a03de305463201bda9b0e6a02', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '63047e23a939942a6c8c052b304c4e9c97f05ecd', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '3dc3778704883f80e9c9095bff6e9eeb44b9b557', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'dc90b7fa687fde89265ce7f831aa0dc203bb5260', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '0985e952104b7b4eb671d7e2d8694cba80de5d2d', name: "label-info" })), index.h("div", { key: '3dbdee93b27211f1cdadf3cabb8b41ed9c651105', class: "gux-input-and-error-container" }, index.h("div", { key: '1c93f6789571d4015631cd45bcd137333316c116', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'd247bade16d24fbde33c611f4c7fe51fdce8985d', class: {
+            } }, index.h("div", { key: '18d1bbbaf82b756aa81a0412da7ea6ab1eb4a420', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'bd3b018e1071a311102ea243511a19e0982005bb', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'b03b984c0b3feaef0803a5f571afc56a3c37fcde', show: this.hasError }, index.h("slot", { key: '57801109ad4729741e45f1cb72cd2ba9fd54206c', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '9200f9e6c13fe5157cd03f1125de77936dc328f0', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '93e90b066b4c0aa6132361133af439d0bf962c0c', name: "help" })))));
+            } }, index.h("slot", { key: '7f8a5b88d5f593a05d272c69deebbf57ecb46139', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'b457a9c40422980f9f3f82b28ac8e5bbdfa286ef', show: this.hasError }, index.h("slot", { key: 'c46ba6ed3a74062df00e9c15ac0c1ddab1df7351', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '166ad2fbd5e9a4e52da024143686f86acd6a49bc', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '4c9ff51d12dd65b521cad5fda710a1463f534a93', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

package/dist/cjs/{gux-form-field-container-C_ksnWvh.js → gux-form-field-container-BkBBWJ-I.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-C1LZ-Zd8.js');
+var index = require('./index-DJ9HGtdZ.js');
 
 const GuxFormFieldLabel = ({ position, required }, children) => {
     return (index.h("div", { class: {

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

@@ -1,15 +1,15 @@
 'use strict';
 
-var index = require('./index-C1LZ-Zd8.js');
-var index$1 = require('./index-CjUBUVCO.js');
-var onMutation = require('./on-mutation-Bpt2qL-s.js');
+var index = require('./index-DJ9HGtdZ.js');
+var index$1 = require('./index-CnZZCg2E.js');
+var onMutation = require('./on-mutation-una8GcoZ.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var guxFormFieldError = require('./gux-form-field-error-DsQplUhW.js');
-var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-DDS9BG7u.js');
+var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
+var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-SYa1tvh_.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-o6I3mOuO.js');
+var usage = require('./usage-Ypiicskt.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -110,11 +110,11 @@ const GuxFormFieldDropdown = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '9133ae32d20ad4a621a0bbb7a94dc2f9e8ac613b', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '71e21aa4cd76a7912b1a134da24b6eeca7613afd' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '1082853d5b066488e3fa4fd967fced44a630bd36', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'c485afd80404797870c381d2c7bc4874a38780e2', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '4bf6fe4371dea4ca230c06d5fa92f515397631dd', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '82a497f939b66fd5e02c603418cddb2a1ff45998', name: "label-info" })), index.h("div", { key: 'b58671aff9f09554d4e787d20a68b459bcb27024', class: "gux-input-and-error-container" }, index.h("div", { key: 'cf6c229fe7eaacc9846171dcd8ab8efb22c25dd3', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '95cf0334aae89c2b185512975a3caa46b616f319', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '17a7d9db1d359d99b375e659d74e8ee198fead89' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'e0c6290b8960073a60caed07a95761b489572569', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '093143723c654b514a86d9ba11bdd669343e678a', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'b5c53840b29e7edb7016fd655ef325af5c4613c8', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'ad3d8db913a2054061a2cf17e55221e8f547df6f', name: "label-info" })), index.h("div", { key: 'b9d47e7fd0f101bd2bf50d7d8a5aaf5560d4a7d3', class: "gux-input-and-error-container" }, index.h("div", { key: '5f924b84c374f4eab9a5af090faa0b6dd5c0ae96', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("slot", { key: '7626416d34c71ffd354e5648731bab5262c26c15' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '10e61c6dc2062a99e6a5f56341b7736f5672be60', show: this.hasError }, index.h("slot", { key: '7f82f3c3c0594aa3c70aaa25b8ea665ae5fc03f1', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '54f1c9da9894d8a6405e8f985ee174a6a9dc528e', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '83ef12a54c7dd12750f980a8cad7627d0f1969fd', name: "help" })))));
+            } }, index.h("slot", { key: 'e38e6e5580339bd8124d850064478838ed91fd4f' })), index.h(guxFormFieldError.GuxFormFieldError, { key: 'f59489537e647d013f7cbb29765edc9f233126e8', show: this.hasError }, index.h("slot", { key: 'b238051d5d4c804cdd2bd80ab039c285a51cd24b', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '49f27c2c46e71f7708fde91c35562a836f1dc9f2', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'ead90e5f779f712ea1156e111b543e733e949eb2', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/cjs/{gux-form-field-error-DsQplUhW.js → gux-form-field-error-FIcB4Fjw.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-C1LZ-Zd8.js');
+var index = require('./index-DJ9HGtdZ.js');
 
 const GuxFormFieldHelp = ({ show }, children) => {
     return (index.h("div", { class: {

package/dist/cjs/{gux-form-field-fieldset-container-DDS9BG7u.js → gux-form-field-fieldset-container-SYa1tvh_.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-C1LZ-Zd8.js');
+var index = require('./index-DJ9HGtdZ.js');
 
 const GuxFormFieldVisualLabel = ({ position, required }, children) => {
     return (index.h("div", { class: {

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

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-C1LZ-Zd8.js');
-var index$1 = require('./index-CjUBUVCO.js');
-var onMutation = require('./on-mutation-Bpt2qL-s.js');
+var index = require('./index-DJ9HGtdZ.js');
+var index$1 = require('./index-CnZZCg2E.js');
+var onMutation = require('./on-mutation-una8GcoZ.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var usage = require('./usage-o6I3mOuO.js');
-var guxFormFieldError = require('./gux-form-field-error-DsQplUhW.js');
-var guxFormFieldContainer = require('./gux-form-field-container-C_ksnWvh.js');
+var usage = require('./usage-Ypiicskt.js');
+var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
+var guxFormFieldContainer = require('./gux-form-field-container-BkBBWJ-I.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
 var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
@@ -113,7 +113,7 @@ const GuxFormFieldFileBeta = class {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '02dcf74825ace95fbe008f9c0bc27110e70cbd3b', labelPosition: "above" }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'ce34c0744dfb380228e8f85b49bfd34e6b9c46af', position: "above", required: this.required }, index.h("slot", { key: 'e6b0be9ab1d522dbfadaf52a2a616e477d536eff', name: "label" }), index.h("gux-form-field-label-indicator", { key: 'c728afc13e494f18d65404f835ef0e8093fedede', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '7af682a968e63b01393a4effa5b1741834c7cd79', name: "label-info" })), index.h("div", { key: '9e8c1a5709bbdcc3c94ac6ea31b56a13387fb293', class: "gux-input-and-error-container" }, index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e5e7e5a204be705f7554d2f5934c5d1349fde81e', show: this.hasHelp }, index.h("slot", { key: '859d83bbfa4feac37b7778a7f91f234fb36c609b', name: "help" })), this.renderInputSlot(), index.h(guxFormFieldError.GuxFormFieldError, { key: '458d699dba91973c48c544eac9b7e42bb7b753c6', show: this.hasError }, index.h("slot", { key: '7d3adfeccd61ad7148ed8bd363f73416c56c3079', name: "error" })), this.renderFileList())));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '08375562c5f4fccba27ae887e75286a0c8316209', labelPosition: "above" }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '2da1a8ccfb6fb0ffad13d6b7e17eb8c006ec3fec', position: "above", required: this.required }, index.h("slot", { key: '86c7bf4b43eac86d082075326f247da876690128', name: "label" }), index.h("gux-form-field-label-indicator", { key: '13ff56e6483c61e4f698c69a51adb0e8d37b4929', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'a23675a2164c4080677980f3d6aa55ea1b05c163', name: "label-info" })), index.h("div", { key: '269ea5528a86db45b366c8f6f0528aeeb6636ba0', class: "gux-input-and-error-container" }, index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e1afa7df59e08f6820097d88fbe542e7ddbfcb09', show: this.hasHelp }, index.h("slot", { key: '176674d3b557f621f8c28d67fc7d8843be91623c', name: "help" })), this.renderInputSlot(), index.h(guxFormFieldError.GuxFormFieldError, { key: '4dd69a7d5c0c9dbfe3129c24773d6efdc082d35b', show: this.hasError }, index.h("slot", { key: '4ac9a75500eb2fde0de2809718dd02f16c2eaf3f', name: "error" })), this.renderFileList())));
     }
     setInput() {
         this.input = guxFormField_service.getSlottedInput(this.root, 'input[type="file"][slot="input"]');

package/dist/cjs/gux-form-field-file.cjs.entry.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-C1LZ-Zd8.js');
-var onMutation = require('./on-mutation-Bpt2qL-s.js');
+var index = require('./index-DJ9HGtdZ.js');
+var onMutation = require('./on-mutation-una8GcoZ.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var usage = require('./usage-o6I3mOuO.js');
-var guxFormFieldError = require('./gux-form-field-error-DsQplUhW.js');
-var guxFormFieldContainer = require('./gux-form-field-container-C_ksnWvh.js');
+var usage = require('./usage-Ypiicskt.js');
+var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
+var guxFormFieldContainer = require('./gux-form-field-container-BkBBWJ-I.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
 var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
@@ -108,7 +108,7 @@ const GuxFormFieldFile = class {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'e0bf36a5846108b782d45d69d546df7968c27be1', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '1e38a2db5962d0594b9c4c24b5cbfeec54e10a9e', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'cadd228e2193bfd3dc6fc683567798585a43a970', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '274ff710fcaa93a43c8745733ea8b6ad7fc17886', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'a3769af19bd4ac5ba366b2665b94b2aecb52e6e2', name: "label-info" })), index.h("div", { key: '369144c92e017294e9239a789512f33cea2ef30c', class: "gux-input-and-error-container" }, index.h("slot", { key: 'c3404649dff37d36d99f3ee0e0fabeec595e56c6', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'a611431c330b59cc6c3f10a3f61ece178d025c12', show: this.hasError }, index.h("slot", { key: '29a75e190160ee14011b962724ba9f79913e938a', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '34871d72bea59b39c5c582134c5cc9a44ccb448c', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '69868bad03f1cb80e040723946677e476bd15efc', name: "help" })))));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '87fd01d5f4f842e4a60a3fd8903b1f47a25fa87c', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '768146a270b2f9c795818e50eb346e9ef4c0f18e', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '41d509f25e61218e8ff44205e0066efc9871c48b', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'b18a6439eb3e331eadc8befe7d4a6625e5a2fe78', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '019080783c0879090b3b20df3c34a82fee01366f', name: "label-info" })), index.h("div", { key: '09756ffd657327ec2bc2a8ae5e39b2a5cf33ecda', class: "gux-input-and-error-container" }, index.h("slot", { key: 'ff1bffdc217f9eff4caead89b0ec19179e9c0669', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '7623a79ff314b2286cdcf03c00e964e317627414', show: this.hasError }, index.h("slot", { key: '1b29ff15208bec388a11900e21f81e5b60300211', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '4fc70bf6a7764f229f4a46bba5cf4ec3e0f5394a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '42030254f9c567f2b9aa7aaee0a5458cb08583d7', name: "help" })))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-C1LZ-Zd8.js');
-var usage = require('./usage-o6I3mOuO.js');
-var index$1 = require('./index-CjUBUVCO.js');
+var index = require('./index-DJ9HGtdZ.js');
+var usage = require('./usage-Ypiicskt.js');
+var index$1 = require('./index-CnZZCg2E.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const clear = "Clear";
@@ -21,7 +21,7 @@ const GuxFormFieldInputClearButton = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("button", { key: 'eb2638c446e2cfff03c343a74309d2289920c883', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, index.h("gux-icon", { key: '56472430d5ed1331a5e8225e0c68660a6f7d76a5', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), index.h("gux-tooltip-beta", { key: '87eed8bfc2aef664417d4bbf7ba63521a3886985', "visual-only": true }, index.h("div", { key: 'f0bb25c70e210ffb9260c31e72ebd41e17ad9cb0', slot: "content" }, this.i18n('clear')))));
+        return (index.h("button", { key: '69c846a9dac078cf1b2affbbd802bcdf5e342671', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, index.h("gux-icon", { key: '75f116fced0dc325f669efbc3dcaa8a44ee52e7c', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), index.h("gux-tooltip-beta", { key: '752ef91c7cc3d5e0f0e320b799f6b75fd7a28caa', "visual-only": true }, index.h("div", { key: '082c3d468a87dcfdd360a79f22e13f33b1b4cfb9', slot: "content" }, this.i18n('clear')))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-form-field-label-indicator.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-C1LZ-Zd8.js');
-var usage = require('./usage-o6I3mOuO.js');
-var index$1 = require('./index-CjUBUVCO.js');
+var index = require('./index-DJ9HGtdZ.js');
+var usage = require('./usage-Ypiicskt.js');
+var index$1 = require('./index-CnZZCg2E.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const optional = "optional";

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

@@ -1,20 +1,20 @@
 'use strict';
 
-var index = require('./index-C1LZ-Zd8.js');
-var index$1 = require('./index-CjUBUVCO.js');
+var index = require('./index-DJ9HGtdZ.js');
+var index$1 = require('./index-CnZZCg2E.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var onMutation = require('./on-mutation-Bpt2qL-s.js');
+var onMutation = require('./on-mutation-una8GcoZ.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
 var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var guxFormFieldError = require('./gux-form-field-error-DsQplUhW.js');
-var guxFormFieldContainer = require('./gux-form-field-container-C_ksnWvh.js');
-var usage = require('./usage-o6I3mOuO.js');
+var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
+var guxFormFieldContainer = require('./gux-form-field-container-BkBBWJ-I.js');
+var usage = require('./usage-Ypiicskt.js');
 var focusInputElement = require('./focus-input-element-DmhIgp7F.js');
 var en = require('./en-0H0Z_nRu.js');
-var onClickOutside = require('./on-click-outside-CXDzyPsA.js');
+var onClickOutside = require('./on-click-outside-Cn9ProR4.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./random-html-id-DH9-ntZu.js');
@@ -114,14 +114,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '90d5e16c6ef7e2a2e7abddc91bf5713c688d7441', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '1796e128b658cef62715939694a50c71563adf1f', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '74b756eea647e50e0ec1f5b9b8ef196ff0baf919', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '41c513200de88aeea159bdc06ec72ba4eef7d0ec', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'bbead0e0878d01a6c5b5c2080fd379bfe280781c', name: "label-info" })), index.h("div", { key: 'd29c19a7659f7c6256d04f30c559f7a250db8d59', class: "gux-input-and-error-container" }, index.h("div", { key: '348f1bd39cce8cb55808e575edce407a9de787c5', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '137a3979f9996ba04d92dd420167dd84d8bd678b', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '7d5bf5c68f8537a328d7c1b8e7a2c366cdce2128', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '102f722e3e88f68a49e11133c227c892032a28cf', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'd88bf90fa98f018248a28f08ed9e217466ddce18', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '37df5a0dd779d9da8cf3b60f84d5e52115e1fa46', name: "label-info" })), index.h("div", { key: '5937c320d96258cde309337a7e055d42790b54fb', class: "gux-input-and-error-container" }, index.h("div", { key: 'd8391d88ec67783d1259f2e4942392db97e67904', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, index.h("div", { key: 'f5f0a64ecc9cdccad10aa53c736af6a58c64ad8c', class: {
+            }, part: "input-section" }, index.h("div", { key: 'ab857c5c2c6e1123c881ac599a508554ce6b4b7c', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '98f09b4410b331d1b6e3be20339cabe5e4ed7dac', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: '154a6d749eefe9b4e9a560665d6899c842d9cf88', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: '5595b19ff59894584333bb86b26626430e452d9f', show: this.hasError }, index.h("slot", { key: 'e3d9f931279d74a70d33249f8a91501ffdb6d5ef', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '01fead16f03e86758a9a0a678297566b2942af5f', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'a527b88629e7eb040ab000a6e6f3db8044c8c3cb', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '92c76a08f4e0cce0f905c06451e4c08c208813e6', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: '958fb87df1cb20157aaa4238422bc1e957ebd830', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: '73894cf0dd8900be644733ace75042f75db6f8da', show: this.hasError }, index.h("slot", { key: 'abf56087a30c56684cd3992365f9d1bd6be9129b', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'a9d02d2ae53c77fd0866b60ab1f88addf9c42673', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'ce70b5209a863db0f86ebe207e0cce4c9bc34f31', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -280,10 +280,10 @@ const GuxPaginationEllipsisButton = class {
     }
     render() {
         return [
-            index.h("gux-button", { key: 'dc02b1dd771945c1ecbce59fbafd05615874e712', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, index.h("gux-icon", { key: '5b873a48e18ea081aebe22ace5d8ad886a81ecfd', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            index.h("gux-tooltip", { key: 'd82be5b126883b6c7cc5667d85255aa04a5dd879', for: "popover-target" }, index.h("div", { key: '82059d46f97a0fecf7b0c53f8efc94ca01e21ae9', slot: "content" }, this.i18n('goToPage'))),
-            index.h("gux-popover", { key: '5c37bb4c99dc4a1192f059273dc1bb5b3ad1c1fc', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: 'b4bec3c175b53cac4f886437efdd68c185fa4486', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: '187a746265682d387c0429687851851367bad470' }, index.h("input", { key: '94f6afb7cd058db635e7c14377dc15e10dab9425', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
-                    evt.preventDefault() }), index.h("label", { key: '3185a2487e177d653614e56bd48010d94bc110a7', slot: "label" })))
+            index.h("gux-button", { key: 'f675fa38c456d9beee7326a392f9ac27e7dfa946', 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() }, index.h("gux-icon", { key: '66f106b639545c384b312af6e3518131c0c51507', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            index.h("gux-tooltip", { key: '97bc2b4e68b23bc09e7f9cb5574d53a2c1e447e2', for: "popover-target" }, index.h("div", { key: '34a54f5b4fe0f9a23a8cf7e86dc65fdfa1fae0f8', slot: "content" }, this.i18n('goToPage'))),
+            index.h("gux-popover", { key: '7b7c21bedf397397a4270749cf3d5ad28e26605e', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: '162226f7ee34a5f6a5ebf1f7bc1a8eea56247e8c', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: 'c3f0ca2db06c2db6d0e9f3e793940f0e9c4812b5' }, index.h("input", { key: 'a80d061649c45e69f26fa5d424e161e1c242b283', 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() }), index.h("label", { key: '987a1b40eed7e99bddfc906d0a4527e3c510b6a9', slot: "label" })))
         ];
     }
     get root() { return index.getElement(this); }

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

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-C1LZ-Zd8.js');
-var index$1 = require('./index-CjUBUVCO.js');
-var onMutation = require('./on-mutation-Bpt2qL-s.js');
+var index = require('./index-DJ9HGtdZ.js');
+var index$1 = require('./index-CnZZCg2E.js');
+var onMutation = require('./on-mutation-una8GcoZ.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
-var usage = require('./usage-o6I3mOuO.js');
-var guxFormFieldError = require('./gux-form-field-error-DsQplUhW.js');
-var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-DDS9BG7u.js');
+var usage = require('./usage-Ypiicskt.js');
+var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
+var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-SYa1tvh_.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
@@ -105,14 +105,14 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'd02acc2ecd285af4097c4f8e0650304ecb698666', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'b87c20f8aae8c7ac95a0d4ae146c7814515a5b3b' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '83d33ef98ffc592a170447e96ecabedd4125d256', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '75caecc8381787fb2751bc83fce11c65616c1d7a', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'b5738ff7cf2ce709943d6908293eacc2a6ddb645', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '33752d449da92a9101bb15c8c465fcb2901b69f6', name: "label-info" })), index.h("div", { key: '16ecb114cc8328b0e03657d6f8ad21dc824db150', class: "gux-input-and-error-container" }, index.h("div", { key: 'e03f1e808f07138f7d7a1fa706d4b0ae5857c9f6', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '6ea123b795f941d395a7c1d7e8248c8184635f9d', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'e35180713387b8b87a982794b63cf5197749b05f' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '0128e7171270e19de005c0a96111aeac91c87a87', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'e2e1ed9d712606fe4346ea71b1deb5156afc9362', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '400be36b93fcc6631d8daa566e7ba5cc60da27b4', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'b2141b31fea069c1bb53e09f6e94c7fcac247248', name: "label-info" })), index.h("div", { key: '0368025904483b8dd6e1d8eb9ed09b90c2fcc585', class: "gux-input-and-error-container" }, index.h("div", { key: '65f23143dcafc6e43a7f015cd17a129c5cbeaf9b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'cf3ed1da0bc6a6267faacbc72552603caa5a582c', class: {
+            } }, index.h("div", { key: 'dc607e41a5778de6e0d13b6a68234d3cd62d3c76', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '9c46324d327fb4d7f572ad88ca1aa611442df87d' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '3db40106986120504499cd2fc90f40fc2f8cc08b', show: this.hasError }, index.h("slot", { key: 'f8f4142753a77fcfef3837ac3f7cb0146a9472c5', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '7bb84e4970d97b8d5551cf9cc2c193555f90b8f1', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '8ae10776979cc9bbce58d3043d7749a8a6a913d2', name: "help" })))));
+            } }, index.h("slot", { key: 'b72d8f134d6ad1ae8f385bf5463975682dfcf2cb' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '47a516a955b5ea38ac3958bf7ec088819ae6a627', show: this.hasError }, index.h("slot", { key: 'f010fbaca29bdb66305ef43898b0166c75dc1b31', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '69d4e91c95728faa37a37305688d3cda67baa9d2', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '42b6207240a081af47c1be54b0d9e9a46fbe6c1b', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-C1LZ-Zd8.js');
-var onMutation = require('./on-mutation-Bpt2qL-s.js');
+var index = require('./index-DJ9HGtdZ.js');
+var onMutation = require('./on-mutation-una8GcoZ.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var index$1 = require('./index-CjUBUVCO.js');
-var guxFormFieldError = require('./gux-form-field-error-DsQplUhW.js');
-var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-DDS9BG7u.js');
+var index$1 = require('./index-CnZZCg2E.js');
+var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
+var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-SYa1tvh_.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
-var usage = require('./usage-o6I3mOuO.js');
+var usage = require('./usage-Ypiicskt.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const required = "Required";
@@ -130,8 +130,8 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'd59d42b7ac017dae65bdb39848d5d34e6cc15155', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '8c4c4493d85abb8085f04b0dd0aa31aa4d9c1ee3' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '977aa8619c01ac312ef2867af0d2b5035bffada6', position: "above", required: this.required }, index.h("slot", { key: '363436360629d4870983e06b63ff66d4916dfabf', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'a417bf7381dd2b035d1a7b6a8cbe8d5be755bccd', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '2a4d491c1d101eced26da978adf3b9534bb8b87e', name: "group-label-info" })), index.h("slot", { key: '5cb9c24b82a7f95bfc42cd5234080bf3fbf60ba3' }), index.h(guxFormFieldError.GuxFormFieldError, { key: '8aab8df8ea8220afd790231e34e9c40028481876', show: this.hasGroupError }, index.h("slot", { key: 'aa26defba2616e0e541e6d8338f15c3f97d52028', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '93c099443c2d59f555f84cdb51645a8de2f80bc7', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '2c11dbfc0399c3d8f48edca6eebf9f13e632f1b8', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'aa74a0a167f00c3a64afb9a1ac74906393e93b7b', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'fbee0e9663f864c367fb9c5443b001a07cf5af50' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '16d264679463de752d0c24e5709586e3a0e31e0f', position: "above", required: this.required }, index.h("slot", { key: 'ccbe1cbcf87cc55287ff48a61e3c4ed913c63acb', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '1abb12f3d9af3848a7c491660378d05ed1311bbc', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '2271df407dfd329251b62812b5af094fe779d991', name: "group-label-info" })), index.h("slot", { key: '41c1116bb04c07868aaebc9552fd21e9f7759f49' }), index.h(guxFormFieldError.GuxFormFieldError, { key: '7772c645665c4c9f5de81dc08a29970b89366439', show: this.hasGroupError }, index.h("slot", { key: '654fe35787e357c5e4ed113b48afc81d7bd27049', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '43855ebb7ca5320723db4d6a6f7f2e7c2c8c3ed1', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'a6c7b086edf4deae14fcbe9e9e78690c0bd81236', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-C1LZ-Zd8.js');
+var index = require('./index-DJ9HGtdZ.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var onMutation = require('./on-mutation-Bpt2qL-s.js');
+var onMutation = require('./on-mutation-una8GcoZ.js');
 var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var guxFormFieldError = require('./gux-form-field-error-DsQplUhW.js');
+var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-o6I3mOuO.js');
+var usage = require('./usage-Ypiicskt.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');
@@ -48,10 +48,10 @@ const GuxFormFieldRadio = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'ffa91c4980dedf6966d07728fac70af8dd3c0342', class: {
+        return (index.h(index.Host, { key: '2a07ccdfa483bedb9bd7317bd5dc6bd1529f081a', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '350a11e6b8ceea7db7421b4038ad3e92c42cbe20', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '4bdc2ab3f55b39ae4b3ce241d0a2155ce5699dfd', class: "gux-input-label" }, index.h("div", { key: '6ecd24d59520df35e1f959dec3811bcdc0ec813b', class: "gux-input" }, index.h("slot", { key: '9ea6fe772d5a3c9ec0adb84a9ebfc268ebe10f25', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '2157e39470641f4cfd1aaaa286bfd52967e07168', class: "gux-label" }, index.h("slot", { key: 'e6cdd130bd4e88fa354f5dae02f9fa151e19a52b', name: "label" }))), index.h("div", { key: 'a70f211ac223b25c8ca8eed0c5ebedbeaa0c470d', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '44f0c9d809c6151d78d1ba83240348c5c4f13267', show: this.hasError }, index.h("slot", { key: '21b3d86da75c6242de82e59dbf8a9459ac0b36f3', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '718a97a372c910e03201818251a4b147b188f095', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'b7c158cf60bf8646ca70c3348c55e13604a39058', name: "help" }))))));
+            } }, index.h("div", { key: 'c8a3bdf5ee71bbe4991d3a5e3cd9ee61dd06a290', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '332b5681500d15e60b9310c3cb802150e55dc7ba', class: "gux-input-label" }, index.h("div", { key: '72203629b351ccbba635c919ef76f6dc328d7403', class: "gux-input" }, index.h("slot", { key: 'abeae9fb7b1203eb8c240fa08dc9e4d7cc934996', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'bbf5041bf73d34bc4dd14a4218f02b9b1a6a6963', class: "gux-label" }, index.h("slot", { key: 'a967102925864849bc62718fbaa834e93364ff78', name: "label" }))), index.h("div", { key: '7a62d57b6b56a20c0c38402508e19e643b9b2877', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '22c26e650b61d4e7f0d4b56adaaddf83438d5d54', show: this.hasError }, index.h("slot", { key: '767a2b5bc7ae8346503371df88f0bdcd655dc8b0', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e7d2f365b35ff06030147c66f296fc96362509c4', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'd7b71e1858e4981ef423f763ef4e6533cd3ef9e3', name: "help" }))))));
     }
     setInput() {
         this.input = guxFormField_service.getSlottedInput(this.root, 'input[type="radio"][slot="input"]');

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

@@ -1,16 +1,16 @@
 'use strict';
 
-var index = require('./index-C1LZ-Zd8.js');
+var index = require('./index-DJ9HGtdZ.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var onMutation = require('./on-mutation-Bpt2qL-s.js');
+var onMutation = require('./on-mutation-una8GcoZ.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
 var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var guxFormFieldError = require('./gux-form-field-error-DsQplUhW.js');
-var guxFormFieldContainer = require('./gux-form-field-container-C_ksnWvh.js');
+var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
+var guxFormFieldContainer = require('./gux-form-field-container-BkBBWJ-I.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-o6I3mOuO.js');
-var onResize = require('./on-resize-nisbdZkE.js');
+var usage = require('./usage-Ypiicskt.js');
+var onResize = require('./on-resize-BVaymqbW.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');
@@ -116,9 +116,9 @@ const GuxFormFieldRange = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (index.h(index.Host, { key: '92ec1ee133a77d92f78c9202b871279a128a53bf', class: {
+        return (index.h(index.Host, { key: 'bc17164c8473b7fdf04e2bbfdfb6580ef14b1aa5', class: {
                 'gux-active': this.active
-            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'd71760f210098f07fce8cdd7534f1a28c2e23e34', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '91e96fbb01462269dde8c4002a99ba6bc01b0ca0', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'faedc0d452b980a1a31ee866528f11478c0b30d6', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'd5dd35d8531b413aa9d7070a3c6f9445dbafb906', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '5a88aedcaefd6194d1efdb3e505e4368ca01227c', name: "label-info" })), index.h("div", { key: '186590723bbc1dd4fc3e3b5df51e4ac8b9d364d3', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '3f9bf15506edae92c99c6ef2253fcac88f5f6efd', show: this.hasError }, index.h("slot", { key: '87142fe9eaea7022f303a96c964251adc4e696bd', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '4c104fe413acd07a3c6bca04fbb5c07616e63925', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '67049f23c3d2f7a4b752e3204927aed9610fbe33', name: "help" }))))));
+            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '3d1822229e53b3753c486c35c0bc4f63206adcde', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'c3bb26e77789bfba19bed7d1f4885f84a19d1d57', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '1cdfa1597694762bc753b2f24f92497620e3bf32', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '98dbeff398d089a6840083072fd2337372001a65', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'bf723a251796ce6d07f401ae83ba8c0d17a4c3f4', name: "label-info" })), index.h("div", { key: '23c49e029982a5a78023c4e05558dde97f9917b9', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '82e313cb42b83c40b758accd2596631068a3ea49', show: this.hasError }, index.h("slot", { key: '42847d83952fdc18764a117e209a07a008a63f36', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'adab703b517deb2c01d475ff6515e26eabdab680', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f2123fda5b0ab320bec4cc53e4ee775905fb2072', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -1,15 +1,15 @@
 'use strict';
 
-var index = require('./index-C1LZ-Zd8.js');
+var index = require('./index-DJ9HGtdZ.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var onMutation = require('./on-mutation-Bpt2qL-s.js');
+var onMutation = require('./on-mutation-una8GcoZ.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
 var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var guxFormFieldError = require('./gux-form-field-error-DsQplUhW.js');
-var guxFormFieldContainer = require('./gux-form-field-container-C_ksnWvh.js');
+var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
+var guxFormFieldContainer = require('./gux-form-field-container-BkBBWJ-I.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-o6I3mOuO.js');
+var usage = require('./usage-Ypiicskt.js');
 var focusInputElement = require('./focus-input-element-DmhIgp7F.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -101,13 +101,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'fd6c5b29b670241a7274565b60c512314ab8f383', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'c55ff8ad630dc94c527409b5ae311a3418b34496', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'b97c16c1b697337e83b6425ea61dc8cd29b277d0', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'f902dd50993fd669ab34555a2b885d9fd2c17b20', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '052b9371690257976bd2f427fe2acedf9286833b', name: "label-info" })), index.h("div", { key: '9fd52a6b9f3278c29a8d82192f291e36590e1c2b', class: "gux-input-and-error-container" }, index.h("div", { key: '77724793917db9866f3ad178944217a05c9c7ca3', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'd8e7979a398c2d2cb253a8963dcb73097071913a', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '0d660a0f7f1cca5fcee9e5e5e286c78c6cda27cf', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '7ebeaf339f5d7d1711e178055c4290b937dbead1', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'd2061f8d3881b5205886d5a4de3e4d4e1fbc63db', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'f22f7f97322585e46e0b0c6b531249923cabf72e', name: "label-info" })), index.h("div", { key: '1ffa3def92c9ed7ef2b2eabf7148c3126fcc0136', class: "gux-input-and-error-container" }, index.h("div", { key: '236f2873311d703f441604085aef6c4b36769dcc', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '62f5c3221ac6fa1c76a65debd59bfc4041d047f2', class: {
+            } }, index.h("div", { key: '2150cdfb85ae8958143f1665ae2b7df92ccf25db', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: '834aed9635d9356b920795bf76d3aca4a0b0de93', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), index.h("slot", { key: '4fee400396150e594f7b8139ffa6be376bf77d15', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '3c06d303acd96f4abcac5e33c13083bc5b6c793e', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '0a5ddf4eb6c946482a5d549ebf47fe8e409a0e52', show: this.hasError }, index.h("slot", { key: '96ae030d8262c09d64443dc2fb6c8c73d3cb4764', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '996725a6feacf9703909edf57940a21e1d1550ae', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '1d96b320eb1f3a2ea923eaf9b34470d52fbc36a6', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: '03e96968f01aae2c30253b3ad9a791f97284b003', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), index.h("slot", { key: 'a6dc120633867712474d085001dd155694f07ba5', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '8e4b4e775a10328088ae79e9f5c661d2740c3758', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '69f90a44bd6c4d0ebd1f82404646375ef7a488ec', show: this.hasError }, index.h("slot", { key: 'f0622f95157ae583e3282925f5d17d7d9cb47a55', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '698dbaabec30e0348bf9ce6ee29972bddae2234b', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '4f1238030632208d372842e9452f97739b3564fb', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -1,15 +1,15 @@
 'use strict';
 
-var index = require('./index-C1LZ-Zd8.js');
+var index = require('./index-DJ9HGtdZ.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var onMutation = require('./on-mutation-Bpt2qL-s.js');
+var onMutation = require('./on-mutation-una8GcoZ.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
 var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var guxFormFieldError = require('./gux-form-field-error-DsQplUhW.js');
-var guxFormFieldContainer = require('./gux-form-field-container-C_ksnWvh.js');
+var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
+var guxFormFieldContainer = require('./gux-form-field-container-BkBBWJ-I.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-o6I3mOuO.js');
+var usage = require('./usage-Ypiicskt.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');
@@ -91,13 +91,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'a7391265a55c9f703950aceefc7b598cecfbaefe', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '75f90669539ce8a2b00f169879168bb7b6f6c6de', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '4626bb3d47f8fb4191f3f609f7d3ed85457bc6e3', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '159e38c711a10611790936f2bbd017039242a6e2', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '3a54441e8560f64adde48187df3bbf76ac144abe', name: "label-info" })), index.h("div", { key: 'e536713db2c5822747681bb0a3315c0788e3c8cb', class: "gux-input-and-error-container" }, index.h("div", { key: '01cb019ea80bcc125ab27f53725f3f2c432e23ca', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '8c5479b8fd09bbc9073cacfb06af0c7d9f9dd08d', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '2328cf2f6608d0c6ca834636ffea363837bc9f20', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '05786d917bc60c7320bd7a91da1a51ccb2ffaff8', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '511c4b47c9a5404006c2ca14d278f096fe34fd31', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '60be6e914d33a654baed04a7787fd31acc76c769', name: "label-info" })), index.h("div", { key: 'be7230bca4a5ac4668d5906ab48465dbb1807dfb', class: "gux-input-and-error-container" }, index.h("div", { key: '8cc741be5b94dda1474c4e47c5b4d2f33c630d61', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'a4b5e98a17f1d6b01a3020bb073394afe10a3181', class: {
+            } }, index.h("div", { key: '5af314bb0e48c2ab8da00be983cd76f7c96807a2', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'a75c8740296b9e9b169d07f3101276206b500d2a', name: "input" }), index.h("gux-icon", { key: 'b1ee6350c9dfed5ddb999e3849422f847b05179d', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '33b5b8de06086d1c049a7928e46064c4f7beb4fe', show: this.hasError }, index.h("slot", { key: 'fdf44c14aa5b78dd2704029e360bb0a0413f524c', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'd64c8146fd9fd495c27ef297a63991868237d33e', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'a520e8e02675c633588e4dbc98c44e33936d5c55', name: "help" })))));
+            } }, index.h("slot", { key: '8253322c41297ef2295e0b1cb7908014310a187e', name: "input" }), index.h("gux-icon", { key: '414fd118181dd6a87cad8ae1abaaf5b73ee45a33', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'ae8743e1cda6d0c5342b03ad6fd67a2a01599f2f', show: this.hasError }, index.h("slot", { key: '84eab9fd4a7712f812dfe05cd1a31fb8681bdd3d', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'da3fb38e991924f1a87ddc3b823ebb99875d9cfc', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '7de985c4c6ab83808d9090e1b62eac449d3c4f61', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -1,15 +1,15 @@
 'use strict';
 
-var index = require('./index-C1LZ-Zd8.js');
+var index = require('./index-DJ9HGtdZ.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var onMutation = require('./on-mutation-Bpt2qL-s.js');
+var onMutation = require('./on-mutation-una8GcoZ.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
 var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var guxFormFieldError = require('./gux-form-field-error-DsQplUhW.js');
-var guxFormFieldContainer = require('./gux-form-field-container-C_ksnWvh.js');
+var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
+var guxFormFieldContainer = require('./gux-form-field-container-BkBBWJ-I.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-o6I3mOuO.js');
+var usage = require('./usage-Ypiicskt.js');
 var focusInputElement = require('./focus-input-element-DmhIgp7F.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -114,15 +114,15 @@ const GuxFormFieldTextLike = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '3c62db2addf2fb4d2d5be8dc3e51d4385a618b4c', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '997b62cf46227fa695e8a93af07e6f3d3b510680', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '1bb7da1969e42ec527c5895e97581308dc25e3e4', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '645502cbb48a7c5127ac0e0575631a30a456bb45', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '9b96929ef963b2b965d1c4e0905b914fc56f241f', name: "label-info" })), index.h("div", { key: 'e30f3b623011037ee9fe78c41a8ff178a112470f', class: "gux-input-and-error-container" }, index.h("div", { key: '0f37f77962bcaf5ecdda78a98a9d3d0d2354307a', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '3aae89e5a9e34e64fdaf202ca32750974b70f25b', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'cab23d517a69ae2708d3893429c34b4bb09f4a62', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '368437105310fa272294d0df9eb9b9d741b44003', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'aab5d0450aada4a9727653bbcca84251f8d06b36', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '999514abce677aaa46c3361ff14c4881d72ae2ac', name: "label-info" })), index.h("div", { key: 'a36229ad90648c4dcaee9c8f32d7c0e286a8fb81', class: "gux-input-and-error-container" }, index.h("div", { key: 'dac2dd9e5b3837723ee488585da2e62265a67c1e', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '83e415a576eefdc52ea982168b0ba4bb525a2640', class: {
+            } }, index.h("div", { key: '513e5efef0697c77660342ebaa5381b014558f20', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: 'b5b3e7ed43c62346d62fae820488bbd220f21c78', name: "prefix" }), index.h("slot", { key: 'b863ade92899094495a12faa0cb978e5e82aa629', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: '7381412da44e249055eb87962e8df615ef8a2f9d', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '43310be87e705154229229ba19587faa4705a1ce', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'd92e5a18ab41c974eda35a40351e7b93a91bc226', show: this.hasError }, index.h("slot", { key: '698ea30abfd156114594669cbf62aac2f0dc7b14', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'b9b4a0deefe1c4cdb056fc713fb873577e487636', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'e710981660c84dda0a1a99b13943f15817175dc6', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '6fa9abcd69b8e834f338c424e0a5295400718e88', name: "prefix" }), index.h("slot", { key: 'b9ea3983bfb38b05fc0274aa8c1042c7d117a550', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: 'f0da41ca1dbca2296834c84104e60ac2d54914fe', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '6d39235478e7282efa3753e1eabdad8bae160337', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'b47c0a8d858e5e9596c83202cbde4082c244f72d', show: this.hasError }, index.h("slot", { key: 'c93308a6bc3fb318fc909ad284692912cd224586', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e9b5190399bbb70517d3c70b9165c42bef7db285', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '67035512f0b6e178eb4c50f754bd0e51090a9cc0', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition