iptdevs-design-system 2.7.37 → 2.7.39

package/esm2020/lib/components/forms/login-form/login-form.component.mjs

@@ -1,93 +1,93 @@
-import { Component, EventEmitter, Output } from '@angular/core';
-import { Validators } from '@angular/forms';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/forms";
-import * as i2 from "../../../core/utils/base-service/base.service";
-import * as i3 from "../../atoms/input/input.component";
-import * as i4 from "../../atoms/button/button.component";
-export class LoginFormComponent {
-    constructor(fb, baseService) {
-        this.baseService = baseService;
-        this.isLogged = new EventEmitter();
-        this.loginForm = fb.group({
-            email: ['', [Validators.required]],
-            password: ['', [Validators.required, Validators.minLength(3), Validators.maxLength(15)]],
-        });
-    }
-    login(data) {
-        this.baseService.webLogin(data.controls['email'].value, data.controls['password'].value).then((isLogged) => {
-            this.isLogged.emit(isLogged);
-        });
-    }
-}
-LoginFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LoginFormComponent, deps: [{ token: i1.FormBuilder }, { token: i2.BaseService }], target: i0.ɵɵFactoryTarget.Component });
-LoginFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: LoginFormComponent, selector: "ipt-login-form", outputs: { isLogged: "isLogged" }, ngImport: i0, template: `
-    <div class="form-container">
-
-      <h2 style="text-align: center;">IPT PLATFORM</h2>
-      <hr>
-
-      <form (ngSubmit)="login(loginForm)" [formGroup]="loginForm">
-        <ipt-input
-          [inputType]="'text'"
-          [placeHolder]="'Email'"
-          [validateText]="'Debe ser @inglesparatodos.edu.co'"
-          [control]="loginForm.controls['email']"
-        ></ipt-input>
-
-        <ipt-input
-          [inputType]="'password'"
-          [placeHolder]="'Password'"
-          [control]="loginForm.controls['password']"
-        ></ipt-input>
-      </form>
-
-      <div class="button-container">
-        <ipt-button
-          [label]="'Login'"
-          [primary]="true"
-          [isEnabled]="loginForm.valid"
-          (onClick)="login(loginForm)"
-        ></ipt-button>
-      </div>
-
-    </div>
-  `, isInline: true, styles: [".form-container{display:grid;grid-template-columns:1fr;justify-items:center;width:350px}.with-background{background-color:#fff;border-radius:25px;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px}h2{color:#1c77f7}hr{width:80%}form{margin-bottom:60px;display:grid;grid-template-columns:1fr;grid-gap:30px;gap:30px;width:100%}.button-container{margin-bottom:70px;align-items:center;display:flex;gap:50px}footer{background-color:#1c77f7;border-top-left-radius:25px;border-top-right-radius:25px;width:100%;height:100px;display:flex;align-items:center;justify-content:center}\n"], components: [{ type: i3.InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal"], outputs: ["dateSelected"] }, { type: i4.ButtonComponent, selector: "ipt-button", inputs: ["primary", "size", "label", "buttonType", "isEnabled"], outputs: ["onClick"] }], directives: [{ type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LoginFormComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ipt-login-form', template: `
-    <div class="form-container">
-
-      <h2 style="text-align: center;">IPT PLATFORM</h2>
-      <hr>
-
-      <form (ngSubmit)="login(loginForm)" [formGroup]="loginForm">
-        <ipt-input
-          [inputType]="'text'"
-          [placeHolder]="'Email'"
-          [validateText]="'Debe ser @inglesparatodos.edu.co'"
-          [control]="loginForm.controls['email']"
-        ></ipt-input>
-
-        <ipt-input
-          [inputType]="'password'"
-          [placeHolder]="'Password'"
-          [control]="loginForm.controls['password']"
-        ></ipt-input>
-      </form>
-
-      <div class="button-container">
-        <ipt-button
-          [label]="'Login'"
-          [primary]="true"
-          [isEnabled]="loginForm.valid"
-          (onClick)="login(loginForm)"
-        ></ipt-button>
-      </div>
-
-    </div>
-  `, styles: [".form-container{display:grid;grid-template-columns:1fr;justify-items:center;width:350px}.with-background{background-color:#fff;border-radius:25px;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px}h2{color:#1c77f7}hr{width:80%}form{margin-bottom:60px;display:grid;grid-template-columns:1fr;grid-gap:30px;gap:30px;width:100%}.button-container{margin-bottom:70px;align-items:center;display:flex;gap:50px}footer{background-color:#1c77f7;border-top-left-radius:25px;border-top-right-radius:25px;width:100%;height:100px;display:flex;align-items:center;justify-content:center}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.FormBuilder }, { type: i2.BaseService }]; }, propDecorators: { isLogged: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naW4tZm9ybS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9mb3Jtcy9sb2dpbi1mb3JtL2xvZ2luLWZvcm0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFpQixNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUEwQixVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7O0FBd0NwRSxNQUFNLE9BQU8sa0JBQWtCO0lBTTdCLFlBQ0UsRUFBZSxFQUNQLFdBQXdCO1FBQXhCLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBTnhCLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBUS9DLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDLEtBQUssQ0FBQztZQUN4QixLQUFLLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDbEMsUUFBUSxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsVUFBVSxDQUFDLFFBQVEsRUFBRSxVQUFVLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFDLFVBQVUsQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztTQUN4RixDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsS0FBSyxDQUFDLElBQWU7UUFDbkIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxVQUFVLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxRQUFRLEVBQUUsRUFBRTtZQUN6RyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUMvQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7OytHQXBCVSxrQkFBa0I7bUdBQWxCLGtCQUFrQix5RkFuQ25COzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBK0JUOzJGQUlVLGtCQUFrQjtrQkFyQzlCLFNBQVM7K0JBQ0UsZ0JBQWdCLFlBQ2hCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBK0JUOzRIQU1TLFFBQVE7c0JBQWpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZvcm1CdWlsZGVyLCBGb3JtR3JvdXAsIFZhbGlkYXRvcnMgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IEJhc2VTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vY29yZS91dGlscy9iYXNlLXNlcnZpY2UvYmFzZS5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnaXB0LWxvZ2luLWZvcm0nLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8ZGl2IGNsYXNzPVwiZm9ybS1jb250YWluZXJcIj5cclxuXHJcbiAgICAgIDxoMiBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5JUFQgUExBVEZPUk08L2gyPlxyXG4gICAgICA8aHI+XHJcblxyXG4gICAgICA8Zm9ybSAobmdTdWJtaXQpPVwibG9naW4obG9naW5Gb3JtKVwiIFtmb3JtR3JvdXBdPVwibG9naW5Gb3JtXCI+XHJcbiAgICAgICAgPGlwdC1pbnB1dFxyXG4gICAgICAgICAgW2lucHV0VHlwZV09XCIndGV4dCdcIlxyXG4gICAgICAgICAgW3BsYWNlSG9sZGVyXT1cIidFbWFpbCdcIlxyXG4gICAgICAgICAgW3ZhbGlkYXRlVGV4dF09XCInRGViZSBzZXIgQGluZ2xlc3BhcmF0b2Rvcy5lZHUuY28nXCJcclxuICAgICAgICAgIFtjb250cm9sXT1cImxvZ2luRm9ybS5jb250cm9sc1snZW1haWwnXVwiXHJcbiAgICAgICAgPjwvaXB0LWlucHV0PlxyXG5cclxuICAgICAgICA8aXB0LWlucHV0XHJcbiAgICAgICAgICBbaW5wdXRUeXBlXT1cIidwYXNzd29yZCdcIlxyXG4gICAgICAgICAgW3BsYWNlSG9sZGVyXT1cIidQYXNzd29yZCdcIlxyXG4gICAgICAgICAgW2NvbnRyb2xdPVwibG9naW5Gb3JtLmNvbnRyb2xzWydwYXNzd29yZCddXCJcclxuICAgICAgICA+PC9pcHQtaW5wdXQ+XHJcbiAgICAgIDwvZm9ybT5cclxuXHJcbiAgICAgIDxkaXYgY2xhc3M9XCJidXR0b24tY29udGFpbmVyXCI+XHJcbiAgICAgICAgPGlwdC1idXR0b25cclxuICAgICAgICAgIFtsYWJlbF09XCInTG9naW4nXCJcclxuICAgICAgICAgIFtwcmltYXJ5XT1cInRydWVcIlxyXG4gICAgICAgICAgW2lzRW5hYmxlZF09XCJsb2dpbkZvcm0udmFsaWRcIlxyXG4gICAgICAgICAgKG9uQ2xpY2spPVwibG9naW4obG9naW5Gb3JtKVwiXHJcbiAgICAgICAgPjwvaXB0LWJ1dHRvbj5cclxuICAgICAgPC9kaXY+XHJcblxyXG4gICAgPC9kaXY+XHJcbiAgYCxcclxuICBzdHlsZVVybHM6IFsnLi9sb2dpbi1mb3JtLmNzcyddXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgTG9naW5Gb3JtQ29tcG9uZW50IHtcclxuXHJcbiAgQE91dHB1dCgpIGlzTG9nZ2VkID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xyXG5cclxuICBsb2dpbkZvcm0hOiBGb3JtR3JvdXA7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgZmI6IEZvcm1CdWlsZGVyLFxyXG4gICAgcHJpdmF0ZSBiYXNlU2VydmljZTogQmFzZVNlcnZpY2UsXHJcbiAgKSB7XHJcbiAgICB0aGlzLmxvZ2luRm9ybSA9IGZiLmdyb3VwKHtcclxuICAgICAgZW1haWw6IFsnJywgW1ZhbGlkYXRvcnMucmVxdWlyZWRdXSxcclxuICAgICAgcGFzc3dvcmQ6IFsnJywgW1ZhbGlkYXRvcnMucmVxdWlyZWQsIFZhbGlkYXRvcnMubWluTGVuZ3RoKDMpLFZhbGlkYXRvcnMubWF4TGVuZ3RoKDE1KV1dLFxyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBsb2dpbihkYXRhOiBGb3JtR3JvdXApIHtcclxuICAgIHRoaXMuYmFzZVNlcnZpY2Uud2ViTG9naW4oZGF0YS5jb250cm9sc1snZW1haWwnXS52YWx1ZSwgZGF0YS5jb250cm9sc1sncGFzc3dvcmQnXS52YWx1ZSkudGhlbigoaXNMb2dnZWQpID0+e1xyXG4gICAgICB0aGlzLmlzTG9nZ2VkLmVtaXQoaXNMb2dnZWQpO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxufVxyXG4iXX0=
+import { Component, EventEmitter, Output } from '@angular/core';
+import { Validators } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "../../../core/utils/base-service/base.service";
+import * as i3 from "../../atoms/input/input.component";
+import * as i4 from "../../atoms/button/button.component";
+export class LoginFormComponent {
+    constructor(fb, baseService) {
+        this.baseService = baseService;
+        this.isLogged = new EventEmitter();
+        this.loginForm = fb.group({
+            email: ['', [Validators.required]],
+            password: ['', [Validators.required, Validators.minLength(3), Validators.maxLength(15)]],
+        });
+    }
+    login(data) {
+        this.baseService.webLogin(data.controls['email'].value, data.controls['password'].value).then((isLogged) => {
+            this.isLogged.emit(isLogged);
+        });
+    }
+}
+LoginFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LoginFormComponent, deps: [{ token: i1.FormBuilder }, { token: i2.BaseService }], target: i0.ɵɵFactoryTarget.Component });
+LoginFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: LoginFormComponent, selector: "ipt-login-form", outputs: { isLogged: "isLogged" }, ngImport: i0, template: `
+    <div class="form-container">
+
+      <h2 style="text-align: center;">IPT PLATFORM</h2>
+      <hr>
+
+      <form (ngSubmit)="login(loginForm)" [formGroup]="loginForm">
+        <ipt-input
+          [inputType]="'text'"
+          [placeHolder]="'Email'"
+          [validateText]="'Debe ser @inglesparatodos.edu.co'"
+          [control]="loginForm.controls['email']"
+        ></ipt-input>
+
+        <ipt-input
+          [inputType]="'password'"
+          [placeHolder]="'Password'"
+          [control]="loginForm.controls['password']"
+        ></ipt-input>
+      </form>
+
+      <div class="button-container">
+        <ipt-button
+          [label]="'Login'"
+          [primary]="true"
+          [isEnabled]="loginForm.valid"
+          (onClick)="login(loginForm)"
+        ></ipt-button>
+      </div>
+
+    </div>
+  `, isInline: true, styles: [".form-container{display:grid;grid-template-columns:1fr;justify-items:center;width:350px}.with-background{background-color:#fff;border-radius:25px;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px}h2{color:#1c77f7}hr{width:80%}form{margin-bottom:60px;display:grid;grid-template-columns:1fr;grid-gap:30px;gap:30px;width:100%}.button-container{margin-bottom:70px;align-items:center;display:flex;gap:50px}footer{background-color:#1c77f7;border-top-left-radius:25px;border-top-right-radius:25px;width:100%;height:100px;display:flex;align-items:center;justify-content:center}\n"], components: [{ type: i3.InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal"], outputs: ["dateSelected"] }, { type: i4.ButtonComponent, selector: "ipt-button", inputs: ["primary", "size", "label", "buttonType", "isEnabled"], outputs: ["onClick"] }], directives: [{ type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LoginFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipt-login-form', template: `
+    <div class="form-container">
+
+      <h2 style="text-align: center;">IPT PLATFORM</h2>
+      <hr>
+
+      <form (ngSubmit)="login(loginForm)" [formGroup]="loginForm">
+        <ipt-input
+          [inputType]="'text'"
+          [placeHolder]="'Email'"
+          [validateText]="'Debe ser @inglesparatodos.edu.co'"
+          [control]="loginForm.controls['email']"
+        ></ipt-input>
+
+        <ipt-input
+          [inputType]="'password'"
+          [placeHolder]="'Password'"
+          [control]="loginForm.controls['password']"
+        ></ipt-input>
+      </form>
+
+      <div class="button-container">
+        <ipt-button
+          [label]="'Login'"
+          [primary]="true"
+          [isEnabled]="loginForm.valid"
+          (onClick)="login(loginForm)"
+        ></ipt-button>
+      </div>
+
+    </div>
+  `, styles: [".form-container{display:grid;grid-template-columns:1fr;justify-items:center;width:350px}.with-background{background-color:#fff;border-radius:25px;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px}h2{color:#1c77f7}hr{width:80%}form{margin-bottom:60px;display:grid;grid-template-columns:1fr;grid-gap:30px;gap:30px;width:100%}.button-container{margin-bottom:70px;align-items:center;display:flex;gap:50px}footer{background-color:#1c77f7;border-top-left-radius:25px;border-top-right-radius:25px;width:100%;height:100px;display:flex;align-items:center;justify-content:center}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FormBuilder }, { type: i2.BaseService }]; }, propDecorators: { isLogged: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naW4tZm9ybS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9mb3Jtcy9sb2dpbi1mb3JtL2xvZ2luLWZvcm0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFpQixNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUEwQixVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7O0FBd0NwRSxNQUFNLE9BQU8sa0JBQWtCO0lBTTdCLFlBQ0UsRUFBZSxFQUNQLFdBQXdCO1FBQXhCLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBTnhCLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBUS9DLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDLEtBQUssQ0FBQztZQUN4QixLQUFLLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDbEMsUUFBUSxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsVUFBVSxDQUFDLFFBQVEsRUFBRSxVQUFVLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFDLFVBQVUsQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztTQUN4RixDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsS0FBSyxDQUFDLElBQWU7UUFDbkIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxVQUFVLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxRQUFRLEVBQUUsRUFBRTtZQUN6RyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUMvQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7OytHQXBCVSxrQkFBa0I7bUdBQWxCLGtCQUFrQix5RkFuQ25COzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBK0JUOzJGQUlVLGtCQUFrQjtrQkFyQzlCLFNBQVM7K0JBQ0UsZ0JBQWdCLFlBQ2hCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBK0JUOzRIQU1TLFFBQVE7c0JBQWpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQnVpbGRlciwgRm9ybUdyb3VwLCBWYWxpZGF0b3JzIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQmFzZVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9jb3JlL3V0aWxzL2Jhc2Utc2VydmljZS9iYXNlLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpcHQtbG9naW4tZm9ybScsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImZvcm0tY29udGFpbmVyXCI+XG5cbiAgICAgIDxoMiBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5JUFQgUExBVEZPUk08L2gyPlxuICAgICAgPGhyPlxuXG4gICAgICA8Zm9ybSAobmdTdWJtaXQpPVwibG9naW4obG9naW5Gb3JtKVwiIFtmb3JtR3JvdXBdPVwibG9naW5Gb3JtXCI+XG4gICAgICAgIDxpcHQtaW5wdXRcbiAgICAgICAgICBbaW5wdXRUeXBlXT1cIid0ZXh0J1wiXG4gICAgICAgICAgW3BsYWNlSG9sZGVyXT1cIidFbWFpbCdcIlxuICAgICAgICAgIFt2YWxpZGF0ZVRleHRdPVwiJ0RlYmUgc2VyIEBpbmdsZXNwYXJhdG9kb3MuZWR1LmNvJ1wiXG4gICAgICAgICAgW2NvbnRyb2xdPVwibG9naW5Gb3JtLmNvbnRyb2xzWydlbWFpbCddXCJcbiAgICAgICAgPjwvaXB0LWlucHV0PlxuXG4gICAgICAgIDxpcHQtaW5wdXRcbiAgICAgICAgICBbaW5wdXRUeXBlXT1cIidwYXNzd29yZCdcIlxuICAgICAgICAgIFtwbGFjZUhvbGRlcl09XCInUGFzc3dvcmQnXCJcbiAgICAgICAgICBbY29udHJvbF09XCJsb2dpbkZvcm0uY29udHJvbHNbJ3Bhc3N3b3JkJ11cIlxuICAgICAgICA+PC9pcHQtaW5wdXQ+XG4gICAgICA8L2Zvcm0+XG5cbiAgICAgIDxkaXYgY2xhc3M9XCJidXR0b24tY29udGFpbmVyXCI+XG4gICAgICAgIDxpcHQtYnV0dG9uXG4gICAgICAgICAgW2xhYmVsXT1cIidMb2dpbidcIlxuICAgICAgICAgIFtwcmltYXJ5XT1cInRydWVcIlxuICAgICAgICAgIFtpc0VuYWJsZWRdPVwibG9naW5Gb3JtLnZhbGlkXCJcbiAgICAgICAgICAob25DbGljayk9XCJsb2dpbihsb2dpbkZvcm0pXCJcbiAgICAgICAgPjwvaXB0LWJ1dHRvbj5cbiAgICAgIDwvZGl2PlxuXG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2xvZ2luLWZvcm0uY3NzJ11cbn0pXG5cbmV4cG9ydCBjbGFzcyBMb2dpbkZvcm1Db21wb25lbnQge1xuXG4gIEBPdXRwdXQoKSBpc0xvZ2dlZCA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBsb2dpbkZvcm0hOiBGb3JtR3JvdXA7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgZmI6IEZvcm1CdWlsZGVyLFxuICAgIHByaXZhdGUgYmFzZVNlcnZpY2U6IEJhc2VTZXJ2aWNlLFxuICApIHtcbiAgICB0aGlzLmxvZ2luRm9ybSA9IGZiLmdyb3VwKHtcbiAgICAgIGVtYWlsOiBbJycsIFtWYWxpZGF0b3JzLnJlcXVpcmVkXV0sXG4gICAgICBwYXNzd29yZDogWycnLCBbVmFsaWRhdG9ycy5yZXF1aXJlZCwgVmFsaWRhdG9ycy5taW5MZW5ndGgoMyksVmFsaWRhdG9ycy5tYXhMZW5ndGgoMTUpXV0sXG4gICAgfSk7XG4gIH1cblxuICBsb2dpbihkYXRhOiBGb3JtR3JvdXApIHtcbiAgICB0aGlzLmJhc2VTZXJ2aWNlLndlYkxvZ2luKGRhdGEuY29udHJvbHNbJ2VtYWlsJ10udmFsdWUsIGRhdGEuY29udHJvbHNbJ3Bhc3N3b3JkJ10udmFsdWUpLnRoZW4oKGlzTG9nZ2VkKSA9PntcbiAgICAgIHRoaXMuaXNMb2dnZWQuZW1pdChpc0xvZ2dlZCk7XG4gICAgfSk7XG4gIH1cblxufVxuIl19

package/esm2020/lib/components/material.module.mjs

@@ -1,19 +1,19 @@
-import { NgModule } from '@angular/core';
-import { MatSidenavModule } from '@angular/material/sidenav';
-import { MatToolbarModule } from '@angular/material/toolbar';
-import { MatIconModule } from '@angular/material/icon';
-import { MatListModule } from '@angular/material/list';
-import { MatButtonModule } from '@angular/material/button';
-import * as i0 from "@angular/core";
-export class MaterialModule {
-}
-MaterialModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MaterialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MaterialModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MaterialModule, exports: [MatSidenavModule, MatToolbarModule, MatIconModule, MatListModule, MatButtonModule] });
-MaterialModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MaterialModule, imports: [MatSidenavModule, MatToolbarModule, MatIconModule, MatListModule, MatButtonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MaterialModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [MatSidenavModule, MatToolbarModule, MatIconModule, MatListModule, MatButtonModule],
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZXJpYWwubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvbWF0ZXJpYWwubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7O0FBSzNELE1BQU0sT0FBTyxjQUFjOzsyR0FBZCxjQUFjOzRHQUFkLGNBQWMsWUFGZixnQkFBZ0IsRUFBRSxnQkFBZ0IsRUFBRSxhQUFhLEVBQUUsYUFBYSxFQUFFLGVBQWU7NEdBRWhGLGNBQWMsWUFGZixnQkFBZ0IsRUFBRSxnQkFBZ0IsRUFBRSxhQUFhLEVBQUUsYUFBYSxFQUFFLGVBQWU7MkZBRWhGLGNBQWM7a0JBSDFCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsZ0JBQWdCLEVBQUUsZ0JBQWdCLEVBQUUsYUFBYSxFQUFFLGFBQWEsRUFBRSxlQUFlLENBQUM7aUJBQzdGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7IE1hdFNpZGVuYXZNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zaWRlbmF2JztcclxuaW1wb3J0IHsgTWF0VG9vbGJhck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2xiYXInO1xyXG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XHJcbmltcG9ydCB7IE1hdExpc3RNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9saXN0JztcclxuaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZXhwb3J0czogW01hdFNpZGVuYXZNb2R1bGUsIE1hdFRvb2xiYXJNb2R1bGUsIE1hdEljb25Nb2R1bGUsIE1hdExpc3RNb2R1bGUsIE1hdEJ1dHRvbk1vZHVsZV0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNYXRlcmlhbE1vZHVsZSB7fVxyXG4iXX0=
+import { NgModule } from '@angular/core';
+import { MatSidenavModule } from '@angular/material/sidenav';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import { MatIconModule } from '@angular/material/icon';
+import { MatListModule } from '@angular/material/list';
+import { MatButtonModule } from '@angular/material/button';
+import * as i0 from "@angular/core";
+export class MaterialModule {
+}
+MaterialModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MaterialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MaterialModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MaterialModule, exports: [MatSidenavModule, MatToolbarModule, MatIconModule, MatListModule, MatButtonModule] });
+MaterialModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MaterialModule, imports: [MatSidenavModule, MatToolbarModule, MatIconModule, MatListModule, MatButtonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MaterialModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [MatSidenavModule, MatToolbarModule, MatIconModule, MatListModule, MatButtonModule],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZXJpYWwubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvbWF0ZXJpYWwubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7O0FBSzNELE1BQU0sT0FBTyxjQUFjOzsyR0FBZCxjQUFjOzRHQUFkLGNBQWMsWUFGZixnQkFBZ0IsRUFBRSxnQkFBZ0IsRUFBRSxhQUFhLEVBQUUsYUFBYSxFQUFFLGVBQWU7NEdBRWhGLGNBQWMsWUFGZixnQkFBZ0IsRUFBRSxnQkFBZ0IsRUFBRSxhQUFhLEVBQUUsYUFBYSxFQUFFLGVBQWU7MkZBRWhGLGNBQWM7a0JBSDFCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsZ0JBQWdCLEVBQUUsZ0JBQWdCLEVBQUUsYUFBYSxFQUFFLGFBQWEsRUFBRSxlQUFlLENBQUM7aUJBQzdGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgTWF0U2lkZW5hdk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NpZGVuYXYnO1xuaW1wb3J0IHsgTWF0VG9vbGJhck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2xiYXInO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTWF0TGlzdE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2xpc3QnO1xuaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcblxuQE5nTW9kdWxlKHtcbiAgZXhwb3J0czogW01hdFNpZGVuYXZNb2R1bGUsIE1hdFRvb2xiYXJNb2R1bGUsIE1hdEljb25Nb2R1bGUsIE1hdExpc3RNb2R1bGUsIE1hdEJ1dHRvbk1vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIE1hdGVyaWFsTW9kdWxlIHt9XG4iXX0=

package/esm2020/lib/components/molecules/question-type/edit-question-types.component.mjs

@@ -0,0 +1,299 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../atoms/input/input.component";
+import * as i2 from "@angular/common";
+export class QuestionTypeComponent {
+    ngOnChanges(changes) {
+        if (changes['questionType']) {
+            console.log(this.questionType);
+            console.log(this.formGruoup);
+        }
+    }
+}
+QuestionTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: QuestionTypeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+QuestionTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: QuestionTypeComponent, selector: "ipt-question-types", inputs: { questionType: "questionType", formGruoup: "formGruoup" }, usesOnChanges: true, ngImport: i0, template: `
+    <div
+      *ngIf="
+        this.questionType === 'True or False' ||
+        this.questionType === 'Correct or Incorrect'
+      "
+      class="sectionABCD"
+    >
+      <fieldset disabled="disabled">
+        <ipt-input
+          [control]="formGruoup.controls['answer1']"
+          [inputType]="'text'"
+          [placeHolder]="
+            this.questionType === 'True or False' ? 'True' : 'Correct'
+          "
+          [validateText]="'Este campo es requerido'"
+        >
+        </ipt-input>
+      </fieldset>
+      <ipt-input
+        [control]="formGruoup.controls['value1']"
+        [inputType]="'number'"
+        [placeHolder]="'Valor *'"
+        [validateText]="'Debe ser 0 o 1'"
+      >
+      </ipt-input>
+      <fieldset disabled="disabled">
+        <ipt-input
+          [control]="formGruoup.controls['answer2']"
+          [inputType]="'text'"
+          [placeHolder]="
+            this.questionType === 'True or False' ? 'False' : 'Incorrect'
+          "
+          [validateText]="'Este campo es requerido'"
+        >
+        </ipt-input>
+      </fieldset>
+      <ipt-input
+        [control]="formGruoup.controls['value2']"
+        [inputType]="'number'"
+        [placeHolder]="'Valor *'"
+        [validateText]="'Debe ser 0 o 1'"
+      >
+      </ipt-input>
+    </div>
+
+    <div
+      *ngIf="
+        this.questionType === 'Relationship' ||
+        this.questionType === 'Complete' ||
+        this.questionType === 'Conversation'
+      "
+      class="sectionABCD"
+    >
+      <ipt-input
+        [control]="formGruoup.controls['answer1']"
+        [inputType]="'text'"
+        [placeHolder]="'Ingrese la opción'"
+        [validateText]="'Este campo es requerido'"
+      >
+      </ipt-input>
+      <ipt-input
+        [control]="formGruoup.controls['value1']"
+        [inputType]="'number'"
+        [placeHolder]="'Valor *'"
+        [validateText]="'Debe ser 0 o 1'"
+      >
+      </ipt-input>
+    </div>
+
+    <div
+      *ngIf="
+        this.questionType === 'A, B, C' || this.questionType === 'A, B, C, D'
+      "
+      class="sectionABCD"
+    >
+      <ipt-input
+        [control]="formGruoup.controls['answer1']"
+        [inputType]="'text'"
+        [placeHolder]="'Opción A *'"
+        [validateText]="'Este campo es requerido'"
+      >
+      </ipt-input>
+      <ipt-input
+        [control]="formGruoup.controls['value1']"
+        [inputType]="'number'"
+        [placeHolder]="'Valor *'"
+        [validateText]="'Debe ser 0 o 1'"
+      >
+      </ipt-input>
+
+      <ipt-input
+        [control]="formGruoup.controls['answer2']"
+        [inputType]="'text'"
+        [placeHolder]="'Opción B *'"
+        [validateText]="'Este campo es requerido'"
+      >
+      </ipt-input>
+      <ipt-input
+        [control]="formGruoup.controls['value2']"
+        [inputType]="'number'"
+        [placeHolder]="'Valor *'"
+        [validateText]="'Debe ser 0 o 1'"
+      >
+      </ipt-input>
+
+      <ipt-input
+        [control]="formGruoup.controls['answer3']"
+        [inputType]="'text'"
+        [placeHolder]="'Opción C *'"
+        [validateText]="'Este campo es requerido'"
+      >
+      </ipt-input>
+      <ipt-input
+        [control]="formGruoup.controls['value3']"
+        [inputType]="'number'"
+        [placeHolder]="'Valor *'"
+        [validateText]="'Debe ser 0 o 1'"
+      >
+      </ipt-input>
+
+      <ipt-input
+        *ngIf="this.questionType === 'A, B, C, D'"
+        [control]="formGruoup.controls['answer4']"
+        [inputType]="'text'"
+        [placeHolder]="'Opción D *'"
+        [validateText]="'Este campo es requerido'"
+      >
+      </ipt-input>
+      <ipt-input
+        *ngIf="this.questionType === 'A, B, C, D'"
+        [control]="formGruoup.controls['value4']"
+        [inputType]="'number'"
+        [placeHolder]="'Valor *'"
+        [validateText]="'Debe ser 0 o 1'"
+      >
+      </ipt-input>
+    </div>
+  `, isInline: true, styles: ["form{display:grid;grid-template-columns:1fr}.sectionABCD{display:grid;grid-template-columns:12fr 0fr;grid-gap:0px 10px;gap:0px 10px}fieldset{background:transparent;border:none}\n"], components: [{ type: i1.InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal"], outputs: ["dateSelected"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: QuestionTypeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipt-question-types', template: `
+    <div
+      *ngIf="
+        this.questionType === 'True or False' ||
+        this.questionType === 'Correct or Incorrect'
+      "
+      class="sectionABCD"
+    >
+      <fieldset disabled="disabled">
+        <ipt-input
+          [control]="formGruoup.controls['answer1']"
+          [inputType]="'text'"
+          [placeHolder]="
+            this.questionType === 'True or False' ? 'True' : 'Correct'
+          "
+          [validateText]="'Este campo es requerido'"
+        >
+        </ipt-input>
+      </fieldset>
+      <ipt-input
+        [control]="formGruoup.controls['value1']"
+        [inputType]="'number'"
+        [placeHolder]="'Valor *'"
+        [validateText]="'Debe ser 0 o 1'"
+      >
+      </ipt-input>
+      <fieldset disabled="disabled">
+        <ipt-input
+          [control]="formGruoup.controls['answer2']"
+          [inputType]="'text'"
+          [placeHolder]="
+            this.questionType === 'True or False' ? 'False' : 'Incorrect'
+          "
+          [validateText]="'Este campo es requerido'"
+        >
+        </ipt-input>
+      </fieldset>
+      <ipt-input
+        [control]="formGruoup.controls['value2']"
+        [inputType]="'number'"
+        [placeHolder]="'Valor *'"
+        [validateText]="'Debe ser 0 o 1'"
+      >
+      </ipt-input>
+    </div>
+
+    <div
+      *ngIf="
+        this.questionType === 'Relationship' ||
+        this.questionType === 'Complete' ||
+        this.questionType === 'Conversation'
+      "
+      class="sectionABCD"
+    >
+      <ipt-input
+        [control]="formGruoup.controls['answer1']"
+        [inputType]="'text'"
+        [placeHolder]="'Ingrese la opción'"
+        [validateText]="'Este campo es requerido'"
+      >
+      </ipt-input>
+      <ipt-input
+        [control]="formGruoup.controls['value1']"
+        [inputType]="'number'"
+        [placeHolder]="'Valor *'"
+        [validateText]="'Debe ser 0 o 1'"
+      >
+      </ipt-input>
+    </div>
+
+    <div
+      *ngIf="
+        this.questionType === 'A, B, C' || this.questionType === 'A, B, C, D'
+      "
+      class="sectionABCD"
+    >
+      <ipt-input
+        [control]="formGruoup.controls['answer1']"
+        [inputType]="'text'"
+        [placeHolder]="'Opción A *'"
+        [validateText]="'Este campo es requerido'"
+      >
+      </ipt-input>
+      <ipt-input
+        [control]="formGruoup.controls['value1']"
+        [inputType]="'number'"
+        [placeHolder]="'Valor *'"
+        [validateText]="'Debe ser 0 o 1'"
+      >
+      </ipt-input>
+
+      <ipt-input
+        [control]="formGruoup.controls['answer2']"
+        [inputType]="'text'"
+        [placeHolder]="'Opción B *'"
+        [validateText]="'Este campo es requerido'"
+      >
+      </ipt-input>
+      <ipt-input
+        [control]="formGruoup.controls['value2']"
+        [inputType]="'number'"
+        [placeHolder]="'Valor *'"
+        [validateText]="'Debe ser 0 o 1'"
+      >
+      </ipt-input>
+
+      <ipt-input
+        [control]="formGruoup.controls['answer3']"
+        [inputType]="'text'"
+        [placeHolder]="'Opción C *'"
+        [validateText]="'Este campo es requerido'"
+      >
+      </ipt-input>
+      <ipt-input
+        [control]="formGruoup.controls['value3']"
+        [inputType]="'number'"
+        [placeHolder]="'Valor *'"
+        [validateText]="'Debe ser 0 o 1'"
+      >
+      </ipt-input>
+
+      <ipt-input
+        *ngIf="this.questionType === 'A, B, C, D'"
+        [control]="formGruoup.controls['answer4']"
+        [inputType]="'text'"
+        [placeHolder]="'Opción D *'"
+        [validateText]="'Este campo es requerido'"
+      >
+      </ipt-input>
+      <ipt-input
+        *ngIf="this.questionType === 'A, B, C, D'"
+        [control]="formGruoup.controls['value4']"
+        [inputType]="'number'"
+        [placeHolder]="'Valor *'"
+        [validateText]="'Debe ser 0 o 1'"
+      >
+      </ipt-input>
+    </div>
+  `, styles: ["form{display:grid;grid-template-columns:1fr}.sectionABCD{display:grid;grid-template-columns:12fr 0fr;grid-gap:0px 10px;gap:0px 10px}fieldset{background:transparent;border:none}\n"] }]
+        }], propDecorators: { questionType: [{
+                type: Input
+            }], formGruoup: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdC1xdWVzdGlvbi10eXBlcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9tb2xlY3VsZXMvcXVlc3Rpb24tdHlwZS9lZGl0LXF1ZXN0aW9uLXR5cGVzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBNEIsTUFBTSxlQUFlLENBQUM7Ozs7QUFrSjNFLE1BQU0sT0FBTyxxQkFBcUI7SUFJaEMsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksT0FBTyxDQUFDLGNBQWMsQ0FBQyxFQUFFO1lBQzNCLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1lBQy9CLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1NBQzlCO0lBQ0gsQ0FBQzs7a0hBVFUscUJBQXFCO3NHQUFyQixxQkFBcUIsbUpBN0l0Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBMElUOzJGQUdVLHFCQUFxQjtrQkEvSWpDLFNBQVM7K0JBQ0Usb0JBQW9CLFlBQ3BCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EwSVQ7OEJBSVEsWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25DaGFuZ2VzLCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2lwdC1xdWVzdGlvbi10eXBlcycsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdlxuICAgICAgKm5nSWY9XCJcbiAgICAgICAgdGhpcy5xdWVzdGlvblR5cGUgPT09ICdUcnVlIG9yIEZhbHNlJyB8fFxuICAgICAgICB0aGlzLnF1ZXN0aW9uVHlwZSA9PT0gJ0NvcnJlY3Qgb3IgSW5jb3JyZWN0J1xuICAgICAgXCJcbiAgICAgIGNsYXNzPVwic2VjdGlvbkFCQ0RcIlxuICAgID5cbiAgICAgIDxmaWVsZHNldCBkaXNhYmxlZD1cImRpc2FibGVkXCI+XG4gICAgICAgIDxpcHQtaW5wdXRcbiAgICAgICAgICBbY29udHJvbF09XCJmb3JtR3J1b3VwLmNvbnRyb2xzWydhbnN3ZXIxJ11cIlxuICAgICAgICAgIFtpbnB1dFR5cGVdPVwiJ3RleHQnXCJcbiAgICAgICAgICBbcGxhY2VIb2xkZXJdPVwiXG4gICAgICAgICAgICB0aGlzLnF1ZXN0aW9uVHlwZSA9PT0gJ1RydWUgb3IgRmFsc2UnID8gJ1RydWUnIDogJ0NvcnJlY3QnXG4gICAgICAgICAgXCJcbiAgICAgICAgICBbdmFsaWRhdGVUZXh0XT1cIidFc3RlIGNhbXBvIGVzIHJlcXVlcmlkbydcIlxuICAgICAgICA+XG4gICAgICAgIDwvaXB0LWlucHV0PlxuICAgICAgPC9maWVsZHNldD5cbiAgICAgIDxpcHQtaW5wdXRcbiAgICAgICAgW2NvbnRyb2xdPVwiZm9ybUdydW91cC5jb250cm9sc1sndmFsdWUxJ11cIlxuICAgICAgICBbaW5wdXRUeXBlXT1cIidudW1iZXInXCJcbiAgICAgICAgW3BsYWNlSG9sZGVyXT1cIidWYWxvciAqJ1wiXG4gICAgICAgIFt2YWxpZGF0ZVRleHRdPVwiJ0RlYmUgc2VyIDAgbyAxJ1wiXG4gICAgICA+XG4gICAgICA8L2lwdC1pbnB1dD5cbiAgICAgIDxmaWVsZHNldCBkaXNhYmxlZD1cImRpc2FibGVkXCI+XG4gICAgICAgIDxpcHQtaW5wdXRcbiAgICAgICAgICBbY29udHJvbF09XCJmb3JtR3J1b3VwLmNvbnRyb2xzWydhbnN3ZXIyJ11cIlxuICAgICAgICAgIFtpbnB1dFR5cGVdPVwiJ3RleHQnXCJcbiAgICAgICAgICBbcGxhY2VIb2xkZXJdPVwiXG4gICAgICAgICAgICB0aGlzLnF1ZXN0aW9uVHlwZSA9PT0gJ1RydWUgb3IgRmFsc2UnID8gJ0ZhbHNlJyA6ICdJbmNvcnJlY3QnXG4gICAgICAgICAgXCJcbiAgICAgICAgICBbdmFsaWRhdGVUZXh0XT1cIidFc3RlIGNhbXBvIGVzIHJlcXVlcmlkbydcIlxuICAgICAgICA+XG4gICAgICAgIDwvaXB0LWlucHV0PlxuICAgICAgPC9maWVsZHNldD5cbiAgICAgIDxpcHQtaW5wdXRcbiAgICAgICAgW2NvbnRyb2xdPVwiZm9ybUdydW91cC5jb250cm9sc1sndmFsdWUyJ11cIlxuICAgICAgICBbaW5wdXRUeXBlXT1cIidudW1iZXInXCJcbiAgICAgICAgW3BsYWNlSG9sZGVyXT1cIidWYWxvciAqJ1wiXG4gICAgICAgIFt2YWxpZGF0ZVRleHRdPVwiJ0RlYmUgc2VyIDAgbyAxJ1wiXG4gICAgICA+XG4gICAgICA8L2lwdC1pbnB1dD5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXZcbiAgICAgICpuZ0lmPVwiXG4gICAgICAgIHRoaXMucXVlc3Rpb25UeXBlID09PSAnUmVsYXRpb25zaGlwJyB8fFxuICAgICAgICB0aGlzLnF1ZXN0aW9uVHlwZSA9PT0gJ0NvbXBsZXRlJyB8fFxuICAgICAgICB0aGlzLnF1ZXN0aW9uVHlwZSA9PT0gJ0NvbnZlcnNhdGlvbidcbiAgICAgIFwiXG4gICAgICBjbGFzcz1cInNlY3Rpb25BQkNEXCJcbiAgICA+XG4gICAgICA8aXB0LWlucHV0XG4gICAgICAgIFtjb250cm9sXT1cImZvcm1HcnVvdXAuY29udHJvbHNbJ2Fuc3dlcjEnXVwiXG4gICAgICAgIFtpbnB1dFR5cGVdPVwiJ3RleHQnXCJcbiAgICAgICAgW3BsYWNlSG9sZGVyXT1cIidJbmdyZXNlIGxhIG9wY2nDs24nXCJcbiAgICAgICAgW3ZhbGlkYXRlVGV4dF09XCInRXN0ZSBjYW1wbyBlcyByZXF1ZXJpZG8nXCJcbiAgICAgID5cbiAgICAgIDwvaXB0LWlucHV0PlxuICAgICAgPGlwdC1pbnB1dFxuICAgICAgICBbY29udHJvbF09XCJmb3JtR3J1b3VwLmNvbnRyb2xzWyd2YWx1ZTEnXVwiXG4gICAgICAgIFtpbnB1dFR5cGVdPVwiJ251bWJlcidcIlxuICAgICAgICBbcGxhY2VIb2xkZXJdPVwiJ1ZhbG9yIConXCJcbiAgICAgICAgW3ZhbGlkYXRlVGV4dF09XCInRGViZSBzZXIgMCBvIDEnXCJcbiAgICAgID5cbiAgICAgIDwvaXB0LWlucHV0PlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdlxuICAgICAgKm5nSWY9XCJcbiAgICAgICAgdGhpcy5xdWVzdGlvblR5cGUgPT09ICdBLCBCLCBDJyB8fCB0aGlzLnF1ZXN0aW9uVHlwZSA9PT0gJ0EsIEIsIEMsIEQnXG4gICAgICBcIlxuICAgICAgY2xhc3M9XCJzZWN0aW9uQUJDRFwiXG4gICAgPlxuICAgICAgPGlwdC1pbnB1dFxuICAgICAgICBbY29udHJvbF09XCJmb3JtR3J1b3VwLmNvbnRyb2xzWydhbnN3ZXIxJ11cIlxuICAgICAgICBbaW5wdXRUeXBlXT1cIid0ZXh0J1wiXG4gICAgICAgIFtwbGFjZUhvbGRlcl09XCInT3BjacOzbiBBIConXCJcbiAgICAgICAgW3ZhbGlkYXRlVGV4dF09XCInRXN0ZSBjYW1wbyBlcyByZXF1ZXJpZG8nXCJcbiAgICAgID5cbiAgICAgIDwvaXB0LWlucHV0PlxuICAgICAgPGlwdC1pbnB1dFxuICAgICAgICBbY29udHJvbF09XCJmb3JtR3J1b3VwLmNvbnRyb2xzWyd2YWx1ZTEnXVwiXG4gICAgICAgIFtpbnB1dFR5cGVdPVwiJ251bWJlcidcIlxuICAgICAgICBbcGxhY2VIb2xkZXJdPVwiJ1ZhbG9yIConXCJcbiAgICAgICAgW3ZhbGlkYXRlVGV4dF09XCInRGViZSBzZXIgMCBvIDEnXCJcbiAgICAgID5cbiAgICAgIDwvaXB0LWlucHV0PlxuXG4gICAgICA8aXB0LWlucHV0XG4gICAgICAgIFtjb250cm9sXT1cImZvcm1HcnVvdXAuY29udHJvbHNbJ2Fuc3dlcjInXVwiXG4gICAgICAgIFtpbnB1dFR5cGVdPVwiJ3RleHQnXCJcbiAgICAgICAgW3BsYWNlSG9sZGVyXT1cIidPcGNpw7NuIEIgKidcIlxuICAgICAgICBbdmFsaWRhdGVUZXh0XT1cIidFc3RlIGNhbXBvIGVzIHJlcXVlcmlkbydcIlxuICAgICAgPlxuICAgICAgPC9pcHQtaW5wdXQ+XG4gICAgICA8aXB0LWlucHV0XG4gICAgICAgIFtjb250cm9sXT1cImZvcm1HcnVvdXAuY29udHJvbHNbJ3ZhbHVlMiddXCJcbiAgICAgICAgW2lucHV0VHlwZV09XCInbnVtYmVyJ1wiXG4gICAgICAgIFtwbGFjZUhvbGRlcl09XCInVmFsb3IgKidcIlxuICAgICAgICBbdmFsaWRhdGVUZXh0XT1cIidEZWJlIHNlciAwIG8gMSdcIlxuICAgICAgPlxuICAgICAgPC9pcHQtaW5wdXQ+XG5cbiAgICAgIDxpcHQtaW5wdXRcbiAgICAgICAgW2NvbnRyb2xdPVwiZm9ybUdydW91cC5jb250cm9sc1snYW5zd2VyMyddXCJcbiAgICAgICAgW2lucHV0VHlwZV09XCIndGV4dCdcIlxuICAgICAgICBbcGxhY2VIb2xkZXJdPVwiJ09wY2nDs24gQyAqJ1wiXG4gICAgICAgIFt2YWxpZGF0ZVRleHRdPVwiJ0VzdGUgY2FtcG8gZXMgcmVxdWVyaWRvJ1wiXG4gICAgICA+XG4gICAgICA8L2lwdC1pbnB1dD5cbiAgICAgIDxpcHQtaW5wdXRcbiAgICAgICAgW2NvbnRyb2xdPVwiZm9ybUdydW91cC5jb250cm9sc1sndmFsdWUzJ11cIlxuICAgICAgICBbaW5wdXRUeXBlXT1cIidudW1iZXInXCJcbiAgICAgICAgW3BsYWNlSG9sZGVyXT1cIidWYWxvciAqJ1wiXG4gICAgICAgIFt2YWxpZGF0ZVRleHRdPVwiJ0RlYmUgc2VyIDAgbyAxJ1wiXG4gICAgICA+XG4gICAgICA8L2lwdC1pbnB1dD5cblxuICAgICAgPGlwdC1pbnB1dFxuICAgICAgICAqbmdJZj1cInRoaXMucXVlc3Rpb25UeXBlID09PSAnQSwgQiwgQywgRCdcIlxuICAgICAgICBbY29udHJvbF09XCJmb3JtR3J1b3VwLmNvbnRyb2xzWydhbnN3ZXI0J11cIlxuICAgICAgICBbaW5wdXRUeXBlXT1cIid0ZXh0J1wiXG4gICAgICAgIFtwbGFjZUhvbGRlcl09XCInT3BjacOzbiBEIConXCJcbiAgICAgICAgW3ZhbGlkYXRlVGV4dF09XCInRXN0ZSBjYW1wbyBlcyByZXF1ZXJpZG8nXCJcbiAgICAgID5cbiAgICAgIDwvaXB0LWlucHV0PlxuICAgICAgPGlwdC1pbnB1dFxuICAgICAgICAqbmdJZj1cInRoaXMucXVlc3Rpb25UeXBlID09PSAnQSwgQiwgQywgRCdcIlxuICAgICAgICBbY29udHJvbF09XCJmb3JtR3J1b3VwLmNvbnRyb2xzWyd2YWx1ZTQnXVwiXG4gICAgICAgIFtpbnB1dFR5cGVdPVwiJ251bWJlcidcIlxuICAgICAgICBbcGxhY2VIb2xkZXJdPVwiJ1ZhbG9yIConXCJcbiAgICAgICAgW3ZhbGlkYXRlVGV4dF09XCInRGViZSBzZXIgMCBvIDEnXCJcbiAgICAgID5cbiAgICAgIDwvaXB0LWlucHV0PlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9lZGl0LXF1ZXN0aW9uLXR5cGVzLmNvbXBvbmVudC5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgUXVlc3Rpb25UeXBlQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgcXVlc3Rpb25UeXBlITogc3RyaW5nO1xuICBASW5wdXQoKSBmb3JtR3J1b3VwITogRm9ybUdyb3VwO1xuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoY2hhbmdlc1sncXVlc3Rpb25UeXBlJ10pIHtcbiAgICAgIGNvbnNvbGUubG9nKHRoaXMucXVlc3Rpb25UeXBlKTtcbiAgICAgIGNvbnNvbGUubG9nKHRoaXMuZm9ybUdydW91cCk7XG4gICAgfVxuICB9XG59XG4iXX0=