@litigiovirtual/ius-design-components 1.0.63 → 1.0.65
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/esm2022/lib/button-auth/button-auth.component.mjs +110 -0
- package/esm2022/lib/button-auth/index.mjs +2 -0
- package/esm2022/lib/card-dynamic-content/card-dynamic-content.component.mjs +3 -3
- package/esm2022/lib/input-otp/index.mjs +2 -0
- package/esm2022/lib/input-otp/input-otp.component.mjs +173 -0
- package/esm2022/lib/input-password/index.mjs +2 -0
- package/esm2022/lib/input-password/input-password.component.mjs +71 -0
- package/esm2022/public-api.mjs +4 -1
- package/fesm2022/litigiovirtual-ius-design-components.mjs +341 -4
- package/fesm2022/litigiovirtual-ius-design-components.mjs.map +1 -1
- package/lib/button-auth/button-auth.component.d.ts +22 -0
- package/lib/button-auth/index.d.ts +1 -0
- package/lib/input-otp/index.d.ts +1 -0
- package/lib/input-otp/input-otp.component.d.ts +34 -0
- package/lib/input-password/index.d.ts +1 -0
- package/lib/input-password/input-password.component.d.ts +24 -0
- package/package.json +2 -2
- package/public-api.d.ts +3 -0
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/platform-browser";
|
|
5
|
+
export class ButtonAuthComponent {
|
|
6
|
+
constructor(sanitizer) {
|
|
7
|
+
this.sanitizer = sanitizer;
|
|
8
|
+
this.disabled = false;
|
|
9
|
+
this.buttonClicked = new EventEmitter();
|
|
10
|
+
this.colorDisabled = '#BFBFBF';
|
|
11
|
+
this.svg = '';
|
|
12
|
+
this.svgGoogle = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
|
|
13
|
+
<path d="M18.8 10.2084C18.8 9.55837 18.7417 8.93337 18.6333 8.33337H10V11.8834H14.9333C14.7167 13.025 14.0667 13.9917 13.0917 14.6417V16.95H16.0667C17.8 15.35 18.8 13 18.8 10.2084Z" fill="#4285F4"/>
|
|
14
|
+
<path d="M10 19.1667C12.475 19.1667 14.55 18.35 16.0667 16.95L13.0917 14.6417C12.275 15.1917 11.2333 15.525 10 15.525C7.61668 15.525 5.59168 13.9167 4.86668 11.75H1.81668V14.1167C3.32501 17.1083 6.41668 19.1667 10 19.1667Z" fill="#34A853"/>
|
|
15
|
+
<path d="M4.86668 11.7417C4.68334 11.1917 4.57501 10.6084 4.57501 10.0001C4.57501 9.39172 4.68334 8.80839 4.86668 8.25839V5.89172H1.81668C1.19168 7.12506 0.833344 8.51672 0.833344 10.0001C0.833344 11.4834 1.19168 12.8751 1.81668 14.1084L4.19168 12.2584L4.86668 11.7417Z" fill="#FBBC05"/>
|
|
16
|
+
<path d="M10 4.48337C11.35 4.48337 12.55 4.95004 13.5083 5.85004L16.1333 3.22504C14.5417 1.74171 12.475 0.833374 10 0.833374C6.41668 0.833374 3.32501 2.89171 1.81668 5.89171L4.86668 8.25837C5.59168 6.09171 7.61668 4.48337 10 4.48337Z" fill="#EA4335"/>
|
|
17
|
+
</svg>`;
|
|
18
|
+
this.svgGoogleDisabled = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
|
|
19
|
+
<path d="M18.8 10.2084C18.8 9.55837 18.7417 8.93337 18.6333 8.33337H10V11.8834H14.9333C14.7167 13.025 14.0667 13.9917 13.0917 14.6417V16.95H16.0667C17.8 15.35 18.8 13 18.8 10.2084Z" fill="#BFBFBF"/>
|
|
20
|
+
<path d="M10 19.1667C12.475 19.1667 14.55 18.35 16.0667 16.95L13.0917 14.6417C12.275 15.1917 11.2333 15.525 10 15.525C7.61668 15.525 5.59168 13.9167 4.86668 11.75H1.81668V14.1167C3.32501 17.1083 6.41668 19.1667 10 19.1667Z" fill="#BFBFBF"/>
|
|
21
|
+
<path d="M4.86668 11.7417C4.68334 11.1917 4.57501 10.6084 4.57501 10.0001C4.57501 9.39172 4.68334 8.80839 4.86668 8.25839V5.89172H1.81668C1.19168 7.12506 0.833344 8.51672 0.833344 10.0001C0.833344 11.4834 1.19168 12.8751 1.81668 14.1084L4.19168 12.2584L4.86668 11.7417Z" fill="#BFBFBF"/>
|
|
22
|
+
<path d="M10 4.48337C11.35 4.48337 12.55 4.95004 13.5083 5.85004L16.1333 3.22504C14.5417 1.74171 12.475 0.833374 10 0.833374C6.41668 0.833374 3.32501 2.89171 1.81668 5.89171L4.86668 8.25837C5.59168 6.09171 7.61668 4.48337 10 4.48337Z" fill="#BFBFBF"/>
|
|
23
|
+
</svg>`;
|
|
24
|
+
this.svgMicrosoft = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
|
|
25
|
+
<g clip-path="url(#clip0_1670_13811)">
|
|
26
|
+
<path d="M0 0H20V20H0V0Z" fill="#F3F3F3"/>
|
|
27
|
+
<path d="M0.869568 0.869507H9.56522V9.56516H0.869568V0.869507Z" fill="#F35325"/>
|
|
28
|
+
<path d="M10.4348 0.869507H19.1304V9.56516H10.4348V0.869507Z" fill="#81BC06"/>
|
|
29
|
+
<path d="M0.869568 10.4348H9.56522V19.1305H0.869568V10.4348Z" fill="#05A6F0"/>
|
|
30
|
+
<path d="M10.4348 10.4348H19.1304V19.1305H10.4348V10.4348Z" fill="#FFBA08"/>
|
|
31
|
+
</g>
|
|
32
|
+
<defs>
|
|
33
|
+
<clipPath id="clip0_1670_13811">
|
|
34
|
+
<rect width="20" height="20" fill="white"/>
|
|
35
|
+
</clipPath>
|
|
36
|
+
</defs>
|
|
37
|
+
</svg>`;
|
|
38
|
+
this.svgMicrosoftDisabled = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
|
|
39
|
+
<g clip-path="url(#clip0_1670_13817)">
|
|
40
|
+
<path d="M0 0H20V20H0V0Z" fill="#F3F3F3"/>
|
|
41
|
+
<path d="M0.869568 0.869507H9.56522V9.56516H0.869568V0.869507Z" fill="#BFBFBF"/>
|
|
42
|
+
<path d="M10.4348 0.869507H19.1304V9.56516H10.4348V0.869507Z" fill="#BFBFBF"/>
|
|
43
|
+
<path d="M0.869568 10.4348H9.56522V19.1305H0.869568V10.4348Z" fill="#BFBFBF"/>
|
|
44
|
+
<path d="M10.4348 10.4348H19.1304V19.1305H10.4348V10.4348Z" fill="#BFBFBF"/>
|
|
45
|
+
</g>
|
|
46
|
+
<defs>
|
|
47
|
+
<clipPath id="clip0_1670_13817">
|
|
48
|
+
<rect width="20" height="20" fill="white"/>
|
|
49
|
+
</clipPath>
|
|
50
|
+
</defs>
|
|
51
|
+
</svg>`;
|
|
52
|
+
this.svgLinkedin = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
|
|
53
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.22222 20H17.7778C19.0051 20 20 19.0051 20 17.7778V2.22222C20 0.994923 19.0051 0 17.7778 0H2.22222C0.994923 0 0 0.994923 0 2.22222V17.7778C0 19.0051 0.994923 20 2.22222 20Z" fill="#007EBB"/>
|
|
54
|
+
</svg>`;
|
|
55
|
+
this.svgLinkedinDisabled = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
|
|
56
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.22222 20H17.7778C19.0051 20 20 19.0051 20 17.7778V2.22222C20 0.994923 19.0051 0 17.7778 0H2.22222C0.994923 0 0 0.994923 0 2.22222V17.7778C0 19.0051 0.994923 20 2.22222 20Z" fill="#BFBFBF"/>
|
|
57
|
+
</svg>`;
|
|
58
|
+
}
|
|
59
|
+
ngOnInit() {
|
|
60
|
+
var svgIcon = '';
|
|
61
|
+
switch (this.textButton) {
|
|
62
|
+
case 'Google':
|
|
63
|
+
if (this.disabled) {
|
|
64
|
+
svgIcon = this.svgGoogleDisabled;
|
|
65
|
+
}
|
|
66
|
+
else {
|
|
67
|
+
svgIcon = this.svgGoogle;
|
|
68
|
+
}
|
|
69
|
+
break;
|
|
70
|
+
case 'Microsoft':
|
|
71
|
+
if (this.disabled) {
|
|
72
|
+
svgIcon = this.svgMicrosoftDisabled;
|
|
73
|
+
}
|
|
74
|
+
else {
|
|
75
|
+
svgIcon = this.svgMicrosoft;
|
|
76
|
+
}
|
|
77
|
+
break;
|
|
78
|
+
case 'LinkedIn':
|
|
79
|
+
if (this.disabled) {
|
|
80
|
+
svgIcon = this.svgLinkedinDisabled;
|
|
81
|
+
}
|
|
82
|
+
else {
|
|
83
|
+
svgIcon = this.svgLinkedin;
|
|
84
|
+
}
|
|
85
|
+
break;
|
|
86
|
+
default:
|
|
87
|
+
svgIcon = '';
|
|
88
|
+
break;
|
|
89
|
+
}
|
|
90
|
+
this.svg = this.sanitizer.bypassSecurityTrustHtml(svgIcon) ?? '';
|
|
91
|
+
}
|
|
92
|
+
onClick() {
|
|
93
|
+
if (this.disabled == false) {
|
|
94
|
+
this.buttonClicked.emit();
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonAuthComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
98
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ButtonAuthComponent, isStandalone: true, selector: "ius-button-auth", inputs: { disabled: "disabled", textButton: "textButton" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<button class=\"ctn-button\" [disabled]=\"disabled\">\r\n <span [innerHTML]=\"svg\" class=\"icon-btn\"></span>\r\n <span class=\"label-base\">{{textButton}}</span>\r\n</button>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ctn-button{position:relative;display:flex;padding:12px 24px;justify-content:center;align-items:center;gap:4px;border:none;cursor:pointer;border-radius:14px;background:#f0f0f0;color:#333}.ctn-button:hover:not(:disabled){background-color:#bfbfbf}.ctn-button:active:not(:disabled){color:#fff;background-color:#0581bc}.ctn-button:disabled{color:#bfbfbf;background-color:#f5f5f5;cursor:default}.icon-btn{width:20px;height:20px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
99
|
+
}
|
|
100
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonAuthComponent, decorators: [{
|
|
101
|
+
type: Component,
|
|
102
|
+
args: [{ selector: 'ius-button-auth', standalone: true, imports: [CommonModule], template: "<button class=\"ctn-button\" [disabled]=\"disabled\">\r\n <span [innerHTML]=\"svg\" class=\"icon-btn\"></span>\r\n <span class=\"label-base\">{{textButton}}</span>\r\n</button>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ctn-button{position:relative;display:flex;padding:12px 24px;justify-content:center;align-items:center;gap:4px;border:none;cursor:pointer;border-radius:14px;background:#f0f0f0;color:#333}.ctn-button:hover:not(:disabled){background-color:#bfbfbf}.ctn-button:active:not(:disabled){color:#fff;background-color:#0581bc}.ctn-button:disabled{color:#bfbfbf;background-color:#f5f5f5;cursor:default}.icon-btn{width:20px;height:20px}\n"] }]
|
|
103
|
+
}], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { disabled: [{
|
|
104
|
+
type: Input
|
|
105
|
+
}], textButton: [{
|
|
106
|
+
type: Input
|
|
107
|
+
}], buttonClicked: [{
|
|
108
|
+
type: Output
|
|
109
|
+
}] } });
|
|
110
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWF1dGguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvYnV0dG9uLWF1dGgvYnV0dG9uLWF1dGguY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvYnV0dG9uLWF1dGgvYnV0dG9uLWF1dGguY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7OztBQVUvQyxNQUFNLE9BQU8sbUJBQW1CO0lBVTlCLFlBQW9CLFNBQXVCO1FBQXZCLGNBQVMsR0FBVCxTQUFTLENBQWM7UUFSbEMsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUVoQixrQkFBYSxHQUF1QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRWpFLGtCQUFhLEdBQVcsU0FBUyxDQUFDO1FBRWxDLFFBQUcsR0FBYSxFQUFFLENBQUM7UUEyQ25CLGNBQVMsR0FBVzs7Ozs7U0FLYixDQUFDO1FBRVIsc0JBQWlCLEdBQVc7Ozs7O1NBS3JCLENBQUM7UUFFUixpQkFBWSxHQUFXOzs7Ozs7Ozs7Ozs7O1NBYWhCLENBQUM7UUFFUix5QkFBb0IsR0FBVzs7Ozs7Ozs7Ozs7OztTQWF4QixDQUFDO1FBRVIsZ0JBQVcsR0FBVzs7U0FFZixDQUFDO1FBRVIsd0JBQW1CLEdBQVc7O1NBRXZCLENBQUM7SUEzRnVDLENBQUM7SUFFaEQsUUFBUTtRQUNOLElBQUksT0FBTyxHQUFXLEVBQUUsQ0FBQztRQUV6QixRQUFRLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztZQUN4QixLQUFLLFFBQVE7Z0JBQ1gsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7b0JBQ2xCLE9BQU8sR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUM7Z0JBQ25DLENBQUM7cUJBQU0sQ0FBQztvQkFDTixPQUFPLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQztnQkFDM0IsQ0FBQztnQkFDRCxNQUFNO1lBQ1IsS0FBSyxXQUFXO2dCQUNkLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO29CQUNsQixPQUFPLEdBQUcsSUFBSSxDQUFDLG9CQUFvQixDQUFDO2dCQUN0QyxDQUFDO3FCQUFNLENBQUM7b0JBQ04sT0FBTyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUM7Z0JBQzlCLENBQUM7Z0JBQ0QsTUFBTTtZQUNSLEtBQUssVUFBVTtnQkFDYixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztvQkFDbEIsT0FBTyxHQUFHLElBQUksQ0FBQyxtQkFBbUIsQ0FBQztnQkFDckMsQ0FBQztxQkFBTSxDQUFDO29CQUNOLE9BQU8sR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDO2dCQUM3QixDQUFDO2dCQUNELE1BQU07WUFDUjtnQkFDRSxPQUFPLEdBQUcsRUFBRSxDQUFDO2dCQUNiLE1BQU07UUFDVixDQUFDO1FBRUQsSUFBSSxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLHVCQUF1QixDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNuRSxDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxLQUFLLEVBQUUsQ0FBQztZQUMzQixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQzVCLENBQUM7SUFDSCxDQUFDOytHQWpEVSxtQkFBbUI7bUdBQW5CLG1CQUFtQixvTENYaEMsd0xBR1MscXpERElHLFlBQVk7OzRGQUlYLG1CQUFtQjtrQkFQL0IsU0FBUzsrQkFDRSxpQkFBaUIsY0FDZixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUM7aUZBTWQsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNJLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIsIFNhZmVIdG1sIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2l1cy1idXR0b24tYXV0aCcsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLWF1dGguY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9idXR0b24tYXV0aC5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIEJ1dHRvbkF1dGhDb21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHRleHRCdXR0b24/OiBzdHJpbmc7XHJcbiAgQE91dHB1dCgpIGJ1dHRvbkNsaWNrZWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgY29sb3JEaXNhYmxlZDogc3RyaW5nID0gJyNCRkJGQkYnO1xyXG5cclxuICBzdmc6IFNhZmVIdG1sID0gJyc7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgc2FuaXRpemVyOiBEb21TYW5pdGl6ZXIpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHZhciBzdmdJY29uOiBzdHJpbmcgPSAnJztcclxuXHJcbiAgICBzd2l0Y2ggKHRoaXMudGV4dEJ1dHRvbikge1xyXG4gICAgICBjYXNlICdHb29nbGUnOlxyXG4gICAgICAgIGlmICh0aGlzLmRpc2FibGVkKSB7XHJcbiAgICAgICAgICBzdmdJY29uID0gdGhpcy5zdmdHb29nbGVEaXNhYmxlZDtcclxuICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgc3ZnSWNvbiA9IHRoaXMuc3ZnR29vZ2xlO1xyXG4gICAgICAgIH1cclxuICAgICAgICBicmVhaztcclxuICAgICAgY2FzZSAnTWljcm9zb2Z0JzpcclxuICAgICAgICBpZiAodGhpcy5kaXNhYmxlZCkge1xyXG4gICAgICAgICAgc3ZnSWNvbiA9IHRoaXMuc3ZnTWljcm9zb2Z0RGlzYWJsZWQ7XHJcbiAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgIHN2Z0ljb24gPSB0aGlzLnN2Z01pY3Jvc29mdDtcclxuICAgICAgICB9XHJcbiAgICAgICAgYnJlYWs7XHJcbiAgICAgIGNhc2UgJ0xpbmtlZEluJzpcclxuICAgICAgICBpZiAodGhpcy5kaXNhYmxlZCkge1xyXG4gICAgICAgICAgc3ZnSWNvbiA9IHRoaXMuc3ZnTGlua2VkaW5EaXNhYmxlZDtcclxuICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgc3ZnSWNvbiA9IHRoaXMuc3ZnTGlua2VkaW47XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGJyZWFrO1xyXG4gICAgICBkZWZhdWx0OlxyXG4gICAgICAgIHN2Z0ljb24gPSAnJztcclxuICAgICAgICBicmVhaztcclxuICAgIH1cclxuXHJcbiAgICB0aGlzLnN2ZyA9IHRoaXMuc2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RIdG1sKHN2Z0ljb24pID8/ICcnO1xyXG4gIH1cclxuXHJcbiAgb25DbGljaygpIHtcclxuICAgIGlmICh0aGlzLmRpc2FibGVkID09IGZhbHNlKSB7XHJcbiAgICAgIHRoaXMuYnV0dG9uQ2xpY2tlZC5lbWl0KCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBzdmdHb29nbGU6IHN0cmluZyA9IGA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB3aWR0aD1cIjIwXCIgaGVpZ2h0PVwiMjBcIiB2aWV3Qm94PVwiMCAwIDIwIDIwXCIgZmlsbD1cIm5vbmVcIj5cclxuICAgIDxwYXRoIGQ9XCJNMTguOCAxMC4yMDg0QzE4LjggOS41NTgzNyAxOC43NDE3IDguOTMzMzcgMTguNjMzMyA4LjMzMzM3SDEwVjExLjg4MzRIMTQuOTMzM0MxNC43MTY3IDEzLjAyNSAxNC4wNjY3IDEzLjk5MTcgMTMuMDkxNyAxNC42NDE3VjE2Ljk1SDE2LjA2NjdDMTcuOCAxNS4zNSAxOC44IDEzIDE4LjggMTAuMjA4NFpcIiBmaWxsPVwiIzQyODVGNFwiLz5cclxuICAgIDxwYXRoIGQ9XCJNMTAgMTkuMTY2N0MxMi40NzUgMTkuMTY2NyAxNC41NSAxOC4zNSAxNi4wNjY3IDE2Ljk1TDEzLjA5MTcgMTQuNjQxN0MxMi4yNzUgMTUuMTkxNyAxMS4yMzMzIDE1LjUyNSAxMCAxNS41MjVDNy42MTY2OCAxNS41MjUgNS41OTE2OCAxMy45MTY3IDQuODY2NjggMTEuNzVIMS44MTY2OFYxNC4xMTY3QzMuMzI1MDEgMTcuMTA4MyA2LjQxNjY4IDE5LjE2NjcgMTAgMTkuMTY2N1pcIiBmaWxsPVwiIzM0QTg1M1wiLz5cclxuICAgIDxwYXRoIGQ9XCJNNC44NjY2OCAxMS43NDE3QzQuNjgzMzQgMTEuMTkxNyA0LjU3NTAxIDEwLjYwODQgNC41NzUwMSAxMC4wMDAxQzQuNTc1MDEgOS4zOTE3MiA0LjY4MzM0IDguODA4MzkgNC44NjY2OCA4LjI1ODM5VjUuODkxNzJIMS44MTY2OEMxLjE5MTY4IDcuMTI1MDYgMC44MzMzNDQgOC41MTY3MiAwLjgzMzM0NCAxMC4wMDAxQzAuODMzMzQ0IDExLjQ4MzQgMS4xOTE2OCAxMi44NzUxIDEuODE2NjggMTQuMTA4NEw0LjE5MTY4IDEyLjI1ODRMNC44NjY2OCAxMS43NDE3WlwiIGZpbGw9XCIjRkJCQzA1XCIvPlxyXG4gICAgPHBhdGggZD1cIk0xMCA0LjQ4MzM3QzExLjM1IDQuNDgzMzcgMTIuNTUgNC45NTAwNCAxMy41MDgzIDUuODUwMDRMMTYuMTMzMyAzLjIyNTA0QzE0LjU0MTcgMS43NDE3MSAxMi40NzUgMC44MzMzNzQgMTAgMC44MzMzNzRDNi40MTY2OCAwLjgzMzM3NCAzLjMyNTAxIDIuODkxNzEgMS44MTY2OCA1Ljg5MTcxTDQuODY2NjggOC4yNTgzN0M1LjU5MTY4IDYuMDkxNzEgNy42MTY2OCA0LjQ4MzM3IDEwIDQuNDgzMzdaXCIgZmlsbD1cIiNFQTQzMzVcIi8+XHJcbiAgPC9zdmc+YDtcclxuXHJcbiAgc3ZnR29vZ2xlRGlzYWJsZWQ6IHN0cmluZyA9IGA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB3aWR0aD1cIjIwXCIgaGVpZ2h0PVwiMjBcIiB2aWV3Qm94PVwiMCAwIDIwIDIwXCIgZmlsbD1cIm5vbmVcIj5cclxuICAgIDxwYXRoIGQ9XCJNMTguOCAxMC4yMDg0QzE4LjggOS41NTgzNyAxOC43NDE3IDguOTMzMzcgMTguNjMzMyA4LjMzMzM3SDEwVjExLjg4MzRIMTQuOTMzM0MxNC43MTY3IDEzLjAyNSAxNC4wNjY3IDEzLjk5MTcgMTMuMDkxNyAxNC42NDE3VjE2Ljk1SDE2LjA2NjdDMTcuOCAxNS4zNSAxOC44IDEzIDE4LjggMTAuMjA4NFpcIiBmaWxsPVwiI0JGQkZCRlwiLz5cclxuICAgIDxwYXRoIGQ9XCJNMTAgMTkuMTY2N0MxMi40NzUgMTkuMTY2NyAxNC41NSAxOC4zNSAxNi4wNjY3IDE2Ljk1TDEzLjA5MTcgMTQuNjQxN0MxMi4yNzUgMTUuMTkxNyAxMS4yMzMzIDE1LjUyNSAxMCAxNS41MjVDNy42MTY2OCAxNS41MjUgNS41OTE2OCAxMy45MTY3IDQuODY2NjggMTEuNzVIMS44MTY2OFYxNC4xMTY3QzMuMzI1MDEgMTcuMTA4MyA2LjQxNjY4IDE5LjE2NjcgMTAgMTkuMTY2N1pcIiBmaWxsPVwiI0JGQkZCRlwiLz5cclxuICAgIDxwYXRoIGQ9XCJNNC44NjY2OCAxMS43NDE3QzQuNjgzMzQgMTEuMTkxNyA0LjU3NTAxIDEwLjYwODQgNC41NzUwMSAxMC4wMDAxQzQuNTc1MDEgOS4zOTE3MiA0LjY4MzM0IDguODA4MzkgNC44NjY2OCA4LjI1ODM5VjUuODkxNzJIMS44MTY2OEMxLjE5MTY4IDcuMTI1MDYgMC44MzMzNDQgOC41MTY3MiAwLjgzMzM0NCAxMC4wMDAxQzAuODMzMzQ0IDExLjQ4MzQgMS4xOTE2OCAxMi44NzUxIDEuODE2NjggMTQuMTA4NEw0LjE5MTY4IDEyLjI1ODRMNC44NjY2OCAxMS43NDE3WlwiIGZpbGw9XCIjQkZCRkJGXCIvPlxyXG4gICAgPHBhdGggZD1cIk0xMCA0LjQ4MzM3QzExLjM1IDQuNDgzMzcgMTIuNTUgNC45NTAwNCAxMy41MDgzIDUuODUwMDRMMTYuMTMzMyAzLjIyNTA0QzE0LjU0MTcgMS43NDE3MSAxMi40NzUgMC44MzMzNzQgMTAgMC44MzMzNzRDNi40MTY2OCAwLjgzMzM3NCAzLjMyNTAxIDIuODkxNzEgMS44MTY2OCA1Ljg5MTcxTDQuODY2NjggOC4yNTgzN0M1LjU5MTY4IDYuMDkxNzEgNy42MTY2OCA0LjQ4MzM3IDEwIDQuNDgzMzdaXCIgZmlsbD1cIiNCRkJGQkZcIi8+XHJcbiAgPC9zdmc+YDtcclxuXHJcbiAgc3ZnTWljcm9zb2Z0OiBzdHJpbmcgPSBgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgd2lkdGg9XCIyMFwiIGhlaWdodD1cIjIwXCIgdmlld0JveD1cIjAgMCAyMCAyMFwiIGZpbGw9XCJub25lXCI+XHJcbiAgICA8ZyBjbGlwLXBhdGg9XCJ1cmwoI2NsaXAwXzE2NzBfMTM4MTEpXCI+XHJcbiAgICAgIDxwYXRoIGQ9XCJNMCAwSDIwVjIwSDBWMFpcIiBmaWxsPVwiI0YzRjNGM1wiLz5cclxuICAgICAgPHBhdGggZD1cIk0wLjg2OTU2OCAwLjg2OTUwN0g5LjU2NTIyVjkuNTY1MTZIMC44Njk1NjhWMC44Njk1MDdaXCIgZmlsbD1cIiNGMzUzMjVcIi8+XHJcbiAgICAgIDxwYXRoIGQ9XCJNMTAuNDM0OCAwLjg2OTUwN0gxOS4xMzA0VjkuNTY1MTZIMTAuNDM0OFYwLjg2OTUwN1pcIiBmaWxsPVwiIzgxQkMwNlwiLz5cclxuICAgICAgPHBhdGggZD1cIk0wLjg2OTU2OCAxMC40MzQ4SDkuNTY1MjJWMTkuMTMwNUgwLjg2OTU2OFYxMC40MzQ4WlwiIGZpbGw9XCIjMDVBNkYwXCIvPlxyXG4gICAgICA8cGF0aCBkPVwiTTEwLjQzNDggMTAuNDM0OEgxOS4xMzA0VjE5LjEzMDVIMTAuNDM0OFYxMC40MzQ4WlwiIGZpbGw9XCIjRkZCQTA4XCIvPlxyXG4gICAgPC9nPlxyXG4gICAgPGRlZnM+XHJcbiAgICAgIDxjbGlwUGF0aCBpZD1cImNsaXAwXzE2NzBfMTM4MTFcIj5cclxuICAgICAgICA8cmVjdCB3aWR0aD1cIjIwXCIgaGVpZ2h0PVwiMjBcIiBmaWxsPVwid2hpdGVcIi8+XHJcbiAgICAgIDwvY2xpcFBhdGg+XHJcbiAgICA8L2RlZnM+XHJcbiAgPC9zdmc+YDtcclxuXHJcbiAgc3ZnTWljcm9zb2Z0RGlzYWJsZWQ6IHN0cmluZyA9IGA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB3aWR0aD1cIjIwXCIgaGVpZ2h0PVwiMjBcIiB2aWV3Qm94PVwiMCAwIDIwIDIwXCIgZmlsbD1cIm5vbmVcIj5cclxuICAgIDxnIGNsaXAtcGF0aD1cInVybCgjY2xpcDBfMTY3MF8xMzgxNylcIj5cclxuICAgICAgPHBhdGggZD1cIk0wIDBIMjBWMjBIMFYwWlwiIGZpbGw9XCIjRjNGM0YzXCIvPlxyXG4gICAgICA8cGF0aCBkPVwiTTAuODY5NTY4IDAuODY5NTA3SDkuNTY1MjJWOS41NjUxNkgwLjg2OTU2OFYwLjg2OTUwN1pcIiBmaWxsPVwiI0JGQkZCRlwiLz5cclxuICAgICAgPHBhdGggZD1cIk0xMC40MzQ4IDAuODY5NTA3SDE5LjEzMDRWOS41NjUxNkgxMC40MzQ4VjAuODY5NTA3WlwiIGZpbGw9XCIjQkZCRkJGXCIvPlxyXG4gICAgICA8cGF0aCBkPVwiTTAuODY5NTY4IDEwLjQzNDhIOS41NjUyMlYxOS4xMzA1SDAuODY5NTY4VjEwLjQzNDhaXCIgZmlsbD1cIiNCRkJGQkZcIi8+XHJcbiAgICAgIDxwYXRoIGQ9XCJNMTAuNDM0OCAxMC40MzQ4SDE5LjEzMDRWMTkuMTMwNUgxMC40MzQ4VjEwLjQzNDhaXCIgZmlsbD1cIiNCRkJGQkZcIi8+XHJcbiAgICA8L2c+XHJcbiAgICA8ZGVmcz5cclxuICAgICAgPGNsaXBQYXRoIGlkPVwiY2xpcDBfMTY3MF8xMzgxN1wiPlxyXG4gICAgICAgIDxyZWN0IHdpZHRoPVwiMjBcIiBoZWlnaHQ9XCIyMFwiIGZpbGw9XCJ3aGl0ZVwiLz5cclxuICAgICAgPC9jbGlwUGF0aD5cclxuICAgIDwvZGVmcz5cclxuICA8L3N2Zz5gO1xyXG5cclxuICBzdmdMaW5rZWRpbjogc3RyaW5nID0gYDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHdpZHRoPVwiMjBcIiBoZWlnaHQ9XCIyMFwiIHZpZXdCb3g9XCIwIDAgMjAgMjBcIiBmaWxsPVwibm9uZVwiPlxyXG4gICAgPHBhdGggZmlsbC1ydWxlPVwiZXZlbm9kZFwiIGNsaXAtcnVsZT1cImV2ZW5vZGRcIiBkPVwiTTIuMjIyMjIgMjBIMTcuNzc3OEMxOS4wMDUxIDIwIDIwIDE5LjAwNTEgMjAgMTcuNzc3OFYyLjIyMjIyQzIwIDAuOTk0OTIzIDE5LjAwNTEgMCAxNy43Nzc4IDBIMi4yMjIyMkMwLjk5NDkyMyAwIDAgMC45OTQ5MjMgMCAyLjIyMjIyVjE3Ljc3NzhDMCAxOS4wMDUxIDAuOTk0OTIzIDIwIDIuMjIyMjIgMjBaXCIgZmlsbD1cIiMwMDdFQkJcIi8+XHJcbiAgPC9zdmc+YDtcclxuXHJcbiAgc3ZnTGlua2VkaW5EaXNhYmxlZDogc3RyaW5nID0gYDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHdpZHRoPVwiMjBcIiBoZWlnaHQ9XCIyMFwiIHZpZXdCb3g9XCIwIDAgMjAgMjBcIiBmaWxsPVwibm9uZVwiPlxyXG4gICAgPHBhdGggZmlsbC1ydWxlPVwiZXZlbm9kZFwiIGNsaXAtcnVsZT1cImV2ZW5vZGRcIiBkPVwiTTIuMjIyMjIgMjBIMTcuNzc3OEMxOS4wMDUxIDIwIDIwIDE5LjAwNTEgMjAgMTcuNzc3OFYyLjIyMjIyQzIwIDAuOTk0OTIzIDE5LjAwNTEgMCAxNy43Nzc4IDBIMi4yMjIyMkMwLjk5NDkyMyAwIDAgMC45OTQ5MjMgMCAyLjIyMjIyVjE3Ljc3NzhDMCAxOS4wMDUxIDAuOTk0OTIzIDIwIDIuMjIyMjIgMjBaXCIgZmlsbD1cIiNCRkJGQkZcIi8+XHJcbiAgPC9zdmc+YDtcclxufVxyXG4iLCI8YnV0dG9uIGNsYXNzPVwiY3RuLWJ1dHRvblwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiPlxyXG4gICAgPHNwYW4gW2lubmVySFRNTF09XCJzdmdcIiBjbGFzcz1cImljb24tYnRuXCI+PC9zcGFuPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJsYWJlbC1iYXNlXCI+e3t0ZXh0QnV0dG9ufX08L3NwYW4+XHJcbjwvYnV0dG9uPiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './button-auth.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdXMtZGVzaWduLWNvbXBvbmVudHMvc3JjL2xpYi9idXR0b24tYXV0aC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHlCQUF5QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9idXR0b24tYXV0aC5jb21wb25lbnQnO1xyXG5cclxuIl19
|
|
@@ -8,14 +8,14 @@ export class CardDynamicContentComponent {
|
|
|
8
8
|
this.backgroundColor = '#EDF6FF';
|
|
9
9
|
}
|
|
10
10
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardDynamicContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CardDynamicContentComponent, isStandalone: true, selector: "ius-card-dynamic-content", inputs: { titleCard: "titleCard", backgroundColor: "backgroundColor" }, ngImport: i0, template: "<div class=\"card-dynamic\" [ngStyle]=\"{'background-color': backgroundColor}\">\r\n <span class=\"title-card\">{{titleCard}}</span><br>\r\n <div class=\"content-card\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.card-dynamic{
|
|
11
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CardDynamicContentComponent, isStandalone: true, selector: "ius-card-dynamic-content", inputs: { titleCard: "titleCard", backgroundColor: "backgroundColor" }, ngImport: i0, template: "<div class=\"card-dynamic\" [ngStyle]=\"{'background-color': backgroundColor}\">\r\n <span class=\"title-card\">{{titleCard}}</span><br>\r\n <div class=\"content-card\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.card-dynamic{padding:8px;border-radius:8px}.title-card{color:#313030;font-family:Rubik,sans-serif;font-size:1rem;font-weight:500;line-height:120%;letter-spacing:.1px}.content-card{padding-top:8px;padding-left:6px;padding-right:6px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
12
12
|
}
|
|
13
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardDynamicContentComponent, decorators: [{
|
|
14
14
|
type: Component,
|
|
15
|
-
args: [{ selector: 'ius-card-dynamic-content', standalone: true, imports: [CommonModule], template: "<div class=\"card-dynamic\" [ngStyle]=\"{'background-color': backgroundColor}\">\r\n <span class=\"title-card\">{{titleCard}}</span><br>\r\n <div class=\"content-card\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.card-dynamic{
|
|
15
|
+
args: [{ selector: 'ius-card-dynamic-content', standalone: true, imports: [CommonModule], template: "<div class=\"card-dynamic\" [ngStyle]=\"{'background-color': backgroundColor}\">\r\n <span class=\"title-card\">{{titleCard}}</span><br>\r\n <div class=\"content-card\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.card-dynamic{padding:8px;border-radius:8px}.title-card{color:#313030;font-family:Rubik,sans-serif;font-size:1rem;font-weight:500;line-height:120%;letter-spacing:.1px}.content-card{padding-top:8px;padding-left:6px;padding-right:6px}\n"] }]
|
|
16
16
|
}], propDecorators: { titleCard: [{
|
|
17
17
|
type: Input
|
|
18
18
|
}], backgroundColor: [{
|
|
19
19
|
type: Input
|
|
20
20
|
}] } });
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1keW5hbWljLWNvbnRlbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2FyZC1keW5hbWljLWNvbnRlbnQvY2FyZC1keW5hbWljLWNvbnRlbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2FyZC1keW5hbWljLWNvbnRlbnQvY2FyZC1keW5hbWljLWNvbnRlbnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFTakQsTUFBTSxPQUFPLDJCQUEyQjtJQVB4QztRQVFXLGNBQVMsR0FBRyxPQUFPLENBQUM7UUFDcEIsb0JBQWUsR0FBRyxTQUFTLENBQUM7S0FFdEM7K0dBSlksMkJBQTJCO21HQUEzQiwyQkFBMkIsNEpDVnhDLDhPQUtNLHNuRERDTSxZQUFZOzs0RkFJWCwyQkFBMkI7a0JBUHZDLFNBQVM7K0JBQ0UsMEJBQTBCLGNBQ3hCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQzs4QkFLZCxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2l1cy1jYXJkLWR5bmFtaWMtY29udGVudCcsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC1keW5hbWljLWNvbnRlbnQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9jYXJkLWR5bmFtaWMtY29udGVudC5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIENhcmREeW5hbWljQ29udGVudENvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgdGl0bGVDYXJkID0gJ1RpdGxlJztcclxuICBASW5wdXQoKSBiYWNrZ3JvdW5kQ29sb3IgPSAnI0VERjZGRic7XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJjYXJkLWR5bmFtaWNcIiBbbmdTdHlsZV09XCJ7J2JhY2tncm91bmQtY29sb3InOiBiYWNrZ3JvdW5kQ29sb3J9XCI+XHJcbiAgICA8c3BhbiBjbGFzcz1cInRpdGxlLWNhcmRcIj57e3RpdGxlQ2FyZH19PC9zcGFuPjxicj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb250ZW50LWNhcmRcIj5cclxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './input-otp.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdXMtZGVzaWduLWNvbXBvbmVudHMvc3JjL2xpYi9pbnB1dC1vdHAvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx1QkFBdUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vaW5wdXQtb3RwLmNvbXBvbmVudCc7XHJcblxyXG4iXX0=
|
|
@@ -0,0 +1,173 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output, ViewChildren } from '@angular/core';
|
|
2
|
+
import { IconMdComponent } from '../icon-md/icon-md.component';
|
|
3
|
+
import { CommonModule } from '@angular/common';
|
|
4
|
+
import { FormsModule } from '@angular/forms';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@angular/common";
|
|
7
|
+
export class InputOtpComponent {
|
|
8
|
+
constructor() {
|
|
9
|
+
this.length = 6;
|
|
10
|
+
this.disabled = false;
|
|
11
|
+
this.showHelpText = false;
|
|
12
|
+
this.required = true;
|
|
13
|
+
this.onChangesValueEvent = new EventEmitter();
|
|
14
|
+
this.codeComplete = new EventEmitter(); // cuando se llenan todas las casillas
|
|
15
|
+
this.values = [];
|
|
16
|
+
this.focusedIndex = null;
|
|
17
|
+
this.isAlertText = false;
|
|
18
|
+
}
|
|
19
|
+
get isAnyFocused() { return this.focusedIndex !== null; }
|
|
20
|
+
get boxes() { return Array.from({ length: this.length }); }
|
|
21
|
+
get code() { return this.values.join(''); }
|
|
22
|
+
ngOnInit() {
|
|
23
|
+
this.values = Array(this.length).fill('');
|
|
24
|
+
}
|
|
25
|
+
clearSearch() {
|
|
26
|
+
this.values.fill('');
|
|
27
|
+
this.emitChange();
|
|
28
|
+
this.isAlertText = this.required;
|
|
29
|
+
this.focusIndex(0);
|
|
30
|
+
}
|
|
31
|
+
onFocus(index) {
|
|
32
|
+
this.focusedIndex = index;
|
|
33
|
+
this.isAlertText = false;
|
|
34
|
+
}
|
|
35
|
+
onBlur() {
|
|
36
|
+
this.focusedIndex = null;
|
|
37
|
+
if (this.required) {
|
|
38
|
+
this.isAlertText = this.code.length !== this.length;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
// Restringe a dígitos y mueve el foco
|
|
42
|
+
onInputBox(e, index) {
|
|
43
|
+
const inputEvent = e;
|
|
44
|
+
const input = inputEvent.target;
|
|
45
|
+
const raw = (input.value || '').replace(/\D/g, '');
|
|
46
|
+
// Nos quedamos con el último dígito si escribió varios
|
|
47
|
+
const char = raw.slice(-1);
|
|
48
|
+
this.values[index] = char ?? '';
|
|
49
|
+
input.value = this.values[index];
|
|
50
|
+
// Avanza si hay valor
|
|
51
|
+
if (char && index < this.length - 1)
|
|
52
|
+
this.focusIndex(index + 1);
|
|
53
|
+
this.emitChange();
|
|
54
|
+
// Si escribió múltiples (p.ej. autofill) distribuye
|
|
55
|
+
if (raw.length > 1)
|
|
56
|
+
this.spreadFrom(index, raw);
|
|
57
|
+
}
|
|
58
|
+
// Teclas especiales: backspace, flechas, delete
|
|
59
|
+
onKeyDown(event, index) {
|
|
60
|
+
const key = event.key;
|
|
61
|
+
if (!/^[0-9]$/.test(key) &&
|
|
62
|
+
!['Backspace', 'ArrowLeft', 'ArrowRight', 'Delete', 'Tab'].includes(key)) {
|
|
63
|
+
event.preventDefault();
|
|
64
|
+
return;
|
|
65
|
+
}
|
|
66
|
+
if (key === 'Backspace') {
|
|
67
|
+
if (this.values[index]) {
|
|
68
|
+
this.values[index] = '';
|
|
69
|
+
this.emitChange();
|
|
70
|
+
}
|
|
71
|
+
else if (index > 0) {
|
|
72
|
+
this.focusIndex(index - 1);
|
|
73
|
+
// limpia la anterior para UX tipo “focused-error”
|
|
74
|
+
const prev = this.otpInputs.get(index - 1)?.nativeElement;
|
|
75
|
+
if (prev) {
|
|
76
|
+
prev.value = '';
|
|
77
|
+
this.values[index - 1] = '';
|
|
78
|
+
this.emitChange();
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
event.preventDefault();
|
|
82
|
+
return;
|
|
83
|
+
}
|
|
84
|
+
if (key === 'Delete') {
|
|
85
|
+
this.values[index] = '';
|
|
86
|
+
this.emitChange();
|
|
87
|
+
event.preventDefault();
|
|
88
|
+
return;
|
|
89
|
+
}
|
|
90
|
+
if (key === 'ArrowLeft' && index > 0) {
|
|
91
|
+
this.focusIndex(index - 1);
|
|
92
|
+
event.preventDefault();
|
|
93
|
+
return;
|
|
94
|
+
}
|
|
95
|
+
if (key === 'ArrowRight' && index < this.length - 1) {
|
|
96
|
+
this.focusIndex(index + 1);
|
|
97
|
+
event.preventDefault();
|
|
98
|
+
return;
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
// Pegar un código completo
|
|
102
|
+
onPaste(event) {
|
|
103
|
+
if (this.disabled)
|
|
104
|
+
return;
|
|
105
|
+
event.preventDefault();
|
|
106
|
+
const data = (event.clipboardData?.getData('text') || '').replace(/\D/g, '').slice(0, this.length);
|
|
107
|
+
if (!data)
|
|
108
|
+
return;
|
|
109
|
+
const start = this.focusedIndex ?? 0;
|
|
110
|
+
this.spreadFrom(start, data);
|
|
111
|
+
this.emitChange();
|
|
112
|
+
}
|
|
113
|
+
/** Distribuye una cadena a partir de un índice */
|
|
114
|
+
spreadFrom(startIndex, data) {
|
|
115
|
+
let i = startIndex;
|
|
116
|
+
for (const ch of data) {
|
|
117
|
+
if (i >= this.length)
|
|
118
|
+
break;
|
|
119
|
+
this.values[i] = ch;
|
|
120
|
+
const el = this.otpInputs.get(i)?.nativeElement;
|
|
121
|
+
if (el)
|
|
122
|
+
el.value = ch;
|
|
123
|
+
i++;
|
|
124
|
+
}
|
|
125
|
+
// Enfoca siguiente libre o se queda en el último
|
|
126
|
+
const nextFree = this.values.findIndex((v, idx) => v === '' && idx >= startIndex);
|
|
127
|
+
this.focusIndex(nextFree === -1 ? this.length - 1 : nextFree);
|
|
128
|
+
}
|
|
129
|
+
/** Enfoca por índice de forma segura */
|
|
130
|
+
focusIndex(i) {
|
|
131
|
+
setTimeout(() => {
|
|
132
|
+
const el = this.otpInputs?.get(i)?.nativeElement;
|
|
133
|
+
if (el)
|
|
134
|
+
el.focus();
|
|
135
|
+
this.focusedIndex = i;
|
|
136
|
+
});
|
|
137
|
+
}
|
|
138
|
+
/** Emite cambios y dispara codeComplete si procede */
|
|
139
|
+
emitChange() {
|
|
140
|
+
const code = this.code;
|
|
141
|
+
this.onChangesValueEvent.emit(code);
|
|
142
|
+
if (code.length === this.length) {
|
|
143
|
+
this.isAlertText = false;
|
|
144
|
+
this.codeComplete.emit(code);
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputOtpComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
148
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputOtpComponent, isStandalone: true, selector: "ius-input-otp", inputs: { length: "length", disabled: "disabled", showHelpText: "showHelpText", labelSuperior: "labelSuperior", labelInferior: "labelInferior", required: "required" }, outputs: { onChangesValueEvent: "onChangesValueEvent", codeComplete: "codeComplete" }, viewQueries: [{ propertyName: "otpInputs", predicate: ["otpInput"], descendants: true }], ngImport: i0, template: "<div class=\"container-general\">\r\n @if (labelSuperior) {\r\n <div class=\"container-label-sup\" [ngClass]=\"{ 'disabled': disabled }\">\r\n @if(!disabled && required){ <div class=\"icon-dot\"></div> }\r\n <span>{{ labelSuperior }}</span>\r\n @if(!disabled && showHelpText){\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-color-help\"></ius-icon-md>\r\n }\r\n <span>:</span>\r\n </div>\r\n }\r\n\r\n <div class=\"container-otp\">\r\n <!-- Casillas OTP -->\r\n <div class=\"otp-grid\">\r\n @for (ctrl of boxes; track $index) {\r\n <div\r\n class=\"container-textfield\"\r\n [ngClass]=\"{\r\n 'disabled': disabled,\r\n 'focused': focusedIndex === $index,\r\n 'alert': !disabled && isAlertText\r\n }\"\r\n >\r\n <input\r\n #otpInput\r\n type=\"text\"\r\n inputmode=\"numeric\"\r\n pattern=\"[0-9]*\"\r\n maxlength=\"1\"\r\n [disabled]=\"disabled\"\r\n [value]=\"values[$index]\"\r\n (focus)=\"onFocus($index)\"\r\n (blur)=\"onBlur()\"\r\n (keydown)=\"onKeyDown($event, $index)\"\r\n (input)=\"onInputBox($event, $index)\"\r\n (paste)=\"onPaste($event)\"\r\n />\r\n </div>\r\n }\r\n </div>\r\n\r\n @if (!disabled && this.code.length > 0 ) {\r\n <button class=\"button-delete\" (click)=\"clearSearch()\" [ngClass]=\"{\r\n 'alert': !disabled && isAlertText\r\n }\">\r\n <ius-icon-md iconName=\"icon-cancel\" class=\"icon-color-cancel\" [ngClass]=\"{\r\n 'alert': !disabled && isAlertText\r\n }\"></ius-icon-md>\r\n </button>\r\n }\r\n </div>\r\n\r\n @if (labelInferior && isAnyFocused) {\r\n <span class=\"label-inf\">{{ labelInferior }}</span>\r\n }\r\n @if (labelInferior && !isAnyFocused && isAlertText) {\r\n <span class=\"label-inf\" [ngClass]=\"{ 'alert': isAlertText }\">{{ labelInferior }}</span>\r\n }\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-general{position:relative;height:100%}.container-otp{display:flex;align-items:center;gap:8px}.otp-grid{display:flex;gap:4px}.otp-grid:hover .container-textfield:not(.disabled){background:#edf6ff;border:1px solid #EDF6FF}.container-textfield{display:inline-flex;width:40px;height:40px;border:1px solid #f5f5f5;border-radius:8px;background:#f5f5f5;transition:all .15s ease-in-out}.container-textfield:hover:not(.disabled):not(.focused):not(.alert){background:#edf6ff;border:1px solid #EDF6FF}.container-textfield.focused{border:1px solid #0581BC;background:#edf6ff}.container-textfield.alert{border:1px solid #DB2E2A;background:#fff4f0}.container-textfield.disabled{background:#f5f5f5}.container-textfield input{width:100%;height:100%;border:none;outline:none;text-align:center;background:transparent;color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.875rem;line-height:20px;letter-spacing:.28px}.container-textfield input::-webkit-outer-spin-button,.container-textfield input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.button-delete{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;color:#595959}.container-label-sup{display:flex;align-items:center;gap:4px;margin-bottom:8px;color:#333;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.container-label-sup.disabled{color:#bfbfbf}.icon-dot{width:4px;height:4px;background-color:#db2e2a;border-radius:100px}.icon-color-help{color:#8c8c8c}.icon-color-cancel{color:#013169}.icon-color-cancel.alert{color:#b71d26}.label-inf{position:absolute;margin-top:4px;color:#595959;font-family:Roboto,sans-serif;font-size:.75rem;font-style:italic;font-weight:500;line-height:16px;letter-spacing:.24px}.label-inf.alert{color:#931224}\n"], dependencies: [{ kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
149
|
+
}
|
|
150
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputOtpComponent, decorators: [{
|
|
151
|
+
type: Component,
|
|
152
|
+
args: [{ selector: 'ius-input-otp', standalone: true, imports: [IconMdComponent, FormsModule, CommonModule], template: "<div class=\"container-general\">\r\n @if (labelSuperior) {\r\n <div class=\"container-label-sup\" [ngClass]=\"{ 'disabled': disabled }\">\r\n @if(!disabled && required){ <div class=\"icon-dot\"></div> }\r\n <span>{{ labelSuperior }}</span>\r\n @if(!disabled && showHelpText){\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-color-help\"></ius-icon-md>\r\n }\r\n <span>:</span>\r\n </div>\r\n }\r\n\r\n <div class=\"container-otp\">\r\n <!-- Casillas OTP -->\r\n <div class=\"otp-grid\">\r\n @for (ctrl of boxes; track $index) {\r\n <div\r\n class=\"container-textfield\"\r\n [ngClass]=\"{\r\n 'disabled': disabled,\r\n 'focused': focusedIndex === $index,\r\n 'alert': !disabled && isAlertText\r\n }\"\r\n >\r\n <input\r\n #otpInput\r\n type=\"text\"\r\n inputmode=\"numeric\"\r\n pattern=\"[0-9]*\"\r\n maxlength=\"1\"\r\n [disabled]=\"disabled\"\r\n [value]=\"values[$index]\"\r\n (focus)=\"onFocus($index)\"\r\n (blur)=\"onBlur()\"\r\n (keydown)=\"onKeyDown($event, $index)\"\r\n (input)=\"onInputBox($event, $index)\"\r\n (paste)=\"onPaste($event)\"\r\n />\r\n </div>\r\n }\r\n </div>\r\n\r\n @if (!disabled && this.code.length > 0 ) {\r\n <button class=\"button-delete\" (click)=\"clearSearch()\" [ngClass]=\"{\r\n 'alert': !disabled && isAlertText\r\n }\">\r\n <ius-icon-md iconName=\"icon-cancel\" class=\"icon-color-cancel\" [ngClass]=\"{\r\n 'alert': !disabled && isAlertText\r\n }\"></ius-icon-md>\r\n </button>\r\n }\r\n </div>\r\n\r\n @if (labelInferior && isAnyFocused) {\r\n <span class=\"label-inf\">{{ labelInferior }}</span>\r\n }\r\n @if (labelInferior && !isAnyFocused && isAlertText) {\r\n <span class=\"label-inf\" [ngClass]=\"{ 'alert': isAlertText }\">{{ labelInferior }}</span>\r\n }\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-general{position:relative;height:100%}.container-otp{display:flex;align-items:center;gap:8px}.otp-grid{display:flex;gap:4px}.otp-grid:hover .container-textfield:not(.disabled){background:#edf6ff;border:1px solid #EDF6FF}.container-textfield{display:inline-flex;width:40px;height:40px;border:1px solid #f5f5f5;border-radius:8px;background:#f5f5f5;transition:all .15s ease-in-out}.container-textfield:hover:not(.disabled):not(.focused):not(.alert){background:#edf6ff;border:1px solid #EDF6FF}.container-textfield.focused{border:1px solid #0581BC;background:#edf6ff}.container-textfield.alert{border:1px solid #DB2E2A;background:#fff4f0}.container-textfield.disabled{background:#f5f5f5}.container-textfield input{width:100%;height:100%;border:none;outline:none;text-align:center;background:transparent;color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.875rem;line-height:20px;letter-spacing:.28px}.container-textfield input::-webkit-outer-spin-button,.container-textfield input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.button-delete{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;color:#595959}.container-label-sup{display:flex;align-items:center;gap:4px;margin-bottom:8px;color:#333;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.container-label-sup.disabled{color:#bfbfbf}.icon-dot{width:4px;height:4px;background-color:#db2e2a;border-radius:100px}.icon-color-help{color:#8c8c8c}.icon-color-cancel{color:#013169}.icon-color-cancel.alert{color:#b71d26}.label-inf{position:absolute;margin-top:4px;color:#595959;font-family:Roboto,sans-serif;font-size:.75rem;font-style:italic;font-weight:500;line-height:16px;letter-spacing:.24px}.label-inf.alert{color:#931224}\n"] }]
|
|
153
|
+
}], propDecorators: { length: [{
|
|
154
|
+
type: Input
|
|
155
|
+
}], disabled: [{
|
|
156
|
+
type: Input
|
|
157
|
+
}], showHelpText: [{
|
|
158
|
+
type: Input
|
|
159
|
+
}], labelSuperior: [{
|
|
160
|
+
type: Input
|
|
161
|
+
}], labelInferior: [{
|
|
162
|
+
type: Input
|
|
163
|
+
}], required: [{
|
|
164
|
+
type: Input
|
|
165
|
+
}], onChangesValueEvent: [{
|
|
166
|
+
type: Output
|
|
167
|
+
}], codeComplete: [{
|
|
168
|
+
type: Output
|
|
169
|
+
}], otpInputs: [{
|
|
170
|
+
type: ViewChildren,
|
|
171
|
+
args: ['otpInput']
|
|
172
|
+
}] } });
|
|
173
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtb3RwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l1cy1kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL2lucHV0LW90cC9pbnB1dC1vdHAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvaW5wdXQtb3RwL2lucHV0LW90cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBeUIsTUFBTSxlQUFlLENBQUM7QUFDNUcsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQVM3QyxNQUFNLE9BQU8saUJBQWlCO0lBUDlCO1FBUVcsV0FBTSxHQUFHLENBQUMsQ0FBQztRQUVYLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFHckIsYUFBUSxHQUFHLElBQUksQ0FBQztRQUVmLHdCQUFtQixHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDakQsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDLENBQUMsc0NBQXNDO1FBRzNGLFdBQU0sR0FBYSxFQUFFLENBQUM7UUFDdEIsaUJBQVksR0FBa0IsSUFBSSxDQUFDO1FBQ25DLGdCQUFXLEdBQUcsS0FBSyxDQUFDO0tBcUlyQjtJQW5JQyxJQUFJLFlBQVksS0FBYyxPQUFPLElBQUksQ0FBQyxZQUFZLEtBQUssSUFBSSxDQUFDLENBQUMsQ0FBQztJQUNsRSxJQUFJLEtBQUssS0FBWSxPQUFPLEtBQUssQ0FBQyxJQUFJ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K0JBQ0UsZUFBZSxjQUNiLElBQUksV0FDUCxDQUFDLGVBQWUsRUFBRSxXQUFXLEVBQUUsWUFBWSxDQUFDOzhCQUs1QyxNQUFNO3NCQUFkLEtBQUs7Z0JBRUcsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVJLG1CQUFtQjtzQkFBNUIsTUFBTTtnQkFDRyxZQUFZO3NCQUFyQixNQUFNO2dCQUNtQixTQUFTO3NCQUFsQyxZQUFZO3VCQUFDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVmlld0NoaWxkcmVuLCBRdWVyeUxpc3QsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSWNvbk1kQ29tcG9uZW50IH0gZnJvbSAnLi4vaWNvbi1tZC9pY29uLW1kLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpdXMtaW5wdXQtb3RwJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtJY29uTWRDb21wb25lbnQsIEZvcm1zTW9kdWxlLCBDb21tb25Nb2R1bGVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9pbnB1dC1vdHAuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9pbnB1dC1vdHAuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBJbnB1dE90cENvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgbGVuZ3RoID0gNjtcclxuXHJcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBzaG93SGVscFRleHQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBsYWJlbFN1cGVyaW9yPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGxhYmVsSW5mZXJpb3I/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgcmVxdWlyZWQgPSB0cnVlO1xyXG5cclxuICBAT3V0cHV0KCkgb25DaGFuZ2VzVmFsdWVFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xyXG4gIEBPdXRwdXQoKSBjb2RlQ29tcGxldGUgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTsgLy8gY3VhbmRvIHNlIGxsZW5hbiB0b2RhcyBsYXMgY2FzaWxsYXNcclxuICBAVmlld0NoaWxkcmVuKCdvdHBJbnB1dCcpIG90cElucHV0cyE6IFF1ZXJ5TGlzdDxFbGVtZW50UmVmPEhUTUxJbnB1dEVsZW1lbnQ+PjtcclxuXHJcbiAgdmFsdWVzOiBzdHJpbmdbXSA9IFtdO1xyXG4gIGZvY3VzZWRJbmRleDogbnVtYmVyIHwgbnVsbCA9IG51bGw7XHJcbiAgaXNBbGVydFRleHQgPSBmYWxzZTtcclxuXHJcbiAgZ2V0IGlzQW55Rm9jdXNlZCgpOiBib29sZWFuIHsgcmV0dXJuIHRoaXMuZm9jdXNlZEluZGV4ICE9PSBudWxsOyB9XHJcbiAgZ2V0IGJveGVzKCk6IGFueVtdIHsgcmV0dXJuIEFycmF5LmZyb20oeyBsZW5ndGg6IHRoaXMubGVuZ3RoIH0pOyB9XHJcbiAgZ2V0IGNvZGUoKTogc3RyaW5nIHsgcmV0dXJuIHRoaXMudmFsdWVzLmpvaW4oJycpOyB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy52YWx1ZXMgPSBBcnJheSh0aGlzLmxlbmd0aCkuZmlsbCgnJyk7XHJcbiAgfVxyXG5cclxuICBjbGVhclNlYXJjaCgpIHtcclxuICAgIHRoaXMudmFsdWVzLmZpbGwoJycpO1xyXG4gICAgdGhpcy5lbWl0Q2hhbmdlKCk7XHJcbiAgICB0aGlzLmlzQWxlcnRUZXh0ID0gdGhpcy5yZXF1aXJlZDtcclxuICAgIHRoaXMuZm9jdXNJbmRleCgwKTtcclxuICB9XHJcblxyXG4gIG9uRm9jdXMoaW5kZXg6IG51bWJlcikge1xyXG4gICAgdGhpcy5mb2N1c2VkSW5kZXggPSBpbmRleDtcclxuICAgIHRoaXMuaXNBbGVydFRleHQgPSBmYWxzZTtcclxuICB9XHJcblxyXG4gIG9uQmx1cigpIHtcclxuICAgIHRoaXMuZm9jdXNlZEluZGV4ID0gbnVsbDtcclxuICAgIGlmICh0aGlzLnJlcXVpcmVkKSB7XHJcbiAgICAgIHRoaXMuaXNBbGVydFRleHQgPSB0aGlzLmNvZGUubGVuZ3RoICE9PSB0aGlzLmxlbmd0aDtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIC8vIFJlc3RyaW5nZSBhIGTDrWdpdG9zIHkgbXVldmUgZWwgZm9jb1xyXG4gIG9uSW5wdXRCb3goZTogRXZlbnQsIGluZGV4OiBudW1iZXIpIHtcclxuICAgIGNvbnN0IGlucHV0RXZlbnQgPSBlIGFzIElucHV0RXZlbnQ7XHJcbiAgICBjb25zdCBpbnB1dCA9IGlucHV0RXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7XHJcbiAgICBjb25zdCByYXcgPSAoaW5wdXQudmFsdWUgfHwgJycpLnJlcGxhY2UoL1xcRC9nLCAnJyk7XHJcblxyXG4gICAgLy8gTm9zIHF1ZWRhbW9zIGNvbiBlbCDDumx0aW1vIGTDrWdpdG8gc2kgZXNjcmliacOzIHZhcmlvc1xyXG4gICAgY29uc3QgY2hhciA9IHJhdy5zbGljZSgtMSk7XHJcbiAgICB0aGlzLnZhbHVlc1tpbmRleF0gPSBjaGFyID8/ICcnO1xyXG4gICAgaW5wdXQudmFsdWUgPSB0aGlzLnZhbHVlc1tpbmRleF07XHJcblxyXG4gICAgLy8gQXZhbnphIHNpIGhheSB2YWxvclxyXG4gICAgaWYgKGNoYXIgJiYgaW5kZXggPCB0aGlzLmxlbmd0aCAtIDEpIHRoaXMuZm9jdXNJbmRleChpbmRleCArIDEpO1xyXG5cclxuICAgIHRoaXMuZW1pdENoYW5nZSgpO1xyXG5cclxuICAgIC8vIFNpIGVzY3JpYmnDsyBtw7psdGlwbGVzIChwLmVqLiBhdXRvZmlsbCkgZGlzdHJpYnV5ZVxyXG4gICAgaWYgKHJhdy5sZW5ndGggPiAxKSB0aGlzLnNwcmVhZEZyb20oaW5kZXgsIHJhdyk7XHJcbiAgfVxyXG5cclxuICAvLyBUZWNsYXMgZXNwZWNpYWxlczogYmFja3NwYWNlLCBmbGVjaGFzLCBkZWxldGVcclxuICBvbktleURvd24oZXZlbnQ6IEtleWJvYXJkRXZlbnQsIGluZGV4OiBudW1iZXIpIHtcclxuICAgIGNvbnN0IGtleSA9IGV2ZW50LmtleTtcclxuXHJcbiAgICBpZiAoIS9eWzAtOV0kLy50ZXN0KGtleSkgJiZcclxuICAgICAgIVsnQmFja3NwYWNlJywgJ0Fycm93TGVmdCcsICdBcnJvd1JpZ2h0JywgJ0RlbGV0ZScsICdUYWInXS5pbmNsdWRlcyhrZXkpKSB7XHJcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuXHJcbiAgICBpZiAoa2V5ID09PSAnQmFja3NwYWNlJykge1xyXG4gICAgICBpZiAodGhpcy52YWx1ZXNbaW5kZXhdKSB7XHJcbiAgICAgICAgdGhpcy52YWx1ZXNbaW5kZXhdID0gJyc7XHJcbiAgICAgICAgdGhpcy5lbWl0Q2hhbmdlKCk7XHJcbiAgICAgIH0gZWxzZSBpZiAoaW5kZXggPiAwKSB7XHJcbiAgICAgICAgdGhpcy5mb2N1c0luZGV4KGluZGV4IC0gMSk7XHJcbiAgICAgICAgLy8gbGltcGlhIGxhIGFudGVyaW9yIHBhcmEgVVggdGlwbyDigJxmb2N1c2VkLWVycm9y4oCdXHJcbiAgICAgICAgY29uc3QgcHJldiA9IHRoaXMub3RwSW5wdXRzLmdldChpbmRleCAtIDEpPy5uYXRpdmVFbGVtZW50O1xyXG4gICAgICAgIGlmIChwcmV2KSB7IHByZXYudmFsdWUgPSAnJzsgdGhpcy52YWx1ZXNbaW5kZXggLSAxXSA9ICcnOyB0aGlzLmVtaXRDaGFuZ2UoKTsgfVxyXG4gICAgICB9XHJcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuXHJcbiAgICBpZiAoa2V5ID09PSAnRGVsZXRlJykge1xyXG4gICAgICB0aGlzLnZhbHVlc1tpbmRleF0gPSAnJztcclxuICAgICAgdGhpcy5lbWl0Q2hhbmdlKCk7XHJcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuXHJcbiAgICBpZiAoa2V5ID09PSAnQXJyb3dMZWZ0JyAmJiBpbmRleCA+IDApIHtcclxuICAgICAgdGhpcy5mb2N1c0luZGV4KGluZGV4IC0gMSk7IGV2ZW50LnByZXZlbnREZWZhdWx0KCk7IHJldHVybjtcclxuICAgIH1cclxuICAgIGlmIChrZXkgPT09ICdBcnJvd1JpZ2h0JyAmJiBpbmRleCA8IHRoaXMubGVuZ3RoIC0gMSkge1xyXG4gICAgICB0aGlzLmZvY3VzSW5kZXgoaW5kZXggKyAxKTsgZXZlbnQucHJldmVudERlZmF1bHQoKTsgcmV0dXJuO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgLy8gUGVnYXIgdW4gY8OzZGlnbyBjb21wbGV0b1xyXG4gIG9uUGFzdGUoZXZlbnQ6IENsaXBib2FyZEV2ZW50KSB7XHJcbiAgICBpZiAodGhpcy5kaXNhYmxlZCkgcmV0dXJuO1xyXG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcclxuICAgIGNvbnN0IGRhdGEgPSAoZXZlbnQuY2xpcGJvYXJkRGF0YT8uZ2V0RGF0YSgndGV4dCcpIHx8ICcnKS5yZXBsYWNlKC9cXEQvZywgJycpLnNsaWNlKDAsIHRoaXMubGVuZ3RoKTtcclxuICAgIGlmICghZGF0YSkgcmV0dXJuO1xyXG5cclxuICAgIGNvbnN0IHN0YXJ0ID0gdGhpcy5mb2N1c2VkSW5kZXggPz8gMDtcclxuICAgIHRoaXMuc3ByZWFkRnJvbShzdGFydCwgZGF0YSk7XHJcbiAgICB0aGlzLmVtaXRDaGFuZ2UoKTtcclxuICB9XHJcblxyXG4gIC8qKiBEaXN0cmlidXllIHVuYSBjYWRlbmEgYSBwYXJ0aXIgZGUgdW4gw61uZGljZSAqL1xyXG4gIHNwcmVhZEZyb20oc3RhcnRJbmRleDogbnVtYmVyLCBkYXRhOiBzdHJpbmcpIHtcclxuICAgIGxldCBpID0gc3RhcnRJbmRleDtcclxuICAgIGZvciAoY29uc3QgY2ggb2YgZGF0YSkge1xyXG4gICAgICBpZiAoaSA+PSB0aGlzLmxlbmd0aCkgYnJlYWs7XHJcbiAgICAgIHRoaXMudmFsdWVzW2ldID0gY2g7XHJcbiAgICAgIGNvbnN0IGVsID0gdGhpcy5vdHBJbnB1dHMuZ2V0KGkpPy5uYXRpdmVFbGVtZW50O1xyXG4gICAgICBpZiAoZWwpIGVsLnZhbHVlID0gY2g7XHJcbiAgICAgIGkrKztcclxuICAgIH1cclxuICAgIC8vIEVuZm9jYSBzaWd1aWVudGUgbGlicmUgbyBzZSBxdWVkYSBlbiBlbCDDumx0aW1vXHJcbiAgICBjb25zdCBuZXh0RnJlZSA9IHRoaXMudmFsdWVzLmZpbmRJbmRleCgodiwgaWR4KSA9PiB2ID09PSAnJyAmJiBpZHggPj0gc3RhcnRJbmRleCk7XHJcbiAgICB0aGlzLmZvY3VzSW5kZXgobmV4dEZyZWUgPT09IC0xID8gdGhpcy5sZW5ndGggLSAxIDogbmV4dEZyZWUpO1xyXG4gIH1cclxuXHJcbiAgLyoqIEVuZm9jYSBwb3Igw61uZGljZSBkZSBmb3JtYSBzZWd1cmEgKi9cclxuICBmb2N1c0luZGV4KGk6IG51bWJlcikge1xyXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgIGNvbnN0IGVsID0gdGhpcy5vdHBJbnB1dHM/LmdldChpKT8ubmF0aXZlRWxlbWVudDtcclxuICAgICAgaWYgKGVsKSBlbC5mb2N1cygpO1xyXG4gICAgICB0aGlzLmZvY3VzZWRJbmRleCA9IGk7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIC8qKiBFbWl0ZSBjYW1iaW9zIHkgZGlzcGFyYSBjb2RlQ29tcGxldGUgc2kgcHJvY2VkZSAqL1xyXG4gIGVtaXRDaGFuZ2UoKSB7XHJcbiAgICBjb25zdCBjb2RlID0gdGhpcy5jb2RlO1xyXG4gICAgdGhpcy5vbkNoYW5nZXNWYWx1ZUV2ZW50LmVtaXQoY29kZSk7XHJcbiAgICBpZiAoY29kZS5sZW5ndGggPT09IHRoaXMubGVuZ3RoKSB7XHJcbiAgICAgIHRoaXMuaXNBbGVydFRleHQgPSBmYWxzZTtcclxuICAgICAgdGhpcy5jb2RlQ29tcGxldGUuZW1pdChjb2RlKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNvbnRhaW5lci1nZW5lcmFsXCI+XHJcbiAgQGlmIChsYWJlbFN1cGVyaW9yKSB7XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyLWxhYmVsLXN1cFwiIFtuZ0NsYXNzXT1cInsgJ2Rpc2FibGVkJzogZGlzYWJsZWQgfVwiPlxyXG4gICAgICBAaWYoIWRpc2FibGVkICYmIHJlcXVpcmVkKXsgPGRpdiBjbGFzcz1cImljb24tZG90XCI+PC9kaXY+IH1cclxuICAgICAgPHNwYW4+e3sgbGFiZWxTdXBlcmlvciB9fTwvc3Bhbj5cclxuICAgICAgQGlmKCFkaXNhYmxlZCAmJiBzaG93SGVscFRleHQpe1xyXG4gICAgICAgIDxpdXMtaWNvbi1tZCBpY29uTmFtZT1cImljb24taGVscFwiIGNsYXNzPVwiaWNvbi1jb2xvci1oZWxwXCI+PC9pdXMtaWNvbi1tZD5cclxuICAgICAgfVxyXG4gICAgICA8c3Bhbj46PC9zcGFuPlxyXG4gICAgPC9kaXY+XHJcbiAgfVxyXG5cclxuICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyLW90cFwiPlxyXG4gICAgPCEtLSBDYXNpbGxhcyBPVFAgLS0+XHJcbiAgICA8ZGl2IGNsYXNzPVwib3RwLWdyaWRcIj5cclxuICAgICAgQGZvciAoY3RybCBvZiBib3hlczsgdHJhY2sgJGluZGV4KSB7XHJcbiAgICAgICAgPGRpdlxyXG4gICAgICAgICAgY2xhc3M9XCJjb250YWluZXItdGV4dGZpZWxkXCJcclxuICAgICAgICAgIFtuZ0NsYXNzXT1cIntcclxuICAgICAgICAgICAgJ2Rpc2FibGVkJzogZGlzYWJsZWQsXHJcbiAgICAgICAgICAgICdmb2N1c2VkJzogZm9jdXNlZEluZGV4ID09PSAkaW5kZXgsXHJcbiAgICAgICAgICAgICdhbGVydCc6ICFkaXNhYmxlZCAmJiBpc0FsZXJ0VGV4dFxyXG4gICAgICAgICAgfVwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgPGlucHV0XHJcbiAgICAgICAgICAgICNvdHBJbnB1dFxyXG4gICAgICAgICAgICB0eXBlPVwidGV4dFwiXHJcbiAgICAgICAgICAgIGlucHV0bW9kZT1cIm51bWVyaWNcIlxyXG4gICAgICAgICAgICBwYXR0ZXJuPVwiWzAtOV0qXCJcclxuICAgICAgICAgICAgbWF4bGVuZ3RoPVwiMVwiXHJcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICAgICAgICAgIFt2YWx1ZV09XCJ2YWx1ZXNbJGluZGV4XVwiXHJcbiAgICAgICAgICAgIChmb2N1cyk9XCJvbkZvY3VzKCRpbmRleClcIlxyXG4gICAgICAgICAgICAoYmx1cik9XCJvbkJsdXIoKVwiXHJcbiAgICAgICAgICAgIChrZXlkb3duKT1cIm9uS2V5RG93bigkZXZlbnQsICRpbmRleClcIlxyXG4gICAgICAgICAgICAoaW5wdXQpPVwib25JbnB1dEJveCgkZXZlbnQsICRpbmRleClcIlxyXG4gICAgICAgICAgICAocGFzdGUpPVwib25QYXN0ZSgkZXZlbnQpXCJcclxuICAgICAgICAgIC8+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIH1cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIEBpZiAoIWRpc2FibGVkICYmIHRoaXMuY29kZS5sZW5ndGggPiAwICkge1xyXG4gICAgICA8YnV0dG9uIGNsYXNzPVwiYnV0dG9uLWRlbGV0ZVwiIChjbGljayk9XCJjbGVhclNlYXJjaCgpXCIgW25nQ2xhc3NdPVwie1xyXG4gICAgICAgICAgICAnYWxlcnQnOiAhZGlzYWJsZWQgJiYgaXNBbGVydFRleHRcclxuICAgICAgICAgIH1cIj5cclxuICAgICAgICA8aXVzLWljb24tbWQgaWNvbk5hbWU9XCJpY29uLWNhbmNlbFwiIGNsYXNzPVwiaWNvbi1jb2xvci1jYW5jZWxcIiBbbmdDbGFzc109XCJ7XHJcbiAgICAgICAgICAgICdhbGVydCc6ICFkaXNhYmxlZCAmJiBpc0FsZXJ0VGV4dFxyXG4gICAgICAgICAgfVwiPjwvaXVzLWljb24tbWQ+XHJcbiAgICAgIDwvYnV0dG9uPlxyXG4gICAgfVxyXG4gIDwvZGl2PlxyXG5cclxuICBAaWYgKGxhYmVsSW5mZXJpb3IgJiYgaXNBbnlGb2N1c2VkKSB7XHJcbiAgICA8c3BhbiBjbGFzcz1cImxhYmVsLWluZlwiPnt7IGxhYmVsSW5mZXJpb3IgfX08L3NwYW4+XHJcbiAgfVxyXG4gIEBpZiAobGFiZWxJbmZlcmlvciAmJiAhaXNBbnlGb2N1c2VkICYmIGlzQWxlcnRUZXh0KSB7XHJcbiAgICA8c3BhbiBjbGFzcz1cImxhYmVsLWluZlwiIFtuZ0NsYXNzXT1cInsgJ2FsZXJ0JzogaXNBbGVydFRleHQgfVwiPnt7IGxhYmVsSW5mZXJpb3IgfX08L3NwYW4+XHJcbiAgfVxyXG48L2Rpdj5cclxuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './input-password.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdXMtZGVzaWduLWNvbXBvbmVudHMvc3JjL2xpYi9pbnB1dC1wYXNzd29yZC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDRCQUE0QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9pbnB1dC1wYXNzd29yZC5jb21wb25lbnQnO1xyXG5cclxuIl19
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import { IconMdComponent } from '../icon-md/icon-md.component';
|
|
3
|
+
import { CommonModule } from '@angular/common';
|
|
4
|
+
import { FormsModule } from '@angular/forms';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@angular/forms";
|
|
7
|
+
import * as i2 from "@angular/common";
|
|
8
|
+
export class InputPasswordComponent {
|
|
9
|
+
constructor() {
|
|
10
|
+
this.isFocused = false;
|
|
11
|
+
this.isAlertText = false;
|
|
12
|
+
this.passwordVisible = false;
|
|
13
|
+
this.textInput = '';
|
|
14
|
+
this.required = true;
|
|
15
|
+
this.disabled = false;
|
|
16
|
+
this.showHelpText = false;
|
|
17
|
+
this.labelInput = '';
|
|
18
|
+
this.onChangesValueEvent = new EventEmitter();
|
|
19
|
+
this.onKeyPressEvent = new EventEmitter();
|
|
20
|
+
}
|
|
21
|
+
onInput() {
|
|
22
|
+
this.onChangesValueEvent.emit(this.textInput);
|
|
23
|
+
}
|
|
24
|
+
onFocus() {
|
|
25
|
+
this.isFocused = true;
|
|
26
|
+
}
|
|
27
|
+
onBlur() {
|
|
28
|
+
this.isFocused = false;
|
|
29
|
+
if (this.required) {
|
|
30
|
+
if (this.textInput === '') {
|
|
31
|
+
this.isAlertText = true;
|
|
32
|
+
}
|
|
33
|
+
else {
|
|
34
|
+
this.isAlertText = false;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
togglePasswordVisibility() {
|
|
39
|
+
this.passwordVisible = !this.passwordVisible;
|
|
40
|
+
}
|
|
41
|
+
onKeyPress(event) {
|
|
42
|
+
this.onKeyPressEvent.next(this.textInput);
|
|
43
|
+
}
|
|
44
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputPasswordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
45
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputPasswordComponent, isStandalone: true, selector: "ius-input-password", inputs: { textInput: "textInput", required: "required", disabled: "disabled", showHelpText: "showHelpText", labelSuperior: "labelSuperior", labelInferior: "labelInferior", labelInput: "labelInput", iconInput: "iconInput" }, outputs: { onChangesValueEvent: "onChangesValueEvent", onKeyPressEvent: "onKeyPressEvent" }, ngImport: i0, template: "<div class=\"container-general\">\r\n @if (labelSuperior) {\r\n <div class=\"container-label-sup\" [ngClass]=\"{\r\n 'disabled': disabled\r\n }\">\r\n @if(!disabled && required){\r\n <div class=\"icon-dot\"></div>\r\n }\r\n <span class=\"\">{{labelSuperior}}</span>\r\n @if(!disabled && showHelpText){\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-color-help\"></ius-icon-md>\r\n }\r\n <span>:</span>\r\n </div>\r\n }\r\n <div class=\"container-textfield\" [ngClass]=\"{\r\n 'disabled': disabled,\r\n 'focused': isFocused,\r\n 'alert': !isFocused && isAlertText && !disabled\r\n }\">\r\n @if (iconInput) {\r\n <ius-icon-md [iconName]=\"iconInput\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <input [type]=\"passwordVisible ? 'text' : 'password'\" [(ngModel)]=\"textInput\" [placeholder]=\"labelInput\" [disabled]=\"disabled\" (input)=\"onInput()\"\r\n (focus)=\"onFocus()\" (blur)=\"onBlur()\" (keypress)=\"onKeyPress($event)\">\r\n @if (!disabled && textInput) {\r\n <button class=\"button-delete\" (click)=\"togglePasswordVisibility()\">\r\n @if (passwordVisible) {\r\n <ius-icon-md iconName=\"icon-cancel\" class=\"icon-color-cancel\"></ius-icon-md>\r\n }@else{\r\n <ius-icon-md iconName=\"icon-cancel\" class=\"icon-color-cancel\"></ius-icon-md>\r\n }\r\n </button>\r\n }\r\n </div>\r\n @if (labelInferior && isFocused) {\r\n <span class=\"label-inf\">{{labelInferior}}</span>\r\n }\r\n @if (labelInferior && !isFocused && isAlertText) {\r\n <span class=\"label-inf\" [ngClass]=\"{\r\n 'alert': !isFocused && isAlertText && !disabled\r\n }\">{{labelInferior}}</span>\r\n }\r\n\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-general{position:relative;height:100%}.container-textfield{display:flex;padding:10px 12px;justify-content:center;align-items:flex-start;gap:4px;border:1px solid #f5f5f5;border-radius:8px;background:#f5f5f5;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px;transition:all .2s ease-in-out}.container-textfield:hover:not(.disabled):not(.focused):not(.alert){background:#edf6ff}.container-textfield.focused{border:1px solid #0581BC;background:#edf6ff}.container-textfield.disabled{background:#f5f5f5}.container-textfield.disabled .icon-color{color:#bfbfbf}.container-textfield.disabled input::placeholder{color:#bfbfbf;opacity:1}.container-textfield.alert{border:1px solid #DB2E2A;background:#fff4f0}.icon-color{color:#595959}.icon-color-cancel{color:#013169}input{display:flex;align-items:center;flex:1 0 0;border:none;outline:none;background-color:transparent;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.button-delete{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;color:#595959}.button-delete:hover{color:#013169}.container-label-sup{display:flex;align-items:center;gap:4px;margin-bottom:8px;color:#333;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.container-label-sup.disabled{color:#bfbfbf}.icon-dot{display:flex;align-items:center;width:4px;height:4px;aspect-ratio:1/1;background-color:#db2e2a;border-radius:100px}.icon-color-help{color:#8c8c8c}.label-inf{display:flex;position:absolute;margin-top:4px;color:#595959;font-family:Roboto,sans-serif;font-size:.75rem;font-style:italic;font-weight:500;line-height:16px;letter-spacing:.24px}.label-inf.alert{color:#931224}\n"], dependencies: [{ kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
46
|
+
}
|
|
47
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputPasswordComponent, decorators: [{
|
|
48
|
+
type: Component,
|
|
49
|
+
args: [{ selector: 'ius-input-password', standalone: true, imports: [IconMdComponent, FormsModule, CommonModule], template: "<div class=\"container-general\">\r\n @if (labelSuperior) {\r\n <div class=\"container-label-sup\" [ngClass]=\"{\r\n 'disabled': disabled\r\n }\">\r\n @if(!disabled && required){\r\n <div class=\"icon-dot\"></div>\r\n }\r\n <span class=\"\">{{labelSuperior}}</span>\r\n @if(!disabled && showHelpText){\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-color-help\"></ius-icon-md>\r\n }\r\n <span>:</span>\r\n </div>\r\n }\r\n <div class=\"container-textfield\" [ngClass]=\"{\r\n 'disabled': disabled,\r\n 'focused': isFocused,\r\n 'alert': !isFocused && isAlertText && !disabled\r\n }\">\r\n @if (iconInput) {\r\n <ius-icon-md [iconName]=\"iconInput\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <input [type]=\"passwordVisible ? 'text' : 'password'\" [(ngModel)]=\"textInput\" [placeholder]=\"labelInput\" [disabled]=\"disabled\" (input)=\"onInput()\"\r\n (focus)=\"onFocus()\" (blur)=\"onBlur()\" (keypress)=\"onKeyPress($event)\">\r\n @if (!disabled && textInput) {\r\n <button class=\"button-delete\" (click)=\"togglePasswordVisibility()\">\r\n @if (passwordVisible) {\r\n <ius-icon-md iconName=\"icon-cancel\" class=\"icon-color-cancel\"></ius-icon-md>\r\n }@else{\r\n <ius-icon-md iconName=\"icon-cancel\" class=\"icon-color-cancel\"></ius-icon-md>\r\n }\r\n </button>\r\n }\r\n </div>\r\n @if (labelInferior && isFocused) {\r\n <span class=\"label-inf\">{{labelInferior}}</span>\r\n }\r\n @if (labelInferior && !isFocused && isAlertText) {\r\n <span class=\"label-inf\" [ngClass]=\"{\r\n 'alert': !isFocused && isAlertText && !disabled\r\n }\">{{labelInferior}}</span>\r\n }\r\n\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-general{position:relative;height:100%}.container-textfield{display:flex;padding:10px 12px;justify-content:center;align-items:flex-start;gap:4px;border:1px solid #f5f5f5;border-radius:8px;background:#f5f5f5;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px;transition:all .2s ease-in-out}.container-textfield:hover:not(.disabled):not(.focused):not(.alert){background:#edf6ff}.container-textfield.focused{border:1px solid #0581BC;background:#edf6ff}.container-textfield.disabled{background:#f5f5f5}.container-textfield.disabled .icon-color{color:#bfbfbf}.container-textfield.disabled input::placeholder{color:#bfbfbf;opacity:1}.container-textfield.alert{border:1px solid #DB2E2A;background:#fff4f0}.icon-color{color:#595959}.icon-color-cancel{color:#013169}input{display:flex;align-items:center;flex:1 0 0;border:none;outline:none;background-color:transparent;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.button-delete{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;color:#595959}.button-delete:hover{color:#013169}.container-label-sup{display:flex;align-items:center;gap:4px;margin-bottom:8px;color:#333;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.container-label-sup.disabled{color:#bfbfbf}.icon-dot{display:flex;align-items:center;width:4px;height:4px;aspect-ratio:1/1;background-color:#db2e2a;border-radius:100px}.icon-color-help{color:#8c8c8c}.label-inf{display:flex;position:absolute;margin-top:4px;color:#595959;font-family:Roboto,sans-serif;font-size:.75rem;font-style:italic;font-weight:500;line-height:16px;letter-spacing:.24px}.label-inf.alert{color:#931224}\n"] }]
|
|
50
|
+
}], propDecorators: { textInput: [{
|
|
51
|
+
type: Input
|
|
52
|
+
}], required: [{
|
|
53
|
+
type: Input
|
|
54
|
+
}], disabled: [{
|
|
55
|
+
type: Input
|
|
56
|
+
}], showHelpText: [{
|
|
57
|
+
type: Input
|
|
58
|
+
}], labelSuperior: [{
|
|
59
|
+
type: Input
|
|
60
|
+
}], labelInferior: [{
|
|
61
|
+
type: Input
|
|
62
|
+
}], labelInput: [{
|
|
63
|
+
type: Input
|
|
64
|
+
}], iconInput: [{
|
|
65
|
+
type: Input
|
|
66
|
+
}], onChangesValueEvent: [{
|
|
67
|
+
type: Output
|
|
68
|
+
}], onKeyPressEvent: [{
|
|
69
|
+
type: Output
|
|
70
|
+
}] } });
|
|
71
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtcGFzc3dvcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvaW5wdXQtcGFzc3dvcmQvaW5wdXQtcGFzc3dvcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvaW5wdXQtcGFzc3dvcmQvaW5wdXQtcGFzc3dvcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDL0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQVM3QyxNQUFNLE9BQU8sc0JBQXNCO0lBUG5DO1FBUUUsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUMzQixnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUM3QixvQkFBZSxHQUFZLEtBQUssQ0FBQztRQUV4QixjQUFTLEdBQVcsRUFBRSxDQUFDO1FBQ3ZCLGFBQVEsR0FBRyxJQUFJLENBQUM7UUFDaEIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUlyQixlQUFVLEdBQVcsRUFBRSxDQUFDO1FBR3ZCLHdCQUFtQixHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDOUMsb0JBQWUsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0tBNEJyRDtJQTFCQyxPQUFPO1FBQ0wsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDaEQsQ0FBQztJQUVELE9BQU87UUFDTCxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztJQUN4QixDQUFDO0lBRUQsTUFBTTtRQUNKLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ2xCLElBQUksSUFBSSxDQUFDLFNBQVMsS0FBSyxFQUFFLEVBQUUsQ0FBQztnQkFDMUIsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7WUFDMUIsQ0FBQztpQkFBTSxDQUFDO2dCQUNOLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO1lBQzNCLENBQUM7UUFDSCxDQUFDO0lBQ0gsQ0FBQztJQUVELHdCQUF3QjtRQUN0QixJQUFJLENBQUMsZUFBZSxHQUFHLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQztJQUMvQyxDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQW9CO1FBQzdCLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUM1QyxDQUFDOytHQTNDVSxzQkFBc0I7bUdBQXRCLHNCQUFzQiwyWUNabkMsK3pEQTRDTSw2cEdEcENNLGVBQWUsc0ZBQUUsV0FBVyw4bUJBQUUsWUFBWTs7NEZBSXpDLHNCQUFzQjtrQkFQbEMsU0FBUzsrQkFDRSxvQkFBb0IsY0FDbEIsSUFBSSxXQUNQLENBQUMsZUFBZSxFQUFFLFdBQVcsRUFBRSxZQUFZLENBQUM7OEJBUzVDLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBRUcsYUFBYTtzQkFBckIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFFSSxtQkFBbUI7c0JBQTVCLE1BQU07Z0JBQ0csZUFBZTtzQkFBeEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEljb25NZENvbXBvbmVudCB9IGZyb20gJy4uL2ljb24tbWQvaWNvbi1tZC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnaXVzLWlucHV0LXBhc3N3b3JkJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtJY29uTWRDb21wb25lbnQsIEZvcm1zTW9kdWxlLCBDb21tb25Nb2R1bGVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9pbnB1dC1wYXNzd29yZC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2lucHV0LXBhc3N3b3JkLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgSW5wdXRQYXNzd29yZENvbXBvbmVudCB7XHJcbiAgaXNGb2N1c2VkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgaXNBbGVydFRleHQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBwYXNzd29yZFZpc2libGU6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgQElucHV0KCkgdGV4dElucHV0OiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSByZXF1aXJlZCA9IHRydWU7XHJcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBzaG93SGVscFRleHQgPSBmYWxzZTtcclxuXHJcbiAgQElucHV0KCkgbGFiZWxTdXBlcmlvcj86IHN0cmluZztcclxuICBASW5wdXQoKSBsYWJlbEluZmVyaW9yPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGxhYmVsSW5wdXQ6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIGljb25JbnB1dD86IHN0cmluZztcclxuXHJcbiAgQE91dHB1dCgpIG9uQ2hhbmdlc1ZhbHVlRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuICBAT3V0cHV0KCkgb25LZXlQcmVzc0V2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gIG9uSW5wdXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLm9uQ2hhbmdlc1ZhbHVlRXZlbnQuZW1pdCh0aGlzLnRleHRJbnB1dCk7XHJcbiAgfVxyXG5cclxuICBvbkZvY3VzKCk6IHZvaWQge1xyXG4gICAgdGhpcy5pc0ZvY3VzZWQgPSB0cnVlO1xyXG4gIH1cclxuXHJcbiAgb25CbHVyKCk6IHZvaWQge1xyXG4gICAgdGhpcy5pc0ZvY3VzZWQgPSBmYWxzZTtcclxuICAgIGlmICh0aGlzLnJlcXVpcmVkKSB7XHJcbiAgICAgIGlmICh0aGlzLnRleHRJbnB1dCA9PT0gJycpIHtcclxuICAgICAgICB0aGlzLmlzQWxlcnRUZXh0ID0gdHJ1ZTtcclxuICAgICAgfSBlbHNlIHtcclxuICAgICAgICB0aGlzLmlzQWxlcnRUZXh0ID0gZmFsc2U7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcblxyXG4gIHRvZ2dsZVBhc3N3b3JkVmlzaWJpbGl0eSgpIHtcclxuICAgIHRoaXMucGFzc3dvcmRWaXNpYmxlID0gIXRoaXMucGFzc3dvcmRWaXNpYmxlO1xyXG4gIH1cclxuXHJcbiAgb25LZXlQcmVzcyhldmVudDogS2V5Ym9hcmRFdmVudCkge1xyXG4gICAgdGhpcy5vbktleVByZXNzRXZlbnQubmV4dCh0aGlzLnRleHRJbnB1dCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJjb250YWluZXItZ2VuZXJhbFwiPlxyXG4gICAgQGlmIChsYWJlbFN1cGVyaW9yKSB7XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyLWxhYmVsLXN1cFwiIFtuZ0NsYXNzXT1cIntcclxuICAgICAgICAnZGlzYWJsZWQnOiBkaXNhYmxlZFxyXG4gICAgfVwiPlxyXG4gICAgICAgIEBpZighZGlzYWJsZWQgJiYgcmVxdWlyZWQpe1xyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJpY29uLWRvdFwiPjwvZGl2PlxyXG4gICAgICAgIH1cclxuICAgICAgICA8c3BhbiBjbGFzcz1cIlwiPnt7bGFiZWxTdXBlcmlvcn19PC9zcGFuPlxyXG4gICAgICAgIEBpZighZGlzYWJsZWQgJiYgc2hvd0hlbHBUZXh0KXtcclxuICAgICAgICA8aXVzLWljb24tbWQgaWNvbk5hbWU9XCJpY29uLWhlbHBcIiBjbGFzcz1cImljb24tY29sb3ItaGVscFwiPjwvaXVzLWljb24tbWQ+XHJcbiAgICAgICAgfVxyXG4gICAgICAgIDxzcGFuPjo8L3NwYW4+XHJcbiAgICA8L2Rpdj5cclxuICAgIH1cclxuICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXItdGV4dGZpZWxkXCIgW25nQ2xhc3NdPVwie1xyXG4gICAgICAgICdkaXNhYmxlZCc6IGRpc2FibGVkLFxyXG4gICAgICAgICdmb2N1c2VkJzogaXNGb2N1c2VkLFxyXG4gICAgICAgICdhbGVydCc6ICFpc0ZvY3VzZWQgJiYgaXNBbGVydFRleHQgJiYgIWRpc2FibGVkXHJcbiAgICB9XCI+XHJcbiAgICAgICAgQGlmIChpY29uSW5wdXQpIHtcclxuICAgICAgICA8aXVzLWljb24tbWQgW2ljb25OYW1lXT1cImljb25JbnB1dFwiIGNsYXNzPVwiaWNvbi1jb2xvclwiPjwvaXVzLWljb24tbWQ+XHJcbiAgICAgICAgfVxyXG4gICAgICAgIDxpbnB1dCBbdHlwZV09XCJwYXNzd29yZFZpc2libGUgPyAndGV4dCcgOiAncGFzc3dvcmQnXCIgIFsobmdNb2RlbCldPVwidGV4dElucHV0XCIgW3BsYWNlaG9sZGVyXT1cImxhYmVsSW5wdXRcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiAoaW5wdXQpPVwib25JbnB1dCgpXCJcclxuICAgICAgICAgICAgKGZvY3VzKT1cIm9uRm9jdXMoKVwiIChibHVyKT1cIm9uQmx1cigpXCIgKGtleXByZXNzKT1cIm9uS2V5UHJlc3MoJGV2ZW50KVwiPlxyXG4gICAgICAgIEBpZiAoIWRpc2FibGVkICYmIHRleHRJbnB1dCkge1xyXG4gICAgICAgIDxidXR0b24gY2xhc3M9XCJidXR0b24tZGVsZXRlXCIgKGNsaWNrKT1cInRvZ2dsZVBhc3N3b3JkVmlzaWJpbGl0eSgpXCI+XHJcbiAgICAgICAgICBAaWYgKHBhc3N3b3JkVmlzaWJsZSkge1xyXG4gICAgICAgICAgICA8aXVzLWljb24tbWQgaWNvbk5hbWU9XCJpY29uLWNhbmNlbFwiIGNsYXNzPVwiaWNvbi1jb2xvci1jYW5jZWxcIj48L2l1cy1pY29uLW1kPlxyXG4gICAgICAgICAgfUBlbHNle1xyXG4gICAgICAgICAgICA8aXVzLWljb24tbWQgaWNvbk5hbWU9XCJpY29uLWNhbmNlbFwiIGNsYXNzPVwiaWNvbi1jb2xvci1jYW5jZWxcIj48L2l1cy1pY29uLW1kPlxyXG4gICAgICAgICAgfVxyXG4gICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgIH1cclxuICAgIDwvZGl2PlxyXG4gICAgQGlmIChsYWJlbEluZmVyaW9yICYmIGlzRm9jdXNlZCkge1xyXG4gICAgPHNwYW4gY2xhc3M9XCJsYWJlbC1pbmZcIj57e2xhYmVsSW5mZXJpb3J9fTwvc3Bhbj5cclxuICAgIH1cclxuICAgIEBpZiAobGFiZWxJbmZlcmlvciAmJiAhaXNGb2N1c2VkICYmIGlzQWxlcnRUZXh0KSB7XHJcbiAgICA8c3BhbiBjbGFzcz1cImxhYmVsLWluZlwiIFtuZ0NsYXNzXT1cIntcclxuICAgICAgICAnYWxlcnQnOiAhaXNGb2N1c2VkICYmIGlzQWxlcnRUZXh0ICYmICFkaXNhYmxlZFxyXG4gICAgfVwiPnt7bGFiZWxJbmZlcmlvcn19PC9zcGFuPlxyXG4gICAgfVxyXG5cclxuPC9kaXY+Il19
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -42,4 +42,7 @@ export * from './lib/custom-dropdown';
|
|
|
42
42
|
export * from './lib/chip-user';
|
|
43
43
|
export * from './lib/toolbar';
|
|
44
44
|
export * from './lib/toolbar-user-menu';
|
|
45
|
-
|
|
45
|
+
export * from './lib/button-auth';
|
|
46
|
+
export * from './lib/input-password';
|
|
47
|
+
export * from './lib/input-otp';
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2l1cy1kZXNpZ24tY29tcG9uZW50cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxpQkFBaUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1zdGFuZGFyZC1wcmltYXJ5JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLXN0YW5kYXJkLXNlY29uZGFyeSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1zdGFuZGFyZC10ZXJ0aWFyeSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1zdGFuZGFyZC10ZXJ0aWFyeS1zbWFsbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1zcXVhcmVkLXNlY29uZGFyeSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1zcXVhcmVkLXRlcnRpYXJ5JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLWNpcmNsZS1zZWNvbmRhcnknO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24tZHluYW1pYyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1jaXJjbGUtdGVydGlhcnknO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZWN0aW9uLWNvbGxhcHNlLWRyYXdlci1wYXJlbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZWN0aW9uLWNvbGxhcHNlLWRyYXdlci1jaGlsZCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21lbnUtaXRlbSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RvdWJsZS1kYXRlLXBpY2tlcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RhdGUtcGlja2VyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZGF0ZS1ob3VyLXBpY2tlcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL25hdi1yYWlsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VhcmNoLWJhcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2lucHV0LXRleHRmaWVsZCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2JhZGdlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaW5wdXQtc2VsZWN0JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaW5wdXQtc2VsZWN0LW51bWJlcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL29wdGlvbic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2Ryb3Bkb3duJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZHJvcGRvd24tdXNlci1tZW51JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZHJvcGRvd24tb3B0aW9uLWl0ZW0nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pY29uLXhzJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaWNvbi1zbSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ljb24tbWQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pY29uLWxnJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaWNvbi14bCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ljb24teHhsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2ltcGxlLWRpdmlkZXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9saW5lYXItcHJvZ3Jlc3MtYmFyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbG9hZGluZy1jaXJjbGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kcmF3ZXItY29udGFpbmVyLXJpZ2h0JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2xpZGUtdG9nZ2xlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1saXN0LW1vdmltaWVudG9zJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1keW5hbWljLWNvbnRlbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9hdmF0YXItaWNvbic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhdGVnb3JpZXMnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jdXN0b20tZHJvcGRvd24nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jaGlwLXVzZXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi90b29sYmFyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvdG9vbGJhci11c2VyLW1lbnUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24tYXV0aCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2lucHV0LXBhc3N3b3JkJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaW5wdXQtb3RwJzsiXX0=
|