@everymatrix/pam-change-password 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.
|
@@ -13576,9 +13576,13 @@ const PostalCodeInput = class {
|
|
|
13576
13576
|
this.limitStylingAppends = true;
|
|
13577
13577
|
}
|
|
13578
13578
|
}
|
|
13579
|
-
|
|
13579
|
+
componentWillLoad() {
|
|
13580
13580
|
if (this.defaultValue) {
|
|
13581
13581
|
this.value = this.defaultValue;
|
|
13582
|
+
}
|
|
13583
|
+
}
|
|
13584
|
+
componentDidLoad() {
|
|
13585
|
+
if (this.defaultValue) {
|
|
13582
13586
|
this.valueHandler({ name: this.name, value: this.value });
|
|
13583
13587
|
}
|
|
13584
13588
|
if (this.inputReference) {
|
|
@@ -13661,7 +13665,7 @@ const PostalCodeInput = class {
|
|
|
13661
13665
|
let shouldShowNoResults = this.showNoResultsMessage && this.currentPostalCode &&
|
|
13662
13666
|
this.currentPostalCode.length >= this.postalcodelength && (((_b = this.addresses) === null || _b === void 0 ? void 0 : _b.length) === 0) && isUKCountry;
|
|
13663
13667
|
let showLoadingMessage = this.isFetchingAddresses && this.currentPostalCode.length >= this.postalcodelength;
|
|
13664
|
-
return (index.h("div", { key: '
|
|
13668
|
+
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('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('searchingForAddresses', this.language)))), shouldShowNoResults && (index.h("div", { key: 'dbca8d8b0ed6b66352f68a90fed96643bc453b8a', class: "postalcode__no-results-message" }, translate('postalLookUpNoAddressFound', this.language)))), index.h("small", { key: '74d464ef12ba991d08423ea1494130cf52658e83', class: 'text__error-message' }, this.errorMessage)));
|
|
13665
13669
|
}
|
|
13666
13670
|
static get watchers() { return {
|
|
13667
13671
|
"clientStyling": ["handleStylingChange"],
|
|
@@ -13894,7 +13898,7 @@ const SelectInput = class {
|
|
|
13894
13898
|
componentDidLoad() {
|
|
13895
13899
|
this.inputReference = this.vaadinCombo.querySelector('input');
|
|
13896
13900
|
if (this.defaultValue) {
|
|
13897
|
-
this.value = this.defaultValue
|
|
13901
|
+
this.value = this.defaultValue;
|
|
13898
13902
|
this.valueHandler({ name: this.name, value: this.value });
|
|
13899
13903
|
if (this.inputReference) {
|
|
13900
13904
|
this.inputReference.value = this.value;
|
|
@@ -13956,10 +13960,10 @@ const SelectInput = class {
|
|
|
13956
13960
|
if (this.touched) {
|
|
13957
13961
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
13958
13962
|
}
|
|
13959
|
-
return index.h("div", { key: '
|
|
13960
|
-
index.h("img", { key: '
|
|
13963
|
+
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 &&
|
|
13964
|
+
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 })
|
|
13961
13965
|
:
|
|
13962
|
-
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: '
|
|
13966
|
+
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));
|
|
13963
13967
|
}
|
|
13964
13968
|
static get watchers() { return {
|
|
13965
13969
|
"clientStyling": ["handleStylingChange"],
|
|
@@ -14321,9 +14325,13 @@ const TextInput = class {
|
|
|
14321
14325
|
}
|
|
14322
14326
|
// end custom styling area
|
|
14323
14327
|
}
|
|
14324
|
-
|
|
14328
|
+
componentWillLoad() {
|
|
14325
14329
|
if (this.defaultValue) {
|
|
14326
14330
|
this.value = this.defaultValue;
|
|
14331
|
+
}
|
|
14332
|
+
}
|
|
14333
|
+
componentDidLoad() {
|
|
14334
|
+
if (this.defaultValue) {
|
|
14327
14335
|
this.valueHandler({ name: this.name, value: this.value });
|
|
14328
14336
|
if (this.isDuplicateInput) {
|
|
14329
14337
|
this.touched = true;
|
|
@@ -14387,9 +14395,8 @@ const TextInput = class {
|
|
|
14387
14395
|
if (this.touched) {
|
|
14388
14396
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
14389
14397
|
}
|
|
14390
|
-
|
|
14391
|
-
|
|
14392
|
-
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));
|
|
14398
|
+
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 &&
|
|
14399
|
+
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));
|
|
14393
14400
|
}
|
|
14394
14401
|
static get watchers() { return {
|
|
14395
14402
|
"clientStyling": ["handleStylingChange"],
|
|
@@ -13572,9 +13572,13 @@ const PostalCodeInput = class {
|
|
|
13572
13572
|
this.limitStylingAppends = true;
|
|
13573
13573
|
}
|
|
13574
13574
|
}
|
|
13575
|
-
|
|
13575
|
+
componentWillLoad() {
|
|
13576
13576
|
if (this.defaultValue) {
|
|
13577
13577
|
this.value = this.defaultValue;
|
|
13578
|
+
}
|
|
13579
|
+
}
|
|
13580
|
+
componentDidLoad() {
|
|
13581
|
+
if (this.defaultValue) {
|
|
13578
13582
|
this.valueHandler({ name: this.name, value: this.value });
|
|
13579
13583
|
}
|
|
13580
13584
|
if (this.inputReference) {
|
|
@@ -13657,7 +13661,7 @@ const PostalCodeInput = class {
|
|
|
13657
13661
|
let shouldShowNoResults = this.showNoResultsMessage && this.currentPostalCode &&
|
|
13658
13662
|
this.currentPostalCode.length >= this.postalcodelength && (((_b = this.addresses) === null || _b === void 0 ? void 0 : _b.length) === 0) && isUKCountry;
|
|
13659
13663
|
let showLoadingMessage = this.isFetchingAddresses && this.currentPostalCode.length >= this.postalcodelength;
|
|
13660
|
-
return (h("div", { key: '
|
|
13664
|
+
return (h("div", { key: 'e9f5150be1bfd3cd33b4d6f90f0292d1d0f0fdfd', class: `text__wrapper ${this.name}__input ${this.autofilled ? 'text__wrapper--autofilled' : ''}`, ref: el => this.stylingContainer = el }, h("div", { key: '045e7fd150d0749819f7c2d283195450dfc79f81', class: 'text__wrapper--flex' }, h("label", { key: '8ce7293d41ea1d9193b22dd9c2dda12df48376cc', class: `text__label ${this.validation.mandatory ? 'text__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h("div", { key: '3354986f86233b7a445b56d729535586ff955e46', class: 'text__wrapper--relative' }, this.tooltip && (h("img", { key: '7e026dd7517172c576a398333ca16577878a214f', class: 'text__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip })), this.renderTooltip())), h("div", { key: '0f8ab766a13f8664fcfa88ba70aab936349bdacb', class: 'input__text-wrapper' }, 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 && (h("p", { key: '02cd5832d04bfc58c4f20fa54320394ce5ee8abd', class: "address__manual-input-msg", onClick: () => this.enterAddressManually() }, translate('enterIEAddressManually', this.language))), showAddressesDropdown && (h("div", { key: 'e32883eb064e2432fd422211b38d1fec9ec55816', class: "input__addresses-container", ref: (el) => (this.addressesDropdownRef = el) }, h("div", { key: 'e8e4728df77d0b609291be30bab27722f3c372c8', class: "options" }, this.addresses.map((addr, index) => (h("div", { key: index, class: "option", onClick: (e) => this.handlePostalCode(e, addr) }, addr.number, " ", addr.street, " ", addr.city)))))), showLoadingMessage && (h("div", { key: '5c08c604e44487ef1d356d4aa9d23b1b47332435', class: "postalcode__loading-spinner" }, h("div", { key: '76699a1b07daeb12cf55204fb83eb8f3003262e9', class: "loading-spinner" }), h("span", { key: 'a8550c3b9c5100a64ea882de991e3f2a2d044706' }, translate('searchingForAddresses', this.language)))), shouldShowNoResults && (h("div", { key: 'dbca8d8b0ed6b66352f68a90fed96643bc453b8a', class: "postalcode__no-results-message" }, translate('postalLookUpNoAddressFound', this.language)))), h("small", { key: '74d464ef12ba991d08423ea1494130cf52658e83', class: 'text__error-message' }, this.errorMessage)));
|
|
13661
13665
|
}
|
|
13662
13666
|
static get watchers() { return {
|
|
13663
13667
|
"clientStyling": ["handleStylingChange"],
|
|
@@ -13890,7 +13894,7 @@ const SelectInput = class {
|
|
|
13890
13894
|
componentDidLoad() {
|
|
13891
13895
|
this.inputReference = this.vaadinCombo.querySelector('input');
|
|
13892
13896
|
if (this.defaultValue) {
|
|
13893
|
-
this.value = this.defaultValue
|
|
13897
|
+
this.value = this.defaultValue;
|
|
13894
13898
|
this.valueHandler({ name: this.name, value: this.value });
|
|
13895
13899
|
if (this.inputReference) {
|
|
13896
13900
|
this.inputReference.value = this.value;
|
|
@@ -13952,10 +13956,10 @@ const SelectInput = class {
|
|
|
13952
13956
|
if (this.touched) {
|
|
13953
13957
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
13954
13958
|
}
|
|
13955
|
-
return h("div", { key: '
|
|
13956
|
-
h("img", { key: '
|
|
13959
|
+
return h("div", { key: '9da8f0d78eb1db2794b913c6643caba23c5d7138', class: `select__wrapper ${this.autofilled ? 'select__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h("div", { key: '9e79f10677fa7beec24bc0657e0e4e2f5fdefc46', class: 'select__wrapper--flex' }, h("label", { key: '9c26cea025092d9a59e3b66197dfa7716315e64f', class: 'select__label', htmlFor: `${this.name}__input` }, `${this.displayName} ${this.validation.mandatory ? '*' : ''}`), h("div", { key: 'f5563f0c7a408d879545b13b071d1928cd3b8772', class: 'select__wrapper--relative' }, this.tooltip &&
|
|
13960
|
+
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 ? 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 })
|
|
13957
13961
|
:
|
|
13958
|
-
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 }), h("small", { key: '
|
|
13962
|
+
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 }), h("small", { key: 'fe073796305e085ae10f9d99a146e56b50890e00', class: 'select__error-message' }, this.errorMessage));
|
|
13959
13963
|
}
|
|
13960
13964
|
static get watchers() { return {
|
|
13961
13965
|
"clientStyling": ["handleStylingChange"],
|
|
@@ -14317,9 +14321,13 @@ const TextInput = class {
|
|
|
14317
14321
|
}
|
|
14318
14322
|
// end custom styling area
|
|
14319
14323
|
}
|
|
14320
|
-
|
|
14324
|
+
componentWillLoad() {
|
|
14321
14325
|
if (this.defaultValue) {
|
|
14322
14326
|
this.value = this.defaultValue;
|
|
14327
|
+
}
|
|
14328
|
+
}
|
|
14329
|
+
componentDidLoad() {
|
|
14330
|
+
if (this.defaultValue) {
|
|
14323
14331
|
this.valueHandler({ name: this.name, value: this.value });
|
|
14324
14332
|
if (this.isDuplicateInput) {
|
|
14325
14333
|
this.touched = true;
|
|
@@ -14383,9 +14391,8 @@ const TextInput = class {
|
|
|
14383
14391
|
if (this.touched) {
|
|
14384
14392
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
14385
14393
|
}
|
|
14386
|
-
|
|
14387
|
-
|
|
14388
|
-
h("img", { key: '72d6f946f788c3ba9a27cde8a21942f9cbeac154', class: 'text__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), 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 }), h("small", { key: '75558d8b0709fd01cc8e1cee9baf235f2129ff89', class: 'text__error-message' }, this.errorMessage));
|
|
14394
|
+
return h("div", { key: '46152e946f6a45c2bb07ee07c43bcf356f3cfa29', class: `text__wrapper ${this.name}__input ${this.autofilled ? 'text__wrapper--autofilled' : ''}`, ref: el => this.stylingContainer = el }, h("div", { key: 'f584f23ee97b9a1d23862ec746366d5f00c56552', class: 'text__wrapper--flex' }, h("label", { key: 'ed9fe368bd00151d8b3e43daf148632cfe7d32ff', class: `text__label ${this.validation.mandatory ? 'text__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h("div", { key: '01cd5f7321d78422049c45b1816801eca74d2b4d', class: 'text__wrapper--relative' }, this.tooltip &&
|
|
14395
|
+
h("img", { key: '403689aa01575770be4296aaef0c7846e496d6a7', class: 'text__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), 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 }), h("small", { key: 'd1eb4cf6ac28fff4664a56e27c9f2a21d72b0d61', class: 'text__error-message' }, this.errorMessage));
|
|
14389
14396
|
}
|
|
14390
14397
|
static get watchers() { return {
|
|
14391
14398
|
"clientStyling": ["handleStylingChange"],
|