cominication/fesm2015/cominication.js

prueba

import * as i0 from '@angular/core';
import { Injectable, EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
import * as i2 from '@angular/forms';
import { FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
import * as i1 from '@ngx-formly/core';
import { FormlyModule } from '@ngx-formly/core';
import { FormlyMaterialModule } from '@ngx-formly/material';

class CominicationService {
    constructor() { }
}
CominicationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: CominicationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
CominicationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: CominicationService, providedIn: 'root' });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: CominicationService, decorators: [{
            type: Injectable,
            args: [{
                    providedIn: 'root'
                }]
        }], ctorParameters: function () { return []; } });

class CominicationComponent {
    constructor() {
        this.pasos = true;
        this.comunica = new EventEmitter();
        this.model = {
            email: '',
            password: ''
        };
        this.form = [
            {
                key: 'email',
                type: 'input',
                templateOptions: {
                    placeholder: 'Correo/Telefono',
                    required: true,
                }
            },
            {
                key: 'password',
                type: 'input',
                templateOptions: {
                    type: 'password',
                    placeholder: 'Contraseña',
                    required: true,
                }
            },
        ];
        this.formLogin = new FormGroup({});
        this.modelLogin = this.model;
        this.fieldsLogin = this.form;
    }
    ngOnInit() {
    }
    onSubmit() {
        console.log(this.modelLogin);
        this.pasos = true;
        this.comunica.emit(this.pasos);
    }
}
CominicationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: CominicationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
CominicationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: CominicationComponent, selector: "tks-cominication", inputs: { pasos: "pasos" }, outputs: { comunica: "comunica" }, ngImport: i0, template: `
   <p>{{pasos}}</p>
    <form
      style="margin-top: 50px;"
      [formGroup]="formLogin"
      (ngSubmit)="onSubmit()">
      <formly-form
          [form]="formLogin"
          [fields]="fieldsLogin"
          [model]="modelLogin"></formly-form>
      <br><br>
     <a
        href="#"
        class="olvido-contrasena"
        style="color: #3c3c7f;">¿Olvidaste la contraseña?</a>
      <br><br><br>
          <button
              type="submit"
              expand="block"
              class="secondButton">Iniciar sesión</button>
    </form>
  `, isInline: true, components: [{ type: i1.FormlyForm, selector: "formly-form", inputs: ["model", "fields", "options", "form"], outputs: ["modelChange"] }], directives: [{ type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: CominicationComponent, decorators: [{
            type: Component,
            args: [{
                    selector: 'tks-cominication',
                    template: `
   <p>{{pasos}}</p>
    <form
      style="margin-top: 50px;"
      [formGroup]="formLogin"
      (ngSubmit)="onSubmit()">
      <formly-form
          [form]="formLogin"
          [fields]="fieldsLogin"
          [model]="modelLogin"></formly-form>
      <br><br>
     <a
        href="#"
        class="olvido-contrasena"
        style="color: #3c3c7f;">¿Olvidaste la contraseña?</a>
      <br><br><br>
          <button
              type="submit"
              expand="block"
              class="secondButton">Iniciar sesión</button>
    </form>
  `,
                    styles: []
                }]
        }], ctorParameters: function () { return []; }, propDecorators: { pasos: [{
                type: Input
            }], comunica: [{
                type: Output
            }] } });

class CominicationModule {
}
CominicationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: CominicationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
CominicationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: CominicationModule, declarations: [CominicationComponent], imports: [i1.FormlyModule, FormlyMaterialModule,
        ReactiveFormsModule], exports: [CominicationComponent] });
CominicationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: CominicationModule, imports: [[
            FormlyModule.forRoot({
                validationMessages: [
                    { name: 'required', message: 'El campo es requerido' }
                ],
                validators: [
                    { name: 'requiredTrue', validation: Validators.requiredTrue },
                ]
            }),
            FormlyMaterialModule,
            ReactiveFormsModule
        ]] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: CominicationModule, decorators: [{
            type: NgModule,
            args: [{
                    declarations: [
                        CominicationComponent
                    ],
                    imports: [
                        FormlyModule.forRoot({
                            validationMessages: [
                                { name: 'required', message: 'El campo es requerido' }
                            ],
                            validators: [
                                { name: 'requiredTrue', validation: Validators.requiredTrue },
                            ]
                        }),
                        FormlyMaterialModule,
                        ReactiveFormsModule
                    ],
                    exports: [
                        CominicationComponent
                    ]
                }]
        }] });

/*
 * Public API Surface of cominication
 */

/**
 * Generated bundle index. Do not edit.
 */

export { CominicationComponent, CominicationModule, CominicationService };
//# sourceMappingURL=cominication.js.map