iptdevs-design-system 3.1.383 → 3.1.385
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/esm2020/lib/cod-self-managed/cod-form-self-managed/cod-self-managed.component.mjs +12 -37
- package/esm2020/lib/cod-self-managed/steps/cod-form-step-four/cod-self-form-step-four.component.mjs +3 -3
- package/esm2020/lib/cod-self-managed/steps/cod-form-step-one/cod-self-form-step-one.component.mjs +24 -16
- package/esm2020/lib/cod-self-managed/steps/cod-form-step-three/cod-self-form-step-three.component.mjs +3 -3
- package/esm2020/lib/cod-self-managed/steps/cod-form-step-two/cod-self-form-step-two.component.mjs +3 -3
- package/fesm2015/iptdevs-design-system.mjs +50 -71
- package/fesm2015/iptdevs-design-system.mjs.map +1 -1
- package/fesm2020/iptdevs-design-system.mjs +50 -71
- package/fesm2020/iptdevs-design-system.mjs.map +1 -1
- package/lib/cod-self-managed/cod-form-self-managed/cod-self-managed.component.d.ts +2 -4
- package/lib/cod-self-managed/steps/cod-form-step-one/cod-self-form-step-one.component.d.ts +10 -6
- package/package.json +1 -1
|
@@ -4,59 +4,34 @@ import * as i1 from "@angular/common";
|
|
|
4
4
|
import * as i2 from "primeng/steps";
|
|
5
5
|
import * as i3 from "../steps/cod-form-step-one/cod-self-form-step-one.component";
|
|
6
6
|
import * as i4 from "../steps/cod-form-step-two/cod-self-form-step-two.component";
|
|
7
|
+
import * as i5 from "../steps/cod-form-step-three/cod-self-form-step-three.component";
|
|
8
|
+
import * as i6 from "../steps/cod-form-step-four/cod-self-form-step-four.component";
|
|
7
9
|
export class CodSelfManagedComponent {
|
|
8
10
|
constructor() {
|
|
9
|
-
this.items = [];
|
|
10
11
|
this.currentStep = 0;
|
|
12
|
+
this.items = [];
|
|
11
13
|
this.stepCompleted = [false, false, false, false];
|
|
12
14
|
}
|
|
13
15
|
ngOnInit() {
|
|
14
16
|
this.items = [
|
|
15
|
-
{
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
}
|
|
19
|
-
{
|
|
20
|
-
label: 'Planes',
|
|
21
|
-
id: '2',
|
|
22
|
-
},
|
|
23
|
-
{
|
|
24
|
-
label: 'Payment',
|
|
25
|
-
id: '3',
|
|
26
|
-
},
|
|
27
|
-
{
|
|
28
|
-
label: 'Confirmation',
|
|
29
|
-
id: '4',
|
|
30
|
-
}
|
|
17
|
+
{ label: 'Personal', id: '1' },
|
|
18
|
+
{ label: 'Planes', id: '2' },
|
|
19
|
+
{ label: 'Payment', id: '3' },
|
|
20
|
+
{ label: 'Confirmation', id: '4' }
|
|
31
21
|
];
|
|
32
22
|
}
|
|
33
|
-
onNext() {
|
|
34
|
-
if (this.stepCompleted[this.currentStep]) {
|
|
35
|
-
this.currentStep++;
|
|
36
|
-
}
|
|
37
|
-
else {
|
|
38
|
-
// Aquí puedes mostrar algún mensaje de error o realizar alguna acción cuando el paso no está completado
|
|
39
|
-
console.log('Completa el paso actual antes de avanzar.');
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
onPrevious() {
|
|
43
|
-
if (this.currentStep > 0) {
|
|
44
|
-
this.currentStep--;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
23
|
onChangeStep(step) {
|
|
48
|
-
console.log(step.index);
|
|
49
24
|
console.log(step);
|
|
50
25
|
this.currentStep = step;
|
|
51
26
|
}
|
|
52
|
-
|
|
53
|
-
this.
|
|
27
|
+
changeStep(step) {
|
|
28
|
+
this.currentStep = step;
|
|
54
29
|
}
|
|
55
30
|
}
|
|
56
31
|
CodSelfManagedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
57
|
-
CodSelfManagedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfManagedComponent, selector: "ipt-cod-self-managed", ngImport: i0, template: "<h3>Cod Autogestionado</h3>\n\n
|
|
32
|
+
CodSelfManagedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfManagedComponent, selector: "ipt-cod-self-managed", ngImport: i0, template: "<h3>Cod Autogestionado</h3>\n\n<p-steps [model]=\"items\" [(activeIndex)]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\" ></p-steps>\n\n<div *ngIf=\"currentStep === 0\">\n <app-cod-self-form-step-one (completed)=\"changeStep($event)\"></app-cod-self-form-step-one>\n</div>\n\n<div *ngIf=\"currentStep === 1\">\n <app-cod-self-form-step-two (completed)=\"changeStep($event)\"></app-cod-self-form-step-two>\n</div>\n\n<div *ngIf=\"currentStep === 2\">\n <app-cod-self-form-step-three (completed)=\"changeStep($event)\"></app-cod-self-form-step-three>\n</div>\n\n<div *ngIf=\"currentStep === 3\">\n <app-cod-self-form-step-four (completed)=\"changeStep($event)\"></app-cod-self-form-step-four>\n</div>\n\n\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.Steps, selector: "p-steps", inputs: ["activeIndex", "model", "readonly", "style", "styleClass"], outputs: ["activeIndexChange"] }, { kind: "component", type: i3.CodSelfFormStepOneComponent, selector: "app-cod-self-form-step-one", outputs: ["completed"] }, { kind: "component", type: i4.CodSelfFormStepTwoComponent, selector: "app-cod-self-form-step-two" }, { kind: "component", type: i5.CodSelfFormStepThreeComponent, selector: "app-cod-self-form-step-three" }, { kind: "component", type: i6.CodSelfFormStepFourComponent, selector: "app-cod-self-form-step-four" }] });
|
|
58
33
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedComponent, decorators: [{
|
|
59
34
|
type: Component,
|
|
60
|
-
args: [{ selector: 'ipt-cod-self-managed', template: "<h3>Cod Autogestionado</h3>\n\n
|
|
35
|
+
args: [{ selector: 'ipt-cod-self-managed', template: "<h3>Cod Autogestionado</h3>\n\n<p-steps [model]=\"items\" [(activeIndex)]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\" ></p-steps>\n\n<div *ngIf=\"currentStep === 0\">\n <app-cod-self-form-step-one (completed)=\"changeStep($event)\"></app-cod-self-form-step-one>\n</div>\n\n<div *ngIf=\"currentStep === 1\">\n <app-cod-self-form-step-two (completed)=\"changeStep($event)\"></app-cod-self-form-step-two>\n</div>\n\n<div *ngIf=\"currentStep === 2\">\n <app-cod-self-form-step-three (completed)=\"changeStep($event)\"></app-cod-self-form-step-three>\n</div>\n\n<div *ngIf=\"currentStep === 3\">\n <app-cod-self-form-step-four (completed)=\"changeStep($event)\"></app-cod-self-form-step-four>\n</div>\n\n\n" }]
|
|
61
36
|
}] });
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kLXNlbGYtbWFuYWdlZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29kLXNlbGYtbWFuYWdlZC9jb2QtZm9ybS1zZWxmLW1hbmFnZWQvY29kLXNlbGYtbWFuYWdlZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29kLXNlbGYtbWFuYWdlZC9jb2QtZm9ybS1zZWxmLW1hbmFnZWQvY29kLXNlbGYtbWFuYWdlZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFXLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQVNuRCxNQUFNLE9BQU8sdUJBQXVCO0lBTHBDO1FBT1MsZ0JBQVcsR0FBVyxDQUFDLENBQUM7UUFDL0IsVUFBSyxHQUFhLEVBQUUsQ0FBQztRQUNyQixrQkFBYSxHQUFjLENBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUM7S0FvQnpEO0lBbEJDLFFBQVE7UUFDTixJQUFJLENBQUMsS0FBSyxHQUFHO1lBQ1gsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUM7WUFDN0IsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUM7WUFDM0IsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUM7WUFDNUIsRUFBRSxLQUFLLEVBQUUsY0FBYyxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUM7U0FDbEMsQ0FBQztJQUNKLENBQUM7SUFFRCxZQUFZLENBQUMsSUFBUztRQUNwQixPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2xCLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO0lBQzFCLENBQUM7SUFHRCxVQUFVLENBQUMsSUFBUztRQUNsQixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQztJQUMxQixDQUFDOztvSEF2QlUsdUJBQXVCO3dHQUF2Qix1QkFBdUIsNERDVHBDLG90QkFxQkE7MkZEWmEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWVudUl0ZW0gfSBmcm9tICdwcmltZW5nL2FwaSc7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaXB0LWNvZC1zZWxmLW1hbmFnZWQnLFxuICB0ZW1wbGF0ZVVybDogJy4vY29kLXNlbGYtbWFuYWdlZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogW11cbn0pXG5leHBvcnQgY2xhc3MgQ29kU2VsZk1hbmFnZWRDb21wb25lbnQgaW1wbGVtZW50cyAgT25Jbml0IHtcblxuICBwdWJsaWMgY3VycmVudFN0ZXA6IG51bWJlciA9IDA7XG4gIGl0ZW1zOiBNZW51SXRlbVtdPVtdO1xuICBzdGVwQ29tcGxldGVkOiBib29sZWFuW10gPSBbZmFsc2UsIGZhbHNlLCBmYWxzZSwgZmFsc2VdO1xuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuaXRlbXMgPSBbXG4gICAgICB7IGxhYmVsOiAnUGVyc29uYWwnLCBpZDogJzEnfSxcbiAgICAgIHsgbGFiZWw6ICdQbGFuZXMnLCBpZDogJzInfSxcbiAgICAgIHsgbGFiZWw6ICdQYXltZW50JywgaWQ6ICczJ30sXG4gICAgICB7IGxhYmVsOiAnQ29uZmlybWF0aW9uJywgaWQ6ICc0J31cbiAgICBdO1xuICB9XG5cbiAgb25DaGFuZ2VTdGVwKHN0ZXA6IGFueSkge1xuICAgIGNvbnNvbGUubG9nKHN0ZXApO1xuICAgIHRoaXMuY3VycmVudFN0ZXAgPSBzdGVwO1xuICB9XG5cblxuICBjaGFuZ2VTdGVwKHN0ZXA6IGFueSkge1xuICAgIHRoaXMuY3VycmVudFN0ZXAgPSBzdGVwO1xuICB9XG59XG4iLCI8aDM+Q29kIEF1dG9nZXN0aW9uYWRvPC9oMz5cblxuPHAtc3RlcHMgW21vZGVsXT1cIml0ZW1zXCIgWyhhY3RpdmVJbmRleCldPVwiY3VycmVudFN0ZXBcIiAoYWN0aXZlSW5kZXhDaGFuZ2UpPVwiY3VycmVudFN0ZXAgPSAkZXZlbnRcIiA+PC9wLXN0ZXBzPlxuXG48ZGl2ICpuZ0lmPVwiY3VycmVudFN0ZXAgPT09IDBcIj5cbiAgPGFwcC1jb2Qtc2VsZi1mb3JtLXN0ZXAtb25lIChjb21wbGV0ZWQpPVwiY2hhbmdlU3RlcCgkZXZlbnQpXCI+PC9hcHAtY29kLXNlbGYtZm9ybS1zdGVwLW9uZT5cbjwvZGl2PlxuXG48ZGl2ICpuZ0lmPVwiY3VycmVudFN0ZXAgPT09IDFcIj5cbiAgPGFwcC1jb2Qtc2VsZi1mb3JtLXN0ZXAtdHdvIChjb21wbGV0ZWQpPVwiY2hhbmdlU3RlcCgkZXZlbnQpXCI+PC9hcHAtY29kLXNlbGYtZm9ybS1zdGVwLXR3bz5cbjwvZGl2PlxuXG48ZGl2ICpuZ0lmPVwiY3VycmVudFN0ZXAgPT09IDJcIj5cbiAgPGFwcC1jb2Qtc2VsZi1mb3JtLXN0ZXAtdGhyZWUgKGNvbXBsZXRlZCk9XCJjaGFuZ2VTdGVwKCRldmVudClcIj48L2FwcC1jb2Qtc2VsZi1mb3JtLXN0ZXAtdGhyZWU+XG48L2Rpdj5cblxuPGRpdiAqbmdJZj1cImN1cnJlbnRTdGVwID09PSAzXCI+XG4gIDxhcHAtY29kLXNlbGYtZm9ybS1zdGVwLWZvdXIgKGNvbXBsZXRlZCk9XCJjaGFuZ2VTdGVwKCRldmVudClcIj48L2FwcC1jb2Qtc2VsZi1mb3JtLXN0ZXAtZm91cj5cbjwvZGl2PlxuXG5cbiJdfQ==
|
package/esm2020/lib/cod-self-managed/steps/cod-form-step-four/cod-self-form-step-four.component.mjs
CHANGED
|
@@ -3,9 +3,9 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
export class CodSelfFormStepFourComponent {
|
|
4
4
|
}
|
|
5
5
|
CodSelfFormStepFourComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepFourComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
-
CodSelfFormStepFourComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepFourComponent, selector: "app-cod-self-form-step-four", ngImport: i0, template: "", styles: [""] });
|
|
6
|
+
CodSelfFormStepFourComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepFourComponent, selector: "app-cod-self-form-step-four", ngImport: i0, template: "<span>step 4</span>\n", styles: [""] });
|
|
7
7
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepFourComponent, decorators: [{
|
|
8
8
|
type: Component,
|
|
9
|
-
args: [{ selector: 'app-cod-self-form-step-four', template: "" }]
|
|
9
|
+
args: [{ selector: 'app-cod-self-form-step-four', template: "<span>step 4</span>\n" }]
|
|
10
10
|
}] });
|
|
11
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kLXNlbGYtZm9ybS1zdGVwLWZvdXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvZC1zZWxmLW1hbmFnZWQvc3RlcHMvY29kLWZvcm0tc3RlcC1mb3VyL2NvZC1zZWxmLWZvcm0tc3RlcC1mb3VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb2Qtc2VsZi1tYW5hZ2VkL3N0ZXBzL2NvZC1mb3JtLXN0ZXAtZm91ci9jb2Qtc2VsZi1mb3JtLXN0ZXAtZm91ci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVUxQyxNQUFNLE9BQU8sNEJBQTRCOzt5SEFBNUIsNEJBQTRCOzZHQUE1Qiw0QkFBNEIsbUVDVnpDLHVCQUNBOzJGRFNhLDRCQUE0QjtrQkFMeEMsU0FBUzsrQkFDRSw2QkFBNkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuXG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWNvZC1zZWxmLWZvcm0tc3RlcC1mb3VyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvZC1zZWxmLWZvcm0tc3RlcC1mb3VyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY29kLXNlbGYtZm9ybS1zdGVwLWZvdXIuY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBDb2RTZWxmRm9ybVN0ZXBGb3VyQ29tcG9uZW50IHtcblxufVxuIiwiPHNwYW4+c3RlcCA0PC9zcGFuPlxuIl19
|
package/esm2020/lib/cod-self-managed/steps/cod-form-step-one/cod-self-form-step-one.component.mjs
CHANGED
|
@@ -1,28 +1,36 @@
|
|
|
1
1
|
import { Component, Output, EventEmitter } from '@angular/core';
|
|
2
|
+
import { Validators } from '@angular/forms';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
import * as i1 from "@angular/forms";
|
|
5
|
+
import * as i2 from "../../../components/atoms/input/input.component";
|
|
4
6
|
export class CodSelfFormStepOneComponent {
|
|
5
|
-
constructor() {
|
|
7
|
+
constructor(fb) {
|
|
8
|
+
this.fb = fb;
|
|
6
9
|
this.completed = new EventEmitter();
|
|
7
10
|
}
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
11
|
+
ngOnInit() {
|
|
12
|
+
this.initForm();
|
|
13
|
+
}
|
|
14
|
+
initForm() {
|
|
15
|
+
this.codSelfFormStepOne = this.fb.group({
|
|
16
|
+
name: ['', [Validators.required]],
|
|
17
|
+
age: ['', [Validators.required]],
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
sendForm() {
|
|
21
|
+
this.codSelfFormStepOne.markAllAsTouched();
|
|
22
|
+
if (this.codSelfFormStepOne.invalid)
|
|
23
|
+
return;
|
|
24
|
+
// Movernos al paso 1
|
|
25
|
+
this.completed.emit(1);
|
|
18
26
|
}
|
|
19
27
|
}
|
|
20
|
-
CodSelfFormStepOneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepOneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
21
|
-
CodSelfFormStepOneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepOneComponent, selector: "app-cod-self-form-step-one", outputs: { completed: "completed" }, ngImport: i0, template: "<div>\n <h2>Paso 1: Datos Personales</h2>\n <form
|
|
28
|
+
CodSelfFormStepOneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepOneComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
29
|
+
CodSelfFormStepOneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepOneComponent, selector: "app-cod-self-form-step-one", outputs: { completed: "completed" }, ngImport: i0, template: "<div>\n <h2>Paso 1: Datos Personales</h2>\n <form [formGroup]=\"codSelfFormStepOne\">\n <!-- <label for=\"name\">Nombre:</label>\n <input type=\"text\" id=\"name\" [(ngModel)]=\"name\" name=\"name\" required>\n\n <label for=\"age\">Edad:</label>\n <input type=\"number\" id=\"age\" [(ngModel)]=\"age\" name=\"age\" required> -->\n\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Nombres'\"\n [control]=\"codSelfFormStepOne.controls['name']\"\n ></ipt-input>\n <ipt-input\n [inputType]=\"'number'\"\n [placeHolder]=\"'Edad'\"\n [control]=\"codSelfFormStepOne.controls['age']\"\n ></ipt-input>\n <!-- <button type=\"submit\">guardar</button> -->\n </form>\n</div>\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n <!-- <span *ngIf=\"codSelfFormStepOne.invalid && codSelfFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span> -->\n <button type=\"submit\" [disabled]=\"codSelfFormStepOne.valid\" (click)=\"sendForm()\" pButton label=\"Siguiente\" icon=\"pi pi-arrow-right\"></button>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i2.InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal", "disabledSel"], outputs: ["dateSelected"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
|
|
22
30
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepOneComponent, decorators: [{
|
|
23
31
|
type: Component,
|
|
24
|
-
args: [{ selector: 'app-cod-self-form-step-one', template: "<div>\n <h2>Paso 1: Datos Personales</h2>\n <form
|
|
25
|
-
}], propDecorators: { completed: [{
|
|
32
|
+
args: [{ selector: 'app-cod-self-form-step-one', template: "<div>\n <h2>Paso 1: Datos Personales</h2>\n <form [formGroup]=\"codSelfFormStepOne\">\n <!-- <label for=\"name\">Nombre:</label>\n <input type=\"text\" id=\"name\" [(ngModel)]=\"name\" name=\"name\" required>\n\n <label for=\"age\">Edad:</label>\n <input type=\"number\" id=\"age\" [(ngModel)]=\"age\" name=\"age\" required> -->\n\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Nombres'\"\n [control]=\"codSelfFormStepOne.controls['name']\"\n ></ipt-input>\n <ipt-input\n [inputType]=\"'number'\"\n [placeHolder]=\"'Edad'\"\n [control]=\"codSelfFormStepOne.controls['age']\"\n ></ipt-input>\n <!-- <button type=\"submit\">guardar</button> -->\n </form>\n</div>\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n <!-- <span *ngIf=\"codSelfFormStepOne.invalid && codSelfFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span> -->\n <button type=\"submit\" [disabled]=\"codSelfFormStepOne.valid\" (click)=\"sendForm()\" pButton label=\"Siguiente\" icon=\"pi pi-arrow-right\"></button>\n</div>\n" }]
|
|
33
|
+
}], ctorParameters: function () { return [{ type: i1.FormBuilder }]; }, propDecorators: { completed: [{
|
|
26
34
|
type: Output
|
|
27
35
|
}] } });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kLXNlbGYtZm9ybS1zdGVwLW9uZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29kLXNlbGYtbWFuYWdlZC9zdGVwcy9jb2QtZm9ybS1zdGVwLW9uZS9jb2Qtc2VsZi1mb3JtLXN0ZXAtb25lLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb2Qtc2VsZi1tYW5hZ2VkL3N0ZXBzL2NvZC1mb3JtLXN0ZXAtb25lL2NvZC1zZWxmLWZvcm0tc3RlcC1vbmUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3hFLE9BQU8sRUFBZSxVQUFVLEVBQWEsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQVVwRSxNQUFNLE9BQU8sMkJBQTJCO0lBUXRDLFlBQ1UsRUFBZTtRQUFmLE9BQUUsR0FBRixFQUFFLENBQWE7UUFQZixjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQVE5QyxDQUFDO0lBRUosUUFBUTtRQUNOLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNsQixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQztZQUN0QyxJQUFJLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDakMsR0FBRyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1NBQ2pDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGtCQUFrQixDQUFDLGdCQUFnQixFQUFFLENBQUM7UUFDM0MsSUFBSSxJQUFJLENBQUMsa0JBQWtCLENBQUMsT0FBTztZQUFFLE9BQU87UUFFNUMscUJBQXFCO1FBQ3JCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3pCLENBQUM7O3dIQTdCVSwyQkFBMkI7NEdBQTNCLDJCQUEyQix1R0NYeEMsK25DQTJCQTsyRkRoQmEsMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLDRCQUE0QjtrR0FNNUIsU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUJ1aWxkZXIsIFZhbGlkYXRvcnMsIEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuXG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWNvZC1zZWxmLWZvcm0tc3RlcC1vbmUnLFxuICB0ZW1wbGF0ZVVybDogJy4vY29kLXNlbGYtZm9ybS1zdGVwLW9uZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NvZC1zZWxmLWZvcm0tc3RlcC1vbmUuY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBDb2RTZWxmRm9ybVN0ZXBPbmVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBPdXRwdXQoKSBjb21wbGV0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcblxuICAvLyBuYW1lOmFueVxuICAvLyBhZ2U6YW55XG4gIGNvZFNlbGZGb3JtU3RlcE9uZSE6IEZvcm1Hcm91cFxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZmI6IEZvcm1CdWlsZGVyLFxuICApIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5pbml0Rm9ybSgpO1xuICB9XG5cbiAgaW5pdEZvcm0oKSB7XG4gICAgdGhpcy5jb2RTZWxmRm9ybVN0ZXBPbmUgPSB0aGlzLmZiLmdyb3VwKHtcbiAgICAgIG5hbWU6IFsnJywgW1ZhbGlkYXRvcnMucmVxdWlyZWRdXSxcbiAgICAgIGFnZTogWycnLCBbVmFsaWRhdG9ycy5yZXF1aXJlZF1dLFxuICAgIH0pO1xuICB9XG5cbiAgc2VuZEZvcm0oKSB7XG4gICAgdGhpcy5jb2RTZWxmRm9ybVN0ZXBPbmUubWFya0FsbEFzVG91Y2hlZCgpO1xuICAgIGlmICh0aGlzLmNvZFNlbGZGb3JtU3RlcE9uZS5pbnZhbGlkKSByZXR1cm47XG5cbiAgICAvLyBNb3Zlcm5vcyBhbCBwYXNvIDFcbiAgICB0aGlzLmNvbXBsZXRlZC5lbWl0KDEpO1xuICB9XG59XG4iLCI8ZGl2PlxuICA8aDI+UGFzbyAxOiBEYXRvcyBQZXJzb25hbGVzPC9oMj5cbiAgPGZvcm0gW2Zvcm1Hcm91cF09XCJjb2RTZWxmRm9ybVN0ZXBPbmVcIj5cbiAgICA8IS0tIDxsYWJlbCBmb3I9XCJuYW1lXCI+Tm9tYnJlOjwvbGFiZWw+XG4gICAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgaWQ9XCJuYW1lXCIgWyhuZ01vZGVsKV09XCJuYW1lXCIgbmFtZT1cIm5hbWVcIiByZXF1aXJlZD5cblxuICAgIDxsYWJlbCBmb3I9XCJhZ2VcIj5FZGFkOjwvbGFiZWw+XG4gICAgPGlucHV0IHR5cGU9XCJudW1iZXJcIiBpZD1cImFnZVwiIFsobmdNb2RlbCldPVwiYWdlXCIgbmFtZT1cImFnZVwiIHJlcXVpcmVkPiAtLT5cblxuICAgIDxpcHQtaW5wdXRcbiAgICAgIFtpbnB1dFR5cGVdPVwiJ3RleHQnXCJcbiAgICAgIFtwbGFjZUhvbGRlcl09XCInTm9tYnJlcydcIlxuICAgICAgW2NvbnRyb2xdPVwiY29kU2VsZkZvcm1TdGVwT25lLmNvbnRyb2xzWyduYW1lJ11cIlxuICAgID48L2lwdC1pbnB1dD5cbiAgICA8aXB0LWlucHV0XG4gICAgICBbaW5wdXRUeXBlXT1cIidudW1iZXInXCJcbiAgICAgIFtwbGFjZUhvbGRlcl09XCInRWRhZCdcIlxuICAgICAgW2NvbnRyb2xdPVwiY29kU2VsZkZvcm1TdGVwT25lLmNvbnRyb2xzWydhZ2UnXVwiXG4gICAgPjwvaXB0LWlucHV0PlxuICAgIDwhLS0gPGJ1dHRvbiB0eXBlPVwic3VibWl0XCI+Z3VhcmRhcjwvYnV0dG9uPiAtLT5cbiAgPC9mb3JtPlxuPC9kaXY+XG5cbjxkaXYgY2xhc3M9XCJmbGV4IG10LTMgYWxpZ24taXRlbXMtY2VudGVyIGdhcC0zXCI+XG4gIDwhLS0gPHNwYW4gKm5nSWY9XCJjb2RTZWxmRm9ybVN0ZXBPbmUuaW52YWxpZCAmJiBjb2RTZWxmRm9ybVN0ZXBPbmUudG91Y2hlZFwiIGNsYXNzPVwidGV4dC1yZWQtNTAwIGZvbnQtYm9sZCB0ZXh0LWNlbnRlciBtdC0xIHB5LTIgYmctcmVkLTEwMCB3LWZ1bGwgYm9yZGVyLXJvdW5kLXhsXCI+e3sgZXJyb3JNZXNzYWdlIH19PC9zcGFuPiAtLT5cbiAgPGJ1dHRvbiB0eXBlPVwic3VibWl0XCIgW2Rpc2FibGVkXT1cImNvZFNlbGZGb3JtU3RlcE9uZS52YWxpZFwiIChjbGljayk9XCJzZW5kRm9ybSgpXCIgcEJ1dHRvbiBsYWJlbD1cIlNpZ3VpZW50ZVwiIGljb249XCJwaSBwaS1hcnJvdy1yaWdodFwiPjwvYnV0dG9uPlxuPC9kaXY+XG4iXX0=
|
|
@@ -3,9 +3,9 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
export class CodSelfFormStepThreeComponent {
|
|
4
4
|
}
|
|
5
5
|
CodSelfFormStepThreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepThreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
-
CodSelfFormStepThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepThreeComponent, selector: "app-cod-self-form-step-three", ngImport: i0, template: "", styles: [""] });
|
|
6
|
+
CodSelfFormStepThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepThreeComponent, selector: "app-cod-self-form-step-three", ngImport: i0, template: "<span>step 3</span>\n", styles: [""] });
|
|
7
7
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepThreeComponent, decorators: [{
|
|
8
8
|
type: Component,
|
|
9
|
-
args: [{ selector: 'app-cod-self-form-step-three', template: "" }]
|
|
9
|
+
args: [{ selector: 'app-cod-self-form-step-three', template: "<span>step 3</span>\n" }]
|
|
10
10
|
}] });
|
|
11
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kLXNlbGYtZm9ybS1zdGVwLXRocmVlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb2Qtc2VsZi1tYW5hZ2VkL3N0ZXBzL2NvZC1mb3JtLXN0ZXAtdGhyZWUvY29kLXNlbGYtZm9ybS1zdGVwLXRocmVlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb2Qtc2VsZi1tYW5hZ2VkL3N0ZXBzL2NvZC1mb3JtLXN0ZXAtdGhyZWUvY29kLXNlbGYtZm9ybS1zdGVwLXRocmVlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBVTFDLE1BQU0sT0FBTyw2QkFBNkI7OzBIQUE3Qiw2QkFBNkI7OEdBQTdCLDZCQUE2QixvRUNWMUMsdUJBQ0E7MkZEU2EsNkJBQTZCO2tCQUx6QyxTQUFTOytCQUNFLDhCQUE4QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5cblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtY29kLXNlbGYtZm9ybS1zdGVwLXRocmVlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvZC1zZWxmLWZvcm0tc3RlcC10aHJlZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NvZC1zZWxmLWZvcm0tc3RlcC10aHJlZS5jb21wb25lbnQuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIENvZFNlbGZGb3JtU3RlcFRocmVlQ29tcG9uZW50IHtcblxufVxuIiwiPHNwYW4+c3RlcCAzPC9zcGFuPlxuIl19
|
package/esm2020/lib/cod-self-managed/steps/cod-form-step-two/cod-self-form-step-two.component.mjs
CHANGED
|
@@ -3,9 +3,9 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
export class CodSelfFormStepTwoComponent {
|
|
4
4
|
}
|
|
5
5
|
CodSelfFormStepTwoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepTwoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
-
CodSelfFormStepTwoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepTwoComponent, selector: "app-cod-self-form-step-two", ngImport: i0, template: "", styles: [""] });
|
|
6
|
+
CodSelfFormStepTwoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepTwoComponent, selector: "app-cod-self-form-step-two", ngImport: i0, template: "<span>step 2</span>\n", styles: [""] });
|
|
7
7
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepTwoComponent, decorators: [{
|
|
8
8
|
type: Component,
|
|
9
|
-
args: [{ selector: 'app-cod-self-form-step-two', template: "" }]
|
|
9
|
+
args: [{ selector: 'app-cod-self-form-step-two', template: "<span>step 2</span>\n" }]
|
|
10
10
|
}] });
|
|
11
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kLXNlbGYtZm9ybS1zdGVwLXR3by5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29kLXNlbGYtbWFuYWdlZC9zdGVwcy9jb2QtZm9ybS1zdGVwLXR3by9jb2Qtc2VsZi1mb3JtLXN0ZXAtdHdvLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb2Qtc2VsZi1tYW5hZ2VkL3N0ZXBzL2NvZC1mb3JtLXN0ZXAtdHdvL2NvZC1zZWxmLWZvcm0tc3RlcC10d28uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFVMUMsTUFBTSxPQUFPLDJCQUEyQjs7d0hBQTNCLDJCQUEyQjs0R0FBM0IsMkJBQTJCLGtFQ1Z4Qyx1QkFDQTsyRkRTYSwyQkFBMkI7a0JBTHZDLFNBQVM7K0JBQ0UsNEJBQTRCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cblxuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1jb2Qtc2VsZi1mb3JtLXN0ZXAtdHdvJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvZC1zZWxmLWZvcm0tc3RlcC10d28uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb2Qtc2VsZi1mb3JtLXN0ZXAtdHdvLmNvbXBvbmVudC5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQ29kU2VsZkZvcm1TdGVwVHdvQ29tcG9uZW50IHtcblxufVxuIiwiPHNwYW4+c3RlcCAyPC9zcGFuPlxuIl19
|
|
@@ -6106,111 +6106,90 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
6106
6106
|
}] });
|
|
6107
6107
|
|
|
6108
6108
|
class CodSelfFormStepOneComponent {
|
|
6109
|
-
constructor() {
|
|
6109
|
+
constructor(fb) {
|
|
6110
|
+
this.fb = fb;
|
|
6110
6111
|
this.completed = new EventEmitter();
|
|
6111
6112
|
}
|
|
6112
|
-
|
|
6113
|
-
|
|
6114
|
-
|
|
6115
|
-
|
|
6116
|
-
|
|
6117
|
-
|
|
6118
|
-
|
|
6119
|
-
|
|
6120
|
-
|
|
6121
|
-
|
|
6113
|
+
ngOnInit() {
|
|
6114
|
+
this.initForm();
|
|
6115
|
+
}
|
|
6116
|
+
initForm() {
|
|
6117
|
+
this.codSelfFormStepOne = this.fb.group({
|
|
6118
|
+
name: ['', [Validators.required]],
|
|
6119
|
+
age: ['', [Validators.required]],
|
|
6120
|
+
});
|
|
6121
|
+
}
|
|
6122
|
+
sendForm() {
|
|
6123
|
+
this.codSelfFormStepOne.markAllAsTouched();
|
|
6124
|
+
if (this.codSelfFormStepOne.invalid)
|
|
6125
|
+
return;
|
|
6126
|
+
// Movernos al paso 1
|
|
6127
|
+
this.completed.emit(1);
|
|
6122
6128
|
}
|
|
6123
6129
|
}
|
|
6124
|
-
CodSelfFormStepOneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepOneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6125
|
-
CodSelfFormStepOneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepOneComponent, selector: "app-cod-self-form-step-one", outputs: { completed: "completed" }, ngImport: i0, template: "<div>\n <h2>Paso 1: Datos Personales</h2>\n <form
|
|
6130
|
+
CodSelfFormStepOneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepOneComponent, deps: [{ token: i1$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
6131
|
+
CodSelfFormStepOneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepOneComponent, selector: "app-cod-self-form-step-one", outputs: { completed: "completed" }, ngImport: i0, template: "<div>\n <h2>Paso 1: Datos Personales</h2>\n <form [formGroup]=\"codSelfFormStepOne\">\n <!-- <label for=\"name\">Nombre:</label>\n <input type=\"text\" id=\"name\" [(ngModel)]=\"name\" name=\"name\" required>\n\n <label for=\"age\">Edad:</label>\n <input type=\"number\" id=\"age\" [(ngModel)]=\"age\" name=\"age\" required> -->\n\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Nombres'\"\n [control]=\"codSelfFormStepOne.controls['name']\"\n ></ipt-input>\n <ipt-input\n [inputType]=\"'number'\"\n [placeHolder]=\"'Edad'\"\n [control]=\"codSelfFormStepOne.controls['age']\"\n ></ipt-input>\n <!-- <button type=\"submit\">guardar</button> -->\n </form>\n</div>\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n <!-- <span *ngIf=\"codSelfFormStepOne.invalid && codSelfFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span> -->\n <button type=\"submit\" [disabled]=\"codSelfFormStepOne.valid\" (click)=\"sendForm()\" pButton label=\"Siguiente\" icon=\"pi pi-arrow-right\"></button>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal", "disabledSel"], outputs: ["dateSelected"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
|
|
6126
6132
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepOneComponent, decorators: [{
|
|
6127
6133
|
type: Component,
|
|
6128
|
-
args: [{ selector: 'app-cod-self-form-step-one', template: "<div>\n <h2>Paso 1: Datos Personales</h2>\n <form
|
|
6129
|
-
}], propDecorators: { completed: [{
|
|
6134
|
+
args: [{ selector: 'app-cod-self-form-step-one', template: "<div>\n <h2>Paso 1: Datos Personales</h2>\n <form [formGroup]=\"codSelfFormStepOne\">\n <!-- <label for=\"name\">Nombre:</label>\n <input type=\"text\" id=\"name\" [(ngModel)]=\"name\" name=\"name\" required>\n\n <label for=\"age\">Edad:</label>\n <input type=\"number\" id=\"age\" [(ngModel)]=\"age\" name=\"age\" required> -->\n\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Nombres'\"\n [control]=\"codSelfFormStepOne.controls['name']\"\n ></ipt-input>\n <ipt-input\n [inputType]=\"'number'\"\n [placeHolder]=\"'Edad'\"\n [control]=\"codSelfFormStepOne.controls['age']\"\n ></ipt-input>\n <!-- <button type=\"submit\">guardar</button> -->\n </form>\n</div>\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n <!-- <span *ngIf=\"codSelfFormStepOne.invalid && codSelfFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span> -->\n <button type=\"submit\" [disabled]=\"codSelfFormStepOne.valid\" (click)=\"sendForm()\" pButton label=\"Siguiente\" icon=\"pi pi-arrow-right\"></button>\n</div>\n" }]
|
|
6135
|
+
}], ctorParameters: function () { return [{ type: i1$1.FormBuilder }]; }, propDecorators: { completed: [{
|
|
6130
6136
|
type: Output
|
|
6131
6137
|
}] } });
|
|
6132
6138
|
|
|
6133
6139
|
class CodSelfFormStepTwoComponent {
|
|
6134
6140
|
}
|
|
6135
6141
|
CodSelfFormStepTwoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepTwoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6136
|
-
CodSelfFormStepTwoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepTwoComponent, selector: "app-cod-self-form-step-two", ngImport: i0, template: "", styles: [""] });
|
|
6142
|
+
CodSelfFormStepTwoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepTwoComponent, selector: "app-cod-self-form-step-two", ngImport: i0, template: "<span>step 2</span>\n", styles: [""] });
|
|
6137
6143
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepTwoComponent, decorators: [{
|
|
6138
6144
|
type: Component,
|
|
6139
|
-
args: [{ selector: 'app-cod-self-form-step-two', template: "" }]
|
|
6145
|
+
args: [{ selector: 'app-cod-self-form-step-two', template: "<span>step 2</span>\n" }]
|
|
6146
|
+
}] });
|
|
6147
|
+
|
|
6148
|
+
class CodSelfFormStepThreeComponent {
|
|
6149
|
+
}
|
|
6150
|
+
CodSelfFormStepThreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepThreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6151
|
+
CodSelfFormStepThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepThreeComponent, selector: "app-cod-self-form-step-three", ngImport: i0, template: "<span>step 3</span>\n", styles: [""] });
|
|
6152
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepThreeComponent, decorators: [{
|
|
6153
|
+
type: Component,
|
|
6154
|
+
args: [{ selector: 'app-cod-self-form-step-three', template: "<span>step 3</span>\n" }]
|
|
6155
|
+
}] });
|
|
6156
|
+
|
|
6157
|
+
class CodSelfFormStepFourComponent {
|
|
6158
|
+
}
|
|
6159
|
+
CodSelfFormStepFourComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepFourComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6160
|
+
CodSelfFormStepFourComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepFourComponent, selector: "app-cod-self-form-step-four", ngImport: i0, template: "<span>step 4</span>\n", styles: [""] });
|
|
6161
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepFourComponent, decorators: [{
|
|
6162
|
+
type: Component,
|
|
6163
|
+
args: [{ selector: 'app-cod-self-form-step-four', template: "<span>step 4</span>\n" }]
|
|
6140
6164
|
}] });
|
|
6141
6165
|
|
|
6142
6166
|
class CodSelfManagedComponent {
|
|
6143
6167
|
constructor() {
|
|
6144
|
-
this.items = [];
|
|
6145
6168
|
this.currentStep = 0;
|
|
6169
|
+
this.items = [];
|
|
6146
6170
|
this.stepCompleted = [false, false, false, false];
|
|
6147
6171
|
}
|
|
6148
6172
|
ngOnInit() {
|
|
6149
6173
|
this.items = [
|
|
6150
|
-
{
|
|
6151
|
-
|
|
6152
|
-
|
|
6153
|
-
}
|
|
6154
|
-
{
|
|
6155
|
-
label: 'Planes',
|
|
6156
|
-
id: '2',
|
|
6157
|
-
},
|
|
6158
|
-
{
|
|
6159
|
-
label: 'Payment',
|
|
6160
|
-
id: '3',
|
|
6161
|
-
},
|
|
6162
|
-
{
|
|
6163
|
-
label: 'Confirmation',
|
|
6164
|
-
id: '4',
|
|
6165
|
-
}
|
|
6174
|
+
{ label: 'Personal', id: '1' },
|
|
6175
|
+
{ label: 'Planes', id: '2' },
|
|
6176
|
+
{ label: 'Payment', id: '3' },
|
|
6177
|
+
{ label: 'Confirmation', id: '4' }
|
|
6166
6178
|
];
|
|
6167
6179
|
}
|
|
6168
|
-
onNext() {
|
|
6169
|
-
if (this.stepCompleted[this.currentStep]) {
|
|
6170
|
-
this.currentStep++;
|
|
6171
|
-
}
|
|
6172
|
-
else {
|
|
6173
|
-
// Aquí puedes mostrar algún mensaje de error o realizar alguna acción cuando el paso no está completado
|
|
6174
|
-
console.log('Completa el paso actual antes de avanzar.');
|
|
6175
|
-
}
|
|
6176
|
-
}
|
|
6177
|
-
onPrevious() {
|
|
6178
|
-
if (this.currentStep > 0) {
|
|
6179
|
-
this.currentStep--;
|
|
6180
|
-
}
|
|
6181
|
-
}
|
|
6182
6180
|
onChangeStep(step) {
|
|
6183
|
-
console.log(step.index);
|
|
6184
6181
|
console.log(step);
|
|
6185
6182
|
this.currentStep = step;
|
|
6186
6183
|
}
|
|
6187
|
-
|
|
6188
|
-
this.
|
|
6184
|
+
changeStep(step) {
|
|
6185
|
+
this.currentStep = step;
|
|
6189
6186
|
}
|
|
6190
6187
|
}
|
|
6191
6188
|
CodSelfManagedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6192
|
-
CodSelfManagedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfManagedComponent, selector: "ipt-cod-self-managed", ngImport: i0, template: "<h3>Cod Autogestionado</h3>\n\n
|
|
6189
|
+
CodSelfManagedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfManagedComponent, selector: "ipt-cod-self-managed", ngImport: i0, template: "<h3>Cod Autogestionado</h3>\n\n<p-steps [model]=\"items\" [(activeIndex)]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\" ></p-steps>\n\n<div *ngIf=\"currentStep === 0\">\n <app-cod-self-form-step-one (completed)=\"changeStep($event)\"></app-cod-self-form-step-one>\n</div>\n\n<div *ngIf=\"currentStep === 1\">\n <app-cod-self-form-step-two (completed)=\"changeStep($event)\"></app-cod-self-form-step-two>\n</div>\n\n<div *ngIf=\"currentStep === 2\">\n <app-cod-self-form-step-three (completed)=\"changeStep($event)\"></app-cod-self-form-step-three>\n</div>\n\n<div *ngIf=\"currentStep === 3\">\n <app-cod-self-form-step-four (completed)=\"changeStep($event)\"></app-cod-self-form-step-four>\n</div>\n\n\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.Steps, selector: "p-steps", inputs: ["activeIndex", "model", "readonly", "style", "styleClass"], outputs: ["activeIndexChange"] }, { kind: "component", type: CodSelfFormStepOneComponent, selector: "app-cod-self-form-step-one", outputs: ["completed"] }, { kind: "component", type: CodSelfFormStepTwoComponent, selector: "app-cod-self-form-step-two" }, { kind: "component", type: CodSelfFormStepThreeComponent, selector: "app-cod-self-form-step-three" }, { kind: "component", type: CodSelfFormStepFourComponent, selector: "app-cod-self-form-step-four" }] });
|
|
6193
6190
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedComponent, decorators: [{
|
|
6194
6191
|
type: Component,
|
|
6195
|
-
args: [{ selector: 'ipt-cod-self-managed', template: "<h3>Cod Autogestionado</h3>\n\n
|
|
6196
|
-
}] });
|
|
6197
|
-
|
|
6198
|
-
class CodSelfFormStepThreeComponent {
|
|
6199
|
-
}
|
|
6200
|
-
CodSelfFormStepThreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepThreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6201
|
-
CodSelfFormStepThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepThreeComponent, selector: "app-cod-self-form-step-three", ngImport: i0, template: "", styles: [""] });
|
|
6202
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepThreeComponent, decorators: [{
|
|
6203
|
-
type: Component,
|
|
6204
|
-
args: [{ selector: 'app-cod-self-form-step-three', template: "" }]
|
|
6205
|
-
}] });
|
|
6206
|
-
|
|
6207
|
-
class CodSelfFormStepFourComponent {
|
|
6208
|
-
}
|
|
6209
|
-
CodSelfFormStepFourComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepFourComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6210
|
-
CodSelfFormStepFourComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepFourComponent, selector: "app-cod-self-form-step-four", ngImport: i0, template: "", styles: [""] });
|
|
6211
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepFourComponent, decorators: [{
|
|
6212
|
-
type: Component,
|
|
6213
|
-
args: [{ selector: 'app-cod-self-form-step-four', template: "" }]
|
|
6192
|
+
args: [{ selector: 'ipt-cod-self-managed', template: "<h3>Cod Autogestionado</h3>\n\n<p-steps [model]=\"items\" [(activeIndex)]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\" ></p-steps>\n\n<div *ngIf=\"currentStep === 0\">\n <app-cod-self-form-step-one (completed)=\"changeStep($event)\"></app-cod-self-form-step-one>\n</div>\n\n<div *ngIf=\"currentStep === 1\">\n <app-cod-self-form-step-two (completed)=\"changeStep($event)\"></app-cod-self-form-step-two>\n</div>\n\n<div *ngIf=\"currentStep === 2\">\n <app-cod-self-form-step-three (completed)=\"changeStep($event)\"></app-cod-self-form-step-three>\n</div>\n\n<div *ngIf=\"currentStep === 3\">\n <app-cod-self-form-step-four (completed)=\"changeStep($event)\"></app-cod-self-form-step-four>\n</div>\n\n\n" }]
|
|
6214
6193
|
}] });
|
|
6215
6194
|
|
|
6216
6195
|
class codSelfManagedModule {
|