@agorapulse/ui-components 13.1.2 → 13.1.3
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/agorapulse-ui-components-13.1.3.tgz +0 -0
- package/esm2020/index.mjs +1 -4
- package/esm2020/src/lib/agorapulse-ui-components.module.mjs +1 -16
- package/esm2020/src/lib/image-carousel/image-carousel.component.mjs +11 -2
- package/esm2020/src/lib/tags/tag-list.component.mjs +4 -4
- package/esm2020/src/lib/tags/tag.component.mjs +4 -4
- package/esm2020/src/lib/tags-selector/tags-selector.component.mjs +7 -6
- package/fesm2015/agorapulse-ui-components.mjs +24 -287
- package/fesm2015/agorapulse-ui-components.mjs.map +1 -1
- package/fesm2020/agorapulse-ui-components.mjs +23 -286
- package/fesm2020/agorapulse-ui-components.mjs.map +1 -1
- package/index.d.ts +0 -3
- package/package.json +1 -1
- package/src/lib/agorapulse-ui-components.module.d.ts +55 -58
- package/src/lib/image-carousel/image-carousel.component.d.ts +3 -2
- package/src/lib/tags/tag-list.component.d.ts +1 -1
- package/agorapulse-ui-components-13.1.2.tgz +0 -0
- package/esm2020/src/lib/password-strength-bar/password-strength-bar.component.mjs +0 -83
- package/esm2020/src/lib/password-strength-display-bar/password-strength-display-bar.component.mjs +0 -45
- package/esm2020/src/lib/phone-number-input/phone-number-input.component.mjs +0 -144
- package/src/lib/password-strength-bar/password-strength-bar.component.d.ts +0 -24
- package/src/lib/password-strength-display-bar/password-strength-display-bar.component.d.ts +0 -17
- package/src/lib/phone-number-input/phone-number-input.component.d.ts +0 -45
|
@@ -1,144 +0,0 @@
|
|
|
1
|
-
import { Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';
|
|
2
|
-
import { NG_VALIDATORS, NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@ng-select/ng-select";
|
|
5
|
-
import * as i2 from "@angular/common";
|
|
6
|
-
import * as i3 from "@angular/forms";
|
|
7
|
-
export class PhoneNumberInputComponent {
|
|
8
|
-
constructor() {
|
|
9
|
-
this.changePhoneNumber = new EventEmitter();
|
|
10
|
-
this.changePhoneNumberCode = new EventEmitter();
|
|
11
|
-
this.currentPhoneNumberCode = '';
|
|
12
|
-
this.currentPhoneNumber = '';
|
|
13
|
-
this.codeValid = false;
|
|
14
|
-
this.numberValid = false;
|
|
15
|
-
this.valid = false;
|
|
16
|
-
this.onTouched = () => { };
|
|
17
|
-
this.onChanged = () => { };
|
|
18
|
-
}
|
|
19
|
-
set phoneNumber(phoneNumber) {
|
|
20
|
-
this.updatePhone(undefined, phoneNumber, false);
|
|
21
|
-
}
|
|
22
|
-
set phoneNumberCode(phoneNumberCode) {
|
|
23
|
-
this.updatePhone(phoneNumberCode, undefined, false);
|
|
24
|
-
}
|
|
25
|
-
ngOnChanges(changes) {
|
|
26
|
-
this.checkValidation();
|
|
27
|
-
}
|
|
28
|
-
ngOnInit() {
|
|
29
|
-
this.checkValidation();
|
|
30
|
-
}
|
|
31
|
-
filterChars(event) {
|
|
32
|
-
const pattern = /[0-9]/;
|
|
33
|
-
const inputChar = String.fromCharCode(event.charCode);
|
|
34
|
-
if (!pattern.test(inputChar)) {
|
|
35
|
-
event.preventDefault();
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
onChangePhoneNumberCode(code) {
|
|
39
|
-
this.updatePhone(code, undefined);
|
|
40
|
-
}
|
|
41
|
-
onChangePhoneNumber(phoneNumber) {
|
|
42
|
-
this.updatePhone(undefined, phoneNumber);
|
|
43
|
-
}
|
|
44
|
-
updatePhone(code, phoneNumber, emitOnChange = true) {
|
|
45
|
-
let updated = false;
|
|
46
|
-
if (code !== undefined && code !== this.currentPhoneNumberCode) {
|
|
47
|
-
this.currentPhoneNumberCode = code;
|
|
48
|
-
this.changePhoneNumberCode.emit(code);
|
|
49
|
-
updated = true;
|
|
50
|
-
}
|
|
51
|
-
if (phoneNumber !== undefined && phoneNumber !== this.currentPhoneNumber) {
|
|
52
|
-
this.currentPhoneNumber = phoneNumber;
|
|
53
|
-
this.changePhoneNumber.emit(phoneNumber);
|
|
54
|
-
updated = true;
|
|
55
|
-
}
|
|
56
|
-
if (updated) {
|
|
57
|
-
this.checkValidation();
|
|
58
|
-
if (emitOnChange) {
|
|
59
|
-
this.onChanged({
|
|
60
|
-
phoneNumber: this.currentPhoneNumber,
|
|
61
|
-
phoneNumberCode: this.currentPhoneNumberCode
|
|
62
|
-
});
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
registerOnChange(fn) {
|
|
67
|
-
this.onChanged = fn;
|
|
68
|
-
}
|
|
69
|
-
registerOnTouched(fn) {
|
|
70
|
-
this.onTouched = fn;
|
|
71
|
-
}
|
|
72
|
-
validate(control) {
|
|
73
|
-
return (!this.required || this.valid) ? null : { phoneNumber: 'invalid' };
|
|
74
|
-
}
|
|
75
|
-
writeValue(phone) {
|
|
76
|
-
if (!phone) {
|
|
77
|
-
this.updatePhone('', '', false);
|
|
78
|
-
}
|
|
79
|
-
else if ('phoneNumber' in phone && 'phoneNumberCode' in phone) {
|
|
80
|
-
this.updatePhone(phone.phoneNumberCode, phone.phoneNumber, false);
|
|
81
|
-
}
|
|
82
|
-
else {
|
|
83
|
-
console.error('Phone number input ignored, wrong format: ' + JSON.stringify(phone));
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
phoneNumberCodeSearchFn(term, item) {
|
|
87
|
-
term = term.toLocaleLowerCase();
|
|
88
|
-
return item.countryName.toLocaleLowerCase().indexOf(term) > -1 || item.phoneNumberCode.toLocaleLowerCase().indexOf(term) > -1;
|
|
89
|
-
}
|
|
90
|
-
checkValidation() {
|
|
91
|
-
this.codeValid = !this.required || (this.currentPhoneNumberCode && this.currentPhoneNumberCode.length > 0);
|
|
92
|
-
this.numberValid = !this.required || (this.currentPhoneNumber && this.currentPhoneNumber.length > 0);
|
|
93
|
-
this.valid = this.codeValid && this.numberValid;
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
/** @nocollapse */ /** @nocollapse */ PhoneNumberInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: PhoneNumberInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
97
|
-
/** @nocollapse */ /** @nocollapse */ PhoneNumberInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: PhoneNumberInputComponent, selector: "ap-phone-number-input", inputs: { flagsBucketUrl: "flagsBucketUrl", phoneNumberInfos: "phoneNumberInfos", phoneNumber: "phoneNumber", phoneNumberCode: "phoneNumberCode", required: "required", requiredLabel: "requiredLabel", submitted: "submitted", statusOk: "statusOk" }, outputs: { changePhoneNumber: "changePhoneNumber", changePhoneNumberCode: "changePhoneNumberCode" }, providers: [
|
|
98
|
-
{
|
|
99
|
-
provide: NG_VALUE_ACCESSOR,
|
|
100
|
-
useExisting: forwardRef((() => PhoneNumberInputComponent)),
|
|
101
|
-
multi: true
|
|
102
|
-
},
|
|
103
|
-
{
|
|
104
|
-
provide: NG_VALIDATORS,
|
|
105
|
-
useExisting: forwardRef((() => PhoneNumberInputComponent)),
|
|
106
|
-
multi: true
|
|
107
|
-
}
|
|
108
|
-
], usesOnChanges: true, ngImport: i0, template: "<div class=\"main-container\">\n <ng-select\n #phoneNumberCodeInput=\"ngModel\"\n name=\"phoneNumberCodeInput\"\n class=\"phone-select\"\n [ngClass]=\"{ 'invalid': (!codeValid) && (submitted || phoneNumberCodeInput.touched), 'valid' : statusOk && codeValid && phoneNumberCodeInput.touched}\"\n [items]=\"phoneNumberInfos\"\n bindLabel=\"countryName\"\n bindValue=\"phoneNumberCode\"\n [clearable]=\"false\"\n [searchable]=\"true\"\n [searchFn]=\"phoneNumberCodeSearchFn\"\n (ngModelChange)=\"onChangePhoneNumberCode($event)\"\n (focusin)=\"this.onTouched()\"\n [ngModel]=\"currentPhoneNumberCode\">\n <ng-template\n ng-label-tmp\n let-item=\"item\">\n <div\n *ngIf=\"item && item.countryCode\"\n class=\"flag\">\n <img *ngIf=\"!!flagsBucketUrl\" [src]=\"flagsBucketUrl+'/' + item.countryCode.toUpperCase() + '.png'\" width=\"24\" alt=\"flag\">\n <span *ngIf=\"!flagsBucketUrl\">{{ item.countryCode }}</span>\n </div>\n </ng-template>\n <ng-template\n ng-option-tmp\n let-item=\"item\">\n <div> {{ item.countryName }} - {{item.phoneNumberCode}}</div>\n </ng-template>\n </ng-select>\n <div\n class=\"code-container\"\n [ngClass]=\"{ 'invalid': (!numberValid) && (submitted || phoneNumberInput.touched), 'valid' : statusOk && numberValid && phoneNumberInput.touched }\">\n <span *ngIf=\"currentPhoneNumberCode\">\n ({{currentPhoneNumberCode}})\n </span>\n </div>\n <div\n class=\"separator-container\"\n [ngClass]=\"{ 'invalid': (!numberValid) && (submitted || phoneNumberInput.touched), 'valid' : statusOk && numberValid && phoneNumberInput.touched }\">\n <div class=\"separator\"></div>\n </div>\n <div\n class=\"input-wrapper\"\n [ngClass]=\"{ 'invalid': (!numberValid) && (submitted || phoneNumberInput.touched), 'valid' : statusOk && numberValid && phoneNumberInput.touched}\">\n <input\n #phoneNumberInput=\"ngModel\"\n name=\"phoneNumberInput\"\n type=\"tel\"\n data-recurly=\"phone\"\n class=\"flex-2 phone-field\"\n [ngModel]=\"currentPhoneNumber\"\n (keypress)=\"filterChars($event)\"\n (ngModelChange)=\"onChangePhoneNumber($event)\"\n (focusin)=\"onTouched()\">\n </div>\n</div>\n<div class=\"form-field-message invalid\"\n [hidden]=\"!(!valid && (submitted || phoneNumberInput.touched))\">\n {{ requiredLabel }}\n</div>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}.main-container{display:flex}.main-container div.code-container{border-top:1px solid #d6dae0;border-left:1px solid #d6dae0;border-bottom:1px solid #d6dae0;border-right-width:0;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#344563;flex:1 0 auto;display:flex;font-weight:400;font-size:14px;justify-content:center;margin-left:8px;min-width:32px;padding:8px 0 8px 16px;text-align:center;background-color:#fff}.main-container div.code-container.invalid{border-top-color:#e81313;border-left-color:#e81313;border-bottom-color:#e81313}.main-container div.code-container.valid{border-top-color:#45b854;border-left-color:#45b854;border-bottom-color:#45b854}.main-container div.code-container span{margin-top:auto;margin-bottom:auto}.main-container div.separator-container{display:flex;flex-direction:column;justify-content:center;align-content:center;background-color:#fff;border-bottom:1px solid #d6dae0;border-top:1px solid #d6dae0;min-height:30px;padding-right:8px;padding-left:6px;width:4px}.main-container div.separator-container.invalid{border-bottom-color:#e81313;border-top-color:#e81313}.main-container div.separator-container.valid{border-bottom-color:#45b854;border-top-color:#45b854}.main-container div.separator-container div.separator{border-right:1px solid #f5f5f7;height:16px}.main-container .input-wrapper{background-color:#fff;border-top:1px solid #d6dae0;border-right:1px solid #d6dae0;border-bottom:1px solid #d6dae0;border-left-width:0;border-radius:0 4px 4px 0;padding:8px 0;width:100%}.main-container .input-wrapper.invalid{border-bottom-color:#e81313;border-top-color:#e81313;border-right-color:#e81313}.main-container .input-wrapper.valid{border-bottom-color:#45b854;border-top-color:#45b854;border-right-color:#45b854}.main-container .input-wrapper input.phone-field{border:none;color:#344563;font-style:normal;font-weight:400;font-size:14px;height:100%;padding:0;width:inherit}.main-container .phone-select{flex:1 0 auto;width:70px}.main-container .phone-select ::ng-deep .ng-input{padding:2px 16px}.main-container .phone-select ::ng-deep .ng-dropdown-panel{width:auto}.main-container .phone-select .flag{display:flex}\n"], components: [{ type: i1.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }] });
|
|
109
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: PhoneNumberInputComponent, decorators: [{
|
|
110
|
-
type: Component,
|
|
111
|
-
args: [{ selector: 'ap-phone-number-input', providers: [
|
|
112
|
-
{
|
|
113
|
-
provide: NG_VALUE_ACCESSOR,
|
|
114
|
-
useExisting: forwardRef((() => PhoneNumberInputComponent)),
|
|
115
|
-
multi: true
|
|
116
|
-
},
|
|
117
|
-
{
|
|
118
|
-
provide: NG_VALIDATORS,
|
|
119
|
-
useExisting: forwardRef((() => PhoneNumberInputComponent)),
|
|
120
|
-
multi: true
|
|
121
|
-
}
|
|
122
|
-
], template: "<div class=\"main-container\">\n <ng-select\n #phoneNumberCodeInput=\"ngModel\"\n name=\"phoneNumberCodeInput\"\n class=\"phone-select\"\n [ngClass]=\"{ 'invalid': (!codeValid) && (submitted || phoneNumberCodeInput.touched), 'valid' : statusOk && codeValid && phoneNumberCodeInput.touched}\"\n [items]=\"phoneNumberInfos\"\n bindLabel=\"countryName\"\n bindValue=\"phoneNumberCode\"\n [clearable]=\"false\"\n [searchable]=\"true\"\n [searchFn]=\"phoneNumberCodeSearchFn\"\n (ngModelChange)=\"onChangePhoneNumberCode($event)\"\n (focusin)=\"this.onTouched()\"\n [ngModel]=\"currentPhoneNumberCode\">\n <ng-template\n ng-label-tmp\n let-item=\"item\">\n <div\n *ngIf=\"item && item.countryCode\"\n class=\"flag\">\n <img *ngIf=\"!!flagsBucketUrl\" [src]=\"flagsBucketUrl+'/' + item.countryCode.toUpperCase() + '.png'\" width=\"24\" alt=\"flag\">\n <span *ngIf=\"!flagsBucketUrl\">{{ item.countryCode }}</span>\n </div>\n </ng-template>\n <ng-template\n ng-option-tmp\n let-item=\"item\">\n <div> {{ item.countryName }} - {{item.phoneNumberCode}}</div>\n </ng-template>\n </ng-select>\n <div\n class=\"code-container\"\n [ngClass]=\"{ 'invalid': (!numberValid) && (submitted || phoneNumberInput.touched), 'valid' : statusOk && numberValid && phoneNumberInput.touched }\">\n <span *ngIf=\"currentPhoneNumberCode\">\n ({{currentPhoneNumberCode}})\n </span>\n </div>\n <div\n class=\"separator-container\"\n [ngClass]=\"{ 'invalid': (!numberValid) && (submitted || phoneNumberInput.touched), 'valid' : statusOk && numberValid && phoneNumberInput.touched }\">\n <div class=\"separator\"></div>\n </div>\n <div\n class=\"input-wrapper\"\n [ngClass]=\"{ 'invalid': (!numberValid) && (submitted || phoneNumberInput.touched), 'valid' : statusOk && numberValid && phoneNumberInput.touched}\">\n <input\n #phoneNumberInput=\"ngModel\"\n name=\"phoneNumberInput\"\n type=\"tel\"\n data-recurly=\"phone\"\n class=\"flex-2 phone-field\"\n [ngModel]=\"currentPhoneNumber\"\n (keypress)=\"filterChars($event)\"\n (ngModelChange)=\"onChangePhoneNumber($event)\"\n (focusin)=\"onTouched()\">\n </div>\n</div>\n<div class=\"form-field-message invalid\"\n [hidden]=\"!(!valid && (submitted || phoneNumberInput.touched))\">\n {{ requiredLabel }}\n</div>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}.main-container{display:flex}.main-container div.code-container{border-top:1px solid #d6dae0;border-left:1px solid #d6dae0;border-bottom:1px solid #d6dae0;border-right-width:0;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#344563;flex:1 0 auto;display:flex;font-weight:400;font-size:14px;justify-content:center;margin-left:8px;min-width:32px;padding:8px 0 8px 16px;text-align:center;background-color:#fff}.main-container div.code-container.invalid{border-top-color:#e81313;border-left-color:#e81313;border-bottom-color:#e81313}.main-container div.code-container.valid{border-top-color:#45b854;border-left-color:#45b854;border-bottom-color:#45b854}.main-container div.code-container span{margin-top:auto;margin-bottom:auto}.main-container div.separator-container{display:flex;flex-direction:column;justify-content:center;align-content:center;background-color:#fff;border-bottom:1px solid #d6dae0;border-top:1px solid #d6dae0;min-height:30px;padding-right:8px;padding-left:6px;width:4px}.main-container div.separator-container.invalid{border-bottom-color:#e81313;border-top-color:#e81313}.main-container div.separator-container.valid{border-bottom-color:#45b854;border-top-color:#45b854}.main-container div.separator-container div.separator{border-right:1px solid #f5f5f7;height:16px}.main-container .input-wrapper{background-color:#fff;border-top:1px solid #d6dae0;border-right:1px solid #d6dae0;border-bottom:1px solid #d6dae0;border-left-width:0;border-radius:0 4px 4px 0;padding:8px 0;width:100%}.main-container .input-wrapper.invalid{border-bottom-color:#e81313;border-top-color:#e81313;border-right-color:#e81313}.main-container .input-wrapper.valid{border-bottom-color:#45b854;border-top-color:#45b854;border-right-color:#45b854}.main-container .input-wrapper input.phone-field{border:none;color:#344563;font-style:normal;font-weight:400;font-size:14px;height:100%;padding:0;width:inherit}.main-container .phone-select{flex:1 0 auto;width:70px}.main-container .phone-select ::ng-deep .ng-input{padding:2px 16px}.main-container .phone-select ::ng-deep .ng-dropdown-panel{width:auto}.main-container .phone-select .flag{display:flex}\n"] }]
|
|
123
|
-
}], propDecorators: { flagsBucketUrl: [{
|
|
124
|
-
type: Input
|
|
125
|
-
}], phoneNumberInfos: [{
|
|
126
|
-
type: Input
|
|
127
|
-
}], phoneNumber: [{
|
|
128
|
-
type: Input
|
|
129
|
-
}], phoneNumberCode: [{
|
|
130
|
-
type: Input
|
|
131
|
-
}], required: [{
|
|
132
|
-
type: Input
|
|
133
|
-
}], requiredLabel: [{
|
|
134
|
-
type: Input
|
|
135
|
-
}], submitted: [{
|
|
136
|
-
type: Input
|
|
137
|
-
}], statusOk: [{
|
|
138
|
-
type: Input
|
|
139
|
-
}], changePhoneNumber: [{
|
|
140
|
-
type: Output
|
|
141
|
-
}], changePhoneNumberCode: [{
|
|
142
|
-
type: Output
|
|
143
|
-
}] } });
|
|
144
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGhvbmUtbnVtYmVyLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9zcmMvbGliL3Bob25lLW51bWJlci1pbnB1dC9waG9uZS1udW1iZXItaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NyYy9saWIvcGhvbmUtbnVtYmVyLWlucHV0L3Bob25lLW51bWJlci1pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsU0FBUyxFQUNULFlBQVksRUFDWixVQUFVLEVBQ1YsS0FBSyxFQUdMLE1BQU0sRUFHVCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBR0gsYUFBYSxFQUNiLGlCQUFpQixFQUdwQixNQUFNLGdCQUFnQixDQUFDOzs7OztBQThCeEIsTUFBTSxPQUFPLHlCQUF5QjtJQWpCdEM7UUFnQ2Msc0JBQWlCLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7UUFDckUsMEJBQXFCLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7UUFFbkYsMkJBQXNCLEdBQUcsRUFBRSxDQUFDO1FBQzVCLHVCQUFrQixHQUFHLEVBQUUsQ0FBQztRQUV4QixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLFVBQUssR0FBRyxLQUFLLENBQUM7UUFFUCxjQUFTLEdBQWUsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO1FBRWpDLGNBQVMsR0FBeUIsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO0tBbUZyRDtJQTFHRyxJQUFhLFdBQVcsQ0FBQyxXQUFtQjtRQUN4QyxJQUFJLENBQUMsV0FBVyxDQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFDcEQsQ0FBQztJQUNELElBQWEsZUFBZSxDQUFDLGVBQXVC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QUNkO0tBQ0osK0NDOUNMLDZvRkE4REE7MkZEZGEseUJBQXlCO2tCQWpCckMsU0FBUzsrQkFDSSx1QkFBdUIsYUFHdEI7d0JBQ1A7NEJBQ0ksT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsRUFBQyxHQUFHLEVBQUUsMEJBQTBCLEVBQUM7NEJBQ3hELEtBQUssRUFBRSxJQUFJO3lCQUNkO3dCQUNEOzRCQUNJLE9BQU8sRUFBRSxhQUFhOzRCQUN0QixXQUFXLEVBQUUsVUFBVSxFQUFDLEdBQUcsRUFBRSwwQkFBMEIsRUFBQzs0QkFDeEQsS0FBSyxFQUFFLElBQUk7eUJBQ2Q7cUJBQ0o7OEJBSVEsY0FBYztzQkFBdEIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ08sV0FBVztzQkFBdkIsS0FBSztnQkFHTyxlQUFlO3NCQUEzQixLQUFLO2dCQUdHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRUksaUJBQWlCO3NCQUExQixNQUFNO2dCQUNHLHFCQUFxQjtzQkFBOUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ29tcG9uZW50LFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBmb3J3YXJkUmVmLFxuICAgIElucHV0LFxuICAgIE9uQ2hhbmdlcyxcbiAgICBPbkluaXQsXG4gICAgT3V0cHV0LFxuICAgIFNpbXBsZUNoYW5nZXMsXG4gICAgVmlld0NoaWxkXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBBYnN0cmFjdENvbnRyb2wsXG4gICAgQ29udHJvbFZhbHVlQWNjZXNzb3IsXG4gICAgTkdfVkFMSURBVE9SUyxcbiAgICBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICBWYWxpZGF0aW9uRXJyb3JzLFxuICAgIFZhbGlkYXRvclxufSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUGhvbmVOdW1iZXJJbmZvIHtcbiAgICBjb3VudHJ5Q29kZTogc3RyaW5nO1xuICAgIGNvdW50cnlOYW1lOiBzdHJpbmc7XG4gICAgcGhvbmVOdW1iZXJDb2RlOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgUGhvbmUge1xuICAgIHBob25lTnVtYmVyOiBzdHJpbmc7XG4gICAgcGhvbmVOdW1iZXJDb2RlOiBzdHJpbmc7XG59XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYXAtcGhvbmUtbnVtYmVyLWlucHV0JyxcbiAgICB0ZW1wbGF0ZVVybDogJ3Bob25lLW51bWJlci1pbnB1dC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJ3Bob25lLW51bWJlci1pbnB1dC5jb21wb25lbnQuc2NzcyddLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFBob25lTnVtYmVySW5wdXRDb21wb25lbnQpLFxuICAgICAgICAgICAgbXVsdGk6IHRydWVcbiAgICAgICAgfSxcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogTkdfVkFMSURBVE9SUyxcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFBob25lTnVtYmVySW5wdXRDb21wb25lbnQpLFxuICAgICAgICAgICAgbXVsdGk6IHRydWVcbiAgICAgICAgfVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgUGhvbmVOdW1iZXJJbnB1dENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzLCBDb250cm9sVmFsdWVBY2Nlc3NvciwgVmFsaWRhdG9yIHtcblxuICAgIEBJbnB1dCgpIGZsYWdzQnVja2V0VXJsOiBzdHJpbmc7XG4gICAgQElucHV0KCkgcGhvbmVOdW1iZXJJbmZvczogUGhvbmVOdW1iZXJJbmZvW107XG4gICAgQElucHV0KCkgc2V0IHBob25lTnVtYmVyKHBob25lTnVtYmVyOiBzdHJpbmcpIHtcbiAgICAgICAgdGhpcy51cGRhdGVQaG9uZSh1bmRlZmluZWQsIHBob25lTnVtYmVyLCBmYWxzZSk7XG4gICAgfVxuICAgIEBJbnB1dCgpIHNldCBwaG9uZU51bWJlckNvZGUocGhvbmVOdW1iZXJDb2RlOiBzdHJpbmcpIHtcbiAgICAgICAgdGhpcy51cGRhdGVQaG9uZShwaG9uZU51bWJlckNvZGUsIHVuZGVmaW5lZCwgZmFsc2UpO1xuICAgIH1cbiAgICBASW5wdXQoKSByZXF1aXJlZDogYm9vbGVhbjtcbiAgICBASW5wdXQoKSByZXF1aXJlZExhYmVsOiBzdHJpbmc7XG4gICAgQElucHV0KCkgc3VibWl0dGVkOiBib29sZWFuO1xuICAgIEBJbnB1dCgpIHN0YXR1c09rOiBib29sZWFuO1xuXG4gICAgQE91dHB1dCgpIGNoYW5nZVBob25lTnVtYmVyOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICAgIEBPdXRwdXQoKSBjaGFuZ2VQaG9uZU51bWJlckNvZGU6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgICBjdXJyZW50UGhvbmVOdW1iZXJDb2RlID0gJyc7XG4gICAgY3VycmVudFBob25lTnVtYmVyID0gJyc7XG5cbiAgICBjb2RlVmFsaWQgPSBmYWxzZTtcbiAgICBudW1iZXJWYWxpZCA9IGZhbHNlO1xuICAgIHZhbGlkID0gZmFsc2U7XG5cbiAgICBwdWJsaWMgb25Ub3VjaGVkOiAoKSA9PiB2b2lkID0gKCkgPT4ge307XG5cbiAgICBwdWJsaWMgb25DaGFuZ2VkOiAodmFsdWU6IGFueSkgPT4gdm9pZCA9ICgpID0+IHt9O1xuXG4gICAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgICAgICB0aGlzLmNoZWNrVmFsaWRhdGlvbigpO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmNoZWNrVmFsaWRhdGlvbigpO1xuICAgIH1cblxuICAgIGZpbHRlckNoYXJzKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgICAgICBjb25zdCBwYXR0ZXJuID0gL1swLTldLztcbiAgICAgICAgY29uc3QgaW5wdXRDaGFyID0gU3RyaW5nLmZyb21DaGFyQ29kZSgoZXZlbnQgYXMgS2V5Ym9hcmRFdmVudCkuY2hhckNvZGUpO1xuICAgICAgICBpZiAoIXBhdHRlcm4udGVzdChpbnB1dENoYXIpKSB7XG4gICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgb25DaGFuZ2VQaG9uZU51bWJlckNvZGUoY29kZTogc3RyaW5nKTogdm9pZCB7XG4gICAgICAgIHRoaXMudXBkYXRlUGhvbmUoY29kZSwgdW5kZWZpbmVkKTtcbiAgICB9XG5cbiAgICBvbkNoYW5nZVBob25lTnVtYmVyKHBob25lTnVtYmVyOiBzdHJpbmcpOiB2b2lkIHtcbiAgICAgICAgdGhpcy51cGRhdGVQaG9uZSh1bmRlZmluZWQsIHBob25lTnVtYmVyKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIHVwZGF0ZVBob25lKGNvZGU6IHN0cmluZywgcGhvbmVOdW1iZXI6IHN0cmluZywgZW1pdE9uQ2hhbmdlOiBib29sZWFuID0gdHJ1ZSk6IHZvaWQge1xuICAgICAgICBsZXQgdXBkYXRlZCA9IGZhbHNlO1xuICAgICAgICBpZiAoY29kZSAhPT0gdW5kZWZpbmVkICYmIGNvZGUgIT09IHRoaXMuY3VycmVudFBob25lTnVtYmVyQ29kZSkge1xuICAgICAgICAgICAgdGhpcy5jdXJyZW50UGhvbmVOdW1iZXJDb2RlID0gY29kZTtcbiAgICAgICAgICAgIHRoaXMuY2hhbmdlUGhvbmVOdW1iZXJDb2RlLmVtaXQoY29kZSk7XG4gICAgICAgICAgICB1cGRhdGVkID0gdHJ1ZTtcbiAgICAgICAgfVxuICAgICAgICBpZiAocGhvbmVOdW1iZXIgIT09IHVuZGVmaW5lZCAmJiBwaG9uZU51bWJlciAhPT0gdGhpcy5jdXJyZW50UGhvbmVOdW1iZXIpIHtcbiAgICAgICAgICAgIHRoaXMuY3VycmVudFBob25lTnVtYmVyID0gcGhvbmVOdW1iZXI7XG4gICAgICAgICAgICB0aGlzLmNoYW5nZVBob25lTnVtYmVyLmVtaXQocGhvbmVOdW1iZXIpO1xuICAgICAgICAgICAgdXBkYXRlZCA9IHRydWU7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAodXBkYXRlZCkge1xuICAgICAgICAgICAgdGhpcy5jaGVja1ZhbGlkYXRpb24oKTtcblxuICAgICAgICAgICAgaWYgKGVtaXRPbkNoYW5nZSkge1xuICAgICAgICAgICAgICAgIHRoaXMub25DaGFuZ2VkKHtcbiAgICAgICAgICAgICAgICAgICAgcGhvbmVOdW1iZXI6IHRoaXMuY3VycmVudFBob25lTnVtYmVyLFxuICAgICAgICAgICAgICAgICAgICBwaG9uZU51bWJlckNvZGU6IHRoaXMuY3VycmVudFBob25lTnVtYmVyQ29kZVxuICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgcmVnaXN0ZXJPbkNoYW5nZShmbjogKHZhbHVlOiBhbnkpID0+IHZvaWQpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5vbkNoYW5nZWQgPSBmbjtcbiAgICB9XG5cbiAgICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XG4gICAgICAgIHRoaXMub25Ub3VjaGVkID0gZm47XG4gICAgfVxuXG4gICAgdmFsaWRhdGUoY29udHJvbDogQWJzdHJhY3RDb250cm9sKTogVmFsaWRhdGlvbkVycm9ycyB8IG51bGwge1xuICAgICAgICByZXR1cm4gKCF0aGlzLnJlcXVpcmVkIHx8IHRoaXMudmFsaWQpID8gbnVsbCA6IHtwaG9uZU51bWJlcjogJ2ludmFsaWQnfTtcbiAgICB9XG5cbiAgICB3cml0ZVZhbHVlKHBob25lOiBQaG9uZSB8IG51bGwpOiB2b2lkIHtcbiAgICAgICAgaWYgKCFwaG9uZSkge1xuICAgICAgICAgICAgdGhpcy51cGRhdGVQaG9uZSgnJywgJycsIGZhbHNlKTtcbiAgICAgICAgfSBlbHNlIGlmICgncGhvbmVOdW1iZXInIGluIHBob25lICYmICdwaG9uZU51bWJlckNvZGUnIGluIHBob25lKSB7XG4gICAgICAgICAgICB0aGlzLnVwZGF0ZVBob25lKHBob25lLnBob25lTnVtYmVyQ29kZSwgcGhvbmUucGhvbmVOdW1iZXIsIGZhbHNlKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIGNvbnNvbGUuZXJyb3IoJ1Bob25lIG51bWJlciBpbnB1dCBpZ25vcmVkLCB3cm9uZyBmb3JtYXQ6ICcgICsgSlNPTi5zdHJpbmdpZnkocGhvbmUpKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHBob25lTnVtYmVyQ29kZVNlYXJjaEZuKHRlcm06IHN0cmluZywgaXRlbTogYW55KTogYm9vbGVhbiB7XG4gICAgICAgIHRlcm0gPSB0ZXJtLnRvTG9jYWxlTG93ZXJDYXNlKCk7XG4gICAgICAgIHJldHVybiBpdGVtLmNvdW50cnlOYW1lLnRvTG9jYWxlTG93ZXJDYXNlKCkuaW5kZXhPZih0ZXJtKSA+IC0xIHx8IGl0ZW0ucGhvbmVOdW1iZXJDb2RlLnRvTG9jYWxlTG93ZXJDYXNlKCkuaW5kZXhPZih0ZXJtKSA+IC0xO1xuICAgIH1cblxuICAgIHByaXZhdGUgY2hlY2tWYWxpZGF0aW9uKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmNvZGVWYWxpZCA9ICF0aGlzLnJlcXVpcmVkIHx8ICh0aGlzLmN1cnJlbnRQaG9uZU51bWJlckNvZGUgJiYgdGhpcy5jdXJyZW50UGhvbmVOdW1iZXJDb2RlLmxlbmd0aCA+IDApO1xuICAgICAgICB0aGlzLm51bWJlclZhbGlkID0gIXRoaXMucmVxdWlyZWQgfHwgKHRoaXMuY3VycmVudFBob25lTnVtYmVyICYmIHRoaXMuY3VycmVudFBob25lTnVtYmVyLmxlbmd0aCA+IDApO1xuICAgICAgICB0aGlzLnZhbGlkID0gdGhpcy5jb2RlVmFsaWQgJiYgdGhpcy5udW1iZXJWYWxpZDtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwibWFpbi1jb250YWluZXJcIj5cbiAgICA8bmctc2VsZWN0XG4gICAgICAgICNwaG9uZU51bWJlckNvZGVJbnB1dD1cIm5nTW9kZWxcIlxuICAgICAgICBuYW1lPVwicGhvbmVOdW1iZXJDb2RlSW5wdXRcIlxuICAgICAgICBjbGFzcz1cInBob25lLXNlbGVjdFwiXG4gICAgICAgIFtuZ0NsYXNzXT1cInsgJ2ludmFsaWQnOiAoIWNvZGVWYWxpZCkgJiYgKHN1Ym1pdHRlZCB8fCBwaG9uZU51bWJlckNvZGVJbnB1dC50b3VjaGVkKSwgJ3ZhbGlkJyA6IHN0YXR1c09rICYmIGNvZGVWYWxpZCAmJiBwaG9uZU51bWJlckNvZGVJbnB1dC50b3VjaGVkfVwiXG4gICAgICAgIFtpdGVtc109XCJwaG9uZU51bWJlckluZm9zXCJcbiAgICAgICAgYmluZExhYmVsPVwiY291bnRyeU5hbWVcIlxuICAgICAgICBiaW5kVmFsdWU9XCJwaG9uZU51bWJlckNvZGVcIlxuICAgICAgICBbY2xlYXJhYmxlXT1cImZhbHNlXCJcbiAgICAgICAgW3NlYXJjaGFibGVdPVwidHJ1ZVwiXG4gICAgICAgIFtzZWFyY2hGbl09XCJwaG9uZU51bWJlckNvZGVTZWFyY2hGblwiXG4gICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uQ2hhbmdlUGhvbmVOdW1iZXJDb2RlKCRldmVudClcIlxuICAgICAgICAoZm9jdXNpbik9XCJ0aGlzLm9uVG91Y2hlZCgpXCJcbiAgICAgICAgW25nTW9kZWxdPVwiY3VycmVudFBob25lTnVtYmVyQ29kZVwiPlxuICAgICAgICA8bmctdGVtcGxhdGVcbiAgICAgICAgICAgIG5nLWxhYmVsLXRtcFxuICAgICAgICAgICAgbGV0LWl0ZW09XCJpdGVtXCI+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgKm5nSWY9XCJpdGVtICYmIGl0ZW0uY291bnRyeUNvZGVcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZmxhZ1wiPlxuICAgICAgICAgICAgICAgIDxpbWcgKm5nSWY9XCIhIWZsYWdzQnVja2V0VXJsXCIgW3NyY109XCJmbGFnc0J1Y2tldFVybCsnLycgKyBpdGVtLmNvdW50cnlDb2RlLnRvVXBwZXJDYXNlKCkgKyAnLnBuZydcIiB3aWR0aD1cIjI0XCIgYWx0PVwiZmxhZ1wiPlxuICAgICAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiIWZsYWdzQnVja2V0VXJsXCI+e3sgaXRlbS5jb3VudHJ5Q29kZSB9fTwvc3Bhbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICA8bmctdGVtcGxhdGVcbiAgICAgICAgICAgIG5nLW9wdGlvbi10bXBcbiAgICAgICAgICAgIGxldC1pdGVtPVwiaXRlbVwiPlxuICAgICAgICAgICAgPGRpdj4ge3sgaXRlbS5jb3VudHJ5TmFtZSB9fSAtIHt7aXRlbS5waG9uZU51bWJlckNvZGV9fTwvZGl2PlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgIDwvbmctc2VsZWN0PlxuICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJjb2RlLWNvbnRhaW5lclwiXG4gICAgICAgIFtuZ0NsYXNzXT1cInsgJ2ludmFsaWQnOiAoIW51bWJlclZhbGlkKSAmJiAoc3VibWl0dGVkIHx8IHBob25lTnVtYmVySW5wdXQudG91Y2hlZCksICd2YWxpZCcgOiBzdGF0dXNPayAmJiBudW1iZXJWYWxpZCAmJiBwaG9uZU51bWJlcklucHV0LnRvdWNoZWQgfVwiPlxuICAgICAgICA8c3BhbiAqbmdJZj1cImN1cnJlbnRQaG9uZU51bWJlckNvZGVcIj5cbiAgICAgICAgICAgICh7e2N1cnJlbnRQaG9uZU51bWJlckNvZGV9fSlcbiAgICAgICAgPC9zcGFuPlxuICAgIDwvZGl2PlxuICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJzZXBhcmF0b3ItY29udGFpbmVyXCJcbiAgICAgICAgW25nQ2xhc3NdPVwieyAnaW52YWxpZCc6ICghbnVtYmVyVmFsaWQpICYmIChzdWJtaXR0ZWQgfHwgcGhvbmVOdW1iZXJJbnB1dC50b3VjaGVkKSwgJ3ZhbGlkJyA6IHN0YXR1c09rICYmIG51bWJlclZhbGlkICYmIHBob25lTnVtYmVySW5wdXQudG91Y2hlZCB9XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzZXBhcmF0b3JcIj48L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwiaW5wdXQtd3JhcHBlclwiXG4gICAgICAgIFtuZ0NsYXNzXT1cInsgJ2ludmFsaWQnOiAoIW51bWJlclZhbGlkKSAmJiAoc3VibWl0dGVkIHx8IHBob25lTnVtYmVySW5wdXQudG91Y2hlZCksICd2YWxpZCcgOiBzdGF0dXNPayAmJiBudW1iZXJWYWxpZCAmJiBwaG9uZU51bWJlcklucHV0LnRvdWNoZWR9XCI+XG4gICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgI3Bob25lTnVtYmVySW5wdXQ9XCJuZ01vZGVsXCJcbiAgICAgICAgICAgIG5hbWU9XCJwaG9uZU51bWJlcklucHV0XCJcbiAgICAgICAgICAgIHR5cGU9XCJ0ZWxcIlxuICAgICAgICAgICAgZGF0YS1yZWN1cmx5PVwicGhvbmVcIlxuICAgICAgICAgICAgY2xhc3M9XCJmbGV4LTIgcGhvbmUtZmllbGRcIlxuICAgICAgICAgICAgW25nTW9kZWxdPVwiY3VycmVudFBob25lTnVtYmVyXCJcbiAgICAgICAgICAgIChrZXlwcmVzcyk9XCJmaWx0ZXJDaGFycygkZXZlbnQpXCJcbiAgICAgICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uQ2hhbmdlUGhvbmVOdW1iZXIoJGV2ZW50KVwiXG4gICAgICAgICAgICAoZm9jdXNpbik9XCJvblRvdWNoZWQoKVwiPlxuICAgIDwvZGl2PlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwiZm9ybS1maWVsZC1tZXNzYWdlIGludmFsaWRcIlxuICAgICBbaGlkZGVuXT1cIiEoIXZhbGlkICYmIChzdWJtaXR0ZWQgfHwgcGhvbmVOdW1iZXJJbnB1dC50b3VjaGVkKSlcIj5cbiAgICB7eyByZXF1aXJlZExhYmVsIH19XG48L2Rpdj5cbiJdfQ==
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { OnChanges, OnInit, SimpleChange } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class PasswordStrengthBarComponent implements OnChanges, OnInit {
|
|
4
|
-
passwordToCheck: string;
|
|
5
|
-
labelWeak: string;
|
|
6
|
-
labelFair: string;
|
|
7
|
-
labelGood: string;
|
|
8
|
-
labelStrong: string;
|
|
9
|
-
labelExcellent: string;
|
|
10
|
-
label: string;
|
|
11
|
-
passwordStrength: string;
|
|
12
|
-
private defaultStrength;
|
|
13
|
-
private labels;
|
|
14
|
-
constructor();
|
|
15
|
-
getStrengthIndexAndColor(password: string): number;
|
|
16
|
-
ngOnChanges(changes: {
|
|
17
|
-
[propName: string]: SimpleChange;
|
|
18
|
-
}): void;
|
|
19
|
-
ngOnInit(): void;
|
|
20
|
-
private static measureStrength;
|
|
21
|
-
private getColor;
|
|
22
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PasswordStrengthBarComponent, never>;
|
|
23
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PasswordStrengthBarComponent, "ap-password-strength-bar", never, { "passwordToCheck": "passwordToCheck"; "labelWeak": "labelWeak"; "labelFair": "labelFair"; "labelGood": "labelGood"; "labelStrong": "labelStrong"; "labelExcellent": "labelExcellent"; }, {}, never, never>;
|
|
24
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { OnInit } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class PasswordStrengthDisplayBarComponent implements OnInit {
|
|
4
|
-
labelWeak: string;
|
|
5
|
-
labelFair: string;
|
|
6
|
-
labelGood: string;
|
|
7
|
-
labelStrong: string;
|
|
8
|
-
labelExcellent: string;
|
|
9
|
-
set strength(strength: number);
|
|
10
|
-
ngOnInit(): void;
|
|
11
|
-
passwordStrength: string;
|
|
12
|
-
label: string;
|
|
13
|
-
private readonly defaultLabels;
|
|
14
|
-
private labels;
|
|
15
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PasswordStrengthDisplayBarComponent, never>;
|
|
16
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PasswordStrengthDisplayBarComponent, "ap-password-strength-display-bar", never, { "labelWeak": "labelWeak"; "labelFair": "labelFair"; "labelGood": "labelGood"; "labelStrong": "labelStrong"; "labelExcellent": "labelExcellent"; "strength": "strength"; }, {}, never, never>;
|
|
17
|
-
}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
|
|
2
|
-
import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export interface PhoneNumberInfo {
|
|
5
|
-
countryCode: string;
|
|
6
|
-
countryName: string;
|
|
7
|
-
phoneNumberCode: string;
|
|
8
|
-
}
|
|
9
|
-
export interface Phone {
|
|
10
|
-
phoneNumber: string;
|
|
11
|
-
phoneNumberCode: string;
|
|
12
|
-
}
|
|
13
|
-
export declare class PhoneNumberInputComponent implements OnInit, OnChanges, ControlValueAccessor, Validator {
|
|
14
|
-
flagsBucketUrl: string;
|
|
15
|
-
phoneNumberInfos: PhoneNumberInfo[];
|
|
16
|
-
set phoneNumber(phoneNumber: string);
|
|
17
|
-
set phoneNumberCode(phoneNumberCode: string);
|
|
18
|
-
required: boolean;
|
|
19
|
-
requiredLabel: string;
|
|
20
|
-
submitted: boolean;
|
|
21
|
-
statusOk: boolean;
|
|
22
|
-
changePhoneNumber: EventEmitter<string>;
|
|
23
|
-
changePhoneNumberCode: EventEmitter<string>;
|
|
24
|
-
currentPhoneNumberCode: string;
|
|
25
|
-
currentPhoneNumber: string;
|
|
26
|
-
codeValid: boolean;
|
|
27
|
-
numberValid: boolean;
|
|
28
|
-
valid: boolean;
|
|
29
|
-
onTouched: () => void;
|
|
30
|
-
onChanged: (value: any) => void;
|
|
31
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
32
|
-
ngOnInit(): void;
|
|
33
|
-
filterChars(event: Event): void;
|
|
34
|
-
onChangePhoneNumberCode(code: string): void;
|
|
35
|
-
onChangePhoneNumber(phoneNumber: string): void;
|
|
36
|
-
private updatePhone;
|
|
37
|
-
registerOnChange(fn: (value: any) => void): void;
|
|
38
|
-
registerOnTouched(fn: any): void;
|
|
39
|
-
validate(control: AbstractControl): ValidationErrors | null;
|
|
40
|
-
writeValue(phone: Phone | null): void;
|
|
41
|
-
phoneNumberCodeSearchFn(term: string, item: any): boolean;
|
|
42
|
-
private checkValidation;
|
|
43
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PhoneNumberInputComponent, never>;
|
|
44
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PhoneNumberInputComponent, "ap-phone-number-input", never, { "flagsBucketUrl": "flagsBucketUrl"; "phoneNumberInfos": "phoneNumberInfos"; "phoneNumber": "phoneNumber"; "phoneNumberCode": "phoneNumberCode"; "required": "required"; "requiredLabel": "requiredLabel"; "submitted": "submitted"; "statusOk": "statusOk"; }, { "changePhoneNumber": "changePhoneNumber"; "changePhoneNumberCode": "changePhoneNumberCode"; }, never, never>;
|
|
45
|
-
}
|