iptdevs-design-system 3.1.382 → 3.1.383

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.
Files changed (11) hide show
  1. package/esm2020/lib/cod-self-managed/cod-form-self-managed/cod-self-managed.component.mjs +35 -4
  2. package/esm2020/lib/cod-self-managed/cod-self-managed.module.mjs +7 -4
  3. package/esm2020/lib/cod-self-managed/steps/cod-form-step-one/cod-self-form-step-one.component.mjs +22 -5
  4. package/fesm2015/iptdevs-design-system.mjs +70 -23
  5. package/fesm2015/iptdevs-design-system.mjs.map +1 -1
  6. package/fesm2020/iptdevs-design-system.mjs +70 -23
  7. package/fesm2020/iptdevs-design-system.mjs.map +1 -1
  8. package/lib/cod-self-managed/cod-form-self-managed/cod-self-managed.component.d.ts +6 -0
  9. package/lib/cod-self-managed/cod-self-managed.module.d.ts +1 -1
  10. package/lib/cod-self-managed/steps/cod-form-step-one/cod-self-form-step-one.component.d.ts +6 -1
  11. package/package.json +1 -1
package/esm2020/lib/cod-self-managed/cod-form-self-managed/cod-self-managed.component.mjs CHANGED
@@ -1,31 +1,62 @@
1
1
  import { Component } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
- import * as i1 from "primeng/steps";
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";
4
7
  export class CodSelfManagedComponent {
5
8
  constructor() {
6
9
  this.items = [];
10
+ this.currentStep = 0;
11
+ this.stepCompleted = [false, false, false, false];
7
12
  }
8
13
  ngOnInit() {
9
14
  this.items = [
10
15
  {
11
16
  label: 'Personal',
17
+ id: '1'
12
18
  },
13
19
  {
14
20
  label: 'Planes',
21
+ id: '2',
15
22
  },
16
23
  {
17
24
  label: 'Payment',
25
+ id: '3',
18
26
  },
19
27
  {
20
28
  label: 'Confirmation',
29
+ id: '4',
21
30
  }
22
31
  ];
23
32
  }
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
+ onChangeStep(step) {
48
+ console.log(step.index);
49
+ console.log(step);
50
+ this.currentStep = step;
51
+ }
52
+ markStepCompleted(step) {
53
+ this.stepCompleted[step] = true;
54
+ }
24
55
  }
25
56
  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"] }] });
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<!-- <p-steps [model]=\"items\"></p-steps> -->\n<p-steps [model]=\"items\" [(activeIndex)]=\"currentStep\" (onStepChange)=\"onChangeStep($event)\"></p-steps>\n\n<div *ngIf=\"currentStep === 0\">\n <!-- Contenido del paso 1 -->\n <!-- Ejemplo: -->\n <app-cod-self-form-step-one (completed)=\"markStepCompleted(0)\"></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)=\"markStepCompleted(1)\"></app-cod-self-form-step-two>\n</div>\n\n<div>\n <button (click)=\"onPrevious()\" [disabled]=\"currentStep === 0\">Anterior</button>\n <button (click)=\"onNext()\" [disabled]=\"currentStep === items.length - 1\">Siguiente</button>\n</div>\n\n<!-- <ipt-loader *ngIf=\"isLoading\" [isDialog]=\"false\"></ipt-loader> -->\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" }] });
27
58
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedComponent, decorators: [{
28
59
  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" }]
60
+ args: [{ selector: 'ipt-cod-self-managed', template: "<h3>Cod Autogestionado</h3>\n\n<!-- <p-steps [model]=\"items\"></p-steps> -->\n<p-steps [model]=\"items\" [(activeIndex)]=\"currentStep\" (onStepChange)=\"onChangeStep($event)\"></p-steps>\n\n<div *ngIf=\"currentStep === 0\">\n <!-- Contenido del paso 1 -->\n <!-- Ejemplo: -->\n <app-cod-self-form-step-one (completed)=\"markStepCompleted(0)\"></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)=\"markStepCompleted(1)\"></app-cod-self-form-step-two>\n</div>\n\n<div>\n <button (click)=\"onPrevious()\" [disabled]=\"currentStep === 0\">Anterior</button>\n <button (click)=\"onNext()\" [disabled]=\"currentStep === items.length - 1\">Siguiente</button>\n</div>\n\n<!-- <ipt-loader *ngIf=\"isLoading\" [isDialog]=\"false\"></ipt-loader> -->\n" }]
30
61
  }] });
