iptdevs-design-system 3.1.382 → 3.1.384
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 +31 -15
- package/esm2020/lib/cod-self-managed/cod-self-managed.module.mjs +7 -4
- 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 +31 -6
- 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 +77 -38
- package/fesm2015/iptdevs-design-system.mjs.map +1 -1
- package/fesm2020/iptdevs-design-system.mjs +77 -38
- package/fesm2020/iptdevs-design-system.mjs.map +1 -1
- package/lib/cod-self-managed/cod-form-self-managed/cod-self-managed.component.d.ts +4 -0
- package/lib/cod-self-managed/cod-self-managed.module.d.ts +1 -1
- package/lib/cod-self-managed/steps/cod-form-step-one/cod-self-form-step-one.component.d.ts +11 -2
- package/package.json +1 -1
|
@@ -1,31 +1,47 @@
|
|
|
1
1
|
import { Component } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "primeng/steps";
|
|
4
|
+
import * as i2 from "../steps/cod-form-step-one/cod-self-form-step-one.component";
|
|
5
|
+
import * as i3 from "../steps/cod-form-step-two/cod-self-form-step-two.component";
|
|
4
6
|
export class CodSelfManagedComponent {
|
|
5
7
|
constructor() {
|
|
8
|
+
this.currentStep = 0;
|
|
6
9
|
this.items = [];
|
|
10
|
+
this.stepCompleted = [false, false, false, false];
|
|
7
11
|
}
|
|
8
12
|
ngOnInit() {
|
|
9
13
|
this.items = [
|
|
10
|
-
{
|
|
11
|
-
|
|
12
|
-
},
|
|
13
|
-
{
|
|
14
|
-
label: 'Planes',
|
|
15
|
-
},
|
|
16
|
-
{
|
|
17
|
-
label: 'Payment',
|
|
18
|
-
},
|
|
19
|
-
{
|
|
20
|
-
label: 'Confirmation',
|
|
21
|
-
}
|
|
14
|
+
{ label: 'Personal', id: '1' },
|
|
15
|
+
{ label: 'Planes', id: '2' },
|
|
16
|
+
{ label: 'Payment', id: '3' },
|
|
17
|
+
{ label: 'Confirmation', id: '4' }
|
|
22
18
|
];
|
|
23
19
|
}
|
|
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
|
+
onChangeStep(step) {
|
|
34
|
+
console.log(step);
|
|
35
|
+
this.currentStep = step;
|
|
36
|
+
}
|
|
37
|
+
changeStep(step) {
|
|
38
|
+
this.currentStep = step;
|
|
39
|
+
}
|
|
24
40
|
}
|
|
25
41
|
CodSelfManagedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
-
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\"></p-steps>\n\n\n\n<!-- <ipt-loader *ngIf=\"isLoading\" [isDialog]=\"false\"></ipt-loader> -->\n", dependencies: [{ kind: "component", type: i1.Steps, selector: "p-steps", inputs: ["activeIndex", "model", "readonly", "style", "styleClass"], outputs: ["activeIndexChange"] }] });
|
|
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<!-- <div *ngIf=\"currentStep === 0\"> -->\n <!-- Contenido del paso 1 -->\n <!-- Ejemplo: -->\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 <!-- Contenido del paso 2 -->\n <!-- Ejemplo: -->\n <app-cod-self-form-step-two (completed)=\"changeStep($event)\"></app-cod-self-form-step-two>\n<!-- </div> -->\n\n<!-- <div>\n <ipt-button (click)=\"onPrevious()\" [isEnabled]=\"currentStep === 0\">Anterior</ipt-button>\n <ipt-button (click)=\"onNext()\" [isEnabled]=\"currentStep === items.length - 1\">Siguiente</ipt-button>\n</div> -->\n\n<!-- <ipt-loader *ngIf=\"isLoading\" [isDialog]=\"false\"></ipt-loader> -->\n", dependencies: [{ kind: "component", type: i1.Steps, selector: "p-steps", inputs: ["activeIndex", "model", "readonly", "style", "styleClass"], outputs: ["activeIndexChange"] }, { kind: "component", type: i2.CodSelfFormStepOneComponent, selector: "app-cod-self-form-step-one", outputs: ["completed"] }, { kind: "component", type: i3.CodSelfFormStepTwoComponent, selector: "app-cod-self-form-step-two" }] });
|
|
27
43
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedComponent, decorators: [{
|
|
28
44
|
type: Component,
|
|
29
|
-
args: [{ selector: 'ipt-cod-self-managed', template: "<h3>Cod Autogestionado</h3>\n\n<p-steps [model]=\"items\"></p-steps>\n\n\n\n<!-- <ipt-loader *ngIf=\"isLoading\" [isDialog]=\"false\"></ipt-loader> -->\n" }]
|
|
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<!-- <div *ngIf=\"currentStep === 0\"> -->\n <!-- Contenido del paso 1 -->\n <!-- Ejemplo: -->\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 <!-- Contenido del paso 2 -->\n <!-- Ejemplo: -->\n <app-cod-self-form-step-two (completed)=\"changeStep($event)\"></app-cod-self-form-step-two>\n<!-- </div> -->\n\n<!-- <div>\n <ipt-button (click)=\"onPrevious()\" [isEnabled]=\"currentStep === 0\">Anterior</ipt-button>\n <ipt-button (click)=\"onNext()\" [isEnabled]=\"currentStep === items.length - 1\">Siguiente</ipt-button>\n</div> -->\n\n<!-- <ipt-loader *ngIf=\"isLoading\" [isDialog]=\"false\"></ipt-loader> -->\n" }]
|
|
30
46
|
}] });
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
47
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kLXNlbGYtbWFuYWdlZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29kLXNlbGYtbWFuYWdlZC9jb2QtZm9ybS1zZWxmLW1hbmFnZWQvY29kLXNlbGYtbWFuYWdlZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29kLXNlbGYtbWFuYWdlZC9jb2QtZm9ybS1zZWxmLW1hbmFnZWQvY29kLXNlbGYtbWFuYWdlZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFXLE1BQU0sZUFBZSxDQUFDOzs7OztBQVNuRCxNQUFNLE9BQU8sdUJBQXVCO0lBTHBDO1FBT1MsZ0JBQVcsR0FBVyxDQUFDLENBQUM7UUFDL0IsVUFBSyxHQUFhLEVBQUUsQ0FBQztRQUNyQixrQkFBYSxHQUFjLENBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUM7S0FtQ3pEO0lBakNDLFFBQVE7UUFDTixJQUFJLENBQUMsS0FBSyxHQUFHO1lBQ1gsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUM7WUFDN0IsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUM7WUFDM0IsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUM7WUFDNUIsRUFBRSxLQUFLLEVBQUUsY0FBYyxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUM7U0FDbEMsQ0FBQztJQUNKLENBQUM7SUFFRCxhQUFhO0lBQ2IsZ0RBQWdEO0lBQ2hELDBCQUEwQjtJQUMxQixhQUFhO0lBQ2IsK0dBQStHO0lBQy9HLGdFQUFnRTtJQUNoRSxNQUFNO0lBQ04sSUFBSTtJQUVKLGlCQUFpQjtJQUNqQixnQ0FBZ0M7SUFDaEMsMEJBQTBCO0lBQzFCLE1BQU07SUFDTixJQUFJO0lBRUosWUFBWSxDQUFDLElBQVM7UUFDcEIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNsQixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQztJQUMxQixDQUFDO0lBR0QsVUFBVSxDQUFDLElBQVM7UUFDbEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7SUFDMUIsQ0FBQzs7b0hBdENVLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLDREQ1RwQyxxM0JBc0JBOzJGRGJhLHVCQUF1QjtrQkFMbkMsU0FBUzsrQkFDRSxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsICBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1lbnVJdGVtIH0gZnJvbSAncHJpbWVuZy9hcGknO1xuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2lwdC1jb2Qtc2VsZi1tYW5hZ2VkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvZC1zZWxmLW1hbmFnZWQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFtdXG59KVxuZXhwb3J0IGNsYXNzIENvZFNlbGZNYW5hZ2VkQ29tcG9uZW50IGltcGxlbWVudHMgIE9uSW5pdCB7XG5cbiAgcHVibGljIGN1cnJlbnRTdGVwOiBudW1iZXIgPSAwO1xuICBpdGVtczogTWVudUl0ZW1bXT1bXTtcbiAgc3RlcENvbXBsZXRlZDogYm9vbGVhbltdID0gW2ZhbHNlLCBmYWxzZSwgZmFsc2UsIGZhbHNlXTtcblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLml0ZW1zID0gW1xuICAgICAgeyBsYWJlbDogJ1BlcnNvbmFsJywgaWQ6ICcxJ30sXG4gICAgICB7IGxhYmVsOiAnUGxhbmVzJywgaWQ6ICcyJ30sXG4gICAgICB7IGxhYmVsOiAnUGF5bWVudCcsIGlkOiAnMyd9LFxuICAgICAgeyBsYWJlbDogJ0NvbmZpcm1hdGlvbicsIGlkOiAnNCd9XG4gICAgXTtcbiAgfVxuXG4gIC8vIG9uTmV4dCgpIHtcbiAgLy8gICBpZiAodGhpcy5zdGVwQ29tcGxldGVkW3RoaXMuY3VycmVudFN0ZXBdKSB7XG4gIC8vICAgICB0aGlzLmN1cnJlbnRTdGVwKys7XG4gIC8vICAgfSBlbHNlIHtcbiAgLy8gICAgIC8vIEFxdcOtIHB1ZWRlcyBtb3N0cmFyIGFsZ8O6biBtZW5zYWplIGRlIGVycm9yIG8gcmVhbGl6YXIgYWxndW5hIGFjY2nDs24gY3VhbmRvIGVsIHBhc28gbm8gZXN0w6EgY29tcGxldGFkb1xuICAvLyAgICAgY29uc29sZS5sb2coJ0NvbXBsZXRhIGVsIHBhc28gYWN0dWFsIGFudGVzIGRlIGF2YW56YXIuJyk7XG4gIC8vICAgfVxuICAvLyB9XG5cbiAgLy8gb25QcmV2aW91cygpIHtcbiAgLy8gICBpZiAodGhpcy5jdXJyZW50U3RlcCA+IDApIHtcbiAgLy8gICAgIHRoaXMuY3VycmVudFN0ZXAtLTtcbiAgLy8gICB9XG4gIC8vIH1cblxuICBvbkNoYW5nZVN0ZXAoc3RlcDogYW55KSB7XG4gICAgY29uc29sZS5sb2coc3RlcCk7XG4gICAgdGhpcy5jdXJyZW50U3RlcCA9IHN0ZXA7XG4gIH1cblxuXG4gIGNoYW5nZVN0ZXAoc3RlcDogYW55KSB7XG4gICAgdGhpcy5jdXJyZW50U3RlcCA9IHN0ZXA7XG4gIH1cbn1cbiIsIjxoMz5Db2QgQXV0b2dlc3Rpb25hZG88L2gzPlxuXG48cC1zdGVwcyBbbW9kZWxdPVwiaXRlbXNcIiBbKGFjdGl2ZUluZGV4KV09XCJjdXJyZW50U3RlcFwiIChhY3RpdmVJbmRleENoYW5nZSk9XCJjdXJyZW50U3RlcCA9ICRldmVudFwiID48L3Atc3RlcHM+XG5cbjwhLS0gPGRpdiAqbmdJZj1cImN1cnJlbnRTdGVwID09PSAwXCI+IC0tPlxuICA8IS0tIENvbnRlbmlkbyBkZWwgcGFzbyAxIC0tPlxuICA8IS0tIEVqZW1wbG86IC0tPlxuICA8YXBwLWNvZC1zZWxmLWZvcm0tc3RlcC1vbmUgKGNvbXBsZXRlZCk9XCJjaGFuZ2VTdGVwKCRldmVudClcIj48L2FwcC1jb2Qtc2VsZi1mb3JtLXN0ZXAtb25lPlxuPCEtLSA8L2Rpdj4gLS0+XG5cbjwhLS0gPGRpdiAqbmdJZj1cImN1cnJlbnRTdGVwID09PSAxXCI+IC0tPlxuICA8IS0tIENvbnRlbmlkbyBkZWwgcGFzbyAyIC0tPlxuICA8IS0tIEVqZW1wbG86IC0tPlxuICA8YXBwLWNvZC1zZWxmLWZvcm0tc3RlcC10d28gKGNvbXBsZXRlZCk9XCJjaGFuZ2VTdGVwKCRldmVudClcIj48L2FwcC1jb2Qtc2VsZi1mb3JtLXN0ZXAtdHdvPlxuPCEtLSA8L2Rpdj4gLS0+XG5cbjwhLS0gPGRpdj5cbiAgPGlwdC1idXR0b24gKGNsaWNrKT1cIm9uUHJldmlvdXMoKVwiIFtpc0VuYWJsZWRdPVwiY3VycmVudFN0ZXAgPT09IDBcIj5BbnRlcmlvcjwvaXB0LWJ1dHRvbj5cbiAgPGlwdC1idXR0b24gKGNsaWNrKT1cIm9uTmV4dCgpXCIgW2lzRW5hYmxlZF09XCJjdXJyZW50U3RlcCA9PT0gaXRlbXMubGVuZ3RoIC0gMVwiPlNpZ3VpZW50ZTwvaXB0LWJ1dHRvbj5cbjwvZGl2PiAtLT5cblxuPCEtLSA8aXB0LWxvYWRlciAqbmdJZj1cImlzTG9hZGluZ1wiIFtpc0RpYWxvZ109XCJmYWxzZVwiPjwvaXB0LWxvYWRlcj4gLS0+XG4iXX0=
|
|
@@ -2,7 +2,7 @@ import { NgModule } from '@angular/core';
|
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import { CodSelfManagedComponent } from './cod-form-self-managed/cod-self-managed.component';
|
|
4
4
|
import { ComponentsModule } from '../components/components.module';
|
|
5
|
-
import { ReactiveFormsModule } from '@angular/forms';
|
|
5
|
+
import { ReactiveFormsModule, FormsModule } from '@angular/forms';
|
|
6
6
|
import { CodSelfFormStepOneComponent } from './steps/cod-form-step-one/cod-self-form-step-one.component';
|
|
7
7
|
import { StepsModule } from 'primeng/steps';
|
|
8
8
|
import { CodSelfFormStepTwoComponent } from './steps/cod-form-step-two/cod-self-form-step-two.component';
|
|
@@ -19,7 +19,8 @@ codSelfManagedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ve
|
|
|
19
19
|
CodSelfFormStepFourComponent], imports: [CommonModule,
|
|
20
20
|
ComponentsModule,
|
|
21
21
|
ReactiveFormsModule,
|
|
22
|
-
StepsModule
|
|
22
|
+
StepsModule,
|
|
23
|
+
FormsModule], exports: [CodSelfManagedComponent,
|
|
23
24
|
CodSelfFormStepOneComponent,
|
|
24
25
|
CodSelfFormStepTwoComponent,
|
|
25
26
|
CodSelfFormStepThreeComponent,
|
|
@@ -27,7 +28,8 @@ codSelfManagedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ve
|
|
|
27
28
|
codSelfManagedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: codSelfManagedModule, imports: [CommonModule,
|
|
28
29
|
ComponentsModule,
|
|
29
30
|
ReactiveFormsModule,
|
|
30
|
-
StepsModule
|
|
31
|
+
StepsModule,
|
|
32
|
+
FormsModule] });
|
|
31
33
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: codSelfManagedModule, decorators: [{
|
|
32
34
|
type: NgModule,
|
|
33
35
|
args: [{
|
|
@@ -36,6 +38,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
36
38
|
ComponentsModule,
|
|
37
39
|
ReactiveFormsModule,
|
|
38
40
|
StepsModule,
|
|
41
|
+
FormsModule
|
|
39
42
|
],
|
|
40
43
|
declarations: [
|
|
41
44
|
CodSelfManagedComponent,
|
|
@@ -53,4 +56,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
53
56
|
],
|
|
54
57
|
}]
|
|
55
58
|
}] });
|
|
56
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kLXNlbGYtbWFuYWdlZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29kLXNlbGYtbWFuYWdlZC9jb2Qtc2VsZi1tYW5hZ2VkLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUM3RixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNuRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbEUsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sNERBQTRELENBQUM7QUFDekcsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM1QyxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSw0REFBNEQsQ0FBQztBQUN6RyxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxnRUFBZ0UsQ0FBQztBQUMvRyxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQzs7QUF5QjVHLE1BQU0sT0FBTyxvQkFBb0I7O2lIQUFwQixvQkFBb0I7a0hBQXBCLG9CQUFvQixpQkFkN0IsdUJBQXVCO1FBQ3ZCLDJCQUEyQjtRQUMzQiwyQkFBMkI7UUFDM0IsNkJBQTZCO1FBQzdCLDRCQUE0QixhQVg1QixZQUFZO1FBQ1osZ0JBQWdCO1FBQ2hCLG1CQUFtQjtRQUNuQixXQUFXO1FBQ1gsV0FBVyxhQVVYLHVCQUF1QjtRQUN2QiwyQkFBMkI7UUFDM0IsMkJBQTJCO1FBQzNCLDZCQUE2QjtRQUM3Qiw0QkFBNEI7a0hBR25CLG9CQUFvQixZQXJCN0IsWUFBWTtRQUNaLGdCQUFnQjtRQUNoQixtQkFBbUI7UUFDbkIsV0FBVztRQUNYLFdBQVc7MkZBaUJGLG9CQUFvQjtrQkF2QmhDLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFDO3dCQUNOLFlBQVk7d0JBQ1osZ0JBQWdCO3dCQUNoQixtQkFBbUI7d0JBQ25CLFdBQVc7d0JBQ1gsV0FBVztxQkFDWjtvQkFDRCxZQUFZLEVBQUM7d0JBQ1gsdUJBQXVCO3dCQUN2QiwyQkFBMkI7d0JBQzNCLDJCQUEyQjt3QkFDM0IsNkJBQTZCO3dCQUM3Qiw0QkFBNEI7cUJBQzdCO29CQUNELE9BQU8sRUFBQzt3QkFDTix1QkFBdUI7d0JBQ3ZCLDJCQUEyQjt3QkFDM0IsMkJBQTJCO3dCQUMzQiw2QkFBNkI7d0JBQzdCLDRCQUE0QjtxQkFDN0I7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvZFNlbGZNYW5hZ2VkQ29tcG9uZW50IH0gZnJvbSAnLi9jb2QtZm9ybS1zZWxmLW1hbmFnZWQvY29kLXNlbGYtbWFuYWdlZC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29tcG9uZW50c01vZHVsZSB9IGZyb20gJy4uL2NvbXBvbmVudHMvY29tcG9uZW50cy5tb2R1bGUnO1xuaW1wb3J0IHsgUmVhY3RpdmVGb3Jtc01vZHVsZSwgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBDb2RTZWxmRm9ybVN0ZXBPbmVDb21wb25lbnQgfSBmcm9tICcuL3N0ZXBzL2NvZC1mb3JtLXN0ZXAtb25lL2NvZC1zZWxmLWZvcm0tc3RlcC1vbmUuY29tcG9uZW50JztcbmltcG9ydCB7IFN0ZXBzTW9kdWxlIH0gZnJvbSAncHJpbWVuZy9zdGVwcyc7XG5pbXBvcnQgeyBDb2RTZWxmRm9ybVN0ZXBUd29Db21wb25lbnQgfSBmcm9tICcuL3N0ZXBzL2NvZC1mb3JtLXN0ZXAtdHdvL2NvZC1zZWxmLWZvcm0tc3RlcC10d28uY29tcG9uZW50JztcbmltcG9ydCB7IENvZFNlbGZGb3JtU3RlcFRocmVlQ29tcG9uZW50IH0gZnJvbSAnLi9zdGVwcy9jb2QtZm9ybS1zdGVwLXRocmVlL2NvZC1zZWxmLWZvcm0tc3RlcC10aHJlZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29kU2VsZkZvcm1TdGVwRm91ckNvbXBvbmVudCB9IGZyb20gJy4vc3RlcHMvY29kLWZvcm0tc3RlcC1mb3VyL2NvZC1zZWxmLWZvcm0tc3RlcC1mb3VyLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6W1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBDb21wb25lbnRzTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgU3RlcHNNb2R1bGUsXG4gICAgRm9ybXNNb2R1bGVcbiAgXSxcbiAgZGVjbGFyYXRpb25zOltcbiAgICBDb2RTZWxmTWFuYWdlZENvbXBvbmVudCxcbiAgICBDb2RTZWxmRm9ybVN0ZXBPbmVDb21wb25lbnQsXG4gICAgQ29kU2VsZkZvcm1TdGVwVHdvQ29tcG9uZW50LFxuICAgIENvZFNlbGZGb3JtU3RlcFRocmVlQ29tcG9uZW50LFxuICAgIENvZFNlbGZGb3JtU3RlcEZvdXJDb21wb25lbnQsXG4gIF0sXG4gIGV4cG9ydHM6W1xuICAgIENvZFNlbGZNYW5hZ2VkQ29tcG9uZW50LFxuICAgIENvZFNlbGZGb3JtU3RlcE9uZUNvbXBvbmVudCxcbiAgICBDb2RTZWxmRm9ybVN0ZXBUd29Db21wb25lbnQsXG4gICAgQ29kU2VsZkZvcm1TdGVwVGhyZWVDb21wb25lbnQsXG4gICAgQ29kU2VsZkZvcm1TdGVwRm91ckNvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgY29kU2VsZk1hbmFnZWRNb2R1bGUgeyB9XG4iXX0=
|
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,11 +1,36 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
1
|
+
import { Component, Output, EventEmitter } from '@angular/core';
|
|
2
|
+
import { Validators } from '@angular/forms';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/forms";
|
|
5
|
+
import * as i2 from "../../../components/atoms/input/input.component";
|
|
3
6
|
export class CodSelfFormStepOneComponent {
|
|
7
|
+
constructor(fb) {
|
|
8
|
+
this.fb = fb;
|
|
9
|
+
this.completed = new EventEmitter();
|
|
10
|
+
}
|
|
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 3
|
|
25
|
+
this.completed.emit(1);
|
|
26
|
+
}
|
|
4
27
|
}
|
|
5
|
-
CodSelfFormStepOneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepOneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
-
CodSelfFormStepOneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepOneComponent, selector: "app-cod-self-form-step-one", ngImport: i0, template: "", styles: [""] });
|
|
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"] }] });
|
|
7
30
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepOneComponent, decorators: [{
|
|
8
31
|
type: Component,
|
|
9
|
-
args: [{ selector: 'app-cod-self-form-step-one', template: "" }]
|
|
10
|
-
}] }
|
|
11
|
-
|
|
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: [{
|
|
34
|
+
type: Output
|
|
35
|
+
}] } });
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kLXNlbGYtZm9ybS1zdGVwLW9uZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29kLXNlbGYtbWFuYWdlZC9zdGVwcy9jb2QtZm9ybS1zdGVwLW9uZS9jb2Qtc2VsZi1mb3JtLXN0ZXAtb25lLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb2Qtc2VsZi1tYW5hZ2VkL3N0ZXBzL2NvZC1mb3JtLXN0ZXAtb25lL2NvZC1zZWxmLWZvcm0tc3RlcC1vbmUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3hFLE9BQU8sRUFBZSxVQUFVLEVBQWEsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQVVwRSxNQUFNLE9BQU8sMkJBQTJCO0lBUXRDLFlBQ1UsRUFBZTtRQUFmLE9BQUUsR0FBRixFQUFFLENBQWE7UUFQZixjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQVE5QyxDQUFDO0lBRUosUUFBUTtRQUNOLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNsQixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQztZQUN0QyxJQUFJLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDakMsR0FBRyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1NBQ2pDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGtCQUFrQixDQUFDLGdCQUFnQixFQUFFLENBQUM7UUFDM0MsSUFBSSxJQUFJLENBQUMsa0JBQWtCLENBQUMsT0FBTztZQUFFLE9BQU87UUFFNUMscUJBQXFCO1FBQ3JCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3pCLENBQUM7O3dIQTdCVSwyQkFBMkI7NEdBQTNCLDJCQUEyQix1R0NYeEMsK25DQTJCQTsyRkRoQmEsMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLDRCQUE0QjtrR0FNNUIsU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUJ1aWxkZXIsIFZhbGlkYXRvcnMsIEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuXG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWNvZC1zZWxmLWZvcm0tc3RlcC1vbmUnLFxuICB0ZW1wbGF0ZVVybDogJy4vY29kLXNlbGYtZm9ybS1zdGVwLW9uZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NvZC1zZWxmLWZvcm0tc3RlcC1vbmUuY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBDb2RTZWxmRm9ybVN0ZXBPbmVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBPdXRwdXQoKSBjb21wbGV0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcblxuICAvLyBuYW1lOmFueVxuICAvLyBhZ2U6YW55XG4gIGNvZFNlbGZGb3JtU3RlcE9uZSE6IEZvcm1Hcm91cFxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZmI6IEZvcm1CdWlsZGVyLFxuICApIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5pbml0Rm9ybSgpO1xuICB9XG5cbiAgaW5pdEZvcm0oKSB7XG4gICAgdGhpcy5jb2RTZWxmRm9ybVN0ZXBPbmUgPSB0aGlzLmZiLmdyb3VwKHtcbiAgICAgIG5hbWU6IFsnJywgW1ZhbGlkYXRvcnMucmVxdWlyZWRdXSxcbiAgICAgIGFnZTogWycnLCBbVmFsaWRhdG9ycy5yZXF1aXJlZF1dLFxuICAgIH0pO1xuICB9XG5cbiAgc2VuZEZvcm0oKSB7XG4gICAgdGhpcy5jb2RTZWxmRm9ybVN0ZXBPbmUubWFya0FsbEFzVG91Y2hlZCgpO1xuICAgIGlmICh0aGlzLmNvZFNlbGZGb3JtU3RlcE9uZS5pbnZhbGlkKSByZXR1cm47XG5cbiAgICAvLyBNb3Zlcm5vcyBhbCBwYXNvIDNcbiAgICB0aGlzLmNvbXBsZXRlZC5lbWl0KDEpO1xuICB9XG59XG4iLCI8ZGl2PlxuICA8aDI+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
|
|
@@ -6105,68 +6105,104 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
6105
6105
|
}]
|
|
6106
6106
|
}] });
|
|
6107
6107
|
|
|
6108
|
-
class
|
|
6109
|
-
constructor() {
|
|
6110
|
-
this.
|
|
6108
|
+
class CodSelfFormStepOneComponent {
|
|
6109
|
+
constructor(fb) {
|
|
6110
|
+
this.fb = fb;
|
|
6111
|
+
this.completed = new EventEmitter();
|
|
6111
6112
|
}
|
|
6112
6113
|
ngOnInit() {
|
|
6113
|
-
this.
|
|
6114
|
-
|
|
6115
|
-
|
|
6116
|
-
|
|
6117
|
-
|
|
6118
|
-
|
|
6119
|
-
|
|
6120
|
-
|
|
6121
|
-
|
|
6122
|
-
|
|
6123
|
-
|
|
6124
|
-
|
|
6125
|
-
|
|
6126
|
-
|
|
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 3
|
|
6127
|
+
this.completed.emit(1);
|
|
6127
6128
|
}
|
|
6128
6129
|
}
|
|
6129
|
-
|
|
6130
|
-
|
|
6131
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedComponent, decorators: [{
|
|
6132
|
-
type: Component,
|
|
6133
|
-
args: [{ selector: 'ipt-cod-self-managed', template: "<h3>Cod Autogestionado</h3>\n\n<p-steps [model]=\"items\"></p-steps>\n\n\n\n<!-- <ipt-loader *ngIf=\"isLoading\" [isDialog]=\"false\"></ipt-loader> -->\n" }]
|
|
6134
|
-
}] });
|
|
6135
|
-
|
|
6136
|
-
class CodSelfFormStepOneComponent {
|
|
6137
|
-
}
|
|
6138
|
-
CodSelfFormStepOneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepOneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6139
|
-
CodSelfFormStepOneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepOneComponent, selector: "app-cod-self-form-step-one", ngImport: i0, template: "", styles: [""] });
|
|
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"] }] });
|
|
6140
6132
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepOneComponent, decorators: [{
|
|
6141
6133
|
type: Component,
|
|
6142
|
-
args: [{ selector: 'app-cod-self-form-step-one', template: "" }]
|
|
6143
|
-
}] }
|
|
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: [{
|
|
6136
|
+
type: Output
|
|
6137
|
+
}] } });
|
|
6144
6138
|
|
|
6145
6139
|
class CodSelfFormStepTwoComponent {
|
|
6146
6140
|
}
|
|
6147
6141
|
CodSelfFormStepTwoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepTwoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6148
|
-
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: [""] });
|
|
6149
6143
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepTwoComponent, decorators: [{
|
|
6150
6144
|
type: Component,
|
|
6151
|
-
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 CodSelfManagedComponent {
|
|
6149
|
+
constructor() {
|
|
6150
|
+
this.currentStep = 0;
|
|
6151
|
+
this.items = [];
|
|
6152
|
+
this.stepCompleted = [false, false, false, false];
|
|
6153
|
+
}
|
|
6154
|
+
ngOnInit() {
|
|
6155
|
+
this.items = [
|
|
6156
|
+
{ label: 'Personal', id: '1' },
|
|
6157
|
+
{ label: 'Planes', id: '2' },
|
|
6158
|
+
{ label: 'Payment', id: '3' },
|
|
6159
|
+
{ label: 'Confirmation', id: '4' }
|
|
6160
|
+
];
|
|
6161
|
+
}
|
|
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
|
+
onChangeStep(step) {
|
|
6176
|
+
console.log(step);
|
|
6177
|
+
this.currentStep = step;
|
|
6178
|
+
}
|
|
6179
|
+
changeStep(step) {
|
|
6180
|
+
this.currentStep = step;
|
|
6181
|
+
}
|
|
6182
|
+
}
|
|
6183
|
+
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<!-- <div *ngIf=\"currentStep === 0\"> -->\n <!-- Contenido del paso 1 -->\n <!-- Ejemplo: -->\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 <!-- Contenido del paso 2 -->\n <!-- Ejemplo: -->\n <app-cod-self-form-step-two (completed)=\"changeStep($event)\"></app-cod-self-form-step-two>\n<!-- </div> -->\n\n<!-- <div>\n <ipt-button (click)=\"onPrevious()\" [isEnabled]=\"currentStep === 0\">Anterior</ipt-button>\n <ipt-button (click)=\"onNext()\" [isEnabled]=\"currentStep === items.length - 1\">Siguiente</ipt-button>\n</div> -->\n\n<!-- <ipt-loader *ngIf=\"isLoading\" [isDialog]=\"false\"></ipt-loader> -->\n", dependencies: [{ kind: "component", type: i1$4.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" }] });
|
|
6185
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedComponent, decorators: [{
|
|
6186
|
+
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<!-- <div *ngIf=\"currentStep === 0\"> -->\n <!-- Contenido del paso 1 -->\n <!-- Ejemplo: -->\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 <!-- Contenido del paso 2 -->\n <!-- Ejemplo: -->\n <app-cod-self-form-step-two (completed)=\"changeStep($event)\"></app-cod-self-form-step-two>\n<!-- </div> -->\n\n<!-- <div>\n <ipt-button (click)=\"onPrevious()\" [isEnabled]=\"currentStep === 0\">Anterior</ipt-button>\n <ipt-button (click)=\"onNext()\" [isEnabled]=\"currentStep === items.length - 1\">Siguiente</ipt-button>\n</div> -->\n\n<!-- <ipt-loader *ngIf=\"isLoading\" [isDialog]=\"false\"></ipt-loader> -->\n" }]
|
|
6152
6188
|
}] });
|
|
6153
6189
|
|
|
6154
6190
|
class CodSelfFormStepThreeComponent {
|
|
6155
6191
|
}
|
|
6156
6192
|
CodSelfFormStepThreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepThreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6157
|
-
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: [""] });
|
|
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: [""] });
|
|
6158
6194
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepThreeComponent, decorators: [{
|
|
6159
6195
|
type: Component,
|
|
6160
|
-
args: [{ selector: 'app-cod-self-form-step-three', template: "" }]
|
|
6196
|
+
args: [{ selector: 'app-cod-self-form-step-three', template: "<span>step 3</span>\n" }]
|
|
6161
6197
|
}] });
|
|
6162
6198
|
|
|
6163
6199
|
class CodSelfFormStepFourComponent {
|
|
6164
6200
|
}
|
|
6165
6201
|
CodSelfFormStepFourComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepFourComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6166
|
-
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: [""] });
|
|
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: [""] });
|
|
6167
6203
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepFourComponent, decorators: [{
|
|
6168
6204
|
type: Component,
|
|
6169
|
-
args: [{ selector: 'app-cod-self-form-step-four', template: "" }]
|
|
6205
|
+
args: [{ selector: 'app-cod-self-form-step-four', template: "<span>step 4</span>\n" }]
|
|
6170
6206
|
}] });
|
|
6171
6207
|
|
|
6172
6208
|
class codSelfManagedModule {
|
|
@@ -6179,7 +6215,8 @@ codSelfManagedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ve
|
|
|
6179
6215
|
CodSelfFormStepFourComponent], imports: [CommonModule,
|
|
6180
6216
|
ComponentsModule,
|
|
6181
6217
|
ReactiveFormsModule,
|
|
6182
|
-
StepsModule
|
|
6218
|
+
StepsModule,
|
|
6219
|
+
FormsModule], exports: [CodSelfManagedComponent,
|
|
6183
6220
|
CodSelfFormStepOneComponent,
|
|
6184
6221
|
CodSelfFormStepTwoComponent,
|
|
6185
6222
|
CodSelfFormStepThreeComponent,
|
|
@@ -6187,7 +6224,8 @@ codSelfManagedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ve
|
|
|
6187
6224
|
codSelfManagedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: codSelfManagedModule, imports: [CommonModule,
|
|
6188
6225
|
ComponentsModule,
|
|
6189
6226
|
ReactiveFormsModule,
|
|
6190
|
-
StepsModule
|
|
6227
|
+
StepsModule,
|
|
6228
|
+
FormsModule] });
|
|
6191
6229
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: codSelfManagedModule, decorators: [{
|
|
6192
6230
|
type: NgModule,
|
|
6193
6231
|
args: [{
|
|
@@ -6196,6 +6234,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
6196
6234
|
ComponentsModule,
|
|
6197
6235
|
ReactiveFormsModule,
|
|
6198
6236
|
StepsModule,
|
|
6237
|
+
FormsModule
|
|
6199
6238
|
],
|
|
6200
6239
|
declarations: [
|
|
6201
6240
|
CodSelfManagedComponent,
|