iptdevs-design-system 3.1.381 → 3.1.383

package/fesm2020/iptdevs-design-system.mjs

@@ -34,6 +34,8 @@ import { InputTextareaModule } from 'primeng/inputtextarea';
 import * as i8 from 'primeng/inputtext';
 import { InputTextModule } from 'primeng/inputtext';
 import * as i1$3 from '@angular/router';
+import * as i2 from 'primeng/steps';
+import { StepsModule } from 'primeng/steps';
 
 class AsideButtonComponent {
     constructor() {
@@ -6093,23 +6095,183 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
                 }]
         }] });
 
+class CodSelfFormStepOneComponent {
+    constructor() {
+        this.completed = new EventEmitter();
+    }
+    submitForm() {
+        if (this.name && this.age > 0) {
+            // Aquí podrías realizar cualquier otra validación necesaria
+            // Si el formulario es válido, emitir el evento de completado
+            this.completed.emit();
+        }
+        else {
+            // Manejar el caso en el que el formulario no sea válido
+            console.log('Completa todos los campos antes de continuar.');
+        }
+    }
+}
+CodSelfFormStepOneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepOneComponent, deps: [], 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 (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"] }] });
+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 (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" }]
+        }], propDecorators: { completed: [{
+                type: Output
+            }] } });
+
+class CodSelfFormStepTwoComponent {
+}
+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: "", styles: [""] });
+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: "" }]
+        }] });
+
+class CodSelfManagedComponent {
+    constructor() {
+        this.items = [];
+        this.currentStep = 0;
+        this.stepCompleted = [false, false, false, false];
+    }
+    ngOnInit() {
+        this.items = [
+            {
+                label: 'Personal',
+                id: '1'
+            },
+            {
+                label: 'Planes',
+                id: '2',
+            },
+            {
+                label: 'Payment',
+                id: '3',
+            },
+            {
+                label: 'Confirmation',
+                id: '4',
+            }
+        ];
+    }
+    onNext() {
+        if (this.stepCompleted[this.currentStep]) {
+            this.currentStep++;
+        }
+        else {
+            // Aquí puedes mostrar algún mensaje de error o realizar alguna acción cuando el paso no está completado
+            console.log('Completa el paso actual antes de avanzar.');
+        }
+    }
+    onPrevious() {
+        if (this.currentStep > 0) {
+            this.currentStep--;
+        }
+    }
+    onChangeStep(step) {
+        console.log(step.index);
+        console.log(step);
+        this.currentStep = step;
+    }
+    markStepCompleted(step) {
+        this.stepCompleted[step] = true;
+    }
+}
+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>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" }] });
+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>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" }]
+        }] });
+
+class CodSelfFormStepThreeComponent {
+}
+CodSelfFormStepThreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepThreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+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: [""] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepThreeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-cod-self-form-step-three', template: "" }]
+        }] });
+
+class CodSelfFormStepFourComponent {
+}
+CodSelfFormStepFourComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepFourComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+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: [""] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepFourComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-cod-self-form-step-four', template: "" }]
+        }] });
+
+class codSelfManagedModule {
+}
+codSelfManagedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: codSelfManagedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+codSelfManagedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: codSelfManagedModule, declarations: [CodSelfManagedComponent,
+        CodSelfFormStepOneComponent,
+        CodSelfFormStepTwoComponent,
+        CodSelfFormStepThreeComponent,
+        CodSelfFormStepFourComponent], imports: [CommonModule,
+        ComponentsModule,
+        ReactiveFormsModule,
+        StepsModule,
+        FormsModule], exports: [CodSelfManagedComponent,
+        CodSelfFormStepOneComponent,
+        CodSelfFormStepTwoComponent,
+        CodSelfFormStepThreeComponent,
+        CodSelfFormStepFourComponent] });
+codSelfManagedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: codSelfManagedModule, imports: [CommonModule,
+        ComponentsModule,
+        ReactiveFormsModule,
+        StepsModule,
+        FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: codSelfManagedModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        ComponentsModule,
+                        ReactiveFormsModule,
+                        StepsModule,
+                        FormsModule
+                    ],
+                    declarations: [
+                        CodSelfManagedComponent,
+                        CodSelfFormStepOneComponent,
+                        CodSelfFormStepTwoComponent,
+                        CodSelfFormStepThreeComponent,
+                        CodSelfFormStepFourComponent,
+                    ],
+                    exports: [
+                        CodSelfManagedComponent,
+                        CodSelfFormStepOneComponent,
+                        CodSelfFormStepTwoComponent,
+                        CodSelfFormStepThreeComponent,
+                        CodSelfFormStepFourComponent,
+                    ],
+                }]
+        }] });
+
 class DesignSystemModule {
 }
 DesignSystemModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: DesignSystemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 DesignSystemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: DesignSystemModule, imports: [ComponentsModule,
         CoreModule,
         CurrencyMaskModule,
-        CodModule], exports: [ComponentsModule,
+        CodModule,
+        codSelfManagedModule], exports: [ComponentsModule,
         CoreModule,
         CurrencyMaskModule,
-        CodModule] });
+        CodModule,
+        codSelfManagedModule] });
 DesignSystemModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: DesignSystemModule, imports: [ComponentsModule,
         CoreModule,
         CurrencyMaskModule,
-        CodModule, ComponentsModule,
+        CodModule,
+        codSelfManagedModule, ComponentsModule,
         CoreModule,
         CurrencyMaskModule,
-        CodModule] });
+        CodModule,
+        codSelfManagedModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: DesignSystemModule, decorators: [{
             type: NgModule,
             args: [{
@@ -6117,13 +6279,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
                         ComponentsModule,
                         CoreModule,
                         CurrencyMaskModule,
-                        CodModule
+                        CodModule,
+                        codSelfManagedModule
                     ],
                     exports: [
                         ComponentsModule,
                         CoreModule,
                         CurrencyMaskModule,
-                        CodModule
+                        CodModule,
+                        codSelfManagedModule
                     ],
                 }]
         }] });
