@everymatrix/general-registration 1.63.0 → 1.63.2
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.
|
@@ -12854,9 +12854,11 @@ const TelInput = class {
|
|
|
12854
12854
|
}, 500);
|
|
12855
12855
|
};
|
|
12856
12856
|
this.handleBlur = () => {
|
|
12857
|
-
|
|
12858
|
-
|
|
12859
|
-
|
|
12857
|
+
if (!this.touched) {
|
|
12858
|
+
this.isValid = this.setValidity();
|
|
12859
|
+
this.errorMessage = this.setErrorMessage();
|
|
12860
|
+
this.touched = true;
|
|
12861
|
+
}
|
|
12860
12862
|
};
|
|
12861
12863
|
this.setClientStyling = () => {
|
|
12862
12864
|
let sheet = document.createElement('style');
|
|
@@ -12996,8 +12998,8 @@ const TelInput = class {
|
|
|
12996
12998
|
if (this.touched) {
|
|
12997
12999
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
12998
13000
|
}
|
|
12999
|
-
return index.h("div", { key: '
|
|
13000
|
-
index.h("img", { key: '
|
|
13001
|
+
return index.h("div", { key: '32e4ff12127da0f261d4580f7f89774cc705264f', class: `tel__wrapper ${this.autofilled ? 'tel__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, index.h("div", { key: 'ede5ef576ea22d3ede41e757d7f699f97ecd0833', class: 'tel__wrapper--flex-label' }, index.h("label", { key: '1379ab17cb2fec886419de769d6d2013c16c0338', class: `tel__label ${this.validation.mandatory ? 'tel__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), index.h("div", { key: '8fdfdf05e90268678a0260024fd021ddceb50f02', class: 'tel__wrapper--relative' }, this.tooltip &&
|
|
13002
|
+
index.h("img", { key: 'f214c0175f211055c69c1f46f556521d7007eb8d', class: 'tel__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), index.h("div", { key: 'b9634dea14fa7f3ccabdf4b46bebe31f74f207e9', class: `tel__wrapper--flex ${invalidClass}` }, index.h("vaadin-combo-box", { key: '4a20c8dfc0162f9c82c04c345cb24c69c7e043f6', class: 'tel__prefix', items: this.phoneCodesOptions, value: this.prefixValue, readOnly: this.autofilled, onChange: (e) => this.handlePrefixInput(e) }), index.h("input", { key: '16bc2873fa89d882ff862f79b293e125ff4c30ba', type: "tel", ref: (el) => this.inputReference = el, id: `${this.name}__input`, readOnly: this.autofilled, class: `tel__input`, value: this.phoneValue, placeholder: `${this.placeholder}`, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, pattern: this.validationPattern, onInput: this.handleInput, onBlur: this.handleBlur })), index.h("small", { key: '0b3a96f3a727b469ed116053139cc5d5008c1b76', class: 'tel__error-message' }, this.errorMessage));
|
|
13001
13003
|
}
|
|
13002
13004
|
static get watchers() { return {
|
|
13003
13005
|
"clientStyling": ["handleStylingChange"],
|
|
@@ -12850,9 +12850,11 @@ const TelInput = class {
|
|
|
12850
12850
|
}, 500);
|
|
12851
12851
|
};
|
|
12852
12852
|
this.handleBlur = () => {
|
|
12853
|
-
|
|
12854
|
-
|
|
12855
|
-
|
|
12853
|
+
if (!this.touched) {
|
|
12854
|
+
this.isValid = this.setValidity();
|
|
12855
|
+
this.errorMessage = this.setErrorMessage();
|
|
12856
|
+
this.touched = true;
|
|
12857
|
+
}
|
|
12856
12858
|
};
|
|
12857
12859
|
this.setClientStyling = () => {
|
|
12858
12860
|
let sheet = document.createElement('style');
|
|
@@ -12992,8 +12994,8 @@ const TelInput = class {
|
|
|
12992
12994
|
if (this.touched) {
|
|
12993
12995
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
12994
12996
|
}
|
|
12995
|
-
return h$1("div", { key: '
|
|
12996
|
-
h$1("img", { key: '
|
|
12997
|
+
return h$1("div", { key: '32e4ff12127da0f261d4580f7f89774cc705264f', class: `tel__wrapper ${this.autofilled ? 'tel__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h$1("div", { key: 'ede5ef576ea22d3ede41e757d7f699f97ecd0833', class: 'tel__wrapper--flex-label' }, h$1("label", { key: '1379ab17cb2fec886419de769d6d2013c16c0338', class: `tel__label ${this.validation.mandatory ? 'tel__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h$1("div", { key: '8fdfdf05e90268678a0260024fd021ddceb50f02', class: 'tel__wrapper--relative' }, this.tooltip &&
|
|
12998
|
+
h$1("img", { key: 'f214c0175f211055c69c1f46f556521d7007eb8d', class: 'tel__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h$1("div", { key: 'b9634dea14fa7f3ccabdf4b46bebe31f74f207e9', class: `tel__wrapper--flex ${invalidClass}` }, h$1("vaadin-combo-box", { key: '4a20c8dfc0162f9c82c04c345cb24c69c7e043f6', class: 'tel__prefix', items: this.phoneCodesOptions, value: this.prefixValue, readOnly: this.autofilled, onChange: (e) => this.handlePrefixInput(e) }), h$1("input", { key: '16bc2873fa89d882ff862f79b293e125ff4c30ba', type: "tel", ref: (el) => this.inputReference = el, id: `${this.name}__input`, readOnly: this.autofilled, class: `tel__input`, value: this.phoneValue, placeholder: `${this.placeholder}`, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, pattern: this.validationPattern, onInput: this.handleInput, onBlur: this.handleBlur })), h$1("small", { key: '0b3a96f3a727b469ed116053139cc5d5008c1b76', class: 'tel__error-message' }, this.errorMessage));
|
|
12997
12999
|
}
|
|
12998
13000
|
static get watchers() { return {
|
|
12999
13001
|
"clientStyling": ["handleStylingChange"],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as l}from"./p-59a2915a.js";export{s as setNonce}from"./p-59a2915a.js";import{g as i}from"./p-e1255160.js";(()=>{const l=import.meta.url,i={};return""!==l&&(i.resourcesUrl=new URL(".",l).href),e(i)})().then((async e=>(await i(),l([["p-
|
|
1
|
+
import{p as e,b as l}from"./p-59a2915a.js";export{s as setNonce}from"./p-59a2915a.js";import{g as i}from"./p-e1255160.js";(()=>{const l=import.meta.url,i={};return""!==l&&(i.resourcesUrl=new URL(".",l).href),e(i)})().then((async e=>(await i(),l([["p-07c26786",[[1,"general-registration",{endpoint:[513],language:[513],clientStyling:[1537,"client-styling"],mbSource:[1,"mb-source"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],dateFormat:[513,"date-format"],buttonInsideForm:[516,"button-inside-form"],btag:[513],emitOnClick:[516,"emit-on-click"],errorMessage:[32],isFormValid:[32],isConsentValid:[32],isConsentReady:[32],isLoading:[32],isLoadingPOST:[32],registrationStep:[32],forms:[32],limitStylingAppends:[32],autofilled:[32],isInitalInteraction:[32]},[[0,"sendValidityState","checkInputsValidityHandler"],[0,"sendInputValue","getInputsValueHandler"],[8,"message","messageHandler"]],{registrationStep:["sendStep"],clientStyling:["handleStylingChange"],clientStylingUrl:["handleStylingUrlChange"],forms:["setFormValidity"],btag:["addBtag"]}],[1,"general-input",{type:[513],name:[513],displayName:[513,"display-name"],placeholder:[513],action:[513],validation:[16],options:[520],language:[513],autofilled:[516],tooltip:[513],defaultValue:[520,"default-value"],emitValue:[516,"emit-value"],isDuplicateInput:[516,"is-duplicate-input"],clientStyling:[520,"client-styling"],dateFormat:[513,"date-format"],translationUrl:[513,"translation-url"],emitOnClick:[516,"emit-on-click"]}],[1,"toggle-checkbox-input",{name:[513],displayName:[513,"display-name"],defaultValue:[513,"default-value"],options:[16],autofilled:[516],tooltip:[513],validation:[16],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32],showFields:[32]},[[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"]}],[1,"checkbox-group-input",{name:[513],displayName:[513,"display-name"],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],options:[16],validation:[16],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32],selectedValues:[32]},[[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],selectedValues:["setValue"],emitValue:["emitValueHandler"]}],[1,"checkbox-input",{name:[513],displayName:[513,"display-name"],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],validation:[16],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"date-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],dateFormat:[513,"date-format"],emitOnClick:[516,"emit-on-click"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"email-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],language:[513],emitValue:[516,"emit-value"],isDuplicateInput:[516,"is-duplicate-input"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[4,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"number-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"password-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],validation:[16],language:[513],emitValue:[516,"emit-value"],isDuplicateInput:[516,"is-duplicate-input"],clientStyling:[513,"client-styling"],isValid:[32],errorMessage:[32],limitStylingAppends:[32],showTooltip:[32],passwordComplexity:[32],showPopup:[32],value:[32]},[[16,"sendOriginalValidityState","originalValidityChangedHandler"],[16,"sendInputValue","valueChangedHandler"],[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],value:["valueChanged"],emitValue:["emitValueHandler"]}],[1,"radio-input",{name:[513],displayName:[513,"display-name"],optionsGroup:[16],validation:[16],tooltip:[513],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"select-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],action:[513],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],options:[16],validation:[16],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"tel-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],showLabels:[516,"show-labels"],action:[513],validation:[16],defaultValue:[520,"default-value"],autofilled:[516],tooltip:[513],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],isValid:[32],errorMessage:[32],limitStylingAppends:[32],showTooltip:[32]},[[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"text-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],language:[513],checkValidity:[516,"check-validity"],emitValue:[516,"emit-value"],isDuplicateInput:[516,"is-duplicate-input"],clientStyling:[513,"client-styling"],isValid:[32],errorMessage:[32],limitStylingAppends:[32],showTooltip:[32]},[[4,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"],[16,"validationChange","handleValidationChange"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}]]]],e))));
|