iptdevs-design-system 3.1.390 → 3.1.392

package/fesm2020/iptdevs-design-system.mjs

@@ -6132,22 +6132,37 @@ class CodSelfFormStepOneComponent {
     }
 }
 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 });
-CodSelfFormStepOneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepOneComponent, selector: "app-cod-self-form-step-one", outputs: { completed: "completed" }, ngImport: i0, template: "<div>\n  <h2>Paso 1: Datos Personales</h2>\n  <form [formGroup]=\"codSelfFormStepOne\">\n\n\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Nombres'\"\n      [control]=\"codSelfFormStepOne.controls['name']\"\n    ></ipt-input>\n    <ipt-input\n      [inputType]=\"'number'\"\n      [placeHolder]=\"'Edad'\"\n      [control]=\"codSelfFormStepOne.controls['age']\"\n    ></ipt-input>\n  </form>\n\n</div>\n<div class=\"flex mt-3 align-items-center gap-3\">\n  <!-- <span *ngIf=\"codSelfFormStepOne.invalid && codSelfFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span> -->\n  <button\n  pButton\n  label=\"Siguiente\"\n  icon=\"pi pi-arrow-right\"\n  type=\"submit\"\n  (click)=\"sendForm()\"\n  ></button>\n</div>\n\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"] }, { kind: "directive", type: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
+CodSelfFormStepOneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepOneComponent, selector: "app-cod-self-form-step-one", outputs: { completed: "completed" }, ngImport: i0, template: "<div>\n  <h2>Paso 1: Datos Personales</h2>\n  <form [formGroup]=\"codSelfFormStepOne\">\n\n\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Nombres'\"\n      [control]=\"codSelfFormStepOne.controls['name']\"\n    ></ipt-input>\n    <ipt-input\n      [inputType]=\"'number'\"\n      [placeHolder]=\"'Edad'\"\n      [control]=\"codSelfFormStepOne.controls['age']\"\n    ></ipt-input>\n  </form>\n\n</div>\n<div class=\"flex mt-3 align-items-center gap-3\">\n  <!-- <span *ngIf=\"codSelfFormStepOne.invalid && codSelfFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span> -->\n  <button\n  pButton\n  label=\"Siguiente\"\n  icon=\"pi pi-arrow-right\"\n  type=\"submit\"\n  disabled=\"codSelfFormStepOne.invalid\"\n  (click)=\"sendForm()\"\n  ></button>\n</div>\n\n", styles: [""], dependencies: [{ kind: "component", type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal", "disabledSel"], outputs: ["dateSelected"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepOneComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-cod-self-form-step-one', template: "<div>\n  <h2>Paso 1: Datos Personales</h2>\n  <form [formGroup]=\"codSelfFormStepOne\">\n\n\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Nombres'\"\n      [control]=\"codSelfFormStepOne.controls['name']\"\n    ></ipt-input>\n    <ipt-input\n      [inputType]=\"'number'\"\n      [placeHolder]=\"'Edad'\"\n      [control]=\"codSelfFormStepOne.controls['age']\"\n    ></ipt-input>\n  </form>\n\n</div>\n<div class=\"flex mt-3 align-items-center gap-3\">\n  <!-- <span *ngIf=\"codSelfFormStepOne.invalid && codSelfFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span> -->\n  <button\n  pButton\n  label=\"Siguiente\"\n  icon=\"pi pi-arrow-right\"\n  type=\"submit\"\n  (click)=\"sendForm()\"\n  ></button>\n</div>\n\n" }]
+            args: [{ selector: 'app-cod-self-form-step-one', template: "<div>\n  <h2>Paso 1: Datos Personales</h2>\n  <form [formGroup]=\"codSelfFormStepOne\">\n\n\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Nombres'\"\n      [control]=\"codSelfFormStepOne.controls['name']\"\n    ></ipt-input>\n    <ipt-input\n      [inputType]=\"'number'\"\n      [placeHolder]=\"'Edad'\"\n      [control]=\"codSelfFormStepOne.controls['age']\"\n    ></ipt-input>\n  </form>\n\n</div>\n<div class=\"flex mt-3 align-items-center gap-3\">\n  <!-- <span *ngIf=\"codSelfFormStepOne.invalid && codSelfFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span> -->\n  <button\n  pButton\n  label=\"Siguiente\"\n  icon=\"pi pi-arrow-right\"\n  type=\"submit\"\n  disabled=\"codSelfFormStepOne.invalid\"\n  (click)=\"sendForm()\"\n  ></button>\n</div>\n\n" }]
         }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }]; }, propDecorators: { completed: [{
                 type: Output
             }] } });
 
 class CodSelfFormStepTwoComponent {
+    constructor() {
+        this.completed = new EventEmitter();
+    }
+    back() {
+        // Movernos al paso anterior
+        this.completed.emit(0);
+    }
+    sendForm() {
+        // this.codSelfFormStepOne.markAllAsTouched();
+        // if (this.codSelfFormStepOne.invalid) return;
+        // Movernos al paso 3
+        this.completed.emit(2);
+    }
 }
 CodSelfFormStepTwoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepTwoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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: [""] });
+CodSelfFormStepTwoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepTwoComponent, selector: "app-cod-self-form-step-two", outputs: { completed: "completed" }, ngImport: i0, template: "<span>step 2</span>\n\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\n  pButton\n  label=\"Atras\"\n  icon=\"pi pi-arrow-right\"\n  type=\"submit\"\n  (click)=\"back()\"\n  ></button>\n\n  <button\n  pButton\n  label=\"Siguiente\"\n  icon=\"pi pi-arrow-right\"\n  type=\"submit\"\n  (click)=\"sendForm()\"\n  ></button>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepTwoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-cod-self-form-step-two', template: "<span>step 2</span>\n" }]
-        }] });
+            args: [{ selector: 'app-cod-self-form-step-two', template: "<span>step 2</span>\n\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\n  pButton\n  label=\"Atras\"\n  icon=\"pi pi-arrow-right\"\n  type=\"submit\"\n  (click)=\"back()\"\n  ></button>\n\n  <button\n  pButton\n  label=\"Siguiente\"\n  icon=\"pi pi-arrow-right\"\n  type=\"submit\"\n  (click)=\"sendForm()\"\n  ></button>\n</div>\n" }]
+        }], propDecorators: { completed: [{
+                type: Output
+            }] } });
 
 class CodSelfFormStepThreeComponent {
 }
@@ -6190,7 +6205,7 @@ class CodSelfManagedComponent {
     }
 }
 CodSelfManagedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CodSelfManagedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfManagedComponent, selector: "ipt-cod-self-managed", ngImport: i0, template: "<!-- <h3>Matricula</h3> -->\n\n<p-steps [model]=\"items\" [(activeIndex)]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\" ></p-steps>\n<div class=\"container-steps\">\n  \n  <div *ngIf=\"currentStep === 0\">\n    <app-cod-self-form-step-one (completed)=\"changeStep($event)\"></app-cod-self-form-step-one>\n  </div>\n\n  <div *ngIf=\"currentStep === 1\">\n    <app-cod-self-form-step-two (completed)=\"changeStep($event)\"></app-cod-self-form-step-two>\n  </div>\n\n  <div *ngIf=\"currentStep === 2\">\n    <app-cod-self-form-step-three (completed)=\"changeStep($event)\"></app-cod-self-form-step-three>\n  </div>\n\n  <div *ngIf=\"currentStep === 3\">\n    <app-cod-self-form-step-four (completed)=\"changeStep($event)\"></app-cod-self-form-step-four>\n  </div>\n\n</div>\n\n\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.Steps, selector: "p-steps", inputs: ["activeIndex", "model", "readonly", "style", "styleClass"], outputs: ["activeIndexChange"] }, { kind: "component", type: CodSelfFormStepOneComponent, selector: "app-cod-self-form-step-one", outputs: ["completed"] }, { kind: "component", type: CodSelfFormStepTwoComponent, selector: "app-cod-self-form-step-two" }, { kind: "component", type: CodSelfFormStepThreeComponent, selector: "app-cod-self-form-step-three" }, { kind: "component", type: CodSelfFormStepFourComponent, selector: "app-cod-self-form-step-four" }] });
+CodSelfManagedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfManagedComponent, selector: "ipt-cod-self-managed", ngImport: i0, template: "<!-- <h3>Matricula</h3> -->\n\n<p-steps [model]=\"items\" [(activeIndex)]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\" ></p-steps>\n<div class=\"container-steps\">\n  \n  <div *ngIf=\"currentStep === 0\">\n    <app-cod-self-form-step-one (completed)=\"changeStep($event)\"></app-cod-self-form-step-one>\n  </div>\n\n  <div *ngIf=\"currentStep === 1\">\n    <app-cod-self-form-step-two (completed)=\"changeStep($event)\"></app-cod-self-form-step-two>\n  </div>\n\n  <div *ngIf=\"currentStep === 2\">\n    <app-cod-self-form-step-three (completed)=\"changeStep($event)\"></app-cod-self-form-step-three>\n  </div>\n\n  <div *ngIf=\"currentStep === 3\">\n    <app-cod-self-form-step-four (completed)=\"changeStep($event)\"></app-cod-self-form-step-four>\n  </div>\n\n</div>\n\n\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.Steps, selector: "p-steps", inputs: ["activeIndex", "model", "readonly", "style", "styleClass"], outputs: ["activeIndexChange"] }, { kind: "component", type: CodSelfFormStepOneComponent, selector: "app-cod-self-form-step-one", outputs: ["completed"] }, { kind: "component", type: CodSelfFormStepTwoComponent, selector: "app-cod-self-form-step-two", outputs: ["completed"] }, { kind: "component", type: CodSelfFormStepThreeComponent, selector: "app-cod-self-form-step-three" }, { kind: "component", type: CodSelfFormStepFourComponent, selector: "app-cod-self-form-step-four" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ipt-cod-self-managed', template: "<!-- <h3>Matricula</h3> -->\n\n<p-steps [model]=\"items\" [(activeIndex)]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\" ></p-steps>\n<div class=\"container-steps\">\n  \n  <div *ngIf=\"currentStep === 0\">\n    <app-cod-self-form-step-one (completed)=\"changeStep($event)\"></app-cod-self-form-step-one>\n  </div>\n\n  <div *ngIf=\"currentStep === 1\">\n    <app-cod-self-form-step-two (completed)=\"changeStep($event)\"></app-cod-self-form-step-two>\n  </div>\n\n  <div *ngIf=\"currentStep === 2\">\n    <app-cod-self-form-step-three (completed)=\"changeStep($event)\"></app-cod-self-form-step-three>\n  </div>\n\n  <div *ngIf=\"currentStep === 3\">\n    <app-cod-self-form-step-four (completed)=\"changeStep($event)\"></app-cod-self-form-step-four>\n  </div>\n\n</div>\n\n\n" }]