31
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kLXNlbGYtbWFuYWdlZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29kLXNlbGYtbWFuYWdlZC9jb2QtZm9ybS1zZWxmLW1hbmFnZWQvY29kLXNlbGYtbWFuYWdlZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29kLXNlbGYtbWFuYWdlZC9jb2QtZm9ybS1zZWxmLW1hbmFnZWQvY29kLXNlbGYtbWFuYWdlZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFXLE1BQU0sZUFBZSxDQUFDOzs7QUFTbkQsTUFBTSxPQUFPLHVCQUF1QjtJQUxwQztRQVFFLFVBQUssR0FBYSxFQUFFLENBQUM7S0FtQnRCO0lBaEJDLFFBQVE7UUFDTixJQUFJLENBQUMsS0FBSyxHQUFHO1lBQ1Q7Z0JBQ0ksS0FBSyxFQUFFLFVBQVU7YUFDcEI7WUFDRDtnQkFDSSxLQUFLLEVBQUUsUUFBUTthQUNsQjtZQUNEO2dCQUNJLEtBQUssRUFBRSxTQUFTO2FBQ25CO1lBQ0Q7Z0JBQ0ksS0FBSyxFQUFFLGNBQWM7YUFDeEI7U0FDSixDQUFDO0lBQ04sQ0FBQzs7b0hBckJZLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLDREQ1RwQywySkFPQTsyRkRFYSx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0Usc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCAgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNZW51SXRlbSB9IGZyb20gJ3ByaW1lbmcvYXBpJztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpcHQtY29kLXNlbGYtbWFuYWdlZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb2Qtc2VsZi1tYW5hZ2VkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbXVxufSlcbmV4cG9ydCBjbGFzcyBDb2RTZWxmTWFuYWdlZENvbXBvbmVudCBpbXBsZW1lbnRzICBPbkluaXQge1xuXG5cbiAgaXRlbXM6IE1lbnVJdGVtW109W107XG5cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLml0ZW1zID0gW1xuICAgICAgICB7XG4gICAgICAgICAgICBsYWJlbDogJ1BlcnNvbmFsJyxcbiAgICAgICAgfSxcbiAgICAgICAge1xuICAgICAgICAgICAgbGFiZWw6ICdQbGFuZXMnLFxuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgICBsYWJlbDogJ1BheW1lbnQnLFxuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgICBsYWJlbDogJ0NvbmZpcm1hdGlvbicsXG4gICAgICAgIH1cbiAgICBdO1xufVxufVxuIiwiPGgzPkNvZCBBdXRvZ2VzdGlvbmFkbzwvaDM+XG5cbjxwLXN0ZXBzIFttb2RlbF09XCJpdGVtc1wiPjwvcC1zdGVwcz5cblxuXG5cbjwhLS0gPGlwdC1sb2FkZXIgKm5nSWY9XCJpc0xvYWRpbmdcIiBbaXNEaWFsb2ddPVwiZmFsc2VcIj48L2lwdC1sb2FkZXI+IC0tPlxuIl19
62
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kLXNlbGYtbWFuYWdlZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29kLXNlbGYtbWFuYWdlZC9jb2QtZm9ybS1zZWxmLW1hbmFnZWQvY29kLXNlbGYtbWFuYWdlZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29kLXNlbGYtbWFuYWdlZC9jb2QtZm9ybS1zZWxmLW1hbmFnZWQvY29kLXNlbGYtbWFuYWdlZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFXLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFTbkQsTUFBTSxPQUFPLHVCQUF1QjtJQUxwQztRQVFFLFVBQUssR0FBYSxFQUFFLENBQUM7UUFDckIsZ0JBQVcsR0FBVyxDQUFDLENBQUM7UUFDeEIsa0JBQWEsR0FBYyxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDO0tBK0N6RDtJQTdDQyxRQUFRO1FBQ04sSUFBSSxDQUFDLEtBQUssR0FBRztZQUNUO2dCQUNFLEtBQUssRUFBRSxVQUFVO2dCQUNqQixFQUFFLEVBQUUsR0FBRzthQUNSO1lBQ0Q7Z0JBQ0UsS0FBSyxFQUFFLFFBQVE7Z0JBQ2YsRUFBRSxFQUFFLEdBQUc7YUFDUjtZQUNEO2dCQUNFLEtBQUssRUFBRSxTQUFTO2dCQUNoQixFQUFFLEVBQUUsR0FBRzthQUNSO1lBQ0Q7Z0JBQ0UsS0FBSyxFQUFFLGNBQWM7Z0JBQ3JCLEVBQUUsRUFBRSxHQUFHO2FBQ1I7U0FDSixDQUFDO0lBQ0osQ0FBQztJQUVELE1BQU07UUFDSixJQUFJLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxFQUFFO1lBQ3hDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztTQUNwQjthQUFNO1lBQ0wsd0dBQXdHO1lBQ3hHLE9BQU8sQ0FBQyxHQUFHLENBQUMsMkNBQTJDLENBQUMsQ0FBQztTQUMxRDtJQUNILENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsRUFBRTtZQUN4QixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7U0FDcEI7SUFDSCxDQUFDO0lBRUQsWUFBWSxDQUFDLElBQVM7UUFDcEIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDeEIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNsQixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQztJQUMxQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsSUFBWTtRQUM1QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxHQUFHLElBQUksQ0FBQztJQUNsQyxDQUFDOztvSEFuRFUsdUJBQXVCO3dHQUF2Qix1QkFBdUIsNERDVHBDLG8yQkF1QkE7MkZEZGEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWVudUl0ZW0gfSBmcm9tICdwcmltZW5nL2FwaSc7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaXB0LWNvZC1zZWxmLW1hbmFnZWQnLFxuICB0ZW1wbGF0ZVVybDogJy4vY29kLXNlbGYtbWFuYWdlZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogW11cbn0pXG5leHBvcnQgY2xhc3MgQ29kU2VsZk1hbmFnZWRDb21wb25lbnQgaW1wbGVtZW50cyAgT25Jbml0IHtcblxuXG4gIGl0ZW1zOiBNZW51SXRlbVtdPVtdO1xuICBjdXJyZW50U3RlcDogbnVtYmVyID0gMDtcbiAgc3RlcENvbXBsZXRlZDogYm9vbGVhbltdID0gW2ZhbHNlLCBmYWxzZSwgZmFsc2UsIGZhbHNlXTtcblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLml0ZW1zID0gW1xuICAgICAgICB7XG4gICAgICAgICAgbGFiZWw6ICdQZXJzb25hbCcsXG4gICAgICAgICAgaWQ6ICcxJ1xuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgbGFiZWw6ICdQbGFuZXMnLFxuICAgICAgICAgIGlkOiAnMicsXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICBsYWJlbDogJ1BheW1lbnQnLFxuICAgICAgICAgIGlkOiAnMycsXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICBsYWJlbDogJ0NvbmZpcm1hdGlvbicsXG4gICAgICAgICAgaWQ6ICc0JyxcbiAgICAgICAgfVxuICAgIF07XG4gIH1cblxuICBvbk5leHQoKSB7XG4gICAgaWYgKHRoaXMuc3RlcENvbXBsZXRlZFt0aGlzLmN1cnJlbnRTdGVwXSkge1xuICAgICAgdGhpcy5jdXJyZW50U3RlcCsrO1xuICAgIH0gZWxzZSB7XG4gICAgICAvLyBBcXXDrSBwdWVkZXMgbW9zdHJhciBhbGfDum4gbWVuc2FqZSBkZSBlcnJvciBvIHJlYWxpemFyIGFsZ3VuYSBhY2Npw7NuIGN1YW5kbyBlbCBwYXNvIG5vIGVzdMOhIGNvbXBsZXRhZG9cbiAgICAgIGNvbnNvbGUubG9nKCdDb21wbGV0YSBlbCBwYXNvIGFjdHVhbCBhbnRlcyBkZSBhdmFuemFyLicpO1xuICAgIH1cbiAgfVxuXG4gIG9uUHJldmlvdXMoKSB7XG4gICAgaWYgKHRoaXMuY3VycmVudFN0ZXAgPiAwKSB7XG4gICAgICB0aGlzLmN1cnJlbnRTdGVwLS07XG4gICAgfVxuICB9XG5cbiAgb25DaGFuZ2VTdGVwKHN0ZXA6IGFueSkge1xuICAgIGNvbnNvbGUubG9nKHN0ZXAuaW5kZXgpO1xuICAgIGNvbnNvbGUubG9nKHN0ZXApO1xuICAgIHRoaXMuY3VycmVudFN0ZXAgPSBzdGVwO1xuICB9XG5cbiAgbWFya1N0ZXBDb21wbGV0ZWQoc3RlcDogbnVtYmVyKSB7XG4gICAgdGhpcy5zdGVwQ29tcGxldGVkW3N0ZXBdID0gdHJ1ZTtcbiAgfVxufVxuIiwiPGgzPkNvZCBBdXRvZ2VzdGlvbmFkbzwvaDM+XG5cbjwhLS0gPHAtc3RlcHMgW21vZGVsXT1cIml0ZW1zXCI+PC9wLXN0ZXBzPiAtLT5cbjxwLXN0ZXBzIFttb2RlbF09XCJpdGVtc1wiIFsoYWN0aXZlSW5kZXgpXT1cImN1cnJlbnRTdGVwXCIgKG9uU3RlcENoYW5nZSk9XCJvbkNoYW5nZVN0ZXAoJGV2ZW50KVwiPjwvcC1zdGVwcz5cblxuPGRpdiAqbmdJZj1cImN1cnJlbnRTdGVwID09PSAwXCI+XG4gIDwhLS0gQ29udGVuaWRvIGRlbCBwYXNvIDEgLS0+XG4gIDwhLS0gRWplbXBsbzogLS0+XG4gIDxhcHAtY29kLXNlbGYtZm9ybS1zdGVwLW9uZSAoY29tcGxldGVkKT1cIm1hcmtTdGVwQ29tcGxldGVkKDApXCI+PC9hcHAtY29kLXNlbGYtZm9ybS1zdGVwLW9uZT5cbjwvZGl2PlxuXG48ZGl2ICpuZ0lmPVwiY3VycmVudFN0ZXAgPT09IDFcIj5cbiAgPCEtLSBDb250ZW5pZG8gZGVsIHBhc28gMiAtLT5cbiAgPCEtLSBFamVtcGxvOiAtLT5cbiAgPGFwcC1jb2Qtc2VsZi1mb3JtLXN0ZXAtdHdvIChjb21wbGV0ZWQpPVwibWFya1N0ZXBDb21wbGV0ZWQoMSlcIj48L2FwcC1jb2Qtc2VsZi1mb3JtLXN0ZXAtdHdvPlxuPC9kaXY+XG5cbjxkaXY+XG4gIDxidXR0b24gKGNsaWNrKT1cIm9uUHJldmlvdXMoKVwiIFtkaXNhYmxlZF09XCJjdXJyZW50U3RlcCA9PT0gMFwiPkFudGVyaW9yPC9idXR0b24+XG4gIDxidXR0b24gKGNsaWNrKT1cIm9uTmV4dCgpXCIgW2Rpc2FibGVkXT1cImN1cnJlbnRTdGVwID09PSBpdGVtcy5sZW5ndGggLSAxXCI+U2lndWllbnRlPC9idXR0b24+XG48L2Rpdj5cblxuPCEtLSA8aXB0LWxvYWRlciAqbmdJZj1cImlzTG9hZGluZ1wiIFtpc0RpYWxvZ109XCJmYWxzZVwiPjwvaXB0LWxvYWRlcj4gLS0+XG4iXX0=
package/esm2020/lib/cod-self-managed/cod-self-managed.module.mjs CHANGED
@@ -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], exports: [CodSelfManagedComponent,
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kLXNlbGYtbWFuYWdlZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29kLXNlbGYtbWFuYWdlZC9jb2Qtc2VsZi1tYW5hZ2VkLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUM3RixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNuRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSw0REFBNEQsQ0FBQztBQUN6RyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVDLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDREQUE0RCxDQUFDO0FBQ3pHLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLGdFQUFnRSxDQUFDO0FBQy9HLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLDhEQUE4RCxDQUFDOztBQXdCNUcsTUFBTSxPQUFPLG9CQUFvQjs7aUhBQXBCLG9CQUFvQjtrSEFBcEIsb0JBQW9CLGlCQWQ3Qix1QkFBdUI7UUFDdkIsMkJBQTJCO1FBQzNCLDJCQUEyQjtRQUMzQiw2QkFBNkI7UUFDN0IsNEJBQTRCLGFBVjVCLFlBQVk7UUFDWixnQkFBZ0I7UUFDaEIsbUJBQW1CO1FBQ25CLFdBQVcsYUFVWCx1QkFBdUI7UUFDdkIsMkJBQTJCO1FBQzNCLDJCQUEyQjtRQUMzQiw2QkFBNkI7UUFDN0IsNEJBQTRCO2tIQUduQixvQkFBb0IsWUFwQjdCLFlBQVk7UUFDWixnQkFBZ0I7UUFDaEIsbUJBQW1CO1FBQ25CLFdBQVc7MkZBaUJGLG9CQUFvQjtrQkF0QmhDLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFDO3dCQUNOLFlBQVk7d0JBQ1osZ0JBQWdCO3dCQUNoQixtQkFBbUI7d0JBQ25CLFdBQVc7cUJBQ1o7b0JBQ0QsWUFBWSxFQUFDO3dCQUNYLHVCQUF1Qjt3QkFDdkIsMkJBQTJCO3dCQUMzQiwyQkFBMkI7d0JBQzNCLDZCQUE2Qjt3QkFDN0IsNEJBQTRCO3FCQUM3QjtvQkFDRCxPQUFPLEVBQUM7d0JBQ04sdUJBQXVCO3dCQUN2QiwyQkFBMkI7d0JBQzNCLDJCQUEyQjt3QkFDM0IsNkJBQTZCO3dCQUM3Qiw0QkFBNEI7cUJBQzdCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb2RTZWxmTWFuYWdlZENvbXBvbmVudCB9IGZyb20gJy4vY29kLWZvcm0tc2VsZi1tYW5hZ2VkL2NvZC1zZWxmLW1hbmFnZWQuY29tcG9uZW50JztcbmltcG9ydCB7IENvbXBvbmVudHNNb2R1bGUgfSBmcm9tICcuLi9jb21wb25lbnRzL2NvbXBvbmVudHMubW9kdWxlJztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBDb2RTZWxmRm9ybVN0ZXBPbmVDb21wb25lbnQgfSBmcm9tICcuL3N0ZXBzL2NvZC1mb3JtLXN0ZXAtb25lL2NvZC1zZWxmLWZvcm0tc3RlcC1vbmUuY29tcG9uZW50JztcbmltcG9ydCB7IFN0ZXBzTW9kdWxlIH0gZnJvbSAncHJpbWVuZy9zdGVwcyc7XG5pbXBvcnQgeyBDb2RTZWxmRm9ybVN0ZXBUd29Db21wb25lbnQgfSBmcm9tICcuL3N0ZXBzL2NvZC1mb3JtLXN0ZXAtdHdvL2NvZC1zZWxmLWZvcm0tc3RlcC10d28uY29tcG9uZW50JztcbmltcG9ydCB7IENvZFNlbGZGb3JtU3RlcFRocmVlQ29tcG9uZW50IH0gZnJvbSAnLi9zdGVwcy9jb2QtZm9ybS1zdGVwLXRocmVlL2NvZC1zZWxmLWZvcm0tc3RlcC10aHJlZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29kU2VsZkZvcm1TdGVwRm91ckNvbXBvbmVudCB9IGZyb20gJy4vc3RlcHMvY29kLWZvcm0tc3RlcC1mb3VyL2NvZC1zZWxmLWZvcm0tc3RlcC1mb3VyLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6W1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBDb21wb25lbnRzTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgU3RlcHNNb2R1bGUsXG4gIF0sXG4gIGRlY2xhcmF0aW9uczpbXG4gICAgQ29kU2VsZk1hbmFnZWRDb21wb25lbnQsXG4gICAgQ29kU2VsZkZvcm1TdGVwT25lQ29tcG9uZW50LFxuICAgIENvZFNlbGZGb3JtU3RlcFR3b0NvbXBvbmVudCxcbiAgICBDb2RTZWxmRm9ybVN0ZXBUaHJlZUNvbXBvbmVudCxcbiAgICBDb2RTZWxmRm9ybVN0ZXBGb3VyQ29tcG9uZW50LFxuICBdLFxuICBleHBvcnRzOltcbiAgICBDb2RTZWxmTWFuYWdlZENvbXBvbmVudCxcbiAgICBDb2RTZWxmRm9ybVN0ZXBPbmVDb21wb25lbnQsXG4gICAgQ29kU2VsZkZvcm1TdGVwVHdvQ29tcG9uZW50LFxuICAgIENvZFNlbGZGb3JtU3RlcFRocmVlQ29tcG9uZW50LFxuICAgIENvZFNlbGZGb3JtU3RlcEZvdXJDb21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIGNvZFNlbGZNYW5hZ2VkTW9kdWxlIHsgfVxuIl19
59
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kLXNlbGYtbWFuYWdlZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29kLXNlbGYtbWFuYWdlZC9jb2Qtc2VsZi1tYW5hZ2VkLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUM3RixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNuRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbEUsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sNERBQTRELENBQUM7QUFDekcsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM1QyxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSw0REFBNEQsQ0FBQztBQUN6RyxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxnRUFBZ0UsQ0FBQztBQUMvRyxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQzs7QUF5QjVHLE1BQU0sT0FBTyxvQkFBb0I7O2lIQUFwQixvQkFBb0I7a0hBQXBCLG9CQUFvQixpQkFkN0IsdUJBQXVCO1FBQ3ZCLDJCQUEyQjtRQUMzQiwyQkFBMkI7UUFDM0IsNkJBQTZCO1FBQzdCLDRCQUE0QixhQVg1QixZQUFZO1FBQ1osZ0JBQWdCO1FBQ2hCLG1CQUFtQjtRQUNuQixXQUFXO1FBQ1gsV0FBVyxhQVVYLHVCQUF1QjtRQUN2QiwyQkFBMkI7UUFDM0IsMkJBQTJCO1FBQzNCLDZCQUE2QjtRQUM3Qiw0QkFBNEI7a0hBR25CLG9CQUFvQixZQXJCN0IsWUFBWTtRQUNaLGdCQUFnQjtRQUNoQixtQkFBbUI7UUFDbkIsV0FBVztRQUNYLFdBQVc7MkZBaUJGLG9CQUFvQjtrQkF2QmhDLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFDO3dCQUNOLFlBQVk7d0JBQ1osZ0JBQWdCO3dCQUNoQixtQkFBbUI7d0JBQ25CLFdBQVc7d0JBQ1gsV0FBVztxQkFDWjtvQkFDRCxZQUFZLEVBQUM7d0JBQ1gsdUJBQXVCO3dCQUN2QiwyQkFBMkI7d0JBQzNCLDJCQUEyQjt3QkFDM0IsNkJBQTZCO3dCQUM3Qiw0QkFBNEI7cUJBQzdCO29CQUNELE9BQU8sRUFBQzt3QkFDTix1QkFBdUI7d0JBQ3ZCLDJCQUEyQjt3QkFDM0IsMkJBQTJCO3dCQUMzQiw2QkFBNkI7d0JBQzdCLDRCQUE0QjtxQkFDN0I7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvZFNlbGZNYW5hZ2VkQ29tcG9uZW50IH0gZnJvbSAnLi9jb2QtZm9ybS1zZWxmLW1hbmFnZWQvY29kLXNlbGYtbWFuYWdlZC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29tcG9uZW50c01vZHVsZSB9IGZyb20gJy4uL2NvbXBvbmVudHMvY29tcG9uZW50cy5tb2R1bGUnO1xuaW1wb3J0IHsgUmVhY3RpdmVGb3Jtc01vZHVsZSwgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBDb2RTZWxmRm9ybVN0ZXBPbmVDb21wb25lbnQgfSBmcm9tICcuL3N0ZXBzL2NvZC1mb3JtLXN0ZXAtb25lL2NvZC1zZWxmLWZvcm0tc3RlcC1vbmUuY29tcG9uZW50JztcbmltcG9ydCB7IFN0ZXBzTW9kdWxlIH0gZnJvbSAncHJpbWVuZy9zdGVwcyc7XG5pbXBvcnQgeyBDb2RTZWxmRm9ybVN0ZXBUd29Db21wb25lbnQgfSBmcm9tICcuL3N0ZXBzL2NvZC1mb3JtLXN0ZXAtdHdvL2NvZC1zZWxmLWZvcm0tc3RlcC10d28uY29tcG9uZW50JztcbmltcG9ydCB7IENvZFNlbGZGb3JtU3RlcFRocmVlQ29tcG9uZW50IH0gZnJvbSAnLi9zdGVwcy9jb2QtZm9ybS1zdGVwLXRocmVlL2NvZC1zZWxmLWZvcm0tc3RlcC10aHJlZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29kU2VsZkZvcm1TdGVwRm91ckNvbXBvbmVudCB9IGZyb20gJy4vc3RlcHMvY29kLWZvcm0tc3RlcC1mb3VyL2NvZC1zZWxmLWZvcm0tc3RlcC1mb3VyLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6W1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBDb21wb25lbnRzTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgU3RlcHNNb2R1bGUsXG4gICAgRm9ybXNNb2R1bGVcbiAgXSxcbiAgZGVjbGFyYXRpb25zOltcbiAgICBDb2RTZWxmTWFuYWdlZENvbXBvbmVudCxcbiAgICBDb2RTZWxmRm9ybVN0ZXBPbmVDb21wb25lbnQsXG4gICAgQ29kU2VsZkZvcm1TdGVwVHdvQ29tcG9uZW50LFxuICAgIENvZFNlbGZGb3JtU3RlcFRocmVlQ29tcG9uZW50LFxuICAgIENvZFNlbGZGb3JtU3RlcEZvdXJDb21wb25lbnQsXG4gIF0sXG4gIGV4cG9ydHM6W1xuICAgIENvZFNlbGZNYW5hZ2VkQ29tcG9uZW50LFxuICAgIENvZFNlbGZGb3JtU3RlcE9uZUNvbXBvbmVudCxcbiAgICBDb2RTZWxmRm9ybVN0ZXBUd29Db21wb25lbnQsXG4gICAgQ29kU2VsZkZvcm1TdGVwVGhyZWVDb21wb25lbnQsXG4gICAgQ29kU2VsZkZvcm1TdGVwRm91ckNvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgY29kU2VsZk1hbmFnZWRNb2R1bGUgeyB9XG4iXX0=
package/esm2020/lib/cod-self-managed/steps/cod-form-step-one/cod-self-form-step-one.component.mjs CHANGED
@@ -1,11 +1,28 @@
1
- import { Component } from '@angular/core';
1
+ import { Component, Output, EventEmitter } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
+ import * as i1 from "@angular/forms";
3
4
  export class CodSelfFormStepOneComponent {
5
+ constructor() {
6
+ this.completed = new EventEmitter();
7
+ }
8
+ submitForm() {
9
+ if (this.name && this.age > 0) {
10
+ // Aquí podrías realizar cualquier otra validación necesaria
11
+ // Si el formulario es válido, emitir el evento de completado
12
+ this.completed.emit();
13
+ }
14
+ else {
15
+ // Manejar el caso en el que el formulario no sea válido
16
+ console.log('Completa todos los campos antes de continuar.');
17
+ }
18
+ }
4
19
  }
5
20
  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: [""] });
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 (ngSubmit)=\"submitForm()\">\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 <button type=\"submit\">Siguiente</button>\n </form>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
7
22
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepOneComponent, decorators: [{
8
23
  type: Component,
9
- args: [{ selector: 'app-cod-self-form-step-one', template: "" }]
10
- }] });
11
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kLXNlbGYtZm9ybS1zdGVwLW9uZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29kLXNlbGYtbWFuYWdlZC9zdGVwcy9jb2QtZm9ybS1zdGVwLW9uZS9jb2Qtc2VsZi1mb3JtLXN0ZXAtb25lLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb2Qtc2VsZi1tYW5hZ2VkL3N0ZXBzL2NvZC1mb3JtLXN0ZXAtb25lL2NvZC1zZWxmLWZvcm0tc3RlcC1vbmUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFVMUMsTUFBTSxPQUFPLDJCQUEyQjs7d0hBQTNCLDJCQUEyQjs0R0FBM0IsMkJBQTJCLGtFQ1Z4QyxFQUFBOzJGRFVhLDJCQUEyQjtrQkFMdkMsU0FBUzsrQkFDRSw0QkFBNEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuXG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWNvZC1zZWxmLWZvcm0tc3RlcC1vbmUnLFxuICB0ZW1wbGF0ZVVybDogJy4vY29kLXNlbGYtZm9ybS1zdGVwLW9uZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NvZC1zZWxmLWZvcm0tc3RlcC1vbmUuY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBDb2RTZWxmRm9ybVN0ZXBPbmVDb21wb25lbnQge1xuXG59XG4iLCIiXX0=
24
+ args: [{ selector: 'app-cod-self-form-step-one', template: "<div>\n <h2>Paso 1: Datos Personales</h2>\n <form (ngSubmit)=\"submitForm()\">\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 <button type=\"submit\">Siguiente</button>\n </form>\n</div>\n" }]
25
+ }], propDecorators: { completed: [{
26
+ type: Output
27
+ }] } });
28
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kLXNlbGYtZm9ybS1zdGVwLW9uZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29kLXNlbGYtbWFuYWdlZC9zdGVwcy9jb2QtZm9ybS1zdGVwLW9uZS9jb2Qtc2VsZi1mb3JtLXN0ZXAtb25lLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb2Qtc2VsZi1tYW5hZ2VkL3N0ZXBzL2NvZC1mb3JtLXN0ZXAtb25lL2NvZC1zZWxmLWZvcm0tc3RlcC1vbmUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFVaEUsTUFBTSxPQUFPLDJCQUEyQjtJQUx4QztRQU9ZLGNBQVMsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQWNwRTtJQVZDLFVBQVU7UUFDUixJQUFJLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLEdBQUcsR0FBRyxDQUFDLEVBQUU7WUFDN0IsNERBQTREO1lBQzVELDZEQUE2RDtZQUM3RCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO1NBQ3ZCO2FBQU07WUFDTCx3REFBd0Q7WUFDeEQsT0FBTyxDQUFDLEdBQUcsQ0FBQywrQ0FBK0MsQ0FBQyxDQUFDO1NBQzlEO0lBQ0gsQ0FBQzs7d0hBZlUsMkJBQTJCOzRHQUEzQiwyQkFBMkIsdUdDVnhDLCtZQVlBOzJGREZhLDJCQUEyQjtrQkFMdkMsU0FBUzsrQkFDRSw0QkFBNEI7OEJBTTVCLFNBQVM7c0JBQWxCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cblxuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1jb2Qtc2VsZi1mb3JtLXN0ZXAtb25lJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvZC1zZWxmLWZvcm0tc3RlcC1vbmUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb2Qtc2VsZi1mb3JtLXN0ZXAtb25lLmNvbXBvbmVudC5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQ29kU2VsZkZvcm1TdGVwT25lQ29tcG9uZW50IHtcblxuICBAT3V0cHV0KCkgY29tcGxldGVkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgbmFtZTphbnlcbiAgYWdlOmFueVxuICBzdWJtaXRGb3JtKCkge1xuICAgIGlmICh0aGlzLm5hbWUgJiYgdGhpcy5hZ2UgPiAwKSB7XG4gICAgICAvLyBBcXXDrSBwb2Ryw61hcyByZWFsaXphciBjdWFscXVpZXIgb3RyYSB2YWxpZGFjacOzbiBuZWNlc2FyaWFcbiAgICAgIC8vIFNpIGVsIGZvcm11bGFyaW8gZXMgdsOhbGlkbywgZW1pdGlyIGVsIGV2ZW50byBkZSBjb21wbGV0YWRvXG4gICAgICB0aGlzLmNvbXBsZXRlZC5lbWl0KCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIC8vIE1hbmVqYXIgZWwgY2FzbyBlbiBlbCBxdWUgZWwgZm9ybXVsYXJpbyBubyBzZWEgdsOhbGlkb1xuICAgICAgY29uc29sZS5sb2coJ0NvbXBsZXRhIHRvZG9zIGxvcyBjYW1wb3MgYW50ZXMgZGUgY29udGludWFyLicpO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdj5cbiAgPGgyPlBhc28gMTogRGF0b3MgUGVyc29uYWxlczwvaDI+XG4gIDxmb3JtIChuZ1N1Ym1pdCk9XCJzdWJtaXRGb3JtKClcIj5cbiAgICA8bGFiZWwgZm9yPVwibmFtZVwiPk5vbWJyZTo8L2xhYmVsPlxuICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiIGlkPVwibmFtZVwiIFsobmdNb2RlbCldPVwibmFtZVwiIG5hbWU9XCJuYW1lXCIgcmVxdWlyZWQ+XG5cbiAgICA8bGFiZWwgZm9yPVwiYWdlXCI+RWRhZDo8L2xhYmVsPlxuICAgIDxpbnB1dCB0eXBlPVwibnVtYmVyXCIgaWQ9XCJhZ2VcIiBbKG5nTW9kZWwpXT1cImFnZVwiIG5hbWU9XCJhZ2VcIiByZXF1aXJlZD5cblxuICAgIDxidXR0b24gdHlwZT1cInN1Ym1pdFwiPlNpZ3VpZW50ZTwvYnV0dG9uPlxuICA8L2Zvcm0+XG48L2Rpdj5cbiJdfQ==
package/fesm2015/iptdevs-design-system.mjs CHANGED
@@ -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 i1$4 from 'primeng/steps';
37
+ import * as i2 from 'primeng/steps';
38
38
  import { StepsModule } from 'primeng/steps';
