iptdevs-design-system 3.1.384 → 3.1.386
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 +9 -19
- package/esm2020/lib/cod-self-managed/steps/cod-form-step-one/cod-self-form-step-one.component.mjs +4 -4
- package/fesm2015/iptdevs-design-system.mjs +24 -37
- package/fesm2015/iptdevs-design-system.mjs.map +1 -1
- package/fesm2020/iptdevs-design-system.mjs +24 -37
- package/fesm2020/iptdevs-design-system.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import { Component } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "
|
|
4
|
-
import * as i2 from "
|
|
5
|
-
import * as i3 from "../steps/cod-form-step-
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "primeng/steps";
|
|
5
|
+
import * as i3 from "../steps/cod-form-step-one/cod-self-form-step-one.component";
|
|
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";
|
|
6
9
|
export class CodSelfManagedComponent {
|
|
7
10
|
constructor() {
|
|
8
11
|
this.currentStep = 0;
|
|
@@ -17,19 +20,6 @@ export class CodSelfManagedComponent {
|
|
|
17
20
|
{ label: 'Confirmation', id: '4' }
|
|
18
21
|
];
|
|
19
22
|
}
|
|
20
|
-
// onNext() {
|
|
21
|
-
// if (this.stepCompleted[this.currentStep]) {
|
|
22
|
-
// this.currentStep++;
|
|
23
|
-
// } else {
|
|
24
|
-
// // Aquí puedes mostrar algún mensaje de error o realizar alguna acción cuando el paso no está completado
|
|
25
|
-
// console.log('Completa el paso actual antes de avanzar.');
|
|
26
|
-
// }
|
|
27
|
-
// }
|
|
28
|
-
// onPrevious() {
|
|
29
|
-
// if (this.currentStep > 0) {
|
|
30
|
-
// this.currentStep--;
|
|
31
|
-
// }
|
|
32
|
-
// }
|
|
33
23
|
onChangeStep(step) {
|
|
34
24
|
console.log(step);
|
|
35
25
|
this.currentStep = step;
|
|
@@ -39,9 +29,9 @@ export class CodSelfManagedComponent {
|
|
|
39
29
|
}
|
|
40
30
|
}
|
|
41
31
|
CodSelfManagedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
42
|
-
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
|
|
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" }] });
|
|
43
33
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedComponent, decorators: [{
|
|
44
34
|
type: Component,
|
|
45
|
-
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
|
|
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" }]
|
|
46
36
|
}] });
|
|
47
|
-
//# 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-one/cod-self-form-step-one.component.mjs
CHANGED
|
@@ -21,16 +21,16 @@ export class CodSelfFormStepOneComponent {
|
|
|
21
21
|
this.codSelfFormStepOne.markAllAsTouched();
|
|
22
22
|
if (this.codSelfFormStepOne.invalid)
|
|
23
23
|
return;
|
|
24
|
-
// Movernos al paso
|
|
24
|
+
// Movernos al paso 1
|
|
25
25
|
this.completed.emit(1);
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
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
|
|
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\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 </form>\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\n pButton\n label=\"Siguiente\"\n icon=\"pi pi-arrow-right\"\n type=\"submit\"\n (click)=\"sendForm()\"\n ></button>\n </div>\n</div>\n\n\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"] }] });
|
|
30
30
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepOneComponent, decorators: [{
|
|
31
31
|
type: Component,
|
|
32
|
-
args: [{ selector: 'app-cod-self-form-step-one', template: "<div>\n <h2>Paso 1: Datos Personales</h2>\n <form [formGroup]=\"codSelfFormStepOne\">\n
|
|
32
|
+
args: [{ selector: 'app-cod-self-form-step-one', template: "<div>\n <h2>Paso 1: Datos Personales</h2>\n <form [formGroup]=\"codSelfFormStepOne\">\n\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 </form>\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\n pButton\n label=\"Siguiente\"\n icon=\"pi pi-arrow-right\"\n type=\"submit\"\n (click)=\"sendForm()\"\n ></button>\n </div>\n</div>\n\n\n" }]
|
|
33
33
|
}], ctorParameters: function () { return [{ type: i1.FormBuilder }]; }, propDecorators: { completed: [{
|
|
34
34
|
type: Output
|
|
35
35
|
}] } });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kLXNlbGYtZm9ybS1zdGVwLW9uZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29kLXNlbGYtbWFuYWdlZC9zdGVwcy9jb2QtZm9ybS1zdGVwLW9uZS9jb2Qtc2VsZi1mb3JtLXN0ZXAtb25lLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb2Qtc2VsZi1tYW5hZ2VkL3N0ZXBzL2NvZC1mb3JtLXN0ZXAtb25lL2NvZC1zZWxmLWZvcm0tc3RlcC1vbmUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3hFLE9BQU8sRUFBZSxVQUFVLEVBQWEsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQVVwRSxNQUFNLE9BQU8sMkJBQTJCO0lBUXRDLFlBQ1UsRUFBZTtRQUFmLE9BQUUsR0FBRixFQUFFLENBQWE7UUFQZixjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQVE5QyxDQUFDO0lBRUosUUFBUTtRQUNOLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNsQixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQztZQUN0QyxJQUFJLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDakMsR0FBRyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1NBQ2pDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGtCQUFrQixDQUFDLGdCQUFnQixFQUFFLENBQUM7UUFDM0MsSUFBSSxJQUFJLENBQUMsa0JBQWtCLENBQUMsT0FBTztZQUFFLE9BQU87UUFFNUMscUJBQXFCO1FBQ3JCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3pCLENBQUM7O3dIQTdCVSwyQkFBMkI7NEdBQTNCLDJCQUEyQix1R0NYeEMsNDBCQTZCQTsyRkRsQmEsMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLDRCQUE0QjtrR0FNNUIsU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUJ1aWxkZXIsIFZhbGlkYXRvcnMsIEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuXG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWNvZC1zZWxmLWZvcm0tc3RlcC1vbmUnLFxuICB0ZW1wbGF0ZVVybDogJy4vY29kLXNlbGYtZm9ybS1zdGVwLW9uZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NvZC1zZWxmLWZvcm0tc3RlcC1vbmUuY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBDb2RTZWxmRm9ybVN0ZXBPbmVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBPdXRwdXQoKSBjb21wbGV0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcblxuICAvLyBuYW1lOmFueVxuICAvLyBhZ2U6YW55XG4gIGNvZFNlbGZGb3JtU3RlcE9uZSE6IEZvcm1Hcm91cFxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZmI6IEZvcm1CdWlsZGVyLFxuICApIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5pbml0Rm9ybSgpO1xuICB9XG5cbiAgaW5pdEZvcm0oKSB7XG4gICAgdGhpcy5jb2RTZWxmRm9ybVN0ZXBPbmUgPSB0aGlzLmZiLmdyb3VwKHtcbiAgICAgIG5hbWU6IFsnJywgW1ZhbGlkYXRvcnMucmVxdWlyZWRdXSxcbiAgICAgIGFnZTogWycnLCBbVmFsaWRhdG9ycy5yZXF1aXJlZF1dLFxuICAgIH0pO1xuICB9XG5cbiAgc2VuZEZvcm0oKSB7XG4gICAgdGhpcy5jb2RTZWxmRm9ybVN0ZXBPbmUubWFya0FsbEFzVG91Y2hlZCgpO1xuICAgIGlmICh0aGlzLmNvZFNlbGZGb3JtU3RlcE9uZS5pbnZhbGlkKSByZXR1cm47XG5cbiAgICAvLyBNb3Zlcm5vcyBhbCBwYXNvIDFcbiAgICB0aGlzLmNvbXBsZXRlZC5lbWl0KDEpO1xuICB9XG59XG4iLCI8ZGl2PlxuICA8aDI+UGFzbyAxOiBEYXRvcyBQZXJzb25hbGVzPC9oMj5cbiAgPGZvcm0gW2Zvcm1Hcm91cF09XCJjb2RTZWxmRm9ybVN0ZXBPbmVcIj5cblxuXG4gICAgPGlwdC1pbnB1dFxuICAgICAgW2lucHV0VHlwZV09XCIndGV4dCdcIlxuICAgICAgW3BsYWNlSG9sZGVyXT1cIidOb21icmVzJ1wiXG4gICAgICBbY29udHJvbF09XCJjb2RTZWxmRm9ybVN0ZXBPbmUuY29udHJvbHNbJ25hbWUnXVwiXG4gICAgPjwvaXB0LWlucHV0PlxuICAgIDxpcHQtaW5wdXRcbiAgICAgIFtpbnB1dFR5cGVdPVwiJ251bWJlcidcIlxuICAgICAgW3BsYWNlSG9sZGVyXT1cIidFZGFkJ1wiXG4gICAgICBbY29udHJvbF09XCJjb2RTZWxmRm9ybVN0ZXBPbmUuY29udHJvbHNbJ2FnZSddXCJcbiAgICA+PC9pcHQtaW5wdXQ+XG4gIDwvZm9ybT5cbiAgPGRpdiBjbGFzcz1cImZsZXggbXQtMyBhbGlnbi1pdGVtcy1jZW50ZXIgZ2FwLTNcIj5cbiAgICA8IS0tIDxzcGFuICpuZ0lmPVwiY29kU2VsZkZvcm1TdGVwT25lLmludmFsaWQgJiYgY29kU2VsZkZvcm1TdGVwT25lLnRvdWNoZWRcIiBjbGFzcz1cInRleHQtcmVkLTUwMCBmb250LWJvbGQgdGV4dC1jZW50ZXIgbXQtMSBweS0yIGJnLXJlZC0xMDAgdy1mdWxsIGJvcmRlci1yb3VuZC14bFwiPnt7IGVycm9yTWVzc2FnZSB9fTwvc3Bhbj4gLS0+XG4gICAgPGJ1dHRvblxuICAgIHBCdXR0b25cbiAgICBsYWJlbD1cIlNpZ3VpZW50ZVwiXG4gICAgaWNvbj1cInBpIHBpLWFycm93LXJpZ2h0XCJcbiAgICB0eXBlPVwic3VibWl0XCJcbiAgICAoY2xpY2spPVwic2VuZEZvcm0oKVwiXG4gICAgPjwvYnV0dG9uPlxuICA8L2Rpdj5cbjwvZGl2PlxuXG5cbiJdfQ==
|
|
@@ -34,7 +34,7 @@ import { InputTextareaModule } from 'primeng/inputtextarea';
|
|
|
34
34
|
import * as i8 from 'primeng/inputtext';
|
|
35
35
|
import { InputTextModule } from 'primeng/inputtext';
|
|
36
36
|
import * as i1$3 from '@angular/router';
|
|
37
|
-
import * as
|
|
37
|
+
import * as i2 from 'primeng/steps';
|
|
38
38
|
import { StepsModule } from 'primeng/steps';
|
|
39
39
|
|
|
40
40
|
class AsideButtonComponent {
|
|
@@ -6123,15 +6123,15 @@ class CodSelfFormStepOneComponent {
|
|
|
6123
6123
|
this.codSelfFormStepOne.markAllAsTouched();
|
|
6124
6124
|
if (this.codSelfFormStepOne.invalid)
|
|
6125
6125
|
return;
|
|
6126
|
-
// Movernos al paso
|
|
6126
|
+
// Movernos al paso 1
|
|
6127
6127
|
this.completed.emit(1);
|
|
6128
6128
|
}
|
|
6129
6129
|
}
|
|
6130
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
|
|
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\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 </form>\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\n pButton\n label=\"Siguiente\"\n icon=\"pi pi-arrow-right\"\n type=\"submit\"\n (click)=\"sendForm()\"\n ></button>\n </div>\n</div>\n\n\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"] }] });
|
|
6132
6132
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepOneComponent, decorators: [{
|
|
6133
6133
|
type: Component,
|
|
6134
|
-
args: [{ selector: 'app-cod-self-form-step-one', template: "<div>\n <h2>Paso 1: Datos Personales</h2>\n <form [formGroup]=\"codSelfFormStepOne\">\n
|
|
6134
|
+
args: [{ selector: 'app-cod-self-form-step-one', template: "<div>\n <h2>Paso 1: Datos Personales</h2>\n <form [formGroup]=\"codSelfFormStepOne\">\n\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 </form>\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\n pButton\n label=\"Siguiente\"\n icon=\"pi pi-arrow-right\"\n type=\"submit\"\n (click)=\"sendForm()\"\n ></button>\n </div>\n</div>\n\n\n" }]
|
|
6135
6135
|
}], ctorParameters: function () { return [{ type: i1$1.FormBuilder }]; }, propDecorators: { completed: [{
|
|
6136
6136
|
type: Output
|
|
6137
6137
|
}] } });
|
|
@@ -6145,6 +6145,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
6145
6145
|
args: [{ selector: 'app-cod-self-form-step-two', template: "<span>step 2</span>\n" }]
|
|
6146
6146
|
}] });
|
|
6147
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" }]
|
|
6164
|
+
}] });
|
|
6165
|
+
|
|
6148
6166
|
class CodSelfManagedComponent {
|
|
6149
6167
|
constructor() {
|
|
6150
6168
|
this.currentStep = 0;
|
|
@@ -6159,19 +6177,6 @@ class CodSelfManagedComponent {
|
|
|
6159
6177
|
{ label: 'Confirmation', id: '4' }
|
|
6160
6178
|
];
|
|
6161
6179
|
}
|
|
6162
|
-
// onNext() {
|
|
6163
|
-
// if (this.stepCompleted[this.currentStep]) {
|
|
6164
|
-
// this.currentStep++;
|
|
6165
|
-
// } else {
|
|
6166
|
-
// // Aquí puedes mostrar algún mensaje de error o realizar alguna acción cuando el paso no está completado
|
|
6167
|
-
// console.log('Completa el paso actual antes de avanzar.');
|
|
6168
|
-
// }
|
|
6169
|
-
// }
|
|
6170
|
-
// onPrevious() {
|
|
6171
|
-
// if (this.currentStep > 0) {
|
|
6172
|
-
// this.currentStep--;
|
|
6173
|
-
// }
|
|
6174
|
-
// }
|
|
6175
6180
|
onChangeStep(step) {
|
|
6176
6181
|
console.log(step);
|
|
6177
6182
|
this.currentStep = step;
|
|
@@ -6181,28 +6186,10 @@ class CodSelfManagedComponent {
|
|
|
6181
6186
|
}
|
|
6182
6187
|
}
|
|
6183
6188
|
CodSelfManagedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6184
|
-
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
|
|
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" }] });
|
|
6185
6190
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedComponent, decorators: [{
|
|
6186
6191
|
type: Component,
|
|
6187
|
-
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
|
|
6188
|
-
}] });
|
|
6189
|
-
|
|
6190
|
-
class CodSelfFormStepThreeComponent {
|
|
6191
|
-
}
|
|
6192
|
-
CodSelfFormStepThreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepThreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6193
|
-
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: [""] });
|
|
6194
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepThreeComponent, decorators: [{
|
|
6195
|
-
type: Component,
|
|
6196
|
-
args: [{ selector: 'app-cod-self-form-step-three', template: "<span>step 3</span>\n" }]
|
|
6197
|
-
}] });
|
|
6198
|
-
|
|
6199
|
-
class CodSelfFormStepFourComponent {
|
|
6200
|
-
}
|
|
6201
|
-
CodSelfFormStepFourComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepFourComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6202
|
-
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: [""] });
|
|
6203
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepFourComponent, decorators: [{
|
|
6204
|
-
type: Component,
|
|
6205
|
-
args: [{ selector: 'app-cod-self-form-step-four', template: "<span>step 4</span>\n" }]
|
|
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" }]
|
|
6206
6193
|
}] });
|
|
6207
6194
|
|
|
6208
6195
|
class codSelfManagedModule {
|