@everymatrix/general-registration 1.86.24 → 1.86.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/checkbox-group-input_15.cjs.entry.js +18 -11
- package/dist/collection/components/general-registration/general-registration.js +1 -1
- package/dist/esm/checkbox-group-input_15.entry.js +18 -11
- package/dist/general-registration/checkbox-group-input_15.entry.js +1 -1
- package/package.json +1 -1
|
@@ -14491,7 +14491,7 @@ const GeneralRegistration = class {
|
|
|
14491
14491
|
});
|
|
14492
14492
|
// Give to each field the user input as the default value.
|
|
14493
14493
|
this.listOfInputValues.forEach(inputValue => {
|
|
14494
|
-
const input = this.
|
|
14494
|
+
const input = this.forms[this.registrationStep].find(input => input.name === inputValue.name);
|
|
14495
14495
|
if (input) {
|
|
14496
14496
|
input.defaultValue = inputValue.value;
|
|
14497
14497
|
// if the input is a togglecheckbox, set the default value for each subfield.
|
|
@@ -15693,9 +15693,13 @@ const PostalCodeInput = class {
|
|
|
15693
15693
|
this.limitStylingAppends = true;
|
|
15694
15694
|
}
|
|
15695
15695
|
}
|
|
15696
|
-
|
|
15696
|
+
componentWillLoad() {
|
|
15697
15697
|
if (this.defaultValue) {
|
|
15698
15698
|
this.value = this.defaultValue;
|
|
15699
|
+
}
|
|
15700
|
+
}
|
|
15701
|
+
componentDidLoad() {
|
|
15702
|
+
if (this.defaultValue) {
|
|
15699
15703
|
this.valueHandler({ name: this.name, value: this.value });
|
|
15700
15704
|
}
|
|
15701
15705
|
if (this.inputReference) {
|
|
@@ -15778,7 +15782,7 @@ const PostalCodeInput = class {
|
|
|
15778
15782
|
let shouldShowNoResults = this.showNoResultsMessage && this.currentPostalCode &&
|
|
15779
15783
|
this.currentPostalCode.length >= this.postalcodelength && (((_b = this.addresses) === null || _b === void 0 ? void 0 : _b.length) === 0) && isUKCountry;
|
|
15780
15784
|
let showLoadingMessage = this.isFetchingAddresses && this.currentPostalCode.length >= this.postalcodelength;
|
|
15781
|
-
return (index.h("div", { key: '
|
|
15785
|
+
return (index.h("div", { key: 'e9f5150be1bfd3cd33b4d6f90f0292d1d0f0fdfd', class: `text__wrapper ${this.name}__input ${this.autofilled ? 'text__wrapper--autofilled' : ''}`, ref: el => this.stylingContainer = el }, index.h("div", { key: '045e7fd150d0749819f7c2d283195450dfc79f81', class: 'text__wrapper--flex' }, index.h("label", { key: '8ce7293d41ea1d9193b22dd9c2dda12df48376cc', class: `text__label ${this.validation.mandatory ? 'text__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), index.h("div", { key: '3354986f86233b7a445b56d729535586ff955e46', class: 'text__wrapper--relative' }, this.tooltip && (index.h("img", { key: '7e026dd7517172c576a398333ca16577878a214f', class: 'text__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip })), this.renderTooltip())), index.h("div", { key: '0f8ab766a13f8664fcfa88ba70aab936349bdacb', class: 'input__text-wrapper' }, index.h("input", { key: 'f3b17143e8a8ad6c56d23a47393c2dd18fb12ce6', name: this.name, id: `${this.name}__input`, value: this.determineInputValue(), type: 'text', class: `text__input ${invalidClass}`, placeholder: `${this.placeholder}`, ref: (el) => this.inputReference = el, readOnly: this.autofilled, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.maxPostalCodeLength, onInput: this.handleInput, onBlur: this.handleBlur, onFocus: this.handleFocus }), !isUKCountry && (index.h("p", { key: '02cd5832d04bfc58c4f20fa54320394ce5ee8abd', class: "address__manual-input-msg", onClick: () => this.enterAddressManually() }, translate$1('enterIEAddressManually', this.language))), showAddressesDropdown && (index.h("div", { key: 'e32883eb064e2432fd422211b38d1fec9ec55816', class: "input__addresses-container", ref: (el) => (this.addressesDropdownRef = el) }, index.h("div", { key: 'e8e4728df77d0b609291be30bab27722f3c372c8', class: "options" }, this.addresses.map((addr, index$1) => (index.h("div", { key: index$1, class: "option", onClick: (e) => this.handlePostalCode(e, addr) }, addr.number, " ", addr.street, " ", addr.city)))))), showLoadingMessage && (index.h("div", { key: '5c08c604e44487ef1d356d4aa9d23b1b47332435', class: "postalcode__loading-spinner" }, index.h("div", { key: '76699a1b07daeb12cf55204fb83eb8f3003262e9', class: "loading-spinner" }), index.h("span", { key: 'a8550c3b9c5100a64ea882de991e3f2a2d044706' }, translate$1('searchingForAddresses', this.language)))), shouldShowNoResults && (index.h("div", { key: 'dbca8d8b0ed6b66352f68a90fed96643bc453b8a', class: "postalcode__no-results-message" }, translate$1('postalLookUpNoAddressFound', this.language)))), index.h("small", { key: '74d464ef12ba991d08423ea1494130cf52658e83', class: 'text__error-message' }, this.errorMessage)));
|
|
15782
15786
|
}
|
|
15783
15787
|
static get watchers() { return {
|
|
15784
15788
|
"clientStyling": ["handleStylingChange"],
|
|
@@ -16011,7 +16015,7 @@ const SelectInput = class {
|
|
|
16011
16015
|
componentDidLoad() {
|
|
16012
16016
|
this.inputReference = this.vaadinCombo.querySelector('input');
|
|
16013
16017
|
if (this.defaultValue) {
|
|
16014
|
-
this.value = this.defaultValue
|
|
16018
|
+
this.value = this.defaultValue;
|
|
16015
16019
|
this.valueHandler({ name: this.name, value: this.value });
|
|
16016
16020
|
if (this.inputReference) {
|
|
16017
16021
|
this.inputReference.value = this.value;
|
|
@@ -16073,10 +16077,10 @@ const SelectInput = class {
|
|
|
16073
16077
|
if (this.touched) {
|
|
16074
16078
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
16075
16079
|
}
|
|
16076
|
-
return index.h("div", { key: '
|
|
16077
|
-
index.h("img", { key: '
|
|
16080
|
+
return index.h("div", { key: '9da8f0d78eb1db2794b913c6643caba23c5d7138', class: `select__wrapper ${this.autofilled ? 'select__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, index.h("div", { key: '9e79f10677fa7beec24bc0657e0e4e2f5fdefc46', class: 'select__wrapper--flex' }, index.h("label", { key: '9c26cea025092d9a59e3b66197dfa7716315e64f', class: 'select__label', htmlFor: `${this.name}__input` }, `${this.displayName} ${this.validation.mandatory ? '*' : ''}`), index.h("div", { key: 'f5563f0c7a408d879545b13b071d1928cd3b8772', class: 'select__wrapper--relative' }, this.tooltip &&
|
|
16081
|
+
index.h("img", { key: '2711543ea0a94436767f88a9af8f9cd28bf6248d', class: 'select__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), this.isComboBox ? index.h("vaadin-combo-box", { name: this.name, id: `${this.name}__input`, class: `select__input ${invalidClass} ${this.autofilled ? 'select__input--autofilled' : ''}`, "item-label-path": "label", "item-value-path": "value", ref: (el) => this.vaadinCombo = el, readOnly: this.autofilled, required: (_a = this.validation) === null || _a === void 0 ? void 0 : _a.mandatory, value: this.value, placeholder: `${this.placeholder}`, items: this.displayedOptions, onChange: this.handleComboChange, onBlur: this.handleBlur })
|
|
16078
16082
|
:
|
|
16079
|
-
index.h("vaadin-select", { name: this.name, popover: false, id: `${this.name}__input`, class: `select__input ${invalidClass} ${this.autofilled ? 'select__input--autofilled' : ''}`, "item-label-path": "label", "item-value-path": "value", ref: (el) => this.vaadinCombo = el, readOnly: this.autofilled, required: (_b = this.validation) === null || _b === void 0 ? void 0 : _b.mandatory, value: this.value, placeholder: `${this.placeholder}`, items: this.displayedOptions, onChange: this.handleSelectChange, "no-vertical-overlap": true, noVerticalOverlap: true }), index.h("small", { key: '
|
|
16083
|
+
index.h("vaadin-select", { name: this.name, popover: false, id: `${this.name}__input`, class: `select__input ${invalidClass} ${this.autofilled ? 'select__input--autofilled' : ''}`, "item-label-path": "label", "item-value-path": "value", ref: (el) => this.vaadinCombo = el, readOnly: this.autofilled, required: (_b = this.validation) === null || _b === void 0 ? void 0 : _b.mandatory, value: this.value, placeholder: `${this.placeholder}`, items: this.displayedOptions, onChange: this.handleSelectChange, "no-vertical-overlap": true, noVerticalOverlap: true }), index.h("small", { key: 'fe073796305e085ae10f9d99a146e56b50890e00', class: 'select__error-message' }, this.errorMessage));
|
|
16080
16084
|
}
|
|
16081
16085
|
static get watchers() { return {
|
|
16082
16086
|
"clientStyling": ["handleStylingChange"],
|
|
@@ -16438,9 +16442,13 @@ const TextInput = class {
|
|
|
16438
16442
|
}
|
|
16439
16443
|
// end custom styling area
|
|
16440
16444
|
}
|
|
16441
|
-
|
|
16445
|
+
componentWillLoad() {
|
|
16442
16446
|
if (this.defaultValue) {
|
|
16443
16447
|
this.value = this.defaultValue;
|
|
16448
|
+
}
|
|
16449
|
+
}
|
|
16450
|
+
componentDidLoad() {
|
|
16451
|
+
if (this.defaultValue) {
|
|
16444
16452
|
this.valueHandler({ name: this.name, value: this.value });
|
|
16445
16453
|
if (this.isDuplicateInput) {
|
|
16446
16454
|
this.touched = true;
|
|
@@ -16504,9 +16512,8 @@ const TextInput = class {
|
|
|
16504
16512
|
if (this.touched) {
|
|
16505
16513
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
16506
16514
|
}
|
|
16507
|
-
|
|
16508
|
-
|
|
16509
|
-
index.h("img", { key: '72d6f946f788c3ba9a27cde8a21942f9cbeac154', class: 'text__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), index.h("input", { key: '6076879f85ab22c0be60ea87f9ae0e24520fe315', name: this.name, id: `${this.name}__input`, value: displayValue, type: 'text', class: `text__input ${invalidClass}`, placeholder: `${this.placeholder}`, ref: (el) => this.inputReference = el, readOnly: this.autofilled, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, onInput: this.handleInput, onBlur: this.handleBlur }), index.h("small", { key: '75558d8b0709fd01cc8e1cee9baf235f2129ff89', class: 'text__error-message' }, this.errorMessage));
|
|
16515
|
+
return index.h("div", { key: '46152e946f6a45c2bb07ee07c43bcf356f3cfa29', class: `text__wrapper ${this.name}__input ${this.autofilled ? 'text__wrapper--autofilled' : ''}`, ref: el => this.stylingContainer = el }, index.h("div", { key: 'f584f23ee97b9a1d23862ec746366d5f00c56552', class: 'text__wrapper--flex' }, index.h("label", { key: 'ed9fe368bd00151d8b3e43daf148632cfe7d32ff', class: `text__label ${this.validation.mandatory ? 'text__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), index.h("div", { key: '01cd5f7321d78422049c45b1816801eca74d2b4d', class: 'text__wrapper--relative' }, this.tooltip &&
|
|
16516
|
+
index.h("img", { key: '403689aa01575770be4296aaef0c7846e496d6a7', class: 'text__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), index.h("input", { key: '5ec8443fd428ea00b9add243ea74e61fbd5b283a', name: this.name, id: `${this.name}__input`, value: this.value, type: 'text', class: `text__input ${invalidClass}`, placeholder: `${this.placeholder}`, ref: (el) => this.inputReference = el, readOnly: this.autofilled, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, onInput: this.handleInput, onBlur: this.handleBlur }), index.h("small", { key: 'd1eb4cf6ac28fff4664a56e27c9f2a21d72b0d61', class: 'text__error-message' }, this.errorMessage));
|
|
16510
16517
|
}
|
|
16511
16518
|
static get watchers() { return {
|
|
16512
16519
|
"clientStyling": ["handleStylingChange"],
|
|
@@ -445,7 +445,7 @@ export class GeneralRegistration {
|
|
|
445
445
|
});
|
|
446
446
|
// Give to each field the user input as the default value.
|
|
447
447
|
this.listOfInputValues.forEach(inputValue => {
|
|
448
|
-
const input = this.
|
|
448
|
+
const input = this.forms[this.registrationStep].find(input => input.name === inputValue.name);
|
|
449
449
|
if (input) {
|
|
450
450
|
input.defaultValue = inputValue.value;
|
|
451
451
|
// if the input is a togglecheckbox, set the default value for each subfield.
|
|
@@ -14487,7 +14487,7 @@ const GeneralRegistration = class {
|
|
|
14487
14487
|
});
|
|
14488
14488
|
// Give to each field the user input as the default value.
|
|
14489
14489
|
this.listOfInputValues.forEach(inputValue => {
|
|
14490
|
-
const input = this.
|
|
14490
|
+
const input = this.forms[this.registrationStep].find(input => input.name === inputValue.name);
|
|
14491
14491
|
if (input) {
|
|
14492
14492
|
input.defaultValue = inputValue.value;
|
|
14493
14493
|
// if the input is a togglecheckbox, set the default value for each subfield.
|
|
@@ -15689,9 +15689,13 @@ const PostalCodeInput = class {
|
|
|
15689
15689
|
this.limitStylingAppends = true;
|
|
15690
15690
|
}
|
|
15691
15691
|
}
|
|
15692
|
-
|
|
15692
|
+
componentWillLoad() {
|
|
15693
15693
|
if (this.defaultValue) {
|
|
15694
15694
|
this.value = this.defaultValue;
|
|
15695
|
+
}
|
|
15696
|
+
}
|
|
15697
|
+
componentDidLoad() {
|
|
15698
|
+
if (this.defaultValue) {
|
|
15695
15699
|
this.valueHandler({ name: this.name, value: this.value });
|
|
15696
15700
|
}
|
|
15697
15701
|
if (this.inputReference) {
|
|
@@ -15774,7 +15778,7 @@ const PostalCodeInput = class {
|
|
|
15774
15778
|
let shouldShowNoResults = this.showNoResultsMessage && this.currentPostalCode &&
|
|
15775
15779
|
this.currentPostalCode.length >= this.postalcodelength && (((_b = this.addresses) === null || _b === void 0 ? void 0 : _b.length) === 0) && isUKCountry;
|
|
15776
15780
|
let showLoadingMessage = this.isFetchingAddresses && this.currentPostalCode.length >= this.postalcodelength;
|
|
15777
|
-
return (h$1("div", { key: '
|
|
15781
|
+
return (h$1("div", { key: 'e9f5150be1bfd3cd33b4d6f90f0292d1d0f0fdfd', class: `text__wrapper ${this.name}__input ${this.autofilled ? 'text__wrapper--autofilled' : ''}`, ref: el => this.stylingContainer = el }, h$1("div", { key: '045e7fd150d0749819f7c2d283195450dfc79f81', class: 'text__wrapper--flex' }, h$1("label", { key: '8ce7293d41ea1d9193b22dd9c2dda12df48376cc', class: `text__label ${this.validation.mandatory ? 'text__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h$1("div", { key: '3354986f86233b7a445b56d729535586ff955e46', class: 'text__wrapper--relative' }, this.tooltip && (h$1("img", { key: '7e026dd7517172c576a398333ca16577878a214f', class: 'text__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip })), this.renderTooltip())), h$1("div", { key: '0f8ab766a13f8664fcfa88ba70aab936349bdacb', class: 'input__text-wrapper' }, h$1("input", { key: 'f3b17143e8a8ad6c56d23a47393c2dd18fb12ce6', name: this.name, id: `${this.name}__input`, value: this.determineInputValue(), type: 'text', class: `text__input ${invalidClass}`, placeholder: `${this.placeholder}`, ref: (el) => this.inputReference = el, readOnly: this.autofilled, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.maxPostalCodeLength, onInput: this.handleInput, onBlur: this.handleBlur, onFocus: this.handleFocus }), !isUKCountry && (h$1("p", { key: '02cd5832d04bfc58c4f20fa54320394ce5ee8abd', class: "address__manual-input-msg", onClick: () => this.enterAddressManually() }, translate$1('enterIEAddressManually', this.language))), showAddressesDropdown && (h$1("div", { key: 'e32883eb064e2432fd422211b38d1fec9ec55816', class: "input__addresses-container", ref: (el) => (this.addressesDropdownRef = el) }, h$1("div", { key: 'e8e4728df77d0b609291be30bab27722f3c372c8', class: "options" }, this.addresses.map((addr, index) => (h$1("div", { key: index, class: "option", onClick: (e) => this.handlePostalCode(e, addr) }, addr.number, " ", addr.street, " ", addr.city)))))), showLoadingMessage && (h$1("div", { key: '5c08c604e44487ef1d356d4aa9d23b1b47332435', class: "postalcode__loading-spinner" }, h$1("div", { key: '76699a1b07daeb12cf55204fb83eb8f3003262e9', class: "loading-spinner" }), h$1("span", { key: 'a8550c3b9c5100a64ea882de991e3f2a2d044706' }, translate$1('searchingForAddresses', this.language)))), shouldShowNoResults && (h$1("div", { key: 'dbca8d8b0ed6b66352f68a90fed96643bc453b8a', class: "postalcode__no-results-message" }, translate$1('postalLookUpNoAddressFound', this.language)))), h$1("small", { key: '74d464ef12ba991d08423ea1494130cf52658e83', class: 'text__error-message' }, this.errorMessage)));
|
|
15778
15782
|
}
|
|
15779
15783
|
static get watchers() { return {
|
|
15780
15784
|
"clientStyling": ["handleStylingChange"],
|
|
@@ -16007,7 +16011,7 @@ const SelectInput = class {
|
|
|
16007
16011
|
componentDidLoad() {
|
|
16008
16012
|
this.inputReference = this.vaadinCombo.querySelector('input');
|
|
16009
16013
|
if (this.defaultValue) {
|
|
16010
|
-
this.value = this.defaultValue
|
|
16014
|
+
this.value = this.defaultValue;
|
|
16011
16015
|
this.valueHandler({ name: this.name, value: this.value });
|
|
16012
16016
|
if (this.inputReference) {
|
|
16013
16017
|
this.inputReference.value = this.value;
|
|
@@ -16069,10 +16073,10 @@ const SelectInput = class {
|
|
|
16069
16073
|
if (this.touched) {
|
|
16070
16074
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
16071
16075
|
}
|
|
16072
|
-
return h$1("div", { key: '
|
|
16073
|
-
h$1("img", { key: '
|
|
16076
|
+
return h$1("div", { key: '9da8f0d78eb1db2794b913c6643caba23c5d7138', class: `select__wrapper ${this.autofilled ? 'select__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h$1("div", { key: '9e79f10677fa7beec24bc0657e0e4e2f5fdefc46', class: 'select__wrapper--flex' }, h$1("label", { key: '9c26cea025092d9a59e3b66197dfa7716315e64f', class: 'select__label', htmlFor: `${this.name}__input` }, `${this.displayName} ${this.validation.mandatory ? '*' : ''}`), h$1("div", { key: 'f5563f0c7a408d879545b13b071d1928cd3b8772', class: 'select__wrapper--relative' }, this.tooltip &&
|
|
16077
|
+
h$1("img", { key: '2711543ea0a94436767f88a9af8f9cd28bf6248d', class: 'select__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), this.isComboBox ? h$1("vaadin-combo-box", { name: this.name, id: `${this.name}__input`, class: `select__input ${invalidClass} ${this.autofilled ? 'select__input--autofilled' : ''}`, "item-label-path": "label", "item-value-path": "value", ref: (el) => this.vaadinCombo = el, readOnly: this.autofilled, required: (_a = this.validation) === null || _a === void 0 ? void 0 : _a.mandatory, value: this.value, placeholder: `${this.placeholder}`, items: this.displayedOptions, onChange: this.handleComboChange, onBlur: this.handleBlur })
|
|
16074
16078
|
:
|
|
16075
|
-
h$1("vaadin-select", { name: this.name, popover: false, id: `${this.name}__input`, class: `select__input ${invalidClass} ${this.autofilled ? 'select__input--autofilled' : ''}`, "item-label-path": "label", "item-value-path": "value", ref: (el) => this.vaadinCombo = el, readOnly: this.autofilled, required: (_b = this.validation) === null || _b === void 0 ? void 0 : _b.mandatory, value: this.value, placeholder: `${this.placeholder}`, items: this.displayedOptions, onChange: this.handleSelectChange, "no-vertical-overlap": true, noVerticalOverlap: true }), h$1("small", { key: '
|
|
16079
|
+
h$1("vaadin-select", { name: this.name, popover: false, id: `${this.name}__input`, class: `select__input ${invalidClass} ${this.autofilled ? 'select__input--autofilled' : ''}`, "item-label-path": "label", "item-value-path": "value", ref: (el) => this.vaadinCombo = el, readOnly: this.autofilled, required: (_b = this.validation) === null || _b === void 0 ? void 0 : _b.mandatory, value: this.value, placeholder: `${this.placeholder}`, items: this.displayedOptions, onChange: this.handleSelectChange, "no-vertical-overlap": true, noVerticalOverlap: true }), h$1("small", { key: 'fe073796305e085ae10f9d99a146e56b50890e00', class: 'select__error-message' }, this.errorMessage));
|
|
16076
16080
|
}
|
|
16077
16081
|
static get watchers() { return {
|
|
16078
16082
|
"clientStyling": ["handleStylingChange"],
|
|
@@ -16434,9 +16438,13 @@ const TextInput = class {
|
|
|
16434
16438
|
}
|
|
16435
16439
|
// end custom styling area
|
|
16436
16440
|
}
|
|
16437
|
-
|
|
16441
|
+
componentWillLoad() {
|
|
16438
16442
|
if (this.defaultValue) {
|
|
16439
16443
|
this.value = this.defaultValue;
|
|
16444
|
+
}
|
|
16445
|
+
}
|
|
16446
|
+
componentDidLoad() {
|
|
16447
|
+
if (this.defaultValue) {
|
|
16440
16448
|
this.valueHandler({ name: this.name, value: this.value });
|
|
16441
16449
|
if (this.isDuplicateInput) {
|
|
16442
16450
|
this.touched = true;
|
|
@@ -16500,9 +16508,8 @@ const TextInput = class {
|
|
|
16500
16508
|
if (this.touched) {
|
|
16501
16509
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
16502
16510
|
}
|
|
16503
|
-
|
|
16504
|
-
|
|
16505
|
-
h$1("img", { key: '72d6f946f788c3ba9a27cde8a21942f9cbeac154', class: 'text__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h$1("input", { key: '6076879f85ab22c0be60ea87f9ae0e24520fe315', name: this.name, id: `${this.name}__input`, value: displayValue, type: 'text', class: `text__input ${invalidClass}`, placeholder: `${this.placeholder}`, ref: (el) => this.inputReference = el, readOnly: this.autofilled, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, onInput: this.handleInput, onBlur: this.handleBlur }), h$1("small", { key: '75558d8b0709fd01cc8e1cee9baf235f2129ff89', class: 'text__error-message' }, this.errorMessage));
|
|
16511
|
+
return h$1("div", { key: '46152e946f6a45c2bb07ee07c43bcf356f3cfa29', class: `text__wrapper ${this.name}__input ${this.autofilled ? 'text__wrapper--autofilled' : ''}`, ref: el => this.stylingContainer = el }, h$1("div", { key: 'f584f23ee97b9a1d23862ec746366d5f00c56552', class: 'text__wrapper--flex' }, h$1("label", { key: 'ed9fe368bd00151d8b3e43daf148632cfe7d32ff', class: `text__label ${this.validation.mandatory ? 'text__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h$1("div", { key: '01cd5f7321d78422049c45b1816801eca74d2b4d', class: 'text__wrapper--relative' }, this.tooltip &&
|
|
16512
|
+
h$1("img", { key: '403689aa01575770be4296aaef0c7846e496d6a7', class: 'text__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h$1("input", { key: '5ec8443fd428ea00b9add243ea74e61fbd5b283a', name: this.name, id: `${this.name}__input`, value: this.value, type: 'text', class: `text__input ${invalidClass}`, placeholder: `${this.placeholder}`, ref: (el) => this.inputReference = el, readOnly: this.autofilled, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, onInput: this.handleInput, onBlur: this.handleBlur }), h$1("small", { key: 'd1eb4cf6ac28fff4664a56e27c9f2a21d72b0d61', class: 'text__error-message' }, this.errorMessage));
|
|
16506
16513
|
}
|
|
16507
16514
|
static get watchers() { return {
|
|
16508
16515
|
"clientStyling": ["handleStylingChange"],
|