39
39
 
40
40
  class AsideButtonComponent {
@@ -6105,50 +6105,94 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
6105
6105
  }]
6106
6106
  }] });
6107
6107
 
6108
+ class CodSelfFormStepOneComponent {
6109
+ constructor() {
6110
+ this.completed = new EventEmitter();
6111
+ }
6112
+ submitForm() {
6113
+ if (this.name && this.age > 0) {
6114
+ // Aquí podrías realizar cualquier otra validación necesaria
6115
+ // Si el formulario es válido, emitir el evento de completado
6116
+ this.completed.emit();
6117
+ }
6118
+ else {
6119
+ // Manejar el caso en el que el formulario no sea válido
6120
+ console.log('Completa todos los campos antes de continuar.');
6121
+ }
6122
+ }
6123
+ }
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 (ngSubmit)=\"submitForm()\">\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 <button type=\"submit\">Siguiente</button>\n </form>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
6126
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepOneComponent, decorators: [{
6127
+ type: Component,
6128
+ args: [{ selector: 'app-cod-self-form-step-one', template: "<div>\n <h2>Paso 1: Datos Personales</h2>\n <form (ngSubmit)=\"submitForm()\">\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 <button type=\"submit\">Siguiente</button>\n </form>\n</div>\n" }]
6129
+ }], propDecorators: { completed: [{
6130
+ type: Output
6131
+ }] } });
6132
+
6133
+ class CodSelfFormStepTwoComponent {
6134
+ }
6135
+ 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: [""] });
6137
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepTwoComponent, decorators: [{
6138
+ type: Component,
6139
+ args: [{ selector: 'app-cod-self-form-step-two', template: "" }]
6140
+ }] });
6141
+
6108
6142
  class CodSelfManagedComponent {
6109
6143
  constructor() {
6110
6144
  this.items = [];
6145
+ this.currentStep = 0;
6146
+ this.stepCompleted = [false, false, false, false];
6111
6147
  }
6112
6148
  ngOnInit() {
6113
6149
  this.items = [
6114
6150
  {
6115
6151
  label: 'Personal',
6152
+ id: '1'
6116
6153
  },
6117
6154
  {
6118
6155
  label: 'Planes',
6156
+ id: '2',
6119
6157
  },
6120
6158
  {
6121
6159
  label: 'Payment',
6160
+ id: '3',
6122
6161
  },
6123
6162
  {
6124
6163
  label: 'Confirmation',
6164
+ id: '4',
6125
6165
  }
6126
6166
  ];
6127
6167
  }
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
+ onChangeStep(step) {
6183
+ console.log(step.index);
6184
+ console.log(step);
6185
+ this.currentStep = step;
6186
+ }
6187
+ markStepCompleted(step) {
6188
+ this.stepCompleted[step] = true;
6189
+ }
6128
6190
  }
