@litigiovirtual/ius-design-components 1.0.170 → 1.0.172
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/alert/alert.component.mjs +76 -0
- package/esm2022/lib/alert/index.mjs +2 -0
- package/esm2022/lib/input-card/index.mjs +2 -0
- package/esm2022/lib/input-card/input-card.component.mjs +158 -0
- package/esm2022/lib/simple-card-contador/simple-card-contador.component.mjs +30 -16
- package/esm2022/public-api.mjs +3 -1
- package/fesm2022/litigiovirtual-ius-design-components.mjs +249 -17
- package/fesm2022/litigiovirtual-ius-design-components.mjs.map +1 -1
- package/lib/alert/alert.component.d.ts +22 -0
- package/lib/alert/index.d.ts +1 -0
- package/lib/input-card/index.d.ts +1 -0
- package/lib/input-card/input-card.component.d.ts +43 -0
- package/lib/simple-card-contador/simple-card-contador.component.d.ts +5 -3
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { OverlayModule } from '@angular/cdk/overlay';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
|
|
4
|
+
import { ButtonDynamicComponent } from "../button-dynamic";
|
|
5
|
+
import { ButtonStandardSecondaryComponent } from "../button-standard-secondary";
|
|
6
|
+
import { SimpleDividerComponent } from "../simple-divider";
|
|
7
|
+
import { PortalModule, TemplatePortal } from '@angular/cdk/portal';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
import * as i1 from "@angular/cdk/overlay";
|
|
10
|
+
export class AlertComponent {
|
|
11
|
+
constructor(overlay, vcr) {
|
|
12
|
+
this.overlay = overlay;
|
|
13
|
+
this.vcr = vcr;
|
|
14
|
+
this.title = 'Título del Popup';
|
|
15
|
+
this.text = 'Texto';
|
|
16
|
+
this.leftButtonName = 'Cancelar';
|
|
17
|
+
this.rightButtonName = 'Confirmar';
|
|
18
|
+
this.onRightButtonClick = new EventEmitter();
|
|
19
|
+
this.onLeftButtonClick = new EventEmitter();
|
|
20
|
+
}
|
|
21
|
+
ngAfterViewInit() {
|
|
22
|
+
const positionStrategy = this.overlay.position()
|
|
23
|
+
.global()
|
|
24
|
+
.centerHorizontally()
|
|
25
|
+
.centerVertically();
|
|
26
|
+
this.overlayRef = this.overlay.create({
|
|
27
|
+
positionStrategy,
|
|
28
|
+
hasBackdrop: true,
|
|
29
|
+
backdropClass: 'cdk-overlay-dark-backdrop',
|
|
30
|
+
scrollStrategy: this.overlay.scrollStrategies.block(),
|
|
31
|
+
panelClass: 'modal-alerta',
|
|
32
|
+
disposeOnNavigation: true,
|
|
33
|
+
});
|
|
34
|
+
const portal = new TemplatePortal(this.modalTpl, this.vcr);
|
|
35
|
+
this.overlayRef.attach(portal);
|
|
36
|
+
this.overlayRef.keydownEvents().subscribe((ev) => {
|
|
37
|
+
if (ev.key === 'Escape')
|
|
38
|
+
this.onClickLeftButton();
|
|
39
|
+
});
|
|
40
|
+
}
|
|
41
|
+
onClickLeftButton() {
|
|
42
|
+
this.overlayRef?.dispose();
|
|
43
|
+
this.overlayRef = undefined;
|
|
44
|
+
this.onLeftButtonClick.emit();
|
|
45
|
+
}
|
|
46
|
+
onClickRightButton() {
|
|
47
|
+
this.overlayRef?.dispose();
|
|
48
|
+
this.overlayRef = undefined;
|
|
49
|
+
this.onRightButtonClick.emit();
|
|
50
|
+
}
|
|
51
|
+
ngOnDestroy() {
|
|
52
|
+
this.onClickLeftButton();
|
|
53
|
+
}
|
|
54
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AlertComponent, deps: [{ token: i1.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
55
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AlertComponent, isStandalone: true, selector: "ius-alert", inputs: { title: "title", text: "text", leftButtonName: "leftButtonName", rightButtonName: "rightButtonName" }, outputs: { onRightButtonClick: "onRightButtonClick", onLeftButtonClick: "onLeftButtonClick" }, viewQueries: [{ propertyName: "modalTpl", first: true, predicate: ["modalTpl"], descendants: true, static: true }], ngImport: i0, template: "<ng-template #modalTpl>\r\n <div class=\"modal\">\r\n <h3 class=\"title\">{{ title }}</h3>\r\n\r\n <ius-simple-divider></ius-simple-divider>\r\n\r\n <p class=\"msg\">{{ text }}</p>\r\n\r\n <div class=\"actions\">\r\n <ius-button-standard-secondary (buttonClicked)=\"onClickLeftButton()\">{{\r\n leftButtonName\r\n }}</ius-button-standard-secondary>\r\n <ius-button-dynamic\r\n [labelDefault]=\"rightButtonName\"\r\n (buttonClicked)=\"onClickRightButton()\"\r\n ></ius-button-dynamic>\r\n </div>\r\n </div>\r\n</ng-template>\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-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}.modal{background:#fff;border-radius:16px;padding:18px;box-shadow:0 18px 45px #00000040;display:flex;flex-direction:column;max-width:450px}.title{color:#333;font-family:Roboto,sans-serif;font-size:1.25rem;font-style:normal;font-weight:700;line-height:26px;letter-spacing:.2px;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.msg{color:#333;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.actions{display:flex;padding:8px 16px;justify-content:space-evenly;gap:4px}\n"], dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: PortalModule }, { kind: "component", type: ButtonStandardSecondaryComponent, selector: "ius-button-standard-secondary", inputs: ["disabled"], outputs: ["buttonClicked"] }, { kind: "component", type: ButtonDynamicComponent, selector: "ius-button-dynamic", inputs: ["labelDefault", "labelSuccess", "labelError", "disabled", "loading", "result", "autoReset", "autoResetDelay"], outputs: ["buttonClicked"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }] }); }
|
|
56
|
+
}
|
|
57
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AlertComponent, decorators: [{
|
|
58
|
+
type: Component,
|
|
59
|
+
args: [{ selector: 'ius-alert', standalone: true, imports: [OverlayModule, CommonModule, PortalModule, ButtonStandardSecondaryComponent, ButtonDynamicComponent, SimpleDividerComponent], template: "<ng-template #modalTpl>\r\n <div class=\"modal\">\r\n <h3 class=\"title\">{{ title }}</h3>\r\n\r\n <ius-simple-divider></ius-simple-divider>\r\n\r\n <p class=\"msg\">{{ text }}</p>\r\n\r\n <div class=\"actions\">\r\n <ius-button-standard-secondary (buttonClicked)=\"onClickLeftButton()\">{{\r\n leftButtonName\r\n }}</ius-button-standard-secondary>\r\n <ius-button-dynamic\r\n [labelDefault]=\"rightButtonName\"\r\n (buttonClicked)=\"onClickRightButton()\"\r\n ></ius-button-dynamic>\r\n </div>\r\n </div>\r\n</ng-template>\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-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}.modal{background:#fff;border-radius:16px;padding:18px;box-shadow:0 18px 45px #00000040;display:flex;flex-direction:column;max-width:450px}.title{color:#333;font-family:Roboto,sans-serif;font-size:1.25rem;font-style:normal;font-weight:700;line-height:26px;letter-spacing:.2px;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.msg{color:#333;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.actions{display:flex;padding:8px 16px;justify-content:space-evenly;gap:4px}\n"] }]
|
|
60
|
+
}], ctorParameters: () => [{ type: i1.Overlay }, { type: i0.ViewContainerRef }], propDecorators: { modalTpl: [{
|
|
61
|
+
type: ViewChild,
|
|
62
|
+
args: ['modalTpl', { static: true }]
|
|
63
|
+
}], title: [{
|
|
64
|
+
type: Input
|
|
65
|
+
}], text: [{
|
|
66
|
+
type: Input
|
|
67
|
+
}], leftButtonName: [{
|
|
68
|
+
type: Input
|
|
69
|
+
}], rightButtonName: [{
|
|
70
|
+
type: Input
|
|
71
|
+
}], onRightButtonClick: [{
|
|
72
|
+
type: Output
|
|
73
|
+
}], onLeftButtonClick: [{
|
|
74
|
+
type: Output
|
|
75
|
+
}] } });
|
|
76
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvYWxlcnQvYWxlcnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvYWxlcnQvYWxlcnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFXLGFBQWEsRUFBYyxNQUFNLHNCQUFzQixDQUFDO0FBQzFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFlLFNBQVMsRUFBb0IsTUFBTSxlQUFlLENBQUM7QUFDakgsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDM0QsT0FBTyxFQUFFLGdDQUFnQyxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDaEYsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDM0QsT0FBTyxFQUFFLFlBQVksRUFBRSxjQUFjLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7O0FBVW5FLE1BQU0sT0FBTyxjQUFjO0lBYXpCLFlBQ1UsT0FBZ0IsRUFDaEIsR0FBcUI7UUFEckIsWUFBTyxHQUFQLE9BQU8sQ0FBUztRQUNoQixRQUFHLEdBQUgsR0FBRyxDQUFrQjtRQVp0QixVQUFLLEdBQUcsa0JBQWtCLENBQUM7UUFDM0IsU0FBSSxHQUFHLE9BQU8sQ0FBQztRQUNmLG1CQUFjLEdBQUcsVUFBVSxDQUFDO1FBQzVCLG9CQUFlLEdBQUcsV0FBVyxDQUFDO1FBRTdCLHVCQUFrQixHQUF1QixJQUFJLFlBQVksRUFBTyxDQUFDO1FBQ2pFLHNCQUFpQixHQUF1QixJQUFJLFlBQVksRUFBTyxDQUFDO0lBT3RFLENBQUM7SUFFTCxlQUFlO1FBQ2IsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsRUFBRTthQUM3QyxNQUFNLEVBQUU7YUFDUixrQkFBa0IsRUFBRTthQUNwQixnQkFBZ0IsRUFBRSxDQUFDO1FBRXRCLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUM7WUFDcEMsZ0JBQWdCO1lBQ2hCLFdBQVcsRUFBRSxJQUFJO1lBQ2pCLGFBQWEsRUFBRSwyQkFBMkI7WUFDMUMsY0FBYyxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsZ0JBQWdCLENBQUMsS0FBSyxFQUFFO1lBQ3JELFVBQVUsRUFBRSxjQUFjO1lBQzFCLG1CQUFtQixFQUFFLElBQUk7U0FDMUIsQ0FBQyxDQUFDO1FBRUgsTUFBTSxNQUFNLEdBQUcsSUFBSSxjQUFjLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDM0QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUM7UUFFL0IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxFQUFFLEVBQUUsRUFBRTtZQUMvQyxJQUFJLEVBQUUsQ0FBQyxHQUFHLEtBQUssUUFBUTtnQkFBRSxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUNwRCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxpQkFBaUI7UUFDZixJQUFJLENBQUMsVUFBVSxFQUFFLE9BQU8sRUFBRSxDQUFDO1FBQzNCLElBQUksQ0FBQyxVQUFVLEdBQUcsU0FBUyxDQUFDO1FBQzVCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNoQyxDQUFDO0lBRUQsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxVQUFVLEVBQUUsT0FBTyxFQUFFLENBQUM7UUFDM0IsSUFBSSxDQUFDLFVBQVUsR0FBRyxTQUFTLENBQUM7UUFDNUIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2pDLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDM0IsQ0FBQzsrR0F2RFUsY0FBYzttR0FBZCxjQUFjLHdZQ2hCM0IsMmtCQW1CQSxzbkVEUFksYUFBYSw4QkFBRSxZQUFZLDhCQUFFLFlBQVksK0JBQUUsZ0NBQWdDLDRIQUFFLHNCQUFzQixtTkFBRSxzQkFBc0I7OzRGQUkxSCxjQUFjO2tCQVAxQixTQUFTOytCQUNFLFdBQVcsY0FDVCxJQUFJLFdBQ1AsQ0FBQyxhQUFhLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxnQ0FBZ0MsRUFBRSxzQkFBc0IsRUFBRSxzQkFBc0IsQ0FBQzsyR0FLN0YsUUFBUTtzQkFBaEQsU0FBUzt1QkFBQyxVQUFVLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO2dCQUU5QixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFFSSxrQkFBa0I7c0JBQTNCLE1BQU07Z0JBQ0csaUJBQWlCO3NCQUExQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgT3ZlcmxheSwgT3ZlcmxheU1vZHVsZSwgT3ZlcmxheVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9vdmVybGF5JztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFRlbXBsYXRlUmVmLCBWaWV3Q2hpbGQsIFZpZXdDb250YWluZXJSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQnV0dG9uRHluYW1pY0NvbXBvbmVudCB9IGZyb20gXCIuLi9idXR0b24tZHluYW1pY1wiO1xyXG5pbXBvcnQgeyBCdXR0b25TdGFuZGFyZFNlY29uZGFyeUNvbXBvbmVudCB9IGZyb20gXCIuLi9idXR0b24tc3RhbmRhcmQtc2Vjb25kYXJ5XCI7XHJcbmltcG9ydCB7IFNpbXBsZURpdmlkZXJDb21wb25lbnQgfSBmcm9tIFwiLi4vc2ltcGxlLWRpdmlkZXJcIjtcclxuaW1wb3J0IHsgUG9ydGFsTW9kdWxlLCBUZW1wbGF0ZVBvcnRhbCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9wb3J0YWwnO1xyXG5cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnaXVzLWFsZXJ0JyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtPdmVybGF5TW9kdWxlLCBDb21tb25Nb2R1bGUsIFBvcnRhbE1vZHVsZSwgQnV0dG9uU3RhbmRhcmRTZWNvbmRhcnlDb21wb25lbnQsIEJ1dHRvbkR5bmFtaWNDb21wb25lbnQsIFNpbXBsZURpdmlkZXJDb21wb25lbnRdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hbGVydC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2FsZXJ0LmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQWxlcnRDb21wb25lbnQge1xyXG4gIEBWaWV3Q2hpbGQoJ21vZGFsVHBsJywgeyBzdGF0aWM6IHRydWUgfSkgbW9kYWxUcGwhOiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG5cclxuICBASW5wdXQoKSB0aXRsZSA9ICdUw610dWxvIGRlbCBQb3B1cCc7XHJcbiAgQElucHV0KCkgdGV4dCA9ICdUZXh0byc7XHJcbiAgQElucHV0KCkgbGVmdEJ1dHRvbk5hbWUgPSAnQ2FuY2VsYXInO1xyXG4gIEBJbnB1dCgpIHJpZ2h0QnV0dG9uTmFtZSA9ICdDb25maXJtYXInO1xyXG4gIFxyXG4gIEBPdXRwdXQoKSBvblJpZ2h0QnV0dG9uQ2xpY2s6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIEBPdXRwdXQoKSBvbkxlZnRCdXR0b25DbGljazogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gIHByaXZhdGUgb3ZlcmxheVJlZj86IE92ZXJsYXlSZWY7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBvdmVybGF5OiBPdmVybGF5LFxyXG4gICAgcHJpdmF0ZSB2Y3I6IFZpZXdDb250YWluZXJSZWZcclxuICApIHsgfVxyXG5cclxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XHJcbiAgICBjb25zdCBwb3NpdGlvblN0cmF0ZWd5ID0gdGhpcy5vdmVybGF5LnBvc2l0aW9uKClcclxuICAgICAgLmdsb2JhbCgpXHJcbiAgICAgIC5jZW50ZXJIb3Jpem9udGFsbHkoKVxyXG4gICAgICAuY2VudGVyVmVydGljYWxseSgpO1xyXG5cclxuICAgIHRoaXMub3ZlcmxheVJlZiA9IHRoaXMub3ZlcmxheS5jcmVhdGUoe1xyXG4gICAgICBwb3NpdGlvblN0cmF0ZWd5LFxyXG4gICAgICBoYXNCYWNrZHJvcDogdHJ1ZSxcclxuICAgICAgYmFja2Ryb3BDbGFzczogJ2Nkay1vdmVybGF5LWRhcmstYmFja2Ryb3AnLFxyXG4gICAgICBzY3JvbGxTdHJhdGVneTogdGhpcy5vdmVybGF5LnNjcm9sbFN0cmF0ZWdpZXMuYmxvY2soKSxcclxuICAgICAgcGFuZWxDbGFzczogJ21vZGFsLWFsZXJ0YScsXHJcbiAgICAgIGRpc3Bvc2VPbk5hdmlnYXRpb246IHRydWUsXHJcbiAgICB9KTtcclxuXHJcbiAgICBjb25zdCBwb3J0YWwgPSBuZXcgVGVtcGxhdGVQb3J0YWwodGhpcy5tb2RhbFRwbCwgdGhpcy52Y3IpO1xyXG4gICAgdGhpcy5vdmVybGF5UmVmLmF0dGFjaChwb3J0YWwpO1xyXG5cclxuICAgIHRoaXMub3ZlcmxheVJlZi5rZXlkb3duRXZlbnRzKCkuc3Vic2NyaWJlKChldikgPT4ge1xyXG4gICAgICBpZiAoZXYua2V5ID09PSAnRXNjYXBlJykgdGhpcy5vbkNsaWNrTGVmdEJ1dHRvbigpO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBvbkNsaWNrTGVmdEJ1dHRvbigpOiB2b2lkIHtcclxuICAgIHRoaXMub3ZlcmxheVJlZj8uZGlzcG9zZSgpO1xyXG4gICAgdGhpcy5vdmVybGF5UmVmID0gdW5kZWZpbmVkO1xyXG4gICAgdGhpcy5vbkxlZnRCdXR0b25DbGljay5lbWl0KCk7XHJcbiAgfVxyXG5cclxuICBvbkNsaWNrUmlnaHRCdXR0b24oKTogdm9pZCB7XHJcbiAgICB0aGlzLm92ZXJsYXlSZWY/LmRpc3Bvc2UoKTtcclxuICAgIHRoaXMub3ZlcmxheVJlZiA9IHVuZGVmaW5lZDtcclxuICAgIHRoaXMub25SaWdodEJ1dHRvbkNsaWNrLmVtaXQoKTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgdGhpcy5vbkNsaWNrTGVmdEJ1dHRvbigpO1xyXG4gIH1cclxufVxyXG4iLCI8bmctdGVtcGxhdGUgI21vZGFsVHBsPlxyXG4gIDxkaXYgY2xhc3M9XCJtb2RhbFwiPlxyXG4gICAgPGgzIGNsYXNzPVwidGl0bGVcIj57eyB0aXRsZSB9fTwvaDM+XHJcblxyXG4gICAgPGl1cy1zaW1wbGUtZGl2aWRlcj48L2l1cy1zaW1wbGUtZGl2aWRlcj5cclxuXHJcbiAgICA8cCBjbGFzcz1cIm1zZ1wiPnt7IHRleHQgfX08L3A+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cImFjdGlvbnNcIj5cclxuICAgICAgPGl1cy1idXR0b24tc3RhbmRhcmQtc2Vjb25kYXJ5IChidXR0b25DbGlja2VkKT1cIm9uQ2xpY2tMZWZ0QnV0dG9uKClcIj57e1xyXG4gICAgICAgIGxlZnRCdXR0b25OYW1lXHJcbiAgICAgIH19PC9pdXMtYnV0dG9uLXN0YW5kYXJkLXNlY29uZGFyeT5cclxuICAgICAgPGl1cy1idXR0b24tZHluYW1pY1xyXG4gICAgICAgIFtsYWJlbERlZmF1bHRdPVwicmlnaHRCdXR0b25OYW1lXCJcclxuICAgICAgICAoYnV0dG9uQ2xpY2tlZCk9XCJvbkNsaWNrUmlnaHRCdXR0b24oKVwiXHJcbiAgICAgID48L2l1cy1idXR0b24tZHluYW1pYz5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L25nLXRlbXBsYXRlPlxyXG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './alert.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdXMtZGVzaWduLWNvbXBvbmVudHMvc3JjL2xpYi9hbGVydC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG1CQUFtQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9hbGVydC5jb21wb25lbnQnO1xyXG5cclxuIl19
|
|
@@ -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==
|
|
@@ -4,36 +4,50 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
export class SimpleCardContadorComponent {
|
|
5
5
|
constructor() {
|
|
6
6
|
this.title = '';
|
|
7
|
-
this.value =
|
|
7
|
+
this.value = 1;
|
|
8
|
+
this.maxValue = 0;
|
|
8
9
|
this.valueChange = new EventEmitter();
|
|
10
|
+
this.errorMaxValue = new EventEmitter();
|
|
9
11
|
}
|
|
10
12
|
step(el, dir) {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
el.stepDown();
|
|
15
|
-
this.syncAndEmit(el.value);
|
|
13
|
+
const current = Number(el.value) || 1;
|
|
14
|
+
const next = current + dir;
|
|
15
|
+
this.applyLimitsAndEmit(next, el);
|
|
16
16
|
}
|
|
17
|
-
onTyped(
|
|
18
|
-
|
|
17
|
+
onTyped(el) {
|
|
18
|
+
const n = Number(el.value);
|
|
19
|
+
this.applyLimitsAndEmit(n, el);
|
|
19
20
|
}
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
21
|
+
applyLimitsAndEmit(n, el) {
|
|
22
|
+
let value = Number.isNaN(n) ? 1 : n;
|
|
23
|
+
if (value < 1) {
|
|
24
|
+
value = 1;
|
|
25
|
+
}
|
|
26
|
+
if (this.maxValue > 0 && value > this.maxValue) {
|
|
27
|
+
value = this.maxValue;
|
|
28
|
+
this.errorMaxValue.emit('El valor sobrepasa el limite que puedes asignar');
|
|
29
|
+
}
|
|
30
|
+
this.value = value;
|
|
31
|
+
if (el) {
|
|
32
|
+
el.value = String(value);
|
|
33
|
+
}
|
|
34
|
+
this.valueChange.emit(value);
|
|
25
35
|
}
|
|
26
36
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SimpleCardContadorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
27
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SimpleCardContadorComponent, isStandalone: true, selector: "ius-simple-card-contador", inputs: { title: "title", value: "value" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"general-container\">\r\n <div class=\"container\">\r\n <div class=\"left\">\r\n <p>{{ title }}</p>\r\n </div>\r\n\r\n <div class=\"right\">\r\n <div class=\"num-wrapper\">\r\n <input\r\n #num\r\n type=\"number\"\r\n [step]=\"1\"\r\n [value]=\"value\"\r\n (input)=\"onTyped(num
|
|
37
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SimpleCardContadorComponent, isStandalone: true, selector: "ius-simple-card-contador", inputs: { title: "title", value: "value", maxValue: "maxValue" }, outputs: { valueChange: "valueChange", errorMaxValue: "errorMaxValue" }, ngImport: i0, template: "<div class=\"general-container\">\r\n <div class=\"container\">\r\n <div class=\"left\">\r\n <p>{{ title }}</p>\r\n </div>\r\n\r\n <div class=\"right\">\r\n <div class=\"num-wrapper\">\r\n <input\r\n #num\r\n type=\"number\"\r\n [step]=\"1\"\r\n [min]=\"1\"\r\n [max]=\"maxValue > 0 ? maxValue : null\"\r\n [value]=\"value\"\r\n (input)=\"onTyped(num)\"\r\n (blur)=\"onTyped(num)\"\r\n />\r\n <button\r\n class=\"spin up\"\r\n (click)=\"step(num, +1)\"\r\n >\r\n <ius-icon-xl\r\n [iconName]=\"'icon-keyboard-arrow-up'\"\r\n ></ius-icon-xl>\r\n </button>\r\n\r\n <button\r\n class=\"spin down\"\r\n (click)=\"step(num, -1)\"\r\n >\r\n <ius-icon-xl\r\n [iconName]=\"'icon-keyboard-arrow-down'\"\r\n ></ius-icon-xl>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\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-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}.general-container{position:relative}.container{display:flex;padding:4px 4px 4px 12px;align-items:center;gap:0;align-self:stretch;border-radius:8px;border:1px solid #eaeaea;background:#fff;justify-content:space-between}.container .left{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;flex:1 1 auto;min-width:0;width:55%}.container .left p{display:flex;align-items:center;gap:10px;margin:0;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Rubik;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.container .right{padding:var(--Spacing-Spacing-xs, 8px);display:flex;align-items:center;width:45%}.container .right .num-wrapper{position:relative;display:inline-flex;align-items:center;height:40px;border-radius:14px;background:#f5f5f5;padding:6px 44px 6px 12px}.container .right .num-wrapper input[type=number]{appearance:textfield;-moz-appearance:textfield;-webkit-appearance:none;border:0;outline:0;width:100%;background:transparent;color:#8c8c8c;font-family:Rubik;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.container .right .num-wrapper input::-webkit-outer-spin-button,.container .right .num-wrapper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.container .right .num-wrapper .spin{position:absolute;right:8px;width:28px;height:18px;border:0;background:transparent;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center}.container .right .num-wrapper .up{top:15px}.container .right .num-wrapper .down{bottom:-1px}\n"], dependencies: [{ kind: "component", type: IconXlComponent, selector: "ius-icon-xl", inputs: ["iconName", "color"] }] }); }
|
|
28
38
|
}
|
|
29
39
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SimpleCardContadorComponent, decorators: [{
|
|
30
40
|
type: Component,
|
|
31
|
-
args: [{ selector: 'ius-simple-card-contador', standalone: true, imports: [IconXlComponent], template: "<div class=\"general-container\">\r\n <div class=\"container\">\r\n <div class=\"left\">\r\n <p>{{ title }}</p>\r\n </div>\r\n\r\n <div class=\"right\">\r\n <div class=\"num-wrapper\">\r\n <input\r\n #num\r\n type=\"number\"\r\n [step]=\"1\"\r\n [value]=\"value\"\r\n (input)=\"onTyped(num
|
|
41
|
+
args: [{ selector: 'ius-simple-card-contador', standalone: true, imports: [IconXlComponent], template: "<div class=\"general-container\">\r\n <div class=\"container\">\r\n <div class=\"left\">\r\n <p>{{ title }}</p>\r\n </div>\r\n\r\n <div class=\"right\">\r\n <div class=\"num-wrapper\">\r\n <input\r\n #num\r\n type=\"number\"\r\n [step]=\"1\"\r\n [min]=\"1\"\r\n [max]=\"maxValue > 0 ? maxValue : null\"\r\n [value]=\"value\"\r\n (input)=\"onTyped(num)\"\r\n (blur)=\"onTyped(num)\"\r\n />\r\n <button\r\n class=\"spin up\"\r\n (click)=\"step(num, +1)\"\r\n >\r\n <ius-icon-xl\r\n [iconName]=\"'icon-keyboard-arrow-up'\"\r\n ></ius-icon-xl>\r\n </button>\r\n\r\n <button\r\n class=\"spin down\"\r\n (click)=\"step(num, -1)\"\r\n >\r\n <ius-icon-xl\r\n [iconName]=\"'icon-keyboard-arrow-down'\"\r\n ></ius-icon-xl>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\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-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}.general-container{position:relative}.container{display:flex;padding:4px 4px 4px 12px;align-items:center;gap:0;align-self:stretch;border-radius:8px;border:1px solid #eaeaea;background:#fff;justify-content:space-between}.container .left{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;flex:1 1 auto;min-width:0;width:55%}.container .left p{display:flex;align-items:center;gap:10px;margin:0;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Rubik;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.container .right{padding:var(--Spacing-Spacing-xs, 8px);display:flex;align-items:center;width:45%}.container .right .num-wrapper{position:relative;display:inline-flex;align-items:center;height:40px;border-radius:14px;background:#f5f5f5;padding:6px 44px 6px 12px}.container .right .num-wrapper input[type=number]{appearance:textfield;-moz-appearance:textfield;-webkit-appearance:none;border:0;outline:0;width:100%;background:transparent;color:#8c8c8c;font-family:Rubik;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.container .right .num-wrapper input::-webkit-outer-spin-button,.container .right .num-wrapper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.container .right .num-wrapper .spin{position:absolute;right:8px;width:28px;height:18px;border:0;background:transparent;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center}.container .right .num-wrapper .up{top:15px}.container .right .num-wrapper .down{bottom:-1px}\n"] }]
|
|
32
42
|
}], propDecorators: { title: [{
|
|
33
43
|
type: Input
|
|
34
44
|
}], value: [{
|
|
35
45
|
type: Input
|
|
46
|
+
}], maxValue: [{
|
|
47
|
+
type: Input
|
|
36
48
|
}], valueChange: [{
|
|
37
49
|
type: Output
|
|
50
|
+
}], errorMaxValue: [{
|
|
51
|
+
type: Output
|
|
38
52
|
}] } });
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2ltcGxlLWNhcmQtY29udGFkb3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvc2ltcGxlLWNhcmQtY29udGFkb3Ivc2ltcGxlLWNhcmQtY29udGFkb3IuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvc2ltcGxlLWNhcmQtY29udGFkb3Ivc2ltcGxlLWNhcmQtY29udGFkb3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sWUFBWSxDQUFDOztBQVU3QyxNQUFNLE9BQU8sMkJBQTJCO0lBUHhDO1FBUVcsVUFBSyxHQUFZLEVBQUUsQ0FBQztRQUNwQixVQUFLLEdBQUcsQ0FBQyxDQUFDO1FBQ1YsYUFBUSxHQUFHLENBQUMsQ0FBQztRQUNaLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUN6QyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7S0FvQ3REO0lBbENDLElBQUksQ0FBQyxFQUFvQixFQUFFLEdBQVc7UUFDcEMsTUFBTSxPQUFPLEdBQUcsTUFBTSxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDdEMsTUFBTSxJQUFJLEdBQUcsT0FBTyxHQUFHLEdBQUcsQ0FBQztRQUMzQixJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFFRCxPQUFPLENBQUMsRUFBb0I7UUFDMUIsTUFBTSxDQUFDLEdBQUcsTUFBTSxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMzQixJQUFJLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ2pDLENBQUM7SUFFTyxrQkFBa0IsQ0FBQyxDQUFTLEVBQUUsRUFBcUI7UUFFekQsSUFBSSxLQUFLLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFFcEMsSUFBSSxLQUFLLEdBQUcsQ0FBQyxFQUFFLENBQUM7WUFDZCxLQUFLLEdBQUcsQ0FBQyxDQUFDO1FBQ1osQ0FBQztRQUVELElBQUksSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksS0FBSyxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUMvQyxLQUFLLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQztZQUN0QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxpREFBaUQsQ0FBQyxDQUFBO1FBQzVFLENBQUM7UUFFRCxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUVuQixJQUFJLEVBQUUsRUFBRSxDQUFDO1lBQ1AsRUFBRSxDQUFDLEtBQUssR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDM0IsQ0FBQztRQUVELElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9CLENBQUM7K0dBdENVLDJCQUEyQjttR0FBM0IsMkJBQTJCLCtOQ1h4QyxrZ0NBdUNBLDBsR0RoQ1ksZUFBZTs7NEZBSWQsMkJBQTJCO2tCQVB2QyxTQUFTOytCQUNFLDBCQUEwQixjQUN4QixJQUFJLFdBQ1AsQ0FBQyxlQUFlLENBQUM7OEJBS2pCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDSSxXQUFXO3NCQUFwQixNQUFNO2dCQUNHLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJY29uWGxDb21wb25lbnQgfSBmcm9tICcuLi9pY29uLXhsJztcclxuXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2l1cy1zaW1wbGUtY2FyZC1jb250YWRvcicsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbSWNvblhsQ29tcG9uZW50XSxcclxuICB0ZW1wbGF0ZVVybDogJy4vc2ltcGxlLWNhcmQtY29udGFkb3IuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9zaW1wbGUtY2FyZC1jb250YWRvci5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIFNpbXBsZUNhcmRDb250YWRvckNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgdGl0bGU/OiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSB2YWx1ZSA9IDE7XHJcbiAgQElucHV0KCkgbWF4VmFsdWUgPSAwO1xyXG4gIEBPdXRwdXQoKSB2YWx1ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xyXG4gIEBPdXRwdXQoKSBlcnJvck1heFZhbHVlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcblxyXG4gIHN0ZXAoZWw6IEhUTUxJbnB1dEVsZW1lbnQsIGRpcjogMSB8IC0xKSB7XHJcbiAgICBjb25zdCBjdXJyZW50ID0gTnVtYmVyKGVsLnZhbHVlKSB8fCAxO1xyXG4gICAgY29uc3QgbmV4dCA9IGN1cnJlbnQgKyBkaXI7XHJcbiAgICB0aGlzLmFwcGx5TGltaXRzQW5kRW1pdChuZXh0LCBlbCk7XHJcbiAgfVxyXG5cclxuICBvblR5cGVkKGVsOiBIVE1MSW5wdXRFbGVtZW50KSB7XHJcbiAgICBjb25zdCBuID0gTnVtYmVyKGVsLnZhbHVlKTtcclxuICAgIHRoaXMuYXBwbHlMaW1pdHNBbmRFbWl0KG4sIGVsKTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgYXBwbHlMaW1pdHNBbmRFbWl0KG46IG51bWJlciwgZWw/OiBIVE1MSW5wdXRFbGVtZW50KSB7XHJcblxyXG4gICAgbGV0IHZhbHVlID0gTnVtYmVyLmlzTmFOKG4pID8gMSA6IG47XHJcblxyXG4gICAgaWYgKHZhbHVlIDwgMSkge1xyXG4gICAgICB2YWx1ZSA9IDE7XHJcbiAgICB9XHJcblxyXG4gICAgaWYgKHRoaXMubWF4VmFsdWUgPiAwICYmIHZhbHVlID4gdGhpcy5tYXhWYWx1ZSkge1xyXG4gICAgICB2YWx1ZSA9IHRoaXMubWF4VmFsdWU7XHJcbiAgICAgIHRoaXMuZXJyb3JNYXhWYWx1ZS5lbWl0KCdFbCB2YWxvciBzb2JyZXBhc2EgZWwgbGltaXRlIHF1ZSBwdWVkZXMgYXNpZ25hcicpXHJcbiAgICB9XHJcblxyXG4gICAgdGhpcy52YWx1ZSA9IHZhbHVlO1xyXG5cclxuICAgIGlmIChlbCkge1xyXG4gICAgICBlbC52YWx1ZSA9IFN0cmluZyh2YWx1ZSk7XHJcbiAgICB9XHJcblxyXG4gICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KHZhbHVlKTtcclxuICB9XHJcblxyXG5cclxufVxyXG5cclxuXHJcblxyXG4iLCI8ZGl2IGNsYXNzPVwiZ2VuZXJhbC1jb250YWluZXJcIj5cclxuICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwibGVmdFwiPlxyXG4gICAgICA8cD57eyB0aXRsZSB9fTwvcD5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxkaXYgY2xhc3M9XCJyaWdodFwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwibnVtLXdyYXBwZXJcIj5cclxuICAgICAgICA8aW5wdXRcclxuICAgICAgICAgICNudW1cclxuICAgICAgICAgIHR5cGU9XCJudW1iZXJcIlxyXG4gICAgICAgICAgW3N0ZXBdPVwiMVwiXHJcbiAgICAgICAgICBbbWluXT1cIjFcIlxyXG4gICAgICAgICAgW21heF09XCJtYXhWYWx1ZSA+IDAgPyBtYXhWYWx1ZSA6IG51bGxcIlxyXG4gICAgICAgICAgW3ZhbHVlXT1cInZhbHVlXCJcclxuICAgICAgICAgIChpbnB1dCk9XCJvblR5cGVkKG51bSlcIlxyXG4gICAgICAgICAgKGJsdXIpPVwib25UeXBlZChudW0pXCJcclxuICAgICAgICAvPlxyXG4gICAgICAgIDxidXR0b25cclxuICAgICAgICAgIGNsYXNzPVwic3BpbiB1cFwiXHJcbiAgICAgICAgICAoY2xpY2spPVwic3RlcChudW0sICsxKVwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgPGl1cy1pY29uLXhsXHJcbiAgICAgICAgICAgIFtpY29uTmFtZV09XCInaWNvbi1rZXlib2FyZC1hcnJvdy11cCdcIlxyXG4gICAgICAgICAgPjwvaXVzLWljb24teGw+XHJcbiAgICAgICAgPC9idXR0b24+XHJcblxyXG4gICAgICAgIDxidXR0b25cclxuICAgICAgICAgIGNsYXNzPVwic3BpbiBkb3duXCJcclxuICAgICAgICAgIChjbGljayk9XCJzdGVwKG51bSwgLTEpXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICA8aXVzLWljb24teGxcclxuICAgICAgICAgICAgW2ljb25OYW1lXT1cIidpY29uLWtleWJvYXJkLWFycm93LWRvd24nXCJcclxuICAgICAgICAgID48L2l1cy1pY29uLXhsPlxyXG4gICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -86,6 +86,8 @@ 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/alert';
|
|
90
|
+
export * from './lib/input-card';
|
|
89
91
|
//Directivas
|
|
90
92
|
export * from './lib/directives/popover.directive';
|
|
91
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
93
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2l1cy1kZXNpZ24tY29tcG9uZW50cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsa0JBQWtCLENBQUM7QUFFakMsWUFBWTtBQUNaLGNBQWMsb0NBQW9DLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24tc3RhbmRhcmQtcHJpbWFyeSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1zdGFuZGFyZC1zZWNvbmRhcnknO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24tc3RhbmRhcmQtdGVydGlhcnknO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24tc3RhbmRhcmQtdGVydGlhcnktc21hbGwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24tc3F1YXJlZC1zZWNvbmRhcnknO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24tc3F1YXJlZC10ZXJ0aWFyeSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1jaXJjbGUtc2Vjb25kYXJ5JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLWR5bmFtaWMnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24tY2lyY2xlLXRlcnRpYXJ5JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLWFjY291bnRzJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VjdGlvbi1jb2xsYXBzZS1kcmF3ZXItcGFyZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VjdGlvbi1jb2xsYXBzZS1kcmF3ZXItY2hpbGQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tZW51LWl0ZW0nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kb3VibGUtZGF0ZS1waWNrZXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kYXRlLXBpY2tlcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RhdGUtaG91ci1waWNrZXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9uYXYtcmFpbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlYXJjaC1iYXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbnB1dC10ZXh0ZmllbGQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9iYWRnZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2lucHV0LXNlbGVjdCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2lucHV0LXNlbGVjdC1udW1iZXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9vcHRpb24nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kcm9wZG93bic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2Ryb3Bkb3duLXVzZXItbWVudSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2Ryb3Bkb3duLW9wdGlvbi1pdGVtJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaWNvbi14cyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ljb24tc20nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pY29uLW1kJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaWNvbi1sZyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ljb24teGwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pY29uLXh4bCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NpbXBsZS1kaXZpZGVyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbGluZWFyLXByb2dyZXNzLWJhcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2xvYWRpbmctY2lyY2xlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZHJhd2VyLWNvbnRhaW5lci1yaWdodCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NsaWRlLXRvZ2dsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtbGlzdC1tb3ZpbWllbnRvcyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtZHluYW1pYy1jb250ZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYXZhdGFyLWljb24nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXRlZ29yaWVzJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY3VzdG9tLWRyb3Bkb3duJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2hpcC11c2VyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvdG9vbGJhcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3Rvb2xiYXItdXNlci1tZW51JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLWF1dGgnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbnB1dC1wYXNzd29yZCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2lucHV0LW90cCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NuYWNrYmFyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2hhcnRzLWRvbnV0JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2hhcnRzLWJhci1ncm91cGVkJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnJlYWRjcnVtYic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3VzZXItY2FyZCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NpbXBsZS11c2VyLWNhcmQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zaW1wbGUtY2hpcCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NpbXBsZS1jYXJkLWNvbnRhZG9yJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZHJvcGRvd24tY29udGV4dHVhbC1tZW51JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VnbWVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL25vdGlmaWNhdGlvbi1jYXJkJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1saXN0LWNvbnN1bW8nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jaGVja2JveCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NoZWNrYm94LXJhZGlvJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLW9yZGVyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLWZpbHRlcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2lucHV0LXNlbGVjdC1maWx0ZXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWxpc3QtcHJvY2Vzbyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtYmxvY2snO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWJ1dHRvbi1jaGVja2JveCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL29wdGlvbi1pdGVtJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZmlsdGVyLWl0ZW0nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLXBsYW4tc3Vic2NyaXB0aW9uJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1wbGFuLXNtYWxsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC11c28tcGxhbic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtZ2VzdGlvbi1jdXBvJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1pbmZvLWZhY3R1cmFjaW9uJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaW5wdXQtbGFyZ2UnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWxvZyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtdGlwby1wcm9jZXNvJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1saXN0LWRyYWctb24nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWNvbGxhcHNlLWRldGFsbGUtcHJvY2Vzbyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtdGlja2V0JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC12aWdpbGFuY2lhLWp1ZGljaWFsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLW1lbnUtbGluayc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtYWdlbmRhLWp1ZGljaWFsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1hY3RpdmlkYWQtZXZlbnRvJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1ldGFwYS1zdWJldGFwYSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtaW1wdWxzby1wcm9jZXNhbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhbGlmaWNhdGlvbic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FsZXJ0JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaW5wdXQtY2FyZCc7XHJcblxyXG4vL0RpcmVjdGl2YXNcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZGlyZWN0aXZlcy9wb3BvdmVyLmRpcmVjdGl2ZSc7Il19
|