@@ -6263,5 +6427,5 @@ class IUserFullDataRs {
  * Generated bundle index. Do not edit.
  */
 
-export { AcademicService, ActivityService, AsideButtonComponent, AttendanceService, BaseService, BudgetService, ButtonComponent, CalculateQuotesService, CalendarService, CertificateService, CheckboxComponent, ClassroomService, CodDocumentsSectionComponent, CodFormComponent, CodFormControls, CodFormStepFiveComponent, CodFormStepFourComponent, CodFormStepOneComponent, CodFormStepThreeComponent, CodFormStepTwoComponent, CodFormSteps, CodModule, CommercialService, CommunicatorService, ComponentsModule, CopiesService, CoreModule, CourseService, CreateUserFormComponent, DatalistComponent, DesignSystemModule, IUnitNameClubRs, IUserFullDataRs, InputComponent, LevelButtonComponent, LevelTextComponent, LoaderComponent, LocalStorageCODService, LoginFormComponent, MarketingService, NotesService, ParameterService, PlacementService, QuestionTypeComponent, RadioComponent, RedirectGuard, SelectComponent, Session, SidenavComponent, StorageService, StudentService, SwitchService, TestService, TextLinkComponent, UserEktService, UserLoginRs, UserRs, UserService, validateCoupunts };
+export { AcademicService, ActivityService, AsideButtonComponent, AttendanceService, BaseService, BudgetService, ButtonComponent, CalculateQuotesService, CalendarService, CertificateService, CheckboxComponent, ClassroomService, CodDocumentsSectionComponent, CodFormComponent, CodFormControls, CodFormStepFiveComponent, CodFormStepFourComponent, CodFormStepOneComponent, CodFormStepThreeComponent, CodFormStepTwoComponent, CodFormSteps, CodModule, CodSelfFormStepFourComponent, CodSelfFormStepOneComponent, CodSelfFormStepThreeComponent, CodSelfFormStepTwoComponent, CodSelfManagedComponent, CommercialService, CommunicatorService, ComponentsModule, CopiesService, CoreModule, CourseService, CreateUserFormComponent, DatalistComponent, DesignSystemModule, IUnitNameClubRs, IUserFullDataRs, InputComponent, LevelButtonComponent, LevelTextComponent, LoaderComponent, LocalStorageCODService, LoginFormComponent, MarketingService, NotesService, ParameterService, PlacementService, QuestionTypeComponent, RadioComponent, RedirectGuard, SelectComponent, Session, SidenavComponent, StorageService, StudentService, SwitchService, TestService, TextLinkComponent, UserEktService, UserLoginRs, UserRs, UserService, codSelfManagedModule, validateCoupunts };
 //# sourceMappingURL=iptdevs-design-system.mjs.map