6129
6191
  CodSelfManagedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
6130
- 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$4.Steps, selector: "p-steps", inputs: ["activeIndex", "model", "readonly", "style", "styleClass"], outputs: ["activeIndexChange"] }] });
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<!-- <p-steps [model]=\"items\"></p-steps> -->\n<p-steps [model]=\"items\" [(activeIndex)]=\"currentStep\" (onStepChange)=\"onChangeStep($event)\"></p-steps>\n\n<div *ngIf=\"currentStep === 0\">\n <!-- Contenido del paso 1 -->\n <!-- Ejemplo: -->\n <app-cod-self-form-step-one (completed)=\"markStepCompleted(0)\"></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)=\"markStepCompleted(1)\"></app-cod-self-form-step-two>\n</div>\n\n<div>\n <button (click)=\"onPrevious()\" [disabled]=\"currentStep === 0\">Anterior</button>\n <button (click)=\"onNext()\" [disabled]=\"currentStep === items.length - 1\">Siguiente</button>\n</div>\n\n<!-- <ipt-loader *ngIf=\"isLoading\" [isDialog]=\"false\"></ipt-loader> -->\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" }] });
6131
6193
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedComponent, decorators: [{
6132
6194
  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: [""] });
6140
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepOneComponent, decorators: [{
6141
- type: Component,
6142
- args: [{ selector: 'app-cod-self-form-step-one', template: "" }]
6143
- }] });
6144
-
6145
- class CodSelfFormStepTwoComponent {
6146
- }
6147
- 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: [""] });
6149
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepTwoComponent, decorators: [{
6150
- type: Component,
6151
- args: [{ selector: 'app-cod-self-form-step-two', template: "" }]
6195
+ args: [{ selector: 'ipt-cod-self-managed', template: "<h3>Cod Autogestionado</h3>\n\n<!-- <p-steps [model]=\"items\"></p-steps> -->\n<p-steps [model]=\"items\" [(activeIndex)]=\"currentStep\" (onStepChange)=\"onChangeStep($event)\"></p-steps>\n\n<div *ngIf=\"currentStep === 0\">\n <!-- Contenido del paso 1 -->\n <!-- Ejemplo: -->\n <app-cod-self-form-step-one (completed)=\"markStepCompleted(0)\"></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)=\"markStepCompleted(1)\"></app-cod-self-form-step-two>\n</div>\n\n<div>\n <button (click)=\"onPrevious()\" [disabled]=\"currentStep === 0\">Anterior</button>\n <button (click)=\"onNext()\" [disabled]=\"currentStep === items.length - 1\">Siguiente</button>\n</div>\n\n<!-- <ipt-loader *ngIf=\"isLoading\" [isDialog]=\"false\"></ipt-loader> -->\n" }]
6152
6196
  }] });
