@everymatrix/general-registration 1.64.1 → 1.64.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.
|
@@ -12745,6 +12745,9 @@ const SelectInput = class {
|
|
|
12745
12745
|
this.sendInputValue.emit(inputValueEvent);
|
|
12746
12746
|
}
|
|
12747
12747
|
handleClickOutside(event) {
|
|
12748
|
+
//Check for empty field when closing the dropdown
|
|
12749
|
+
if (this.vaadinCombo.attributes['invalid'])
|
|
12750
|
+
this.errorMessage = this.setErrorMessage();
|
|
12748
12751
|
if (event.composedPath()[0] === this.tooltipIconReference)
|
|
12749
12752
|
return;
|
|
12750
12753
|
if (event.composedPath()[0] !== this.tooltipReference)
|
|
@@ -12753,7 +12756,7 @@ const SelectInput = class {
|
|
|
12753
12756
|
connectedCallback() {
|
|
12754
12757
|
this.displayedOptions = this.options.map(option => ({
|
|
12755
12758
|
label: option.label,
|
|
12756
|
-
value: option.value
|
|
12759
|
+
value: option.value
|
|
12757
12760
|
}));
|
|
12758
12761
|
}
|
|
12759
12762
|
componentWillLoad() {
|
|
@@ -12779,12 +12782,14 @@ const SelectInput = class {
|
|
|
12779
12782
|
// end custom styling area
|
|
12780
12783
|
}
|
|
12781
12784
|
componentDidLoad() {
|
|
12782
|
-
this.inputReference = this.
|
|
12783
|
-
this.isValid = this.setValidity();
|
|
12785
|
+
this.inputReference = this.vaadinCombo.querySelector('input');
|
|
12784
12786
|
if (this.defaultValue) {
|
|
12785
|
-
this.value
|
|
12787
|
+
const defaultOption = this.displayedOptions.find(option => option.value.toUpperCase() === this.defaultValue.toUpperCase());
|
|
12788
|
+
this.value = defaultOption.value;
|
|
12786
12789
|
this.valueHandler({ name: this.name, value: this.value });
|
|
12790
|
+
this.inputReference.value = this.value;
|
|
12787
12791
|
}
|
|
12792
|
+
this.isValid = this.setValidity();
|
|
12788
12793
|
}
|
|
12789
12794
|
getOptions(endpoint) {
|
|
12790
12795
|
const url = new URL(endpoint);
|
|
@@ -12818,10 +12823,9 @@ const SelectInput = class {
|
|
|
12818
12823
|
if (this.touched) {
|
|
12819
12824
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
12820
12825
|
}
|
|
12821
|
-
return index.h("div", { key: '
|
|
12822
|
-
index.h("img", { key: '
|
|
12826
|
+
return index.h("div", { key: '0b687e6a1bc7ec0cb6dba02c41b04315f4196fcf', class: `select__wrapper ${this.autofilled ? 'select__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, index.h("div", { key: '8c9d7987b209bc6ee991535fa91abf874d06046f', class: 'select__wrapper--flex' }, index.h("label", { key: 'f11ccc0c319bf3053615e4b7cdff8e640a9d2318', class: 'select__label', htmlFor: `${this.name}__input` }, `${this.displayName} ${this.validation.mandatory ? '*' : ''}`), index.h("div", { key: 'd2dd7a3b1d8a20ccb9b1222cb30835ed0193a39c', class: 'select__wrapper--relative' }, this.tooltip &&
|
|
12827
|
+
index.h("img", { key: 'bae994b4791c2afeb2fb8b15db1c4198ab9f8502', class: 'select__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), index.h("vaadin-combo-box", { key: '58e05a1edbce76612f93f2b7aac63360479b3c0a', 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: this.validation.mandatory, value: this.value, placeholder: `${this.placeholder}`, items: this.displayedOptions, onChange: this.handleChange, onBlur: this.handleBlur }), index.h("small", { key: '1f3a5ea3b1611b53e04deb8e903ab1785daaadb6', class: 'select__error-message' }, this.errorMessage));
|
|
12823
12828
|
}
|
|
12824
|
-
get element() { return index.getElement(this); }
|
|
12825
12829
|
static get watchers() { return {
|
|
12826
12830
|
"clientStyling": ["handleStylingChange"],
|
|
12827
12831
|
"isValid": ["validityChanged"],
|
|
@@ -12741,6 +12741,9 @@ const SelectInput = class {
|
|
|
12741
12741
|
this.sendInputValue.emit(inputValueEvent);
|
|
12742
12742
|
}
|
|
12743
12743
|
handleClickOutside(event) {
|
|
12744
|
+
//Check for empty field when closing the dropdown
|
|
12745
|
+
if (this.vaadinCombo.attributes['invalid'])
|
|
12746
|
+
this.errorMessage = this.setErrorMessage();
|
|
12744
12747
|
if (event.composedPath()[0] === this.tooltipIconReference)
|
|
12745
12748
|
return;
|
|
12746
12749
|
if (event.composedPath()[0] !== this.tooltipReference)
|
|
@@ -12749,7 +12752,7 @@ const SelectInput = class {
|
|
|
12749
12752
|
connectedCallback() {
|
|
12750
12753
|
this.displayedOptions = this.options.map(option => ({
|
|
12751
12754
|
label: option.label,
|
|
12752
|
-
value: option.value
|
|
12755
|
+
value: option.value
|
|
12753
12756
|
}));
|
|
12754
12757
|
}
|
|
12755
12758
|
componentWillLoad() {
|
|
@@ -12775,12 +12778,14 @@ const SelectInput = class {
|
|
|
12775
12778
|
// end custom styling area
|
|
12776
12779
|
}
|
|
12777
12780
|
componentDidLoad() {
|
|
12778
|
-
this.inputReference = this.
|
|
12779
|
-
this.isValid = this.setValidity();
|
|
12781
|
+
this.inputReference = this.vaadinCombo.querySelector('input');
|
|
12780
12782
|
if (this.defaultValue) {
|
|
12781
|
-
this.value
|
|
12783
|
+
const defaultOption = this.displayedOptions.find(option => option.value.toUpperCase() === this.defaultValue.toUpperCase());
|
|
12784
|
+
this.value = defaultOption.value;
|
|
12782
12785
|
this.valueHandler({ name: this.name, value: this.value });
|
|
12786
|
+
this.inputReference.value = this.value;
|
|
12783
12787
|
}
|
|
12788
|
+
this.isValid = this.setValidity();
|
|
12784
12789
|
}
|
|
12785
12790
|
getOptions(endpoint) {
|
|
12786
12791
|
const url = new URL(endpoint);
|
|
@@ -12814,10 +12819,9 @@ const SelectInput = class {
|
|
|
12814
12819
|
if (this.touched) {
|
|
12815
12820
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
12816
12821
|
}
|
|
12817
|
-
return h$1("div", { key: '
|
|
12818
|
-
h$1("img", { key: '
|
|
12822
|
+
return h$1("div", { key: '0b687e6a1bc7ec0cb6dba02c41b04315f4196fcf', class: `select__wrapper ${this.autofilled ? 'select__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h$1("div", { key: '8c9d7987b209bc6ee991535fa91abf874d06046f', class: 'select__wrapper--flex' }, h$1("label", { key: 'f11ccc0c319bf3053615e4b7cdff8e640a9d2318', class: 'select__label', htmlFor: `${this.name}__input` }, `${this.displayName} ${this.validation.mandatory ? '*' : ''}`), h$1("div", { key: 'd2dd7a3b1d8a20ccb9b1222cb30835ed0193a39c', class: 'select__wrapper--relative' }, this.tooltip &&
|
|
12823
|
+
h$1("img", { key: 'bae994b4791c2afeb2fb8b15db1c4198ab9f8502', class: 'select__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h$1("vaadin-combo-box", { key: '58e05a1edbce76612f93f2b7aac63360479b3c0a', 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: this.validation.mandatory, value: this.value, placeholder: `${this.placeholder}`, items: this.displayedOptions, onChange: this.handleChange, onBlur: this.handleBlur }), h$1("small", { key: '1f3a5ea3b1611b53e04deb8e903ab1785daaadb6', class: 'select__error-message' }, this.errorMessage));
|
|
12819
12824
|
}
|
|
12820
|
-
get element() { return getElement(this); }
|
|
12821
12825
|
static get watchers() { return {
|
|
12822
12826
|
"clientStyling": ["handleStylingChange"],
|
|
12823
12827
|
"isValid": ["validityChanged"],
|
|
@@ -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-8a615a19",[[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))));
|