UNPKG

cominication

Version:
158 lines (147 loc) 9.43 kB
(function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms'), require('@ngx-formly/core'), require('@ngx-formly/material')) : typeof define === 'function' && define.amd ? define('cominication', ['exports', '@angular/core', '@angular/forms', '@ngx-formly/core', '@ngx-formly/material'], factory) : (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.cominication = {}, global.ng.core, global.ng.forms, global.i1, global.material)); })(this, (function (exports, i0, i2, i1, material) { 'use strict'; function _interopNamespace(e) { if (e && e.__esModule) return e; var n = Object.create(null); if (e) { Object.keys(e).forEach(function (k) { if (k !== 'default') { var d = Object.getOwnPropertyDescriptor(e, k); Object.defineProperty(n, k, d.get ? d : { enumerable: true, get: function () { return e[k]; } }); } }); } n["default"] = e; return Object.freeze(n); } var i0__namespace = /*#__PURE__*/_interopNamespace(i0); var i2__namespace = /*#__PURE__*/_interopNamespace(i2); var i1__namespace = /*#__PURE__*/_interopNamespace(i1); var CominicationService = /** @class */ (function () { function CominicationService() { } return CominicationService; }()); CominicationService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: CominicationService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable }); CominicationService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: CominicationService, providedIn: 'root' }); i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: CominicationService, decorators: [{ type: i0.Injectable, args: [{ providedIn: 'root' }] }], ctorParameters: function () { return []; } }); var CominicationComponent = /** @class */ (function () { function CominicationComponent() { this.pasos = true; this.comunica = new i0.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 i2.FormGroup({}); this.modelLogin = this.model; this.fieldsLogin = this.form; } CominicationComponent.prototype.ngOnInit = function () { }; CominicationComponent.prototype.onSubmit = function () { console.log(this.modelLogin); this.pasos = true; this.comunica.emit(this.pasos); }; return CominicationComponent; }()); CominicationComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: CominicationComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component }); CominicationComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: CominicationComponent, selector: "tks-cominication", inputs: { pasos: "pasos" }, outputs: { comunica: "comunica" }, ngImport: i0__namespace, template: "\n <p>{{pasos}}</p>\n <form\n style=\"margin-top: 50px;\"\n [formGroup]=\"formLogin\"\n (ngSubmit)=\"onSubmit()\">\n <formly-form\n [form]=\"formLogin\"\n [fields]=\"fieldsLogin\"\n [model]=\"modelLogin\"></formly-form>\n <br><br>\n <a\n href=\"#\"\n class=\"olvido-contrasena\"\n style=\"color: #3c3c7f;\">\u00BFOlvidaste la contrase\u00F1a?</a>\n <br><br><br>\n <button\n type=\"submit\"\n expand=\"block\"\n class=\"secondButton\">Iniciar sesi\u00F3n</button>\n </form>\n ", isInline: true, components: [{ type: i1__namespace.FormlyForm, selector: "formly-form", inputs: ["model", "fields", "options", "form"], outputs: ["modelChange"] }], directives: [{ type: i2__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] }); i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: CominicationComponent, decorators: [{ type: i0.Component, args: [{ selector: 'tks-cominication', template: "\n <p>{{pasos}}</p>\n <form\n style=\"margin-top: 50px;\"\n [formGroup]=\"formLogin\"\n (ngSubmit)=\"onSubmit()\">\n <formly-form\n [form]=\"formLogin\"\n [fields]=\"fieldsLogin\"\n [model]=\"modelLogin\"></formly-form>\n <br><br>\n <a\n href=\"#\"\n class=\"olvido-contrasena\"\n style=\"color: #3c3c7f;\">\u00BFOlvidaste la contrase\u00F1a?</a>\n <br><br><br>\n <button\n type=\"submit\"\n expand=\"block\"\n class=\"secondButton\">Iniciar sesi\u00F3n</button>\n </form>\n ", styles: [] }] }], ctorParameters: function () { return []; }, propDecorators: { pasos: [{ type: i0.Input }], comunica: [{ type: i0.Output }] } }); var CominicationModule = /** @class */ (function () { function CominicationModule() { } return CominicationModule; }()); CominicationModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: CominicationModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule }); CominicationModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: CominicationModule, declarations: [CominicationComponent], imports: [i1__namespace.FormlyModule, material.FormlyMaterialModule, i2.ReactiveFormsModule], exports: [CominicationComponent] }); CominicationModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: CominicationModule, imports: [[ i1.FormlyModule.forRoot({ validationMessages: [ { name: 'required', message: 'El campo es requerido' } ], validators: [ { name: 'requiredTrue', validation: i2.Validators.requiredTrue }, ] }), material.FormlyMaterialModule, i2.ReactiveFormsModule ]] }); i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: CominicationModule, decorators: [{ type: i0.NgModule, args: [{ declarations: [ CominicationComponent ], imports: [ i1.FormlyModule.forRoot({ validationMessages: [ { name: 'required', message: 'El campo es requerido' } ], validators: [ { name: 'requiredTrue', validation: i2.Validators.requiredTrue }, ] }), material.FormlyMaterialModule, i2.ReactiveFormsModule ], exports: [ CominicationComponent ] }] }] }); /* * Public API Surface of cominication */ /** * Generated bundle index. Do not edit. */ exports.CominicationComponent = CominicationComponent; exports.CominicationModule = CominicationModule; exports.CominicationService = CominicationService; Object.defineProperty(exports, '__esModule', { value: true }); })); //# sourceMappingURL=cominication.umd.js.map