@everymatrix/general-registration 1.60.0 → 1.60.1
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_13.cjs.entry.js +43 -8
- package/dist/collection/components/general-registration/general-registration.js +43 -8
- package/dist/esm/checkbox-group-input_13.entry.js +43 -8
- package/dist/general-registration/general-registration.esm.js +1 -1
- package/dist/general-registration/{p-9488becb.entry.js → p-89a98305.entry.js} +1 -1
- package/dist/types/components/general-registration/general-registration.d.ts +2 -0
- package/package.json +1 -1
|
@@ -11472,6 +11472,7 @@ const GeneralRegistration = class {
|
|
|
11472
11472
|
index.registerInstance(this, hostRef);
|
|
11473
11473
|
this.registrationWidgetLoaded = index.createEvent(this, "registrationWidgetLoaded", 7);
|
|
11474
11474
|
this.registrationStepUpdated = index.createEvent(this, "registrationStepUpdated", 7);
|
|
11475
|
+
this.isInitialInteraction = true;
|
|
11475
11476
|
this.listOfInputValues = [];
|
|
11476
11477
|
this.listOfInputValidity = [];
|
|
11477
11478
|
this.listOfActions = [];
|
|
@@ -11499,6 +11500,16 @@ const GeneralRegistration = class {
|
|
|
11499
11500
|
setTimeout(() => { this.host.shadowRoot.prepend(cssFile); }, 1);
|
|
11500
11501
|
});
|
|
11501
11502
|
};
|
|
11503
|
+
// handles sending a custom event for initial interaction with the registration form
|
|
11504
|
+
this.handleInitialClick = (e) => {
|
|
11505
|
+
e.preventDefault();
|
|
11506
|
+
if (!this.isInitialInteraction)
|
|
11507
|
+
return;
|
|
11508
|
+
if (this.isInitialInteraction) {
|
|
11509
|
+
dispatchCustomEvent('register_start', { field: e.target.name });
|
|
11510
|
+
this.isInitialInteraction = false;
|
|
11511
|
+
}
|
|
11512
|
+
};
|
|
11502
11513
|
this.endpoint = undefined;
|
|
11503
11514
|
this.language = 'en';
|
|
11504
11515
|
this.clientStyling = '';
|
|
@@ -11779,12 +11790,36 @@ const GeneralRegistration = class {
|
|
|
11779
11790
|
}
|
|
11780
11791
|
});
|
|
11781
11792
|
}
|
|
11782
|
-
|
|
11783
|
-
|
|
11784
|
-
|
|
11785
|
-
|
|
11786
|
-
|
|
11787
|
-
|
|
11793
|
+
// handles sending suctom events and the requested data for each registration step
|
|
11794
|
+
if (this.registrationStep === 'Step1') {
|
|
11795
|
+
const eventData = {
|
|
11796
|
+
// @ts-ignore
|
|
11797
|
+
IBAN: registerStep.registerUserDto.IBAN,
|
|
11798
|
+
// @ts-ignore
|
|
11799
|
+
username: registerStep.registerUserDto.Username,
|
|
11800
|
+
};
|
|
11801
|
+
dispatchCustomEvent('register_step1', { eventLabel: this.registrationStep, eventAction: 'nextStep', eventCategory: 'Registration', eventData: eventData });
|
|
11802
|
+
}
|
|
11803
|
+
else if (this.registrationStep === 'Step2') {
|
|
11804
|
+
const eventData = {
|
|
11805
|
+
// @ts-ignore
|
|
11806
|
+
gender: registerStep.registerUserDto.Gender,
|
|
11807
|
+
// @ts-ignore
|
|
11808
|
+
fullName: `${registerStep.registerUserDto.FirstnameOnDocument} ${registerStep.registerUserDto.LastNameOnDocument}`,
|
|
11809
|
+
// @ts-ignore
|
|
11810
|
+
city: registerStep.registerUserDto.City
|
|
11811
|
+
};
|
|
11812
|
+
dispatchCustomEvent('register_step2', { eventLabel: this.registrationStep, eventAction: 'nextStep', eventCategory: 'Registration', eventData: eventData });
|
|
11813
|
+
}
|
|
11814
|
+
else if (this.registrationStep === 'Step3') {
|
|
11815
|
+
const eventData = {
|
|
11816
|
+
// @ts-ignore
|
|
11817
|
+
OIB: registerStep.registerUserDto.PersonalID,
|
|
11818
|
+
// @ts-ignore
|
|
11819
|
+
documentType: registerStep.registerUserDto.DocumentType,
|
|
11820
|
+
};
|
|
11821
|
+
dispatchCustomEvent('register_step3', { eventLabel: this.registrationStep, eventAction: 'nextStep', eventCategory: 'Registration', eventData: eventData });
|
|
11822
|
+
}
|
|
11788
11823
|
return res.json();
|
|
11789
11824
|
})
|
|
11790
11825
|
.then((data) => {
|
|
@@ -11876,7 +11911,7 @@ const GeneralRegistration = class {
|
|
|
11876
11911
|
type: 'success',
|
|
11877
11912
|
message: translate('successMessage', this.language)
|
|
11878
11913
|
} }, window.location.href);
|
|
11879
|
-
dispatchCustomEvent('
|
|
11914
|
+
dispatchCustomEvent('register_closed', { userId: data.userId });
|
|
11880
11915
|
}
|
|
11881
11916
|
})
|
|
11882
11917
|
.catch((err) => {
|
|
@@ -12049,7 +12084,7 @@ const GeneralRegistration = class {
|
|
|
12049
12084
|
}
|
|
12050
12085
|
renderForm() {
|
|
12051
12086
|
return this.forms.map((form, index$1) => {
|
|
12052
|
-
return index.h("form", { action: '.', id: `RegistrationForm${this.registrationStep}`, class: `registration__form ${this.registrationStep !== `Step${index$1 + 1}` ? 'hidden' : ''}`, ref: el => this.form = el }, form[this.registrationStep] && form[this.registrationStep].map(input => index.h("general-input", { type: input.inputType, name: input.name, displayName: input.displayName, validation: input.validate, action: input.action || null, options: input.data
|
|
12087
|
+
return index.h("form", { onClick: this.handleInitialClick, action: '.', id: `RegistrationForm${this.registrationStep}`, class: `registration__form ${this.registrationStep !== `Step${index$1 + 1}` ? 'hidden' : ''}`, ref: el => this.form = el }, form[this.registrationStep] && form[this.registrationStep].map(input => index.h("general-input", { type: input.inputType, name: input.name, displayName: input.displayName, validation: input.validate, action: input.action || null, options: input.data
|
|
12053
12088
|
? (input.inputType.toLowerCase() == 'checkboxgroup' || input.inputType.toLowerCase() == 'togglecheckbox')
|
|
12054
12089
|
? input.data.subFields
|
|
12055
12090
|
: input.data.values
|
|
@@ -5,6 +5,7 @@ import "../../../../../general-input/dist/types/index";
|
|
|
5
5
|
import "../../../../../../svelte/player-consents/es2015/player-consents";
|
|
6
6
|
export class GeneralRegistration {
|
|
7
7
|
constructor() {
|
|
8
|
+
this.isInitialInteraction = true;
|
|
8
9
|
this.listOfInputValues = [];
|
|
9
10
|
this.listOfInputValidity = [];
|
|
10
11
|
this.listOfActions = [];
|
|
@@ -32,6 +33,16 @@ export class GeneralRegistration {
|
|
|
32
33
|
setTimeout(() => { this.host.shadowRoot.prepend(cssFile); }, 1);
|
|
33
34
|
});
|
|
34
35
|
};
|
|
36
|
+
// handles sending a custom event for initial interaction with the registration form
|
|
37
|
+
this.handleInitialClick = (e) => {
|
|
38
|
+
e.preventDefault();
|
|
39
|
+
if (!this.isInitialInteraction)
|
|
40
|
+
return;
|
|
41
|
+
if (this.isInitialInteraction) {
|
|
42
|
+
dispatchCustomEvent('register_start', { field: e.target.name });
|
|
43
|
+
this.isInitialInteraction = false;
|
|
44
|
+
}
|
|
45
|
+
};
|
|
35
46
|
this.endpoint = undefined;
|
|
36
47
|
this.language = 'en';
|
|
37
48
|
this.clientStyling = '';
|
|
@@ -312,12 +323,36 @@ export class GeneralRegistration {
|
|
|
312
323
|
}
|
|
313
324
|
});
|
|
314
325
|
}
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
326
|
+
// handles sending suctom events and the requested data for each registration step
|
|
327
|
+
if (this.registrationStep === 'Step1') {
|
|
328
|
+
const eventData = {
|
|
329
|
+
// @ts-ignore
|
|
330
|
+
IBAN: registerStep.registerUserDto.IBAN,
|
|
331
|
+
// @ts-ignore
|
|
332
|
+
username: registerStep.registerUserDto.Username,
|
|
333
|
+
};
|
|
334
|
+
dispatchCustomEvent('register_step1', { eventLabel: this.registrationStep, eventAction: 'nextStep', eventCategory: 'Registration', eventData: eventData });
|
|
335
|
+
}
|
|
336
|
+
else if (this.registrationStep === 'Step2') {
|
|
337
|
+
const eventData = {
|
|
338
|
+
// @ts-ignore
|
|
339
|
+
gender: registerStep.registerUserDto.Gender,
|
|
340
|
+
// @ts-ignore
|
|
341
|
+
fullName: `${registerStep.registerUserDto.FirstnameOnDocument} ${registerStep.registerUserDto.LastNameOnDocument}`,
|
|
342
|
+
// @ts-ignore
|
|
343
|
+
city: registerStep.registerUserDto.City
|
|
344
|
+
};
|
|
345
|
+
dispatchCustomEvent('register_step2', { eventLabel: this.registrationStep, eventAction: 'nextStep', eventCategory: 'Registration', eventData: eventData });
|
|
346
|
+
}
|
|
347
|
+
else if (this.registrationStep === 'Step3') {
|
|
348
|
+
const eventData = {
|
|
349
|
+
// @ts-ignore
|
|
350
|
+
OIB: registerStep.registerUserDto.PersonalID,
|
|
351
|
+
// @ts-ignore
|
|
352
|
+
documentType: registerStep.registerUserDto.DocumentType,
|
|
353
|
+
};
|
|
354
|
+
dispatchCustomEvent('register_step3', { eventLabel: this.registrationStep, eventAction: 'nextStep', eventCategory: 'Registration', eventData: eventData });
|
|
355
|
+
}
|
|
321
356
|
return res.json();
|
|
322
357
|
})
|
|
323
358
|
.then((data) => {
|
|
@@ -409,7 +444,7 @@ export class GeneralRegistration {
|
|
|
409
444
|
type: 'success',
|
|
410
445
|
message: translate('successMessage', this.language)
|
|
411
446
|
} }, window.location.href);
|
|
412
|
-
dispatchCustomEvent('
|
|
447
|
+
dispatchCustomEvent('register_closed', { userId: data.userId });
|
|
413
448
|
}
|
|
414
449
|
})
|
|
415
450
|
.catch((err) => {
|
|
@@ -583,7 +618,7 @@ export class GeneralRegistration {
|
|
|
583
618
|
}
|
|
584
619
|
renderForm() {
|
|
585
620
|
return this.forms.map((form, index) => {
|
|
586
|
-
return h("form", { action: '.', id: `RegistrationForm${this.registrationStep}`, class: `registration__form ${this.registrationStep !== `Step${index + 1}` ? 'hidden' : ''}`, ref: el => this.form = el }, form[this.registrationStep] && form[this.registrationStep].map(input => h("general-input", { type: input.inputType, name: input.name, displayName: input.displayName, validation: input.validate, action: input.action || null, options: input.data
|
|
621
|
+
return h("form", { onClick: this.handleInitialClick, action: '.', id: `RegistrationForm${this.registrationStep}`, class: `registration__form ${this.registrationStep !== `Step${index + 1}` ? 'hidden' : ''}`, ref: el => this.form = el }, form[this.registrationStep] && form[this.registrationStep].map(input => h("general-input", { type: input.inputType, name: input.name, displayName: input.displayName, validation: input.validate, action: input.action || null, options: input.data
|
|
587
622
|
? (input.inputType.toLowerCase() == 'checkboxgroup' || input.inputType.toLowerCase() == 'togglecheckbox')
|
|
588
623
|
? input.data.subFields
|
|
589
624
|
: input.data.values
|
|
@@ -11468,6 +11468,7 @@ const GeneralRegistration = class {
|
|
|
11468
11468
|
registerInstance(this, hostRef);
|
|
11469
11469
|
this.registrationWidgetLoaded = createEvent(this, "registrationWidgetLoaded", 7);
|
|
11470
11470
|
this.registrationStepUpdated = createEvent(this, "registrationStepUpdated", 7);
|
|
11471
|
+
this.isInitialInteraction = true;
|
|
11471
11472
|
this.listOfInputValues = [];
|
|
11472
11473
|
this.listOfInputValidity = [];
|
|
11473
11474
|
this.listOfActions = [];
|
|
@@ -11495,6 +11496,16 @@ const GeneralRegistration = class {
|
|
|
11495
11496
|
setTimeout(() => { this.host.shadowRoot.prepend(cssFile); }, 1);
|
|
11496
11497
|
});
|
|
11497
11498
|
};
|
|
11499
|
+
// handles sending a custom event for initial interaction with the registration form
|
|
11500
|
+
this.handleInitialClick = (e) => {
|
|
11501
|
+
e.preventDefault();
|
|
11502
|
+
if (!this.isInitialInteraction)
|
|
11503
|
+
return;
|
|
11504
|
+
if (this.isInitialInteraction) {
|
|
11505
|
+
dispatchCustomEvent('register_start', { field: e.target.name });
|
|
11506
|
+
this.isInitialInteraction = false;
|
|
11507
|
+
}
|
|
11508
|
+
};
|
|
11498
11509
|
this.endpoint = undefined;
|
|
11499
11510
|
this.language = 'en';
|
|
11500
11511
|
this.clientStyling = '';
|
|
@@ -11775,12 +11786,36 @@ const GeneralRegistration = class {
|
|
|
11775
11786
|
}
|
|
11776
11787
|
});
|
|
11777
11788
|
}
|
|
11778
|
-
|
|
11779
|
-
|
|
11780
|
-
|
|
11781
|
-
|
|
11782
|
-
|
|
11783
|
-
|
|
11789
|
+
// handles sending suctom events and the requested data for each registration step
|
|
11790
|
+
if (this.registrationStep === 'Step1') {
|
|
11791
|
+
const eventData = {
|
|
11792
|
+
// @ts-ignore
|
|
11793
|
+
IBAN: registerStep.registerUserDto.IBAN,
|
|
11794
|
+
// @ts-ignore
|
|
11795
|
+
username: registerStep.registerUserDto.Username,
|
|
11796
|
+
};
|
|
11797
|
+
dispatchCustomEvent('register_step1', { eventLabel: this.registrationStep, eventAction: 'nextStep', eventCategory: 'Registration', eventData: eventData });
|
|
11798
|
+
}
|
|
11799
|
+
else if (this.registrationStep === 'Step2') {
|
|
11800
|
+
const eventData = {
|
|
11801
|
+
// @ts-ignore
|
|
11802
|
+
gender: registerStep.registerUserDto.Gender,
|
|
11803
|
+
// @ts-ignore
|
|
11804
|
+
fullName: `${registerStep.registerUserDto.FirstnameOnDocument} ${registerStep.registerUserDto.LastNameOnDocument}`,
|
|
11805
|
+
// @ts-ignore
|
|
11806
|
+
city: registerStep.registerUserDto.City
|
|
11807
|
+
};
|
|
11808
|
+
dispatchCustomEvent('register_step2', { eventLabel: this.registrationStep, eventAction: 'nextStep', eventCategory: 'Registration', eventData: eventData });
|
|
11809
|
+
}
|
|
11810
|
+
else if (this.registrationStep === 'Step3') {
|
|
11811
|
+
const eventData = {
|
|
11812
|
+
// @ts-ignore
|
|
11813
|
+
OIB: registerStep.registerUserDto.PersonalID,
|
|
11814
|
+
// @ts-ignore
|
|
11815
|
+
documentType: registerStep.registerUserDto.DocumentType,
|
|
11816
|
+
};
|
|
11817
|
+
dispatchCustomEvent('register_step3', { eventLabel: this.registrationStep, eventAction: 'nextStep', eventCategory: 'Registration', eventData: eventData });
|
|
11818
|
+
}
|
|
11784
11819
|
return res.json();
|
|
11785
11820
|
})
|
|
11786
11821
|
.then((data) => {
|
|
@@ -11872,7 +11907,7 @@ const GeneralRegistration = class {
|
|
|
11872
11907
|
type: 'success',
|
|
11873
11908
|
message: translate('successMessage', this.language)
|
|
11874
11909
|
} }, window.location.href);
|
|
11875
|
-
dispatchCustomEvent('
|
|
11910
|
+
dispatchCustomEvent('register_closed', { userId: data.userId });
|
|
11876
11911
|
}
|
|
11877
11912
|
})
|
|
11878
11913
|
.catch((err) => {
|
|
@@ -12045,7 +12080,7 @@ const GeneralRegistration = class {
|
|
|
12045
12080
|
}
|
|
12046
12081
|
renderForm() {
|
|
12047
12082
|
return this.forms.map((form, index) => {
|
|
12048
|
-
return h$1("form", { action: '.', id: `RegistrationForm${this.registrationStep}`, class: `registration__form ${this.registrationStep !== `Step${index + 1}` ? 'hidden' : ''}`, ref: el => this.form = el }, form[this.registrationStep] && form[this.registrationStep].map(input => h$1("general-input", { type: input.inputType, name: input.name, displayName: input.displayName, validation: input.validate, action: input.action || null, options: input.data
|
|
12083
|
+
return h$1("form", { onClick: this.handleInitialClick, action: '.', id: `RegistrationForm${this.registrationStep}`, class: `registration__form ${this.registrationStep !== `Step${index + 1}` ? 'hidden' : ''}`, ref: el => this.form = el }, form[this.registrationStep] && form[this.registrationStep].map(input => h$1("general-input", { type: input.inputType, name: input.name, displayName: input.displayName, validation: input.validate, action: input.action || null, options: input.data
|
|
12049
12084
|
? (input.inputType.toLowerCase() == 'checkboxgroup' || input.inputType.toLowerCase() == 'togglecheckbox')
|
|
12050
12085
|
? input.data.subFields
|
|
12051
12086
|
: input.data.values
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as
|
|
1
|
+
import{p as l,b as e}from"./p-59a2915a.js";export{s as setNonce}from"./p-59a2915a.js";import{g as i}from"./p-e1255160.js";(()=>{const e=import.meta.url,i={};return""!==e&&(i.resourcesUrl=new URL(".",e).href),l(i)})().then((async l=>(await i(),e([["p-89a98305",[[1,"general-registration",{endpoint:[513],language:[513],clientStyling:[1537,"client-styling"],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]},[[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"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}]]]],l))));
|