6153
6197
 
6154
6198
  class CodSelfFormStepThreeComponent {
@@ -6179,7 +6223,8 @@ codSelfManagedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ve
6179
6223
  CodSelfFormStepFourComponent], imports: [CommonModule,
6180
6224
  ComponentsModule,
6181
6225
  ReactiveFormsModule,
6182
- StepsModule], exports: [CodSelfManagedComponent,
6226
+ StepsModule,
6227
+ FormsModule], exports: [CodSelfManagedComponent,
6183
6228
  CodSelfFormStepOneComponent,
6184
6229
  CodSelfFormStepTwoComponent,
6185
6230
  CodSelfFormStepThreeComponent,
@@ -6187,7 +6232,8 @@ codSelfManagedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ve
6187
6232
  codSelfManagedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: codSelfManagedModule, imports: [CommonModule,
6188
6233
  ComponentsModule,
6189
6234
  ReactiveFormsModule,
6190
- StepsModule] });
6235
+ StepsModule,
6236
+ FormsModule] });
6191
6237
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: codSelfManagedModule, decorators: [{
6192
6238
  type: NgModule,
6193
6239
  args: [{
@@ -6196,6 +6242,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
6196
6242
  ComponentsModule,
6197
6243
  ReactiveFormsModule,
6198
6244
  StepsModule,
6245
+ FormsModule
6199
6246
  ],
6200
6247
  declarations: [
6201
6248
  CodSelfManagedComponent,