@litigiovirtual/ius-design-components 1.0.170 → 1.0.171
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/input-card/index.mjs +2 -0
- package/esm2022/lib/input-card/input-card.component.mjs +158 -0
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/litigiovirtual-ius-design-components.mjs +152 -1
- package/fesm2022/litigiovirtual-ius-design-components.mjs.map +1 -1
- package/lib/input-card/index.d.ts +1 -0
- package/lib/input-card/input-card.component.d.ts +43 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './input-card.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdXMtZGVzaWduLWNvbXBvbmVudHMvc3JjL2xpYi9pbnB1dC1jYXJkL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsd0JBQXdCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2lucHV0LWNhcmQuY29tcG9uZW50JztcclxuXHJcbiJdfQ==
|
|
@@ -0,0 +1,158 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output, ViewChild } 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 InputCardComponent {
|
|
9
|
+
constructor() {
|
|
10
|
+
this.textInputCvv = '';
|
|
11
|
+
this.textInputMonth = '';
|
|
12
|
+
this.textInputYear = '';
|
|
13
|
+
this.isFocused = false;
|
|
14
|
+
this.isAlertText = false;
|
|
15
|
+
this.required = false;
|
|
16
|
+
this.disabled = false;
|
|
17
|
+
this.isEnableClearText = false;
|
|
18
|
+
this.showHelpText = false;
|
|
19
|
+
this.onChangesValueMonth = new EventEmitter();
|
|
20
|
+
this.onChangesValueYear = new EventEmitter();
|
|
21
|
+
this.onChangesValueCVV = new EventEmitter();
|
|
22
|
+
this.onEnterKey = new EventEmitter();
|
|
23
|
+
this.month = '';
|
|
24
|
+
this.year = '';
|
|
25
|
+
this.numeroCVV = '';
|
|
26
|
+
}
|
|
27
|
+
ngOnInit() {
|
|
28
|
+
if (this.initialTextCvv) {
|
|
29
|
+
this.textInputCvv = this.initialTextCvv;
|
|
30
|
+
this.numeroCVV = this.initialTextCvv;
|
|
31
|
+
}
|
|
32
|
+
if (this.initialTextMonth) {
|
|
33
|
+
this.textInputMonth = this.initialTextMonth;
|
|
34
|
+
this.month = this.initialTextMonth;
|
|
35
|
+
}
|
|
36
|
+
if (this.initialTextYear) {
|
|
37
|
+
this.textInputYear = this.initialTextYear;
|
|
38
|
+
this.year = this.initialTextYear;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
clearSearch() {
|
|
42
|
+
this.month = '';
|
|
43
|
+
this.year = '';
|
|
44
|
+
this.numeroCVV = '';
|
|
45
|
+
this.onChangesValueMonth.emit(this.month);
|
|
46
|
+
this.onChangesValueYear.emit(this.year);
|
|
47
|
+
this.onChangesValueCVV.emit(this.numeroCVV);
|
|
48
|
+
}
|
|
49
|
+
onChangeCVV(event) {
|
|
50
|
+
const value = event.target.value ?? '';
|
|
51
|
+
let soloDigitos = value.replace(/\D+/g, '');
|
|
52
|
+
if (soloDigitos.length > 3) {
|
|
53
|
+
soloDigitos = soloDigitos.substring(0, 3);
|
|
54
|
+
}
|
|
55
|
+
if (soloDigitos === '0') {
|
|
56
|
+
soloDigitos = '';
|
|
57
|
+
}
|
|
58
|
+
this.numeroCVV = soloDigitos;
|
|
59
|
+
event.target.value = this.numeroCVV;
|
|
60
|
+
this.onChangesValueCVV.emit(this.numeroCVV);
|
|
61
|
+
}
|
|
62
|
+
onChangeMonth(e) {
|
|
63
|
+
let value = e.target.value.replace(/\D/g, '');
|
|
64
|
+
// limitar 01-12
|
|
65
|
+
if (value.length === 2) {
|
|
66
|
+
let num = parseInt(value, 10);
|
|
67
|
+
if (num < 1)
|
|
68
|
+
value = '01';
|
|
69
|
+
if (num > 12)
|
|
70
|
+
value = '12';
|
|
71
|
+
}
|
|
72
|
+
this.month = value;
|
|
73
|
+
e.target.value = value;
|
|
74
|
+
// auto focus al año
|
|
75
|
+
if (value.length === 2) {
|
|
76
|
+
this.yearInput?.nativeElement.focus();
|
|
77
|
+
}
|
|
78
|
+
this.onChangesValueMonth.emit(this.month);
|
|
79
|
+
}
|
|
80
|
+
onChangeYear(e) {
|
|
81
|
+
let value = e.target.value.replace(/\D/g, '');
|
|
82
|
+
if (value.length > 4) {
|
|
83
|
+
value = value.substring(0, 4);
|
|
84
|
+
}
|
|
85
|
+
if (value.length === 4) {
|
|
86
|
+
const year = parseInt(value, 10);
|
|
87
|
+
if (year < 2025 || year > 2099) {
|
|
88
|
+
value = '';
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
this.year = value;
|
|
92
|
+
e.target.value = value;
|
|
93
|
+
this.onChangesValueYear.emit(this.year);
|
|
94
|
+
}
|
|
95
|
+
onKeyDown(event) {
|
|
96
|
+
const allowedKeys = ['Backspace', 'Tab', 'ArrowLeft', 'ArrowRight', 'Delete', 'Home', 'End'];
|
|
97
|
+
if (!/[0-9]/.test(event.key) &&
|
|
98
|
+
!allowedKeys.includes(event.key)) {
|
|
99
|
+
event.preventDefault();
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
/**
|
|
103
|
+
* Bloquea el drop de contenido
|
|
104
|
+
*/
|
|
105
|
+
onDropBlock(event) {
|
|
106
|
+
event.preventDefault();
|
|
107
|
+
}
|
|
108
|
+
/**
|
|
109
|
+
* Bloquea el dragover para evitar drop
|
|
110
|
+
*/
|
|
111
|
+
onDragOverBlock(event) {
|
|
112
|
+
event.preventDefault();
|
|
113
|
+
}
|
|
114
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
115
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputCardComponent, isStandalone: true, selector: "ius-input-card", inputs: { textInputCvv: "textInputCvv", textInputMonth: "textInputMonth", textInputYear: "textInputYear", required: "required", disabled: "disabled", isEnableClearText: "isEnableClearText", showHelpText: "showHelpText", labelSuperior: "labelSuperior", labelInferior: "labelInferior", iconInput: "iconInput", initialTextCvv: "initialTextCvv", initialTextMonth: "initialTextMonth", initialTextYear: "initialTextYear" }, outputs: { onChangesValueMonth: "onChangesValueMonth", onChangesValueYear: "onChangesValueYear", onChangesValueCVV: "onChangesValueCVV", onEnterKey: "onEnterKey" }, viewQueries: [{ propertyName: "yearInput", first: true, predicate: ["yearInput"], descendants: true }], 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\" aria-hidden=\"true\"></div>\r\n }\r\n <label class=\"label-text\" [id]=\"'label-' + labelSuperior\">{{ labelSuperior }}</label>\r\n @if(!disabled && showHelpText){\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-color-help\" role=\"img\"\r\n aria-label=\"Informaci\u00F3n de ayuda\"></ius-icon-md>\r\n }\r\n <span aria-hidden=\"true\">:</span>\r\n </div>\r\n }\r\n\r\n <div class=\"inputs-wrapper\">\r\n <div class=\"inputs-container\">\r\n @if (iconInput) {\r\n <ius-icon-md [iconName]=\"iconInput\" class=\"icon-color\" aria-hidden=\"true\"></ius-icon-md>\r\n }\r\n\r\n <div class=\"card-date-container container-card\" role=\"group\" aria-labelledby=\"label-fecha\" [ngClass]=\"{\r\n disabled: disabled,\r\n focused: isFocused,\r\n alert: !isFocused && isAlertText && !disabled\r\n }\">\r\n <!-- MES -->\r\n <input type=\"text\" maxlength=\"2\" inputmode=\"numeric\" class=\"date-input\" id=\"month-input\" placeholder=\"MM\"\r\n aria-label=\"Mes (MM)\" [disabled]=\"disabled\" (input)=\"onChangeMonth($event)\" (keydown)=\"onKeyDown($event)\"\r\n [(ngModel)]=\"textInputMonth\" (drop)=\"onDropBlock($event)\" (dragover)=\"onDragOverBlock($event)\" />\r\n\r\n <span class=\"separator\" aria-hidden=\"true\">/</span>\r\n\r\n <!-- A\u00D1O -->\r\n <input type=\"text\" maxlength=\"4\" inputmode=\"numeric\" class=\"date-input year\" id=\"year-input\" placeholder=\"AAAA\"\r\n aria-label=\"A\u00F1o (AAAA)\" [disabled]=\"disabled\" (input)=\"onChangeYear($event)\" (keydown)=\"onKeyDown($event)\"\r\n [(ngModel)]=\"textInputYear\" (drop)=\"onDropBlock($event)\" (dragover)=\"onDragOverBlock($event)\" #yearInput />\r\n </div>\r\n\r\n <div class=\"container-card cvv-container\" role=\"group\" aria-labelledby=\"label-cvv\" [ngClass]=\"{\r\n disabled: disabled,\r\n focused: isFocused,\r\n alert: !isFocused && isAlertText && !disabled\r\n }\">\r\n <input type=\"text\" maxlength=\"3\" inputmode=\"numeric\" class=\"cvv-input\" id=\"cvv-input\" placeholder=\"CVV\"\r\n aria-label=\"CVV (3 d\u00EDgitos)\" [disabled]=\"disabled\" (input)=\"onChangeCVV($event)\" (keydown)=\"onKeyDown($event)\"\r\n [(ngModel)]=\"textInputCvv\" (drop)=\"onDropBlock($event)\" (dragover)=\"onDragOverBlock($event)\" />\r\n </div>\r\n </div>\r\n\r\n @if (!disabled && isEnableClearText) {\r\n <button class=\"button-delete\" type=\"button\" aria-label=\"Limpiar formulario\" (click)=\"clearSearch()\">\r\n <ius-icon-md iconName=\"icon-cancel\" class=\"icon-color-cancel\" aria-hidden=\"true\"></ius-icon-md>\r\n </button>\r\n }\r\n </div>\r\n\r\n @if (labelInferior && isFocused) {\r\n <span class=\"label-inf\" role=\"status\" aria-live=\"polite\">{{ labelInferior }}</span>\r\n } @if (labelInferior && !isFocused && isAlertText) {\r\n <span class=\"label-inf\" role=\"alert\" [ngClass]=\"{\r\n alert: !isFocused && isAlertText && !disabled\r\n }\">{{ labelInferior }}</span>\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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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-card{display:flex;padding:10px 12px;justify-content:flex-start;align-items:center;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-card:hover:not(.disabled):not(.focused):not(.alert){background:#edf6ff}.container-card.focused{border:1px solid #0581BC;background:#edf6ff}.container-card.disabled{background:#f5f5f5}.container-card.disabled .icon-color,.container-card.disabled input{color:#bfbfbf}.container-card.disabled input::placeholder{color:#bfbfbf;opacity:1}.container-card.alert{border:1px solid #DB2E2A;background:#fff4f0}.icon-color{color:#595959}.icon-color-cancel{color:#013169}.container-card input,.card-date-container input{display:flex;align-items:center;border:none;outline:none;background-color:transparent;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.container-card input:disabled,.card-date-container input:disabled{color:#bfbfbf}.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;top:calc(100% + 4px);left:0;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}.label-text{cursor:pointer}.inputs-wrapper{position:relative}.inputs-container{display:flex;gap:12px;align-items:center}.cvv-container{padding:10px 8px;flex-shrink:0}.cvv-input{display:flex;align-items:center;border:none;outline:none;background-color:transparent;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px;text-align:center;width:45px;flex:0 0 auto}.card-date-container{display:flex;align-items:center;justify-content:center;gap:4px;flex:1 1 auto}.date-input{border:none;outline:none;background:transparent;font-size:.875rem;width:30px;text-align:center;flex:0 0 auto}.date-input.year{width:50px}.separator{margin:0 4px;opacity:.6;flex:0 0 auto}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\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.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { 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"] }] }); }
|
|
116
|
+
}
|
|
117
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputCardComponent, decorators: [{
|
|
118
|
+
type: Component,
|
|
119
|
+
args: [{ selector: 'ius-input-card', 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\" aria-hidden=\"true\"></div>\r\n }\r\n <label class=\"label-text\" [id]=\"'label-' + labelSuperior\">{{ labelSuperior }}</label>\r\n @if(!disabled && showHelpText){\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-color-help\" role=\"img\"\r\n aria-label=\"Informaci\u00F3n de ayuda\"></ius-icon-md>\r\n }\r\n <span aria-hidden=\"true\">:</span>\r\n </div>\r\n }\r\n\r\n <div class=\"inputs-wrapper\">\r\n <div class=\"inputs-container\">\r\n @if (iconInput) {\r\n <ius-icon-md [iconName]=\"iconInput\" class=\"icon-color\" aria-hidden=\"true\"></ius-icon-md>\r\n }\r\n\r\n <div class=\"card-date-container container-card\" role=\"group\" aria-labelledby=\"label-fecha\" [ngClass]=\"{\r\n disabled: disabled,\r\n focused: isFocused,\r\n alert: !isFocused && isAlertText && !disabled\r\n }\">\r\n <!-- MES -->\r\n <input type=\"text\" maxlength=\"2\" inputmode=\"numeric\" class=\"date-input\" id=\"month-input\" placeholder=\"MM\"\r\n aria-label=\"Mes (MM)\" [disabled]=\"disabled\" (input)=\"onChangeMonth($event)\" (keydown)=\"onKeyDown($event)\"\r\n [(ngModel)]=\"textInputMonth\" (drop)=\"onDropBlock($event)\" (dragover)=\"onDragOverBlock($event)\" />\r\n\r\n <span class=\"separator\" aria-hidden=\"true\">/</span>\r\n\r\n <!-- A\u00D1O -->\r\n <input type=\"text\" maxlength=\"4\" inputmode=\"numeric\" class=\"date-input year\" id=\"year-input\" placeholder=\"AAAA\"\r\n aria-label=\"A\u00F1o (AAAA)\" [disabled]=\"disabled\" (input)=\"onChangeYear($event)\" (keydown)=\"onKeyDown($event)\"\r\n [(ngModel)]=\"textInputYear\" (drop)=\"onDropBlock($event)\" (dragover)=\"onDragOverBlock($event)\" #yearInput />\r\n </div>\r\n\r\n <div class=\"container-card cvv-container\" role=\"group\" aria-labelledby=\"label-cvv\" [ngClass]=\"{\r\n disabled: disabled,\r\n focused: isFocused,\r\n alert: !isFocused && isAlertText && !disabled\r\n }\">\r\n <input type=\"text\" maxlength=\"3\" inputmode=\"numeric\" class=\"cvv-input\" id=\"cvv-input\" placeholder=\"CVV\"\r\n aria-label=\"CVV (3 d\u00EDgitos)\" [disabled]=\"disabled\" (input)=\"onChangeCVV($event)\" (keydown)=\"onKeyDown($event)\"\r\n [(ngModel)]=\"textInputCvv\" (drop)=\"onDropBlock($event)\" (dragover)=\"onDragOverBlock($event)\" />\r\n </div>\r\n </div>\r\n\r\n @if (!disabled && isEnableClearText) {\r\n <button class=\"button-delete\" type=\"button\" aria-label=\"Limpiar formulario\" (click)=\"clearSearch()\">\r\n <ius-icon-md iconName=\"icon-cancel\" class=\"icon-color-cancel\" aria-hidden=\"true\"></ius-icon-md>\r\n </button>\r\n }\r\n </div>\r\n\r\n @if (labelInferior && isFocused) {\r\n <span class=\"label-inf\" role=\"status\" aria-live=\"polite\">{{ labelInferior }}</span>\r\n } @if (labelInferior && !isFocused && isAlertText) {\r\n <span class=\"label-inf\" role=\"alert\" [ngClass]=\"{\r\n alert: !isFocused && isAlertText && !disabled\r\n }\">{{ labelInferior }}</span>\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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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-card{display:flex;padding:10px 12px;justify-content:flex-start;align-items:center;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-card:hover:not(.disabled):not(.focused):not(.alert){background:#edf6ff}.container-card.focused{border:1px solid #0581BC;background:#edf6ff}.container-card.disabled{background:#f5f5f5}.container-card.disabled .icon-color,.container-card.disabled input{color:#bfbfbf}.container-card.disabled input::placeholder{color:#bfbfbf;opacity:1}.container-card.alert{border:1px solid #DB2E2A;background:#fff4f0}.icon-color{color:#595959}.icon-color-cancel{color:#013169}.container-card input,.card-date-container input{display:flex;align-items:center;border:none;outline:none;background-color:transparent;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.container-card input:disabled,.card-date-container input:disabled{color:#bfbfbf}.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;top:calc(100% + 4px);left:0;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}.label-text{cursor:pointer}.inputs-wrapper{position:relative}.inputs-container{display:flex;gap:12px;align-items:center}.cvv-container{padding:10px 8px;flex-shrink:0}.cvv-input{display:flex;align-items:center;border:none;outline:none;background-color:transparent;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px;text-align:center;width:45px;flex:0 0 auto}.card-date-container{display:flex;align-items:center;justify-content:center;gap:4px;flex:1 1 auto}.date-input{border:none;outline:none;background:transparent;font-size:.875rem;width:30px;text-align:center;flex:0 0 auto}.date-input.year{width:50px}.separator{margin:0 4px;opacity:.6;flex:0 0 auto}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n"] }]
|
|
120
|
+
}], propDecorators: { yearInput: [{
|
|
121
|
+
type: ViewChild,
|
|
122
|
+
args: ['yearInput']
|
|
123
|
+
}], textInputCvv: [{
|
|
124
|
+
type: Input
|
|
125
|
+
}], textInputMonth: [{
|
|
126
|
+
type: Input
|
|
127
|
+
}], textInputYear: [{
|
|
128
|
+
type: Input
|
|
129
|
+
}], required: [{
|
|
130
|
+
type: Input
|
|
131
|
+
}], disabled: [{
|
|
132
|
+
type: Input
|
|
133
|
+
}], isEnableClearText: [{
|
|
134
|
+
type: Input
|
|
135
|
+
}], showHelpText: [{
|
|
136
|
+
type: Input
|
|
137
|
+
}], labelSuperior: [{
|
|
138
|
+
type: Input
|
|
139
|
+
}], labelInferior: [{
|
|
140
|
+
type: Input
|
|
141
|
+
}], iconInput: [{
|
|
142
|
+
type: Input
|
|
143
|
+
}], initialTextCvv: [{
|
|
144
|
+
type: Input
|
|
145
|
+
}], initialTextMonth: [{
|
|
146
|
+
type: Input
|
|
147
|
+
}], initialTextYear: [{
|
|
148
|
+
type: Input
|
|
149
|
+
}], onChangesValueMonth: [{
|
|
150
|
+
type: Output
|
|
151
|
+
}], onChangesValueYear: [{
|
|
152
|
+
type: Output
|
|
153
|
+
}], onChangesValueCVV: [{
|
|
154
|
+
type: Output
|
|
155
|
+
}], onEnterKey: [{
|
|
156
|
+
type: Output
|
|
157
|
+
}] } });
|
|
158
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdXMtZGVzaWduLWNvbXBvbmVudHMvc3JjL2xpYi9pbnB1dC1jYXJkL2lucHV0LWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvaW5wdXQtY2FyZC9pbnB1dC1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFjLE1BQU0sZUFBZSxDQUFDO0FBQzlGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7O0FBUzdDLE1BQU0sT0FBTyxrQkFBa0I7SUFQL0I7UUFVVyxpQkFBWSxHQUFXLEVBQUUsQ0FBQztRQUMxQixtQkFBYyxHQUFXLEVBQUUsQ0FBQztRQUM1QixrQkFBYSxHQUFXLEVBQUUsQ0FBQztRQUVwQyxjQUFTLEdBQVksS0FBSyxDQUFDO1FBQzNCLGdCQUFXLEdBQVksS0FBSyxDQUFDO1FBQ3BCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixzQkFBaUIsR0FBRyxLQUFLLENBQUM7UUFDMUIsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFXcEIsd0JBQW1CLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUNqRCx1QkFBa0IsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBQ2hELHNCQUFpQixHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFFL0MsZUFBVSxHQUFHLElBQUksWUFB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b3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVmlld0NoaWxkLCBFbGVtZW50UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEljb25NZENvbXBvbmVudCB9IGZyb20gJy4uL2ljb24tbWQvaWNvbi1tZC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnaXVzLWlucHV0LWNhcmQnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0ljb25NZENvbXBvbmVudCwgRm9ybXNNb2R1bGUsIENvbW1vbk1vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2lucHV0LWNhcmQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9pbnB1dC1jYXJkLmNvbXBvbmVudC5zY3NzJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIElucHV0Q2FyZENvbXBvbmVudCB7XHJcbiAgQFZpZXdDaGlsZCgneWVhcklucHV0JykgeWVhcklucHV0PzogRWxlbWVudFJlZjxIVE1MSW5wdXRFbGVtZW50PjtcclxuICBcclxuICBASW5wdXQoKSB0ZXh0SW5wdXRDdnY6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIHRleHRJbnB1dE1vbnRoOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSB0ZXh0SW5wdXRZZWFyOiBzdHJpbmcgPSAnJztcclxuXHJcbiAgaXNGb2N1c2VkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgaXNBbGVydFRleHQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSByZXF1aXJlZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaXNFbmFibGVDbGVhclRleHQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBzaG93SGVscFRleHQgPSBmYWxzZTtcclxuXHJcbiAgQElucHV0KCkgbGFiZWxTdXBlcmlvcj86IHN0cmluZztcclxuICBASW5wdXQoKSBsYWJlbEluZmVyaW9yPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGljb25JbnB1dD86IHN0cmluZztcclxuXHJcbiAgQElucHV0KCkgaW5pdGlhbFRleHRDdnY/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaW5pdGlhbFRleHRNb250aD86IHN0cmluZztcclxuICBASW5wdXQoKSBpbml0aWFsVGV4dFllYXI/OiBzdHJpbmc7XHJcblxyXG5cclxuICBAT3V0cHV0KCkgb25DaGFuZ2VzVmFsdWVNb250aCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xyXG4gIEBPdXRwdXQoKSBvbkNoYW5nZXNWYWx1ZVllYXIgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcclxuICBAT3V0cHV0KCkgb25DaGFuZ2VzVmFsdWVDVlYgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcclxuXHJcbiAgQE91dHB1dCgpIG9uRW50ZXJLZXkgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcclxuXHJcbiAgbW9udGg6IHN0cmluZyA9ICcnO1xyXG4gIHllYXI6IHN0cmluZyA9ICcnO1xyXG4gIG51bWVyb0NWVjogc3RyaW5nID0gJyc7IFxyXG5cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5pbml0aWFsVGV4dEN2dikge1xyXG4gICAgICB0aGlzLnRleHRJbnB1dEN2diA9IHRoaXMuaW5pdGlhbFRleHRDdnY7XHJcbiAgICAgIHRoaXMubnVtZXJvQ1ZWID0gdGhpcy5pbml0aWFsVGV4dEN2djtcclxuICAgIH1cclxuICAgIGlmICh0aGlzLmluaXRpYWxUZXh0TW9udGgpIHtcclxuICAgICAgdGhpcy50ZXh0SW5wdXRNb250aCA9IHRoaXMuaW5pdGlhbFRleHRNb250aDtcclxuICAgICAgdGhpcy5tb250aCA9IHRoaXMuaW5pdGlhbFRleHRNb250aDtcclxuICAgIH1cclxuICAgIGlmICh0aGlzLmluaXRpYWxUZXh0WWVhcikge1xyXG4gICAgICB0aGlzLnRleHRJbnB1dFllYXIgPSB0aGlzLmluaXRpYWxUZXh0WWVhcjtcclxuICAgICAgdGhpcy55ZWFyID0gdGhpcy5pbml0aWFsVGV4dFllYXI7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBjbGVhclNlYXJjaCgpIHtcclxuICAgIHRoaXMubW9udGggPSAnJztcclxuICAgIHRoaXMueWVhciA9ICcnO1xyXG4gICAgdGhpcy5udW1lcm9DVlYgPSAnJztcclxuICAgIHRoaXMub25DaGFuZ2VzVmFsdWVNb250aC5lbWl0KHRoaXMubW9udGgpO1xyXG4gICAgdGhpcy5vbkNoYW5nZXNWYWx1ZVllYXIuZW1pdCh0aGlzLnllYXIpO1xyXG4gICAgdGhpcy5vbkNoYW5nZXNWYWx1ZUNWVi5lbWl0KHRoaXMubnVtZXJvQ1ZWKTtcclxuICB9XHJcblxyXG4gIG9uQ2hhbmdlQ1ZWKGV2ZW50OiBhbnkpIHtcclxuICAgIGNvbnN0IHZhbHVlID0gKGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50KS52YWx1ZSA/PyAnJztcclxuXHJcbiAgICBsZXQgc29sb0RpZ2l0b3MgPSB2YWx1ZS5yZXBsYWNlKC9cXEQrL2csICcnKTtcclxuXHJcbiAgICBpZiAoc29sb0RpZ2l0b3MubGVuZ3RoID4gMykge1xyXG4gICAgICBzb2xvRGlnaXRvcyA9IHNvbG9EaWdpdG9zLnN1YnN0cmluZygwLCAzKTtcclxuICAgIH1cclxuXHJcbiAgICBpZiAoc29sb0RpZ2l0b3MgPT09ICcwJykge1xyXG4gICAgICBzb2xvRGlnaXRvcyA9ICcnO1xyXG4gICAgfVxyXG5cclxuICAgIHRoaXMubnVtZXJvQ1ZWID0gc29sb0RpZ2l0b3M7XHJcbiAgICAoZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQpLnZhbHVlID0gdGhpcy5udW1lcm9DVlY7XHJcblxyXG4gICAgdGhpcy5vbkNoYW5nZXNWYWx1ZUNWVi5lbWl0KHRoaXMubnVtZXJvQ1ZWKTtcclxuICB9XHJcblxyXG4gIG9uQ2hhbmdlTW9udGgoZTogYW55KSB7XHJcbiAgICBsZXQgdmFsdWUgPSBlLnRhcmdldC52YWx1ZS5yZXBsYWNlKC9cXEQvZywgJycpO1xyXG5cclxuICAgIC8vIGxpbWl0YXIgMDEtMTJcclxuICAgIGlmICh2YWx1ZS5sZW5ndGggPT09IDIpIHtcclxuICAgICAgbGV0IG51bSA9IHBhcnNlSW50KHZhbHVlLCAxMCk7XHJcbiAgICAgIGlmIChudW0gPCAxKSB2YWx1ZSA9ICcwMSc7XHJcbiAgICAgIGlmIChudW0gPiAxMikgdmFsdWUgPSAnMTInO1xyXG4gICAgfVxyXG5cclxuICAgIHRoaXMubW9udGggPSB2YWx1ZTtcclxuICAgIGUudGFyZ2V0LnZhbHVlID0gdmFsdWU7XHJcblxyXG4gICAgLy8gYXV0byBmb2N1cyBhbCBhw7FvXHJcbiAgICBpZiAodmFsdWUubGVuZ3RoID09PSAyKSB7XHJcbiAgICAgIHRoaXMueWVhcklucHV0Py5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XHJcbiAgICB9XHJcblxyXG4gICAgdGhpcy5vbkNoYW5nZXNWYWx1ZU1vbnRoLmVtaXQodGhpcy5tb250aCk7XHJcbiAgfVxyXG5cclxuICBvbkNoYW5nZVllYXIoZTogYW55KSB7XHJcbiAgICBsZXQgdmFsdWUgPSBlLnRhcmdldC52YWx1ZS5yZXBsYWNlKC9cXEQvZywgJycpO1xyXG5cclxuICAgIGlmICh2YWx1ZS5sZW5ndGggPiA0KSB7XHJcbiAgICAgIHZhbHVlID0gdmFsdWUuc3Vic3RyaW5nKDAsIDQpO1xyXG4gICAgfVxyXG5cclxuICAgIGlmICh2YWx1ZS5sZW5ndGggPT09IDQpIHtcclxuICAgICAgY29uc3QgeWVhciA9IHBhcnNlSW50KHZhbHVlLCAxMCk7XHJcbiAgICAgIGlmICh5ZWFyIDwgMjAyNSB8fCB5ZWFyID4gMjA5OSkge1xyXG4gICAgICAgIHZhbHVlID0gJyc7XHJcbiAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICB0aGlzLnllYXIgPSB2YWx1ZTtcclxuICAgIGUudGFyZ2V0LnZhbHVlID0gdmFsdWU7XHJcblxyXG4gICAgdGhpcy5vbkNoYW5nZXNWYWx1ZVllYXIuZW1pdCh0aGlzLnllYXIpO1xyXG4gIH1cclxuXHJcbiAgb25LZXlEb3duKGV2ZW50OiBLZXlib2FyZEV2ZW50KSB7XHJcbiAgICBjb25zdCBhbGxvd2VkS2V5cyA9IFsnQmFja3NwYWNlJywgJ1RhYicsICdBcnJvd0xlZnQnLCAnQXJyb3dSaWdodCcsICdEZWxldGUnLCAnSG9tZScsICdFbmQnXTtcclxuICAgIFxyXG4gICAgaWYgKFxyXG4gICAgICAhL1swLTldLy50ZXN0KGV2ZW50LmtleSkgJiZcclxuICAgICAgIWFsbG93ZWRLZXlzLmluY2x1ZGVzKGV2ZW50LmtleSlcclxuICAgICkge1xyXG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogQmxvcXVlYSBlbCBkcm9wIGRlIGNvbnRlbmlkb1xyXG4gICAqL1xyXG4gIG9uRHJvcEJsb2NrKGV2ZW50OiBEcmFnRXZlbnQpIHtcclxuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBCbG9xdWVhIGVsIGRyYWdvdmVyIHBhcmEgZXZpdGFyIGRyb3BcclxuICAgKi9cclxuICBvbkRyYWdPdmVyQmxvY2soZXZlbnQ6IERyYWdFdmVudCkge1xyXG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJjb250YWluZXItZ2VuZXJhbFwiPlxyXG4gIEBpZiAobGFiZWxTdXBlcmlvcikge1xyXG4gIDxkaXYgY2xhc3M9XCJjb250YWluZXItbGFiZWwtc3VwXCIgW25nQ2xhc3NdPVwie1xyXG4gICAgICBkaXNhYmxlZDogZGlzYWJsZWRcclxuICAgIH1cIj5cclxuICAgIEBpZighZGlzYWJsZWQgJiYgcmVxdWlyZWQpe1xyXG4gICAgPGRpdiBjbGFzcz1cImljb24tZG90XCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9kaXY+XHJcbiAgICB9XHJcbiAgICA8bGFiZWwgY2xhc3M9XCJsYWJlbC10ZXh0XCIgW2lkXT1cIidsYWJlbC0nICsgbGFiZWxTdXBlcmlvclwiPnt7IGxhYmVsU3VwZXJpb3IgfX08L2xhYmVsPlxyXG4gICAgQGlmKCFkaXNhYmxlZCAmJiBzaG93SGVscFRleHQpe1xyXG4gICAgPGl1cy1pY29uLW1kIGljb25OYW1lPVwiaWNvbi1oZWxwXCIgY2xhc3M9XCJpY29uLWNvbG9yLWhlbHBcIiByb2xlPVwiaW1nXCJcclxuICAgICAgYXJpYS1sYWJlbD1cIkluZm9ybWFjacOzbiBkZSBheXVkYVwiPjwvaXVzLWljb24tbWQ+XHJcbiAgICB9XHJcbiAgICA8c3BhbiBhcmlhLWhpZGRlbj1cInRydWVcIj46PC9zcGFuPlxyXG4gIDwvZGl2PlxyXG4gIH1cclxuXHJcbiAgPGRpdiBjbGFzcz1cImlucHV0cy13cmFwcGVyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiaW5wdXRzLWNvbnRhaW5lclwiPlxyXG4gICAgICBAaWYgKGljb25JbnB1dCkge1xyXG4gICAgICA8aXVzLWljb24tbWQgW2ljb25OYW1lXT1cImljb25JbnB1dFwiIGNsYXNzPVwiaWNvbi1jb2xvclwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaXVzLWljb24tbWQ+XHJcbiAgICAgIH1cclxuXHJcbiAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLWRhdGUtY29udGFpbmVyIGNvbnRhaW5lci1jYXJkXCIgcm9sZT1cImdyb3VwXCIgYXJpYS1sYWJlbGxlZGJ5PVwibGFiZWwtZmVjaGFcIiBbbmdDbGFzc109XCJ7XHJcbiAgICAgICAgICBkaXNhYmxlZDogZGlzYWJsZWQsXHJcbiAgICAgICAgICBmb2N1c2VkOiBpc0ZvY3VzZWQsXHJcbiAgICAgICAgICBhbGVydDogIWlzRm9jdXNlZCAmJiBpc0FsZXJ0VGV4dCAmJiAhZGlzYWJsZWRcclxuICAgICAgICB9XCI+XHJcbiAgICAgICAgPCEtLSBNRVMgLS0+XHJcbiAgICAgICAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgbWF4bGVuZ3RoPVwiMlwiIGlucHV0bW9kZT1cIm51bWVyaWNcIiBjbGFzcz1cImRhdGUtaW5wdXRcIiBpZD1cIm1vbnRoLWlucHV0XCIgcGxhY2Vob2xkZXI9XCJNTVwiXHJcbiAgICAgICAgICBhcmlhLWxhYmVsPVwiTWVzIChNTSlcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiAoaW5wdXQpPVwib25DaGFuZ2VNb250aCgkZXZlbnQpXCIgKGtleWRvd24pPVwib25LZXlEb3duKCRldmVudClcIlxyXG4gICAgICAgICAgWyhuZ01vZGVsKV09XCJ0ZXh0SW5wdXRNb250aFwiIChkcm9wKT1cIm9uRHJvcEJsb2NrKCRldmVudClcIiAoZHJhZ292ZXIpPVwib25EcmFnT3ZlckJsb2NrKCRldmVudClcIiAvPlxyXG5cclxuICAgICAgICA8c3BhbiBjbGFzcz1cInNlcGFyYXRvclwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPi88L3NwYW4+XHJcblxyXG4gICAgICAgIDwhLS0gQcORTyAtLT5cclxuICAgICAgICA8aW5wdXQgdHlwZT1cInRleHRcIiBtYXhsZW5ndGg9XCI0XCIgaW5wdXRtb2RlPVwibnVtZXJpY1wiIGNsYXNzPVwiZGF0ZS1pbnB1dCB5ZWFyXCIgaWQ9XCJ5ZWFyLWlucHV0XCIgcGxhY2Vob2xkZXI9XCJBQUFBXCJcclxuICAgICAgICAgIGFyaWEtbGFiZWw9XCJBw7FvIChBQUFBKVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIChpbnB1dCk9XCJvbkNoYW5nZVllYXIoJGV2ZW50KVwiIChrZXlkb3duKT1cIm9uS2V5RG93bigkZXZlbnQpXCJcclxuICAgICAgICAgIFsobmdNb2RlbCldPVwidGV4dElucHV0WWVhclwiIChkcm9wKT1cIm9uRHJvcEJsb2NrKCRldmVudClcIiAoZHJhZ292ZXIpPVwib25EcmFnT3ZlckJsb2NrKCRldmVudClcIiAjeWVhcklucHV0IC8+XHJcbiAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lci1jYXJkIGN2di1jb250YWluZXJcIiByb2xlPVwiZ3JvdXBcIiBhcmlhLWxhYmVsbGVkYnk9XCJsYWJlbC1jdnZcIiBbbmdDbGFzc109XCJ7XHJcbiAgICAgICAgICBkaXNhYmxlZDogZGlzYWJsZWQsXHJcbiAgICAgICAgICBmb2N1c2VkOiBpc0ZvY3VzZWQsXHJcbiAgICAgICAgICBhbGVydDogIWlzRm9jdXNlZCAmJiBpc0FsZXJ0VGV4dCAmJiAhZGlzYWJsZWRcclxuICAgICAgICB9XCI+XHJcbiAgICAgICAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgbWF4bGVuZ3RoPVwiM1wiIGlucHV0bW9kZT1cIm51bWVyaWNcIiBjbGFzcz1cImN2di1pbnB1dFwiIGlkPVwiY3Z2LWlucHV0XCIgcGxhY2Vob2xkZXI9XCJDVlZcIlxyXG4gICAgICAgICAgYXJpYS1sYWJlbD1cIkNWViAoMyBkw61naXRvcylcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiAoaW5wdXQpPVwib25DaGFuZ2VDVlYoJGV2ZW50KVwiIChrZXlkb3duKT1cIm9uS2V5RG93bigkZXZlbnQpXCJcclxuICAgICAgICAgIFsobmdNb2RlbCldPVwidGV4dElucHV0Q3Z2XCIgKGRyb3ApPVwib25Ecm9wQmxvY2soJGV2ZW50KVwiIChkcmFnb3Zlcik9XCJvbkRyYWdPdmVyQmxvY2soJGV2ZW50KVwiIC8+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgQGlmICghZGlzYWJsZWQgJiYgaXNFbmFibGVDbGVhclRleHQpIHtcclxuICAgIDxidXR0b24gY2xhc3M9XCJidXR0b24tZGVsZXRlXCIgdHlwZT1cImJ1dHRvblwiIGFyaWEtbGFiZWw9XCJMaW1waWFyIGZvcm11bGFyaW9cIiAoY2xpY2spPVwiY2xlYXJTZWFyY2goKVwiPlxyXG4gICAgICA8aXVzLWljb24tbWQgaWNvbk5hbWU9XCJpY29uLWNhbmNlbFwiIGNsYXNzPVwiaWNvbi1jb2xvci1jYW5jZWxcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2l1cy1pY29uLW1kPlxyXG4gICAgPC9idXR0b24+XHJcbiAgICB9XHJcbiAgPC9kaXY+XHJcblxyXG4gIEBpZiAobGFiZWxJbmZlcmlvciAmJiBpc0ZvY3VzZWQpIHtcclxuICA8c3BhbiBjbGFzcz1cImxhYmVsLWluZlwiIHJvbGU9XCJzdGF0dXNcIiBhcmlhLWxpdmU9XCJwb2xpdGVcIj57eyBsYWJlbEluZmVyaW9yIH19PC9zcGFuPlxyXG4gIH0gQGlmIChsYWJlbEluZmVyaW9yICYmICFpc0ZvY3VzZWQgJiYgaXNBbGVydFRleHQpIHtcclxuICA8c3BhbiBjbGFzcz1cImxhYmVsLWluZlwiIHJvbGU9XCJhbGVydFwiIFtuZ0NsYXNzXT1cIntcclxuICAgICAgYWxlcnQ6ICFpc0ZvY3VzZWQgJiYgaXNBbGVydFRleHQgJiYgIWRpc2FibGVkXHJcbiAgICB9XCI+e3sgbGFiZWxJbmZlcmlvciB9fTwvc3Bhbj5cclxuICB9XHJcbjwvZGl2PiJdfQ==
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -86,6 +86,7 @@ export * from './lib/card-actividad-evento';
|
|
|
86
86
|
export * from './lib/card-etapa-subetapa';
|
|
87
87
|
export * from './lib/card-impulso-procesal';
|
|
88
88
|
export * from './lib/calification';
|
|
89
|
+
export * from './lib/input-card';
|
|
89
90
|
//Directivas
|
|
90
91
|
export * from './lib/directives/popover.directive';
|
|
91
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
92
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2l1cy1kZXNpZ24tY29tcG9uZW50cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsa0JBQWtCLENBQUM7QUFFakMsWUFBWTtBQUNaLGNBQWMsb0NBQW9DLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24tc3RhbmRhcmQtcHJpbWFyeSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1zdGFuZGFyZC1zZWNvbmRhcnknO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24tc3RhbmRhcmQtdGVydGlhcnknO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24tc3RhbmRhcmQtdGVydGlhcnktc21hbGwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24tc3F1YXJlZC1zZWNvbmRhcnknO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24tc3F1YXJlZC10ZXJ0aWFyeSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1jaXJjbGUtc2Vjb25kYXJ5JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLWR5bmFtaWMnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24tY2lyY2xlLXRlcnRpYXJ5JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLWFjY291bnRzJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VjdGlvbi1jb2xsYXBzZS1kcmF3ZXItcGFyZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VjdGlvbi1jb2xsYXBzZS1kcmF3ZXItY2hpbGQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tZW51LWl0ZW0nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kb3VibGUtZGF0ZS1waWNrZXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kYXRlLXBpY2tlcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RhdGUtaG91ci1waWNrZXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9uYXYtcmFpbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlYXJjaC1iYXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbnB1dC10ZXh0ZmllbGQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9iYWRnZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2lucHV0LXNlbGVjdCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2lucHV0LXNlbGVjdC1udW1iZXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9vcHRpb24nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kcm9wZG93bic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2Ryb3Bkb3duLXVzZXItbWVudSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2Ryb3Bkb3duLW9wdGlvbi1pdGVtJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaWNvbi14cyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ljb24tc20nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pY29uLW1kJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaWNvbi1sZyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ljb24teGwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pY29uLXh4bCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NpbXBsZS1kaXZpZGVyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbGluZWFyLXByb2dyZXNzLWJhcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2xvYWRpbmctY2lyY2xlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZHJhd2VyLWNvbnRhaW5lci1yaWdodCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NsaWRlLXRvZ2dsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtbGlzdC1tb3ZpbWllbnRvcyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtZHluYW1pYy1jb250ZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYXZhdGFyLWljb24nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXRlZ29yaWVzJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY3VzdG9tLWRyb3Bkb3duJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2hpcC11c2VyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvdG9vbGJhcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3Rvb2xiYXItdXNlci1tZW51JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLWF1dGgnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbnB1dC1wYXNzd29yZCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2lucHV0LW90cCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NuYWNrYmFyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2hhcnRzLWRvbnV0JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2hhcnRzLWJhci1ncm91cGVkJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnJlYWRjcnVtYic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3VzZXItY2FyZCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NpbXBsZS11c2VyLWNhcmQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zaW1wbGUtY2hpcCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NpbXBsZS1jYXJkLWNvbnRhZG9yJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZHJvcGRvd24tY29udGV4dHVhbC1tZW51JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VnbWVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL25vdGlmaWNhdGlvbi1jYXJkJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1saXN0LWNvbnN1bW8nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jaGVja2JveCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NoZWNrYm94LXJhZGlvJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLW9yZGVyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLWZpbHRlcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2lucHV0LXNlbGVjdC1maWx0ZXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWxpc3QtcHJvY2Vzbyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtYmxvY2snO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWJ1dHRvbi1jaGVja2JveCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL29wdGlvbi1pdGVtJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZmlsdGVyLWl0ZW0nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLXBsYW4tc3Vic2NyaXB0aW9uJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1wbGFuLXNtYWxsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC11c28tcGxhbic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtZ2VzdGlvbi1jdXBvJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1pbmZvLWZhY3R1cmFjaW9uJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaW5wdXQtbGFyZ2UnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWxvZyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtdGlwby1wcm9jZXNvJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1saXN0LWRyYWctb24nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWNvbGxhcHNlLWRldGFsbGUtcHJvY2Vzbyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtdGlja2V0JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC12aWdpbGFuY2lhLWp1ZGljaWFsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLW1lbnUtbGluayc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtYWdlbmRhLWp1ZGljaWFsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1hY3RpdmlkYWQtZXZlbnRvJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1ldGFwYS1zdWJldGFwYSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtaW1wdWxzby1wcm9jZXNhbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhbGlmaWNhdGlvbic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2lucHV0LWNhcmQnO1xyXG5cclxuLy9EaXJlY3RpdmFzXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RpcmVjdGl2ZXMvcG9wb3Zlci5kaXJlY3RpdmUnOyJdfQ==
|
|
@@ -6633,9 +6633,160 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
6633
6633
|
type: Input
|
|
6634
6634
|
}] } });
|
|
6635
6635
|
|
|
6636
|
+
class InputCardComponent {
|
|
6637
|
+
constructor() {
|
|
6638
|
+
this.textInputCvv = '';
|
|
6639
|
+
this.textInputMonth = '';
|
|
6640
|
+
this.textInputYear = '';
|
|
6641
|
+
this.isFocused = false;
|
|
6642
|
+
this.isAlertText = false;
|
|
6643
|
+
this.required = false;
|
|
6644
|
+
this.disabled = false;
|
|
6645
|
+
this.isEnableClearText = false;
|
|
6646
|
+
this.showHelpText = false;
|
|
6647
|
+
this.onChangesValueMonth = new EventEmitter();
|
|
6648
|
+
this.onChangesValueYear = new EventEmitter();
|
|
6649
|
+
this.onChangesValueCVV = new EventEmitter();
|
|
6650
|
+
this.onEnterKey = new EventEmitter();
|
|
6651
|
+
this.month = '';
|
|
6652
|
+
this.year = '';
|
|
6653
|
+
this.numeroCVV = '';
|
|
6654
|
+
}
|
|
6655
|
+
ngOnInit() {
|
|
6656
|
+
if (this.initialTextCvv) {
|
|
6657
|
+
this.textInputCvv = this.initialTextCvv;
|
|
6658
|
+
this.numeroCVV = this.initialTextCvv;
|
|
6659
|
+
}
|
|
6660
|
+
if (this.initialTextMonth) {
|
|
6661
|
+
this.textInputMonth = this.initialTextMonth;
|
|
6662
|
+
this.month = this.initialTextMonth;
|
|
6663
|
+
}
|
|
6664
|
+
if (this.initialTextYear) {
|
|
6665
|
+
this.textInputYear = this.initialTextYear;
|
|
6666
|
+
this.year = this.initialTextYear;
|
|
6667
|
+
}
|
|
6668
|
+
}
|
|
6669
|
+
clearSearch() {
|
|
6670
|
+
this.month = '';
|
|
6671
|
+
this.year = '';
|
|
6672
|
+
this.numeroCVV = '';
|
|
6673
|
+
this.onChangesValueMonth.emit(this.month);
|
|
6674
|
+
this.onChangesValueYear.emit(this.year);
|
|
6675
|
+
this.onChangesValueCVV.emit(this.numeroCVV);
|
|
6676
|
+
}
|
|
6677
|
+
onChangeCVV(event) {
|
|
6678
|
+
const value = event.target.value ?? '';
|
|
6679
|
+
let soloDigitos = value.replace(/\D+/g, '');
|
|
6680
|
+
if (soloDigitos.length > 3) {
|
|
6681
|
+
soloDigitos = soloDigitos.substring(0, 3);
|
|
6682
|
+
}
|
|
6683
|
+
if (soloDigitos === '0') {
|
|
6684
|
+
soloDigitos = '';
|
|
6685
|
+
}
|
|
6686
|
+
this.numeroCVV = soloDigitos;
|
|
6687
|
+
event.target.value = this.numeroCVV;
|
|
6688
|
+
this.onChangesValueCVV.emit(this.numeroCVV);
|
|
6689
|
+
}
|
|
6690
|
+
onChangeMonth(e) {
|
|
6691
|
+
let value = e.target.value.replace(/\D/g, '');
|
|
6692
|
+
// limitar 01-12
|
|
6693
|
+
if (value.length === 2) {
|
|
6694
|
+
let num = parseInt(value, 10);
|
|
6695
|
+
if (num < 1)
|
|
6696
|
+
value = '01';
|
|
6697
|
+
if (num > 12)
|
|
6698
|
+
value = '12';
|
|
6699
|
+
}
|
|
6700
|
+
this.month = value;
|
|
6701
|
+
e.target.value = value;
|
|
6702
|
+
// auto focus al año
|
|
6703
|
+
if (value.length === 2) {
|
|
6704
|
+
this.yearInput?.nativeElement.focus();
|
|
6705
|
+
}
|
|
6706
|
+
this.onChangesValueMonth.emit(this.month);
|
|
6707
|
+
}
|
|
6708
|
+
onChangeYear(e) {
|
|
6709
|
+
let value = e.target.value.replace(/\D/g, '');
|
|
6710
|
+
if (value.length > 4) {
|
|
6711
|
+
value = value.substring(0, 4);
|
|
6712
|
+
}
|
|
6713
|
+
if (value.length === 4) {
|
|
6714
|
+
const year = parseInt(value, 10);
|
|
6715
|
+
if (year < 2025 || year > 2099) {
|
|
6716
|
+
value = '';
|
|
6717
|
+
}
|
|
6718
|
+
}
|
|
6719
|
+
this.year = value;
|
|
6720
|
+
e.target.value = value;
|
|
6721
|
+
this.onChangesValueYear.emit(this.year);
|
|
6722
|
+
}
|
|
6723
|
+
onKeyDown(event) {
|
|
6724
|
+
const allowedKeys = ['Backspace', 'Tab', 'ArrowLeft', 'ArrowRight', 'Delete', 'Home', 'End'];
|
|
6725
|
+
if (!/[0-9]/.test(event.key) &&
|
|
6726
|
+
!allowedKeys.includes(event.key)) {
|
|
6727
|
+
event.preventDefault();
|
|
6728
|
+
}
|
|
6729
|
+
}
|
|
6730
|
+
/**
|
|
6731
|
+
* Bloquea el drop de contenido
|
|
6732
|
+
*/
|
|
6733
|
+
onDropBlock(event) {
|
|
6734
|
+
event.preventDefault();
|
|
6735
|
+
}
|
|
6736
|
+
/**
|
|
6737
|
+
* Bloquea el dragover para evitar drop
|
|
6738
|
+
*/
|
|
6739
|
+
onDragOverBlock(event) {
|
|
6740
|
+
event.preventDefault();
|
|
6741
|
+
}
|
|
6742
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6743
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputCardComponent, isStandalone: true, selector: "ius-input-card", inputs: { textInputCvv: "textInputCvv", textInputMonth: "textInputMonth", textInputYear: "textInputYear", required: "required", disabled: "disabled", isEnableClearText: "isEnableClearText", showHelpText: "showHelpText", labelSuperior: "labelSuperior", labelInferior: "labelInferior", iconInput: "iconInput", initialTextCvv: "initialTextCvv", initialTextMonth: "initialTextMonth", initialTextYear: "initialTextYear" }, outputs: { onChangesValueMonth: "onChangesValueMonth", onChangesValueYear: "onChangesValueYear", onChangesValueCVV: "onChangesValueCVV", onEnterKey: "onEnterKey" }, viewQueries: [{ propertyName: "yearInput", first: true, predicate: ["yearInput"], descendants: true }], 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\" aria-hidden=\"true\"></div>\r\n }\r\n <label class=\"label-text\" [id]=\"'label-' + labelSuperior\">{{ labelSuperior }}</label>\r\n @if(!disabled && showHelpText){\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-color-help\" role=\"img\"\r\n aria-label=\"Informaci\u00F3n de ayuda\"></ius-icon-md>\r\n }\r\n <span aria-hidden=\"true\">:</span>\r\n </div>\r\n }\r\n\r\n <div class=\"inputs-wrapper\">\r\n <div class=\"inputs-container\">\r\n @if (iconInput) {\r\n <ius-icon-md [iconName]=\"iconInput\" class=\"icon-color\" aria-hidden=\"true\"></ius-icon-md>\r\n }\r\n\r\n <div class=\"card-date-container container-card\" role=\"group\" aria-labelledby=\"label-fecha\" [ngClass]=\"{\r\n disabled: disabled,\r\n focused: isFocused,\r\n alert: !isFocused && isAlertText && !disabled\r\n }\">\r\n <!-- MES -->\r\n <input type=\"text\" maxlength=\"2\" inputmode=\"numeric\" class=\"date-input\" id=\"month-input\" placeholder=\"MM\"\r\n aria-label=\"Mes (MM)\" [disabled]=\"disabled\" (input)=\"onChangeMonth($event)\" (keydown)=\"onKeyDown($event)\"\r\n [(ngModel)]=\"textInputMonth\" (drop)=\"onDropBlock($event)\" (dragover)=\"onDragOverBlock($event)\" />\r\n\r\n <span class=\"separator\" aria-hidden=\"true\">/</span>\r\n\r\n <!-- A\u00D1O -->\r\n <input type=\"text\" maxlength=\"4\" inputmode=\"numeric\" class=\"date-input year\" id=\"year-input\" placeholder=\"AAAA\"\r\n aria-label=\"A\u00F1o (AAAA)\" [disabled]=\"disabled\" (input)=\"onChangeYear($event)\" (keydown)=\"onKeyDown($event)\"\r\n [(ngModel)]=\"textInputYear\" (drop)=\"onDropBlock($event)\" (dragover)=\"onDragOverBlock($event)\" #yearInput />\r\n </div>\r\n\r\n <div class=\"container-card cvv-container\" role=\"group\" aria-labelledby=\"label-cvv\" [ngClass]=\"{\r\n disabled: disabled,\r\n focused: isFocused,\r\n alert: !isFocused && isAlertText && !disabled\r\n }\">\r\n <input type=\"text\" maxlength=\"3\" inputmode=\"numeric\" class=\"cvv-input\" id=\"cvv-input\" placeholder=\"CVV\"\r\n aria-label=\"CVV (3 d\u00EDgitos)\" [disabled]=\"disabled\" (input)=\"onChangeCVV($event)\" (keydown)=\"onKeyDown($event)\"\r\n [(ngModel)]=\"textInputCvv\" (drop)=\"onDropBlock($event)\" (dragover)=\"onDragOverBlock($event)\" />\r\n </div>\r\n </div>\r\n\r\n @if (!disabled && isEnableClearText) {\r\n <button class=\"button-delete\" type=\"button\" aria-label=\"Limpiar formulario\" (click)=\"clearSearch()\">\r\n <ius-icon-md iconName=\"icon-cancel\" class=\"icon-color-cancel\" aria-hidden=\"true\"></ius-icon-md>\r\n </button>\r\n }\r\n </div>\r\n\r\n @if (labelInferior && isFocused) {\r\n <span class=\"label-inf\" role=\"status\" aria-live=\"polite\">{{ labelInferior }}</span>\r\n } @if (labelInferior && !isFocused && isAlertText) {\r\n <span class=\"label-inf\" role=\"alert\" [ngClass]=\"{\r\n alert: !isFocused && isAlertText && !disabled\r\n }\">{{ labelInferior }}</span>\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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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-card{display:flex;padding:10px 12px;justify-content:flex-start;align-items:center;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-card:hover:not(.disabled):not(.focused):not(.alert){background:#edf6ff}.container-card.focused{border:1px solid #0581BC;background:#edf6ff}.container-card.disabled{background:#f5f5f5}.container-card.disabled .icon-color,.container-card.disabled input{color:#bfbfbf}.container-card.disabled input::placeholder{color:#bfbfbf;opacity:1}.container-card.alert{border:1px solid #DB2E2A;background:#fff4f0}.icon-color{color:#595959}.icon-color-cancel{color:#013169}.container-card input,.card-date-container input{display:flex;align-items:center;border:none;outline:none;background-color:transparent;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.container-card input:disabled,.card-date-container input:disabled{color:#bfbfbf}.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;top:calc(100% + 4px);left:0;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}.label-text{cursor:pointer}.inputs-wrapper{position:relative}.inputs-container{display:flex;gap:12px;align-items:center}.cvv-container{padding:10px 8px;flex-shrink:0}.cvv-input{display:flex;align-items:center;border:none;outline:none;background-color:transparent;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px;text-align:center;width:45px;flex:0 0 auto}.card-date-container{display:flex;align-items:center;justify-content:center;gap:4px;flex:1 1 auto}.date-input{border:none;outline:none;background:transparent;font-size:.875rem;width:30px;text-align:center;flex:0 0 auto}.date-input.year{width:50px}.separator{margin:0 4px;opacity:.6;flex:0 0 auto}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n"], dependencies: [{ kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
6744
|
+
}
|
|
6745
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputCardComponent, decorators: [{
|
|
6746
|
+
type: Component,
|
|
6747
|
+
args: [{ selector: 'ius-input-card', 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\" aria-hidden=\"true\"></div>\r\n }\r\n <label class=\"label-text\" [id]=\"'label-' + labelSuperior\">{{ labelSuperior }}</label>\r\n @if(!disabled && showHelpText){\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-color-help\" role=\"img\"\r\n aria-label=\"Informaci\u00F3n de ayuda\"></ius-icon-md>\r\n }\r\n <span aria-hidden=\"true\">:</span>\r\n </div>\r\n }\r\n\r\n <div class=\"inputs-wrapper\">\r\n <div class=\"inputs-container\">\r\n @if (iconInput) {\r\n <ius-icon-md [iconName]=\"iconInput\" class=\"icon-color\" aria-hidden=\"true\"></ius-icon-md>\r\n }\r\n\r\n <div class=\"card-date-container container-card\" role=\"group\" aria-labelledby=\"label-fecha\" [ngClass]=\"{\r\n disabled: disabled,\r\n focused: isFocused,\r\n alert: !isFocused && isAlertText && !disabled\r\n }\">\r\n <!-- MES -->\r\n <input type=\"text\" maxlength=\"2\" inputmode=\"numeric\" class=\"date-input\" id=\"month-input\" placeholder=\"MM\"\r\n aria-label=\"Mes (MM)\" [disabled]=\"disabled\" (input)=\"onChangeMonth($event)\" (keydown)=\"onKeyDown($event)\"\r\n [(ngModel)]=\"textInputMonth\" (drop)=\"onDropBlock($event)\" (dragover)=\"onDragOverBlock($event)\" />\r\n\r\n <span class=\"separator\" aria-hidden=\"true\">/</span>\r\n\r\n <!-- A\u00D1O -->\r\n <input type=\"text\" maxlength=\"4\" inputmode=\"numeric\" class=\"date-input year\" id=\"year-input\" placeholder=\"AAAA\"\r\n aria-label=\"A\u00F1o (AAAA)\" [disabled]=\"disabled\" (input)=\"onChangeYear($event)\" (keydown)=\"onKeyDown($event)\"\r\n [(ngModel)]=\"textInputYear\" (drop)=\"onDropBlock($event)\" (dragover)=\"onDragOverBlock($event)\" #yearInput />\r\n </div>\r\n\r\n <div class=\"container-card cvv-container\" role=\"group\" aria-labelledby=\"label-cvv\" [ngClass]=\"{\r\n disabled: disabled,\r\n focused: isFocused,\r\n alert: !isFocused && isAlertText && !disabled\r\n }\">\r\n <input type=\"text\" maxlength=\"3\" inputmode=\"numeric\" class=\"cvv-input\" id=\"cvv-input\" placeholder=\"CVV\"\r\n aria-label=\"CVV (3 d\u00EDgitos)\" [disabled]=\"disabled\" (input)=\"onChangeCVV($event)\" (keydown)=\"onKeyDown($event)\"\r\n [(ngModel)]=\"textInputCvv\" (drop)=\"onDropBlock($event)\" (dragover)=\"onDragOverBlock($event)\" />\r\n </div>\r\n </div>\r\n\r\n @if (!disabled && isEnableClearText) {\r\n <button class=\"button-delete\" type=\"button\" aria-label=\"Limpiar formulario\" (click)=\"clearSearch()\">\r\n <ius-icon-md iconName=\"icon-cancel\" class=\"icon-color-cancel\" aria-hidden=\"true\"></ius-icon-md>\r\n </button>\r\n }\r\n </div>\r\n\r\n @if (labelInferior && isFocused) {\r\n <span class=\"label-inf\" role=\"status\" aria-live=\"polite\">{{ labelInferior }}</span>\r\n } @if (labelInferior && !isFocused && isAlertText) {\r\n <span class=\"label-inf\" role=\"alert\" [ngClass]=\"{\r\n alert: !isFocused && isAlertText && !disabled\r\n }\">{{ labelInferior }}</span>\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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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-card{display:flex;padding:10px 12px;justify-content:flex-start;align-items:center;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-card:hover:not(.disabled):not(.focused):not(.alert){background:#edf6ff}.container-card.focused{border:1px solid #0581BC;background:#edf6ff}.container-card.disabled{background:#f5f5f5}.container-card.disabled .icon-color,.container-card.disabled input{color:#bfbfbf}.container-card.disabled input::placeholder{color:#bfbfbf;opacity:1}.container-card.alert{border:1px solid #DB2E2A;background:#fff4f0}.icon-color{color:#595959}.icon-color-cancel{color:#013169}.container-card input,.card-date-container input{display:flex;align-items:center;border:none;outline:none;background-color:transparent;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.container-card input:disabled,.card-date-container input:disabled{color:#bfbfbf}.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;top:calc(100% + 4px);left:0;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}.label-text{cursor:pointer}.inputs-wrapper{position:relative}.inputs-container{display:flex;gap:12px;align-items:center}.cvv-container{padding:10px 8px;flex-shrink:0}.cvv-input{display:flex;align-items:center;border:none;outline:none;background-color:transparent;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px;text-align:center;width:45px;flex:0 0 auto}.card-date-container{display:flex;align-items:center;justify-content:center;gap:4px;flex:1 1 auto}.date-input{border:none;outline:none;background:transparent;font-size:.875rem;width:30px;text-align:center;flex:0 0 auto}.date-input.year{width:50px}.separator{margin:0 4px;opacity:.6;flex:0 0 auto}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n"] }]
|
|
6748
|
+
}], propDecorators: { yearInput: [{
|
|
6749
|
+
type: ViewChild,
|
|
6750
|
+
args: ['yearInput']
|
|
6751
|
+
}], textInputCvv: [{
|
|
6752
|
+
type: Input
|
|
6753
|
+
}], textInputMonth: [{
|
|
6754
|
+
type: Input
|
|
6755
|
+
}], textInputYear: [{
|
|
6756
|
+
type: Input
|
|
6757
|
+
}], required: [{
|
|
6758
|
+
type: Input
|
|
6759
|
+
}], disabled: [{
|
|
6760
|
+
type: Input
|
|
6761
|
+
}], isEnableClearText: [{
|
|
6762
|
+
type: Input
|
|
6763
|
+
}], showHelpText: [{
|
|
6764
|
+
type: Input
|
|
6765
|
+
}], labelSuperior: [{
|
|
6766
|
+
type: Input
|
|
6767
|
+
}], labelInferior: [{
|
|
6768
|
+
type: Input
|
|
6769
|
+
}], iconInput: [{
|
|
6770
|
+
type: Input
|
|
6771
|
+
}], initialTextCvv: [{
|
|
6772
|
+
type: Input
|
|
6773
|
+
}], initialTextMonth: [{
|
|
6774
|
+
type: Input
|
|
6775
|
+
}], initialTextYear: [{
|
|
6776
|
+
type: Input
|
|
6777
|
+
}], onChangesValueMonth: [{
|
|
6778
|
+
type: Output
|
|
6779
|
+
}], onChangesValueYear: [{
|
|
6780
|
+
type: Output
|
|
6781
|
+
}], onChangesValueCVV: [{
|
|
6782
|
+
type: Output
|
|
6783
|
+
}], onEnterKey: [{
|
|
6784
|
+
type: Output
|
|
6785
|
+
}] } });
|
|
6786
|
+
|
|
6636
6787
|
/**
|
|
6637
6788
|
* Generated bundle index. Do not edit.
|
|
6638
6789
|
*/
|
|
6639
6790
|
|
|
6640
|
-
export { AvatarIconComponent, BadgeComponent, BreadcrumbComponent, ButtonAccountsComponent, ButtonAuthComponent, ButtonCircleSecondaryComponent, ButtonCircleTertiaryComponent, ButtonDynamicComponent, ButtonFilterComponent, ButtonMenuLinkComponent, ButtonOrderComponent, ButtonSquaredSecondaryComponent, ButtonSquaredTertiaryComponent, ButtonStandardPrimaryComponent, ButtonStandardSecondaryComponent, ButtonStandardTertiaryComponent, ButtonStandardTertiarySmallComponent, CalificationComponent, CardActividadEventoComponent, CardAgendaJudicialComponent, CardBlockComponent, CardButtonCheckboxComponent, CardCollapseDetalleProcesoComponent, CardDynamicContentComponent, CardEtapaSubetapaComponent, CardGestionCupoComponent, CardImpulsoProcesalComponent, CardInfoFacturacionComponent, CardListConsumoComponent, CardListDragOnComponent, CardListMovimientosComponent, CardListProcesoComponent, CardLogComponent, CardPlanSmallComponent, CardPlanSubscriptionComponent, CardTicketComponent, CardTipoProcesoComponent, CardUsoPlanComponent, CardVigilanciaJudicialComponent, CategoriesComponent, ChartsDonutComponent, CheckboxComponent, CheckboxRadioComponent, ChipUserComponent, CustomDropdownComponent, DateHourPickerComponent, DatePickerComponent, DoubleDatePickerComponent, DrawerContainerRightComponent, DropdownComponent, DropdownContextualMenuComponent, DropdownOptionItemComponent, DropdownUserMenuComponent, FilterItemComponent, IconLgComponent, IconMdComponent, IconSmComponent, IconXlComponent, IconXsComponent, IconXxlComponent, InputLargeComponent, InputOtpComponent, InputPasswordComponent, InputSelectComponent, InputSelectFilterComponent, InputSelectNumberComponent, InputTextfieldComponent, IusChartsBarGroupedComponent, LinearProgressBarComponent, LoadingCircleComponent, MenuItemComponent, NavRailComponent, NotificationCardComponent, OptionComponent, OptionItemComponent, PopoverDirective, SearchBarComponent, SectionCollapseDrawerChildComponent, SectionCollapseDrawerParentComponent, SegmentComponent, SimpleCardContadorComponent, SimpleChipComponent, SimpleDividerComponent, SimpleUserCardComponent, SlideToggleComponent, SnackbarComponent, ToolbarComponent, ToolbarUserMenuComponent, UserCardComponent };
|
|
6791
|
+
export { AvatarIconComponent, BadgeComponent, BreadcrumbComponent, ButtonAccountsComponent, ButtonAuthComponent, ButtonCircleSecondaryComponent, ButtonCircleTertiaryComponent, ButtonDynamicComponent, ButtonFilterComponent, ButtonMenuLinkComponent, ButtonOrderComponent, ButtonSquaredSecondaryComponent, ButtonSquaredTertiaryComponent, ButtonStandardPrimaryComponent, ButtonStandardSecondaryComponent, ButtonStandardTertiaryComponent, ButtonStandardTertiarySmallComponent, CalificationComponent, CardActividadEventoComponent, CardAgendaJudicialComponent, CardBlockComponent, CardButtonCheckboxComponent, CardCollapseDetalleProcesoComponent, CardDynamicContentComponent, CardEtapaSubetapaComponent, CardGestionCupoComponent, CardImpulsoProcesalComponent, CardInfoFacturacionComponent, CardListConsumoComponent, CardListDragOnComponent, CardListMovimientosComponent, CardListProcesoComponent, CardLogComponent, CardPlanSmallComponent, CardPlanSubscriptionComponent, CardTicketComponent, CardTipoProcesoComponent, CardUsoPlanComponent, CardVigilanciaJudicialComponent, CategoriesComponent, ChartsDonutComponent, CheckboxComponent, CheckboxRadioComponent, ChipUserComponent, CustomDropdownComponent, DateHourPickerComponent, DatePickerComponent, DoubleDatePickerComponent, DrawerContainerRightComponent, DropdownComponent, DropdownContextualMenuComponent, DropdownOptionItemComponent, DropdownUserMenuComponent, FilterItemComponent, IconLgComponent, IconMdComponent, IconSmComponent, IconXlComponent, IconXsComponent, IconXxlComponent, InputCardComponent, InputLargeComponent, InputOtpComponent, InputPasswordComponent, InputSelectComponent, InputSelectFilterComponent, InputSelectNumberComponent, InputTextfieldComponent, IusChartsBarGroupedComponent, LinearProgressBarComponent, LoadingCircleComponent, MenuItemComponent, NavRailComponent, NotificationCardComponent, OptionComponent, OptionItemComponent, PopoverDirective, SearchBarComponent, SectionCollapseDrawerChildComponent, SectionCollapseDrawerParentComponent, SegmentComponent, SimpleCardContadorComponent, SimpleChipComponent, SimpleDividerComponent, SimpleUserCardComponent, SlideToggleComponent, SnackbarComponent, ToolbarComponent, ToolbarUserMenuComponent, UserCardComponent };
|
|
6641
6792
|
//# sourceMappingURL=litigiovirtual-ius-design-components.mjs.map
|