@agorapulse/ui-components 13.1.0 → 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 -5
- package/esm2020/src/lib/agorapulse-ui-components.module.mjs +1 -21
- package/esm2020/src/lib/avatar/avatar.component.mjs +22 -3
- package/esm2020/src/lib/dots-stepper/dots-stepper.component.mjs +2 -2
- package/esm2020/src/lib/image-carousel/image-carousel.component.mjs +12 -3
- package/esm2020/src/lib/tags/tag-list.component.mjs +24 -5
- package/esm2020/src/lib/tags/tag.component.mjs +18 -6
- package/esm2020/src/lib/tags-selector/tags-selector.component.mjs +7 -6
- package/esm2020/src/lib/tooltip-neo/tooltip-neo.service.mjs +2 -2
- package/fesm2015/agorapulse-ui-components.mjs +384 -741
- package/fesm2015/agorapulse-ui-components.mjs.map +1 -1
- package/fesm2020/agorapulse-ui-components.mjs +382 -737
- package/fesm2020/agorapulse-ui-components.mjs.map +1 -1
- package/index.d.ts +0 -5
- package/package.json +1 -1
- package/src/lib/agorapulse-ui-components.module.d.ts +64 -68
- package/src/lib/avatar/avatar.component.d.ts +5 -1
- package/src/lib/image-carousel/image-carousel.component.d.ts +3 -2
- package/src/lib/tags/tag-list.component.d.ts +7 -1
- package/src/lib/tags/tag.component.d.ts +6 -1
- package/src/lib/tooltip-neo/tooltip-neo.service.d.ts +1 -1
- package/agorapulse-ui-components-13.1.0.tgz +0 -0
- package/esm2020/src/lib/edit-tag-modal/edit-tags-modal.component.mjs +0 -147
- package/esm2020/src/lib/edit-tag-modal/model/edit-tags-modal.model.mjs +0 -2
- 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/edit-tag-modal/edit-tags-modal.component.d.ts +0 -32
- package/src/lib/edit-tag-modal/model/edit-tags-modal.model.d.ts +0 -21
- 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,83 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
export class PasswordStrengthBarComponent {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.defaultStrength = ['weak', 'fair', 'good', 'strong', 'excellent'];
|
|
7
|
-
this.labels = ['Weak', 'Fair', 'Good', 'Strong', 'Excellent'];
|
|
8
|
-
}
|
|
9
|
-
getStrengthIndexAndColor(password) {
|
|
10
|
-
return this.getColor(PasswordStrengthBarComponent.measureStrength(password));
|
|
11
|
-
}
|
|
12
|
-
ngOnChanges(changes) {
|
|
13
|
-
const password = changes.passwordToCheck?.currentValue;
|
|
14
|
-
if (password) {
|
|
15
|
-
const idx = this.getStrengthIndexAndColor(password);
|
|
16
|
-
this.passwordStrength = this.defaultStrength[idx - 1];
|
|
17
|
-
this.label = this.labels[idx - 1];
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
ngOnInit() {
|
|
21
|
-
this.labels = [this.labelWeak, this.labelFair, this.labelGood, this.labelStrong, this.labelExcellent];
|
|
22
|
-
}
|
|
23
|
-
static measureStrength(p) {
|
|
24
|
-
let force = 0;
|
|
25
|
-
const regex = /[$-/:-?{-~!"^_`\[\]]/g; // "
|
|
26
|
-
const lowerLetters = /[a-z]+/.test(p);
|
|
27
|
-
const upperLetters = /[A-Z]+/.test(p);
|
|
28
|
-
const numbers = /[0-9]+/.test(p);
|
|
29
|
-
const symbols = regex.test(p);
|
|
30
|
-
const flags = [lowerLetters, upperLetters, numbers, symbols];
|
|
31
|
-
let passedMatches = 0;
|
|
32
|
-
for (let flag of flags) {
|
|
33
|
-
passedMatches += flag === true ? 1 : 0;
|
|
34
|
-
}
|
|
35
|
-
force += 2 * p.length + ((p.length >= 10) ? 1 : 0);
|
|
36
|
-
force += passedMatches * 10;
|
|
37
|
-
// penality (short password)
|
|
38
|
-
force = (p.length <= 5) ? Math.min(force, 10) : force;
|
|
39
|
-
// penality (poor variety of characters)
|
|
40
|
-
force = (passedMatches === 1) ? Math.min(force, 10) : force;
|
|
41
|
-
force = (passedMatches === 2) ? Math.min(force, 20) : force;
|
|
42
|
-
force = (passedMatches === 3) ? Math.min(force, 40) : force;
|
|
43
|
-
return force;
|
|
44
|
-
}
|
|
45
|
-
getColor(strength) {
|
|
46
|
-
let idx = 0;
|
|
47
|
-
if (strength <= 10) {
|
|
48
|
-
idx = 0;
|
|
49
|
-
}
|
|
50
|
-
else if (strength <= 20) {
|
|
51
|
-
idx = 1;
|
|
52
|
-
}
|
|
53
|
-
else if (strength <= 30) {
|
|
54
|
-
idx = 2;
|
|
55
|
-
}
|
|
56
|
-
else if (strength <= 40) {
|
|
57
|
-
idx = 3;
|
|
58
|
-
}
|
|
59
|
-
else {
|
|
60
|
-
idx = 4;
|
|
61
|
-
}
|
|
62
|
-
return idx + 1;
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
/** @nocollapse */ /** @nocollapse */ PasswordStrengthBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: PasswordStrengthBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
66
|
-
/** @nocollapse */ /** @nocollapse */ PasswordStrengthBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: PasswordStrengthBarComponent, selector: "ap-password-strength-bar", inputs: { passwordToCheck: "passwordToCheck", labelWeak: "labelWeak", labelFair: "labelFair", labelGood: "labelGood", labelStrong: "labelStrong", labelExcellent: "labelExcellent" }, usesOnChanges: true, ngImport: i0, template: "<div id=\"managerPasswordStrength\">\n <div class=\"managerPasswordStrengthBar\">\n <span [className]=\"'security-bar ' + passwordStrength\"\n *ngIf=\"!!passwordStrength\">\n </span>\n </div>\n <div class=\"managerPasswordStrengthLabel\">\n <span class=\"password-strength-label caption\"\n *ngIf=\"!!passwordStrength\">\n {{ label }}\n </span>\n </div>\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}.managerPasswordStrengthLabel{display:flex;width:100%}.managerPasswordStrengthLabel .password-strength-label{font-size:12px;margin-top:4px}div.managerPasswordStrengthBar{display:flex;width:100%;background:#f5f5f7;border-radius:4px;height:4px}div.managerPasswordStrengthBar span.security-bar{border-radius:5px}div.managerPasswordStrengthBar span.weak{background:#F17171;width:20%}div.managerPasswordStrengthBar span.fair{background:#ffa47d;width:40%}div.managerPasswordStrengthBar span.good{background:#ffa47d;width:60%}div.managerPasswordStrengthBar span.strong{background:#8fd498;width:80%}div.managerPasswordStrengthBar span.excellent{background:#8fd498;width:100%}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
67
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: PasswordStrengthBarComponent, decorators: [{
|
|
68
|
-
type: Component,
|
|
69
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-password-strength-bar', template: "<div id=\"managerPasswordStrength\">\n <div class=\"managerPasswordStrengthBar\">\n <span [className]=\"'security-bar ' + passwordStrength\"\n *ngIf=\"!!passwordStrength\">\n </span>\n </div>\n <div class=\"managerPasswordStrengthLabel\">\n <span class=\"password-strength-label caption\"\n *ngIf=\"!!passwordStrength\">\n {{ label }}\n </span>\n </div>\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}.managerPasswordStrengthLabel{display:flex;width:100%}.managerPasswordStrengthLabel .password-strength-label{font-size:12px;margin-top:4px}div.managerPasswordStrengthBar{display:flex;width:100%;background:#f5f5f7;border-radius:4px;height:4px}div.managerPasswordStrengthBar span.security-bar{border-radius:5px}div.managerPasswordStrengthBar span.weak{background:#F17171;width:20%}div.managerPasswordStrengthBar span.fair{background:#ffa47d;width:40%}div.managerPasswordStrengthBar span.good{background:#ffa47d;width:60%}div.managerPasswordStrengthBar span.strong{background:#8fd498;width:80%}div.managerPasswordStrengthBar span.excellent{background:#8fd498;width:100%}\n"] }]
|
|
70
|
-
}], ctorParameters: function () { return []; }, propDecorators: { passwordToCheck: [{
|
|
71
|
-
type: Input
|
|
72
|
-
}], labelWeak: [{
|
|
73
|
-
type: Input
|
|
74
|
-
}], labelFair: [{
|
|
75
|
-
type: Input
|
|
76
|
-
}], labelGood: [{
|
|
77
|
-
type: Input
|
|
78
|
-
}], labelStrong: [{
|
|
79
|
-
type: Input
|
|
80
|
-
}], labelExcellent: [{
|
|
81
|
-
type: Input
|
|
82
|
-
}] } });
|
|
83
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFzc3dvcmQtc3RyZW5ndGgtYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9zcmMvbGliL3Bhc3N3b3JkLXN0cmVuZ3RoLWJhci9wYXNzd29yZC1zdHJlbmd0aC1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NyYy9saWIvcGFzc3dvcmQtc3RyZW5ndGgtYmFyL3Bhc3N3b3JkLXN0cmVuZ3RoLWJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBa0MsTUFBTSxlQUFlLENBQUM7OztBQVF6RyxNQUFNLE9BQU8sNEJBQTRCO0lBZ0JyQztRQUpRLG9CQUFlLEdBQUcsQ0FBQyxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsV0FBVyxDQUFDLENBQUM7UUFLdEUsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxXQUFXLENBQUMsQ0FBQztJQUNsRSxDQUFDO0lBRUQsd0JBQXdCLENBQUMsUUFBZ0I7UUFDckMsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLDRCQUE0QixDQUFDLGVBQWUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO0lBQ2pGLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBNkM7UUFDckQsTUFBTSxRQUFRLEdBQUcsT0FBTyxDQUFDLGVBQWUsRUFBRSxZQUFZLENBQUM7UUFDdkQsSUFBSSxRQUFRLEVBQUU7WUFDVixNQUFNLEdBQUcsR0FBRyxJQUFJLENBQUMsd0JBQXdCLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDcEQsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsR0FBRyxHQUFH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R0FBRyxHQUFHLENBQUMsQ0FBQztTQUNYO2FBQ0k7WUFDRCxHQUFHLEdBQUcsQ0FBQyxDQUFDO1NBQ1g7UUFDRCxPQUFPLEdBQUcsR0FBRyxDQUFDLENBQUM7SUFDbkIsQ0FBQzs7K0pBckZRLDRCQUE0QjttSkFBNUIsNEJBQTRCLDJRQ1J6QywwYkFhQTsyRkRMYSw0QkFBNEI7a0JBTnhDLFNBQVM7c0NBQ1csdUJBQXVCLENBQUMsTUFBTSxZQUNyQywwQkFBMEI7MEVBTTNCLGVBQWU7c0JBQXZCLEtBQUs7Z0JBRUcsU0FBUztzQkFBakIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgT25DaGFuZ2VzLCBPbkluaXQsIFNpbXBsZUNoYW5nZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHNlbGVjdG9yOiAnYXAtcGFzc3dvcmQtc3RyZW5ndGgtYmFyJyxcbiAgICBzdHlsZVVybHM6IFsnLi9wYXNzd29yZC1zdHJlbmd0aC1iYXIuY29tcG9uZW50LnNjc3MnXSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vcGFzc3dvcmQtc3RyZW5ndGgtYmFyLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBQYXNzd29yZFN0cmVuZ3RoQmFyQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzLCBPbkluaXQge1xuXG4gICAgQElucHV0KCkgcGFzc3dvcmRUb0NoZWNrOiBzdHJpbmc7XG5cbiAgICBASW5wdXQoKSBsYWJlbFdlYWs6IHN0cmluZztcbiAgICBASW5wdXQoKSBsYWJlbEZhaXI6IHN0cmluZztcbiAgICBASW5wdXQoKSBsYWJlbEdvb2Q6IHN0cmluZztcbiAgICBASW5wdXQoKSBsYWJlbFN0cm9uZzogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGxhYmVsRXhjZWxsZW50OiBzdHJpbmc7XG5cbiAgICBsYWJlbDogc3RyaW5nO1xuICAgIHBhc3N3b3JkU3RyZW5ndGg6IHN0cmluZztcbiAgICBwcml2YXRlIGRlZmF1bHRTdHJlbmd0aCA9IFsnd2VhaycsICdmYWlyJywgJ2dvb2QnLCAnc3Ryb25nJywgJ2V4Y2VsbGVudCddO1xuXG4gICAgcHJpdmF0ZSBsYWJlbHM6IEFycmF5PHN0cmluZz47XG5cbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgdGhpcy5sYWJlbHMgPSBbJ1dlYWsnLCAnRmFpcicsICdHb29kJywgJ1N0cm9uZycsICdFeGNlbGxlbnQnXTtcbiAgICB9XG5cbiAgICBnZXRTdHJlbmd0aEluZGV4QW5kQ29sb3IocGFzc3dvcmQ6IHN0cmluZyk6IG51bWJlciB7XG4gICAgICAgIHJldHVybiB0aGlzLmdldENvbG9yKFBhc3N3b3JkU3RyZW5ndGhCYXJDb21wb25lbnQubWVhc3VyZVN0cmVuZ3RoKHBhc3N3b3JkKSk7XG4gICAgfVxuXG4gICAgbmdPbkNoYW5nZXMoY2hhbmdlczogeyBbcHJvcE5hbWU6IHN0cmluZ106IFNpbXBsZUNoYW5nZSB9KTogdm9pZCB7XG4gICAgICAgIGNvbnN0IHBhc3N3b3JkID0gY2hhbmdlcy5wYXNzd29yZFRvQ2hlY2s/LmN1cnJlbnRWYWx1ZTtcbiAgICAgICAgaWYgKHBhc3N3b3JkKSB7XG4gICAgICAgICAgICBjb25zdCBpZHggPSB0aGlzLmdldFN0cmVuZ3RoSW5kZXhBbmRDb2xvcihwYXNzd29yZCk7XG4gICAgICAgICAgICB0aGlzLnBhc3N3b3JkU3RyZW5ndGggPSB0aGlzLmRlZmF1bHRTdHJlbmd0aFtpZHggLSAxXTtcbiAgICAgICAgICAgIHRoaXMubGFiZWwgPSB0aGlzLmxhYmVsc1tpZHggLSAxXTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmxhYmVscyA9IFt0aGlzLmxhYmVsV2VhaywgdGhpcy5sYWJlbEZhaXIsIHRoaXMubGFiZWxHb29kLCB0aGlzLmxhYmVsU3Ryb25nLCB0aGlzLmxhYmVsRXhjZWxsZW50XTtcbiAgICB9XG5cbiAgICBwcml2YXRlIHN0YXRpYyBtZWFzdXJlU3RyZW5ndGgocDogc3RyaW5nKTogbnVtYmVyIHtcbiAgICAgICAgbGV0IGZvcmNlID0gMDtcbiAgICAgICAgY29uc3QgcmVnZXggPSAvWyQtLzotP3stfiFcIl5fYFxcW1xcXV0vZzsgLy8gXCJcbiAgICAgICAgY29uc3QgbG93ZXJMZXR0ZXJzID0gL1thLXpdKy8udGVzdChwKTtcbiAgICAgICAgY29uc3QgdXBwZXJMZXR0ZXJzID0gL1tBLVpdKy8udGVzdChwKTtcbiAgICAgICAgY29uc3QgbnVtYmVycyA9IC9bMC05XSsvLnRlc3QocCk7XG4gICAgICAgIGNvbnN0IHN5bWJvbHMgPSByZWdleC50ZXN0KHApO1xuXG4gICAgICAgIGNvbnN0IGZsYWdzID0gW2xvd2VyTGV0dGVycywgdXBwZXJMZXR0ZXJzLCBudW1iZXJzLCBzeW1ib2xzXTtcblxuICAgICAgICBsZXQgcGFzc2VkTWF0Y2hlcyA9IDA7XG4gICAgICAgIGZvciAobGV0IGZsYWcgb2YgZmxhZ3MpIHtcbiAgICAgICAgICAgIHBhc3NlZE1hdGNoZXMgKz0gZmxhZyA9PT0gdHJ1ZSA/IDEgOiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgZm9yY2UgKz0gMiAqIHAubGVuZ3RoICsgKChwLmxlbmd0aCA+PSAxMCkgPyAxIDogMCk7XG4gICAgICAgIGZvcmNlICs9IHBhc3NlZE1hdGNoZXMgKiAxMDtcblxuICAgICAgICAvLyBwZW5hbGl0eSAoc2hvcnQgcGFzc3dvcmQpXG4gICAgICAgIGZvcmNlID0gKHAubGVuZ3RoIDw9IDUpID8gTWF0aC5taW4oZm9yY2UsIDEwKSA6IGZvcmNlO1xuXG4gICAgICAgIC8vIHBlbmFsaXR5IChwb29yIHZhcmlldHkgb2YgY2hhcmFjdGVycylcbiAgICAgICAgZm9yY2UgPSAocGFzc2VkTWF0Y2hlcyA9PT0gMSkgPyBNYXRoLm1pbihmb3JjZSwgMTApIDogZm9yY2U7XG4gICAgICAgIGZvcmNlID0gKHBhc3NlZE1hdGNoZXMgPT09IDIpID8gTWF0aC5taW4oZm9yY2UsIDIwKSA6IGZvcmNlO1xuICAgICAgICBmb3JjZSA9IChwYXNzZWRNYXRjaGVzID09PSAzKSA/IE1hdGgubWluKGZvcmNlLCA0MCkgOiBmb3JjZTtcblxuICAgICAgICByZXR1cm4gZm9yY2U7XG5cbiAgICB9XG5cbiAgICBwcml2YXRlIGdldENvbG9yKHN0cmVuZ3RoOiBudW1iZXIpIHtcbiAgICAgICAgbGV0IGlkeCA9IDA7XG4gICAgICAgIGlmIChzdHJlbmd0aCA8PSAxMCkge1xuICAgICAgICAgICAgaWR4ID0gMDtcbiAgICAgICAgfVxuICAgICAgICBlbHNlIGlmIChzdHJlbmd0aCA8PSAyMCkge1xuICAgICAgICAgICAgaWR4ID0gMTtcbiAgICAgICAgfVxuICAgICAgICBlbHNlIGlmIChzdHJlbmd0aCA8PSAzMCkge1xuICAgICAgICAgICAgaWR4ID0gMjtcbiAgICAgICAgfVxuICAgICAgICBlbHNlIGlmIChzdHJlbmd0aCA8PSA0MCkge1xuICAgICAgICAgICAgaWR4ID0gMztcbiAgICAgICAgfVxuICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgIGlkeCA9IDQ7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIGlkeCArIDE7XG4gICAgfVxuXG59XG4iLCI8ZGl2IGlkPVwibWFuYWdlclBhc3N3b3JkU3RyZW5ndGhcIj5cbiAgICA8ZGl2IGNsYXNzPVwibWFuYWdlclBhc3N3b3JkU3RyZW5ndGhCYXJcIj5cbiAgICAgICAgPHNwYW4gW2NsYXNzTmFtZV09XCInc2VjdXJpdHktYmFyICcgKyBwYXNzd29yZFN0cmVuZ3RoXCJcbiAgICAgICAgICAgICAgKm5nSWY9XCIhIXBhc3N3b3JkU3RyZW5ndGhcIj5cbiAgICAgICAgPC9zcGFuPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJtYW5hZ2VyUGFzc3dvcmRTdHJlbmd0aExhYmVsXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwicGFzc3dvcmQtc3RyZW5ndGgtbGFiZWwgY2FwdGlvblwiXG4gICAgICAgICAgICAgICpuZ0lmPVwiISFwYXNzd29yZFN0cmVuZ3RoXCI+XG4gICAgICAgICAgICB7eyBsYWJlbCB9fVxuICAgICAgICA8L3NwYW4+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
package/esm2020/src/lib/password-strength-display-bar/password-strength-display-bar.component.mjs
DELETED
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
export class PasswordStrengthDisplayBarComponent {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.defaultLabels = ['weak', 'fair', 'good', 'strong', 'excellent'];
|
|
7
|
-
this.labels = this.defaultLabels;
|
|
8
|
-
}
|
|
9
|
-
set strength(strength) {
|
|
10
|
-
if (strength === null) {
|
|
11
|
-
this.passwordStrength = null;
|
|
12
|
-
return;
|
|
13
|
-
}
|
|
14
|
-
try {
|
|
15
|
-
this.passwordStrength = this.defaultLabels[strength];
|
|
16
|
-
this.label = this.labels[strength];
|
|
17
|
-
}
|
|
18
|
-
catch (e) {
|
|
19
|
-
this.passwordStrength = null;
|
|
20
|
-
console.error("PasswordStrengthBar - Invalid strength value min0/max4 got " + strength);
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
ngOnInit() {
|
|
24
|
-
this.labels = [this.labelWeak, this.labelFair, this.labelGood, this.labelStrong, this.labelExcellent];
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
/** @nocollapse */ /** @nocollapse */ PasswordStrengthDisplayBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: PasswordStrengthDisplayBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
-
/** @nocollapse */ /** @nocollapse */ PasswordStrengthDisplayBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: PasswordStrengthDisplayBarComponent, selector: "ap-password-strength-display-bar", inputs: { labelWeak: "labelWeak", labelFair: "labelFair", labelGood: "labelGood", labelStrong: "labelStrong", labelExcellent: "labelExcellent", strength: "strength" }, ngImport: i0, template: "<div id=\"managerPasswordStrength\">\n <div class=\"managerPasswordStrengthBar\">\n <span\n *ngIf=\"!!passwordStrength\"\n [className]=\"'security-bar ' + passwordStrength\">\n </span>\n </div>\n <div class=\"managerPasswordStrengthLabel\">\n <span\n *ngIf=\"!!passwordStrength\"\n class=\"password-strength-label caption\">\n {{ label }}\n </span>\n </div>\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}.managerPasswordStrengthLabel{display:flex;width:100%}.managerPasswordStrengthLabel .password-strength-label{font-size:12px;margin-top:4px}div.managerPasswordStrengthBar{display:flex;width:100%;background:#f5f5f7;border-radius:4px;height:4px}div.managerPasswordStrengthBar span.security-bar{border-radius:5px}div.managerPasswordStrengthBar span.weak{background:#F17171;width:20%}div.managerPasswordStrengthBar span.fair{background:#ffa47d;width:40%}div.managerPasswordStrengthBar span.good{background:#ffa47d;width:60%}div.managerPasswordStrengthBar span.strong{background:#8fd498;width:80%}div.managerPasswordStrengthBar span.excellent{background:#8fd498;width:100%}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: PasswordStrengthDisplayBarComponent, decorators: [{
|
|
30
|
-
type: Component,
|
|
31
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-password-strength-display-bar', template: "<div id=\"managerPasswordStrength\">\n <div class=\"managerPasswordStrengthBar\">\n <span\n *ngIf=\"!!passwordStrength\"\n [className]=\"'security-bar ' + passwordStrength\">\n </span>\n </div>\n <div class=\"managerPasswordStrengthLabel\">\n <span\n *ngIf=\"!!passwordStrength\"\n class=\"password-strength-label caption\">\n {{ label }}\n </span>\n </div>\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}.managerPasswordStrengthLabel{display:flex;width:100%}.managerPasswordStrengthLabel .password-strength-label{font-size:12px;margin-top:4px}div.managerPasswordStrengthBar{display:flex;width:100%;background:#f5f5f7;border-radius:4px;height:4px}div.managerPasswordStrengthBar span.security-bar{border-radius:5px}div.managerPasswordStrengthBar span.weak{background:#F17171;width:20%}div.managerPasswordStrengthBar span.fair{background:#ffa47d;width:40%}div.managerPasswordStrengthBar span.good{background:#ffa47d;width:60%}div.managerPasswordStrengthBar span.strong{background:#8fd498;width:80%}div.managerPasswordStrengthBar span.excellent{background:#8fd498;width:100%}\n"] }]
|
|
32
|
-
}], propDecorators: { labelWeak: [{
|
|
33
|
-
type: Input
|
|
34
|
-
}], labelFair: [{
|
|
35
|
-
type: Input
|
|
36
|
-
}], labelGood: [{
|
|
37
|
-
type: Input
|
|
38
|
-
}], labelStrong: [{
|
|
39
|
-
type: Input
|
|
40
|
-
}], labelExcellent: [{
|
|
41
|
-
type: Input
|
|
42
|
-
}], strength: [{
|
|
43
|
-
type: Input
|
|
44
|
-
}] } });
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFzc3dvcmQtc3RyZW5ndGgtZGlzcGxheS1iYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NyYy9saWIvcGFzc3dvcmQtc3RyZW5ndGgtZGlzcGxheS1iYXIvcGFzc3dvcmQtc3RyZW5ndGgtZGlzcGxheS1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NyYy9saWIvcGFzc3dvcmQtc3RyZW5ndGgtZGlzcGxheS1iYXIvcGFzc3dvcmQtc3RyZW5ndGgtZGlzcGxheS1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVMsTUFBTSxlQUFlLENBQUM7OztBQVFoRixNQUFNLE9BQU8sbUNBQW1DO0lBTmhEO1FBbUNxQixrQkFBYSxHQUFHLENBQUMsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLFdBQVcsQ0FBQyxDQUFDO1FBQ3pFLFdBQU0sR0FBa0IsSUFBSSxDQUFDLGFBQWEsQ0FBQztLQUV0RDtJQXhCRyxJQUFhLFFBQVEsQ0FBQyxRQUFnQjtRQUNsQyxJQUFJLFFBQVEsS0FBSyxJQUFJLEVBQUU7WUFDbkIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQztZQUM3QixPQUFPO1NBQ1Y7UUFDRCxJQUFJO1lBQ0EsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDckQsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1NBQ3RDO1FBQUMsT0FBTyxDQUFDLEVBQUU7WUFDUixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDO1lBQzdCLE9BQU8sQ0FBQyxLQUFLLENBQUMsNkRBQTZELEdBQUMsUUFBUSxDQUFDLENBQUM7U0FDekY7SUFDTCxDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztJQUMxRyxDQUFDOztzS0F4QlEsbUNBQW1DOzBKQUFuQyxtQ0FBbUMsZ1BDUmhELGdjQWVBOzJGRFBhLG1DQUFtQztrQkFOL0MsU0FBUztzQ0FDVyx1QkFBdUIsQ0FBQyxNQUFNLFlBQ3JDLGtDQUFrQzs4QkFNbkMsU0FBUztzQkFBakIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUVPLFFBQVE7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBzZWxlY3RvcjogJ2FwLXBhc3N3b3JkLXN0cmVuZ3RoLWRpc3BsYXktYmFyJyxcbiAgICBzdHlsZVVybHM6IFsnLi9wYXNzd29yZC1zdHJlbmd0aC1kaXNwbGF5LWJhci5jb21wb25lbnQuc2NzcyddLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9wYXNzd29yZC1zdHJlbmd0aC1kaXNwbGF5LWJhci5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgUGFzc3dvcmRTdHJlbmd0aERpc3BsYXlCYXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gICAgQElucHV0KCkgbGFiZWxXZWFrOiBzdHJpbmc7XG4gICAgQElucHV0KCkgbGFiZWxGYWlyOiBzdHJpbmc7XG4gICAgQElucHV0KCkgbGFiZWxHb29kOiBzdHJpbmc7XG4gICAgQElucHV0KCkgbGFiZWxTdHJvbmc6IHN0cmluZztcbiAgICBASW5wdXQoKSBsYWJlbEV4Y2VsbGVudDogc3RyaW5nO1xuXG4gICAgQElucHV0KCkgc2V0IHN0cmVuZ3RoKHN0cmVuZ3RoOiBudW1iZXIpIHtcbiAgICAgICAgaWYgKHN0cmVuZ3RoID09PSBudWxsKSB7XG4gICAgICAgICAgICB0aGlzLnBhc3N3b3JkU3RyZW5ndGggPSBudWxsO1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIHRyeSB7XG4gICAgICAgICAgICB0aGlzLnBhc3N3b3JkU3RyZW5ndGggPSB0aGlzLmRlZmF1bHRMYWJlbHNbc3RyZW5ndGhdO1xuICAgICAgICAgICAgdGhpcy5sYWJlbCA9IHRoaXMubGFiZWxzW3N0cmVuZ3RoXTtcbiAgICAgICAgfSBjYXRjaCAoZSkge1xuICAgICAgICAgICAgdGhpcy5wYXNzd29yZFN0cmVuZ3RoID0gbnVsbDtcbiAgICAgICAgICAgIGNvbnNvbGUuZXJyb3IoXCJQYXNzd29yZFN0cmVuZ3RoQmFyIC0gSW52YWxpZCBzdHJlbmd0aCB2YWx1ZSBtaW4wL21heDQgZ290IFwiK3N0cmVuZ3RoKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmxhYmVscyA9IFt0aGlzLmxhYmVsV2VhaywgdGhpcy5sYWJlbEZhaXIsIHRoaXMubGFiZWxHb29kLCB0aGlzLmxhYmVsU3Ryb25nLCB0aGlzLmxhYmVsRXhjZWxsZW50XTtcbiAgICB9XG5cbiAgICBwdWJsaWMgcGFzc3dvcmRTdHJlbmd0aDogc3RyaW5nO1xuICAgIHB1YmxpYyBsYWJlbDogc3RyaW5nO1xuXG4gICAgcHJpdmF0ZSByZWFkb25seSBkZWZhdWx0TGFiZWxzID0gWyd3ZWFrJywgJ2ZhaXInLCAnZ29vZCcsICdzdHJvbmcnLCAnZXhjZWxsZW50J107XG4gICAgcHJpdmF0ZSBsYWJlbHM6IEFycmF5PHN0cmluZz4gPSB0aGlzLmRlZmF1bHRMYWJlbHM7XG5cbn1cbiIsIjxkaXYgaWQ9XCJtYW5hZ2VyUGFzc3dvcmRTdHJlbmd0aFwiPlxuICAgIDxkaXYgY2xhc3M9XCJtYW5hZ2VyUGFzc3dvcmRTdHJlbmd0aEJhclwiPlxuICAgICAgICA8c3BhblxuICAgICAgICAqbmdJZj1cIiEhcGFzc3dvcmRTdHJlbmd0aFwiXG4gICAgICAgIFtjbGFzc05hbWVdPVwiJ3NlY3VyaXR5LWJhciAnICsgcGFzc3dvcmRTdHJlbmd0aFwiPlxuICAgICAgICA8L3NwYW4+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm1hbmFnZXJQYXNzd29yZFN0cmVuZ3RoTGFiZWxcIj5cbiAgICAgICAgPHNwYW5cbiAgICAgICAgKm5nSWY9XCIhIXBhc3N3b3JkU3RyZW5ndGhcIlxuICAgICAgICBjbGFzcz1cInBhc3N3b3JkLXN0cmVuZ3RoLWxhYmVsIGNhcHRpb25cIj5cbiAgICAgICAgICAgIHt7IGxhYmVsIH19XG4gICAgICAgIDwvc3Bhbj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -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,32 +0,0 @@
|
|
|
1
|
-
import { ElementRef, EventEmitter, OnDestroy } from '@angular/core';
|
|
2
|
-
import { MatDialog, MatDialogRef } from '@angular/material/dialog';
|
|
3
|
-
import { EditTagsModalData } from './model/edit-tags-modal.model';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class EditTagsModalComponent implements OnDestroy {
|
|
6
|
-
data: EditTagsModalData;
|
|
7
|
-
dialogRef: MatDialogRef<EditTagsModalComponent>;
|
|
8
|
-
dialog: MatDialog;
|
|
9
|
-
deletedTags: string[];
|
|
10
|
-
editTag: EventEmitter<Map<string, string>>;
|
|
11
|
-
filteredTags: string[];
|
|
12
|
-
savingTags: string[];
|
|
13
|
-
tagEditedIndex: number;
|
|
14
|
-
tags: string[];
|
|
15
|
-
updatedTags: Map<string, string>;
|
|
16
|
-
updateStatusByTags: Map<string, boolean>;
|
|
17
|
-
tagInput: ElementRef;
|
|
18
|
-
private readonly destroy$;
|
|
19
|
-
constructor(data: EditTagsModalData, dialogRef: MatDialogRef<EditTagsModalComponent>, dialog: MatDialog);
|
|
20
|
-
cancelEdit(): void;
|
|
21
|
-
onDone(): void;
|
|
22
|
-
onEdit(index: number): void;
|
|
23
|
-
onRemove(tag: string): void;
|
|
24
|
-
onValidateInput(index: number): void;
|
|
25
|
-
onValidate(value: string, index: number): void;
|
|
26
|
-
onValidateEnter(event: any, index: number): void;
|
|
27
|
-
onSearch(tag: string): void;
|
|
28
|
-
updateTagSuccess(tag: string): void;
|
|
29
|
-
ngOnDestroy(): void;
|
|
30
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<EditTagsModalComponent, never>;
|
|
31
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<EditTagsModalComponent, "ng-component", never, {}, {}, never, never>;
|
|
32
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { Observable } from 'rxjs';
|
|
2
|
-
export interface EditTagsModalData {
|
|
3
|
-
tags$: Observable<string[]>;
|
|
4
|
-
updateStatusByTag$: Observable<TagStatus[]>;
|
|
5
|
-
translatedString: TranslatedStrings;
|
|
6
|
-
}
|
|
7
|
-
export interface TagStatus {
|
|
8
|
-
tag: string;
|
|
9
|
-
loading: boolean;
|
|
10
|
-
}
|
|
11
|
-
export interface TranslatedStrings {
|
|
12
|
-
cancelTooltip: string;
|
|
13
|
-
deletedLabel: string;
|
|
14
|
-
deleteTooltip?: string;
|
|
15
|
-
doneLabel: string;
|
|
16
|
-
savedLabel: string;
|
|
17
|
-
searchPlaceholder: string;
|
|
18
|
-
subtitle: string;
|
|
19
|
-
title: string;
|
|
20
|
-
validateTooltip: string;
|
|
21
|
-
}
|
|
@@ -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
|
-
}
|