iptdevs-design-system 2.6.21 → 2.6.23

package/fesm2020/iptdevs-design-system.mjs

@@ -20,2084 +20,2085 @@ import { MatIconModule } from '@angular/material/icon';
 import { MatButtonModule } from '@angular/material/button';
 import * as i1$3 from '@angular/router';
 
-class AsideButtonComponent {
-    constructor() {
-        this.isClicked = new EventEmitter();
-    }
-    clickAction() {
-        this.isClicked.emit(true);
-    }
-}
-AsideButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: AsideButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AsideButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: AsideButtonComponent, selector: "ipt-aside-button", inputs: { icon: "icon", text: "text", buttonActive: "buttonActive" }, outputs: { isClicked: "isClicked" }, ngImport: i0, template: `
-    <div [ngSwitch]="buttonActive">
-      <a *ngSwitchCase="0" class="flex-item-menu__link" (click)="clickAction()">
-        <img src="{{ icon }}" alt="icon_url" />
-        <p>{{ text }}</p>
-      </a>
-
-      <a *ngSwitchCase="1" class="flex-item-menu__link flex-item-active" (click)="clickAction()">
-        <img src="{{ icon }}" alt="icon_url" />
-        <p>{{ text }}</p>
-      </a>
-    </div>
-  `, isInline: true, styles: ["*{font-family:Poppins,sans-serif}@media (min-width: 320px){.flex-item-menu__link{cursor:pointer;width:-webkit-fill-available;width:-moz-available;text-decoration:none;display:flex;justify-items:center;padding:.4rem 1rem;transition:all .3s ease 0s;border-radius:30px;margin:15px}.flex-item-menu__link img{cursor:pointer;width:1.4rem;height:1.4rem}.flex-item-menu__link p{cursor:pointer;display:inline;font-weight:500;font-family:Poppins,sans-serif;font-size:.8rem;padding:0 .8rem;margin:auto 0;color:#fff}a:hover,a:focus,.flex-item-menu__link:hover,.flex-item-menu__link p:focus{color:#fff;background-color:#ffffff4f;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);box-shadow:#0006 0 30px 90px;border-radius:50px}.flex-item-img{width:2.5rem;height:2.5rem;padding:.4rem}.flex-item-active{box-shadow:#0006 0 30px 90px;background:transparent;border:1px solid white}}@media (min-width: 1024px){.flex-item-menu__link{padding:.4rem 1rem}.flex-item-menu__link:focus{border:1px solid white}.flex-item-menu__link img{cursor:pointer;width:1.6rem;height:1.6rem}.flex-item-menu__link p{font-size:1rem;color:#fff}a:hover,a:focus,.flex-item-menu__link:hover,.flex-item-menu__link p:focus{color:#fff;background-color:#ffffff4f;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);box-shadow:#0006 0 30px 90px}.flex-item-img{width:2.5rem;height:2.5rem;padding:.4rem}}\n"], directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: AsideButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ipt-aside-button', template: `
-    <div [ngSwitch]="buttonActive">
-      <a *ngSwitchCase="0" class="flex-item-menu__link" (click)="clickAction()">
-        <img src="{{ icon }}" alt="icon_url" />
-        <p>{{ text }}</p>
-      </a>
-
-      <a *ngSwitchCase="1" class="flex-item-menu__link flex-item-active" (click)="clickAction()">
-        <img src="{{ icon }}" alt="icon_url" />
-        <p>{{ text }}</p>
-      </a>
-    </div>
-  `, styles: ["*{font-family:Poppins,sans-serif}@media (min-width: 320px){.flex-item-menu__link{cursor:pointer;width:-webkit-fill-available;width:-moz-available;text-decoration:none;display:flex;justify-items:center;padding:.4rem 1rem;transition:all .3s ease 0s;border-radius:30px;margin:15px}.flex-item-menu__link img{cursor:pointer;width:1.4rem;height:1.4rem}.flex-item-menu__link p{cursor:pointer;display:inline;font-weight:500;font-family:Poppins,sans-serif;font-size:.8rem;padding:0 .8rem;margin:auto 0;color:#fff}a:hover,a:focus,.flex-item-menu__link:hover,.flex-item-menu__link p:focus{color:#fff;background-color:#ffffff4f;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);box-shadow:#0006 0 30px 90px;border-radius:50px}.flex-item-img{width:2.5rem;height:2.5rem;padding:.4rem}.flex-item-active{box-shadow:#0006 0 30px 90px;background:transparent;border:1px solid white}}@media (min-width: 1024px){.flex-item-menu__link{padding:.4rem 1rem}.flex-item-menu__link:focus{border:1px solid white}.flex-item-menu__link img{cursor:pointer;width:1.6rem;height:1.6rem}.flex-item-menu__link p{font-size:1rem;color:#fff}a:hover,a:focus,.flex-item-menu__link:hover,.flex-item-menu__link p:focus{color:#fff;background-color:#ffffff4f;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);box-shadow:#0006 0 30px 90px}.flex-item-img{width:2.5rem;height:2.5rem;padding:.4rem}}\n"] }]
-        }], propDecorators: { icon: [{
-                type: Input
-            }], text: [{
-                type: Input
-            }], buttonActive: [{
-                type: Input
-            }], isClicked: [{
-                type: Output
+class AsideButtonComponent {
+    constructor() {
+        this.isClicked = new EventEmitter();
+    }
+    clickAction() {
+        this.isClicked.emit(true);
+    }
+}
+AsideButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: AsideButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AsideButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: AsideButtonComponent, selector: "ipt-aside-button", inputs: { icon: "icon", text: "text", buttonActive: "buttonActive" }, outputs: { isClicked: "isClicked" }, ngImport: i0, template: `
+    <div [ngSwitch]="buttonActive">
+      <a *ngSwitchCase="0" class="flex-item-menu__link" (click)="clickAction()">
+        <img src="{{ icon }}" alt="icon_url" />
+        <p>{{ text }}</p>
+      </a>
+
+      <a *ngSwitchCase="1" class="flex-item-menu__link flex-item-active" (click)="clickAction()">
+        <img src="{{ icon }}" alt="icon_url" />
+        <p>{{ text }}</p>
+      </a>
+    </div>
+  `, isInline: true, styles: ["*{font-family:Poppins,sans-serif}@media (min-width: 320px){.flex-item-menu__link{cursor:pointer;width:-webkit-fill-available;width:-moz-available;text-decoration:none;display:flex;justify-items:center;padding:.4rem 1rem;transition:all .3s ease 0s;border-radius:30px;margin:15px}.flex-item-menu__link img{cursor:pointer;width:1.4rem;height:1.4rem}.flex-item-menu__link p{cursor:pointer;display:inline;font-weight:500;font-family:Poppins,sans-serif;font-size:.8rem;padding:0 .8rem;margin:auto 0;color:#fff}a:hover,a:focus,.flex-item-menu__link:hover,.flex-item-menu__link p:focus{color:#fff;background-color:#ffffff4f;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);box-shadow:#0006 0 30px 90px;border-radius:50px}.flex-item-img{width:2.5rem;height:2.5rem;padding:.4rem}.flex-item-active{box-shadow:#0006 0 30px 90px;background:transparent;border:1px solid white}}@media (min-width: 1024px){.flex-item-menu__link{padding:.4rem 1rem}.flex-item-menu__link:focus{border:1px solid white}.flex-item-menu__link img{cursor:pointer;width:1.6rem;height:1.6rem}.flex-item-menu__link p{font-size:1rem;color:#fff}a:hover,a:focus,.flex-item-menu__link:hover,.flex-item-menu__link p:focus{color:#fff;background-color:#ffffff4f;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);box-shadow:#0006 0 30px 90px}.flex-item-img{width:2.5rem;height:2.5rem;padding:.4rem}}\n"], directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: AsideButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipt-aside-button', template: `
+    <div [ngSwitch]="buttonActive">
+      <a *ngSwitchCase="0" class="flex-item-menu__link" (click)="clickAction()">
+        <img src="{{ icon }}" alt="icon_url" />
+        <p>{{ text }}</p>
+      </a>
+
+      <a *ngSwitchCase="1" class="flex-item-menu__link flex-item-active" (click)="clickAction()">
+        <img src="{{ icon }}" alt="icon_url" />
+        <p>{{ text }}</p>
+      </a>
+    </div>
+  `, styles: ["*{font-family:Poppins,sans-serif}@media (min-width: 320px){.flex-item-menu__link{cursor:pointer;width:-webkit-fill-available;width:-moz-available;text-decoration:none;display:flex;justify-items:center;padding:.4rem 1rem;transition:all .3s ease 0s;border-radius:30px;margin:15px}.flex-item-menu__link img{cursor:pointer;width:1.4rem;height:1.4rem}.flex-item-menu__link p{cursor:pointer;display:inline;font-weight:500;font-family:Poppins,sans-serif;font-size:.8rem;padding:0 .8rem;margin:auto 0;color:#fff}a:hover,a:focus,.flex-item-menu__link:hover,.flex-item-menu__link p:focus{color:#fff;background-color:#ffffff4f;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);box-shadow:#0006 0 30px 90px;border-radius:50px}.flex-item-img{width:2.5rem;height:2.5rem;padding:.4rem}.flex-item-active{box-shadow:#0006 0 30px 90px;background:transparent;border:1px solid white}}@media (min-width: 1024px){.flex-item-menu__link{padding:.4rem 1rem}.flex-item-menu__link:focus{border:1px solid white}.flex-item-menu__link img{cursor:pointer;width:1.6rem;height:1.6rem}.flex-item-menu__link p{font-size:1rem;color:#fff}a:hover,a:focus,.flex-item-menu__link:hover,.flex-item-menu__link p:focus{color:#fff;background-color:#ffffff4f;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);box-shadow:#0006 0 30px 90px}.flex-item-img{width:2.5rem;height:2.5rem;padding:.4rem}}\n"] }]
+        }], propDecorators: { icon: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], buttonActive: [{
+                type: Input
+            }], isClicked: [{
+                type: Output
             }] } });
 
-class ButtonComponent {
-    constructor() {
-        this.primary = false;
-        this.size = 'medium';
-        this.label = 'Button';
-        this.isEnabled = true;
-        this.onClick = new EventEmitter();
-    }
-    get classes() {
-        const mode = this.primary && this.isEnabled === true
-            ? 'ipt-button--primary'
-            : this.isEnabled === false ? 'ipt-button--primary-disabled'
-                : 'ipt-button--secondary';
-        return ['ipt-button', `ipt-button--${this.size}`, mode];
-    }
-}
-ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: ButtonComponent, selector: "ipt-button", inputs: { primary: "primary", size: "size", label: "label", buttonType: "buttonType", isEnabled: "isEnabled" }, outputs: { onClick: "onClick" }, ngImport: i0, template: `<button *ngIf="isEnabled"
-    type="{{ buttonType }}"
-    (click)="onClick.emit($event)"
-    [ngClass]="classes"
-  >
-    {{ label }}
-  </button>
-
-  <button *ngIf="!isEnabled"
-    type="{{ buttonType }}"
-    [ngClass]="classes"
-  >
-    {{ label }}
-  </button>`, isInline: true, styles: [".ipt-button{font-family:Poppins,sans-serif;font-weight:700;border:0;border-radius:12px;cursor:pointer;display:inline-block;line-height:1;transition:.4s;width:100%;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset}.ipt-button:hover{box-shadow:0 10px 20px #1b1b1b80;transform:translateY(-3px)}.ipt-button:active{transform:scale(.99)}.ipt-button--primary{color:#fff;background-color:#1c77f7}.ipt-button--primary-disabled{color:gray;background-color:#fff;border:1px solid gray;box-shadow:none;cursor:not-allowed}.ipt-button--primary-disabled:hover{box-shadow:none;transform:translateY(0)}.ipt-button--secondary{color:#1c77f7;background-color:#fff;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset}.ipt-button--small{font-size:12px;padding:10px 16px}.ipt-button--medium{font-size:14px;padding:11px 20px}.ipt-button--large{font-size:16px;padding:12px 24px}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ipt-button', template: `<button *ngIf="isEnabled"
-    type="{{ buttonType }}"
-    (click)="onClick.emit($event)"
-    [ngClass]="classes"
-  >
-    {{ label }}
-  </button>
-
-  <button *ngIf="!isEnabled"
-    type="{{ buttonType }}"
-    [ngClass]="classes"
-  >
-    {{ label }}
-  </button>`, styles: [".ipt-button{font-family:Poppins,sans-serif;font-weight:700;border:0;border-radius:12px;cursor:pointer;display:inline-block;line-height:1;transition:.4s;width:100%;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset}.ipt-button:hover{box-shadow:0 10px 20px #1b1b1b80;transform:translateY(-3px)}.ipt-button:active{transform:scale(.99)}.ipt-button--primary{color:#fff;background-color:#1c77f7}.ipt-button--primary-disabled{color:gray;background-color:#fff;border:1px solid gray;box-shadow:none;cursor:not-allowed}.ipt-button--primary-disabled:hover{box-shadow:none;transform:translateY(0)}.ipt-button--secondary{color:#1c77f7;background-color:#fff;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset}.ipt-button--small{font-size:12px;padding:10px 16px}.ipt-button--medium{font-size:14px;padding:11px 20px}.ipt-button--large{font-size:16px;padding:12px 24px}\n"] }]
-        }], propDecorators: { primary: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], buttonType: [{
-                type: Input
-            }], isEnabled: [{
-                type: Input
-            }], onClick: [{
-                type: Output
+class ButtonComponent {
+    constructor() {
+        this.primary = false;
+        this.size = 'medium';
+        this.label = 'Button';
+        this.isEnabled = true;
+        this.onClick = new EventEmitter();
+    }
+    get classes() {
+        const mode = this.primary && this.isEnabled === true
+            ? 'ipt-button--primary'
+            : this.isEnabled === false ? 'ipt-button--primary-disabled'
+                : 'ipt-button--secondary';
+        return ['ipt-button', `ipt-button--${this.size}`, mode];
+    }
+}
+ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: ButtonComponent, selector: "ipt-button", inputs: { primary: "primary", size: "size", label: "label", buttonType: "buttonType", isEnabled: "isEnabled" }, outputs: { onClick: "onClick" }, ngImport: i0, template: `<button *ngIf="isEnabled"
+    type="{{ buttonType }}"
+    (click)="onClick.emit($event)"
+    [ngClass]="classes"
+  >
+    {{ label }}
+  </button>
+
+  <button *ngIf="!isEnabled"
+    type="{{ buttonType }}"
+    [ngClass]="classes"
+  >
+    {{ label }}
+  </button>`, isInline: true, styles: [".ipt-button{font-family:Poppins,sans-serif;font-weight:700;border:0;border-radius:12px;cursor:pointer;display:inline-block;line-height:1;transition:.4s;width:100%;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset}.ipt-button:hover{box-shadow:0 10px 20px #1b1b1b80;transform:translateY(-3px)}.ipt-button:active{transform:scale(.99)}.ipt-button--primary{color:#fff;background-color:#1c77f7}.ipt-button--primary-disabled{color:gray;background-color:#fff;border:1px solid gray;box-shadow:none;cursor:not-allowed}.ipt-button--primary-disabled:hover{box-shadow:none;transform:translateY(0)}.ipt-button--secondary{color:#1c77f7;background-color:#fff;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset}.ipt-button--small{font-size:12px;padding:10px 16px}.ipt-button--medium{font-size:14px;padding:11px 20px}.ipt-button--large{font-size:16px;padding:12px 24px}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipt-button', template: `<button *ngIf="isEnabled"
+    type="{{ buttonType }}"
+    (click)="onClick.emit($event)"
+    [ngClass]="classes"
+  >
+    {{ label }}
+  </button>
+
+  <button *ngIf="!isEnabled"
+    type="{{ buttonType }}"
+    [ngClass]="classes"
+  >
+    {{ label }}
+  </button>`, styles: [".ipt-button{font-family:Poppins,sans-serif;font-weight:700;border:0;border-radius:12px;cursor:pointer;display:inline-block;line-height:1;transition:.4s;width:100%;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset}.ipt-button:hover{box-shadow:0 10px 20px #1b1b1b80;transform:translateY(-3px)}.ipt-button:active{transform:scale(.99)}.ipt-button--primary{color:#fff;background-color:#1c77f7}.ipt-button--primary-disabled{color:gray;background-color:#fff;border:1px solid gray;box-shadow:none;cursor:not-allowed}.ipt-button--primary-disabled:hover{box-shadow:none;transform:translateY(0)}.ipt-button--secondary{color:#1c77f7;background-color:#fff;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset}.ipt-button--small{font-size:12px;padding:10px 16px}.ipt-button--medium{font-size:14px;padding:11px 20px}.ipt-button--large{font-size:16px;padding:12px 24px}\n"] }]
+        }], propDecorators: { primary: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], buttonType: [{
+                type: Input
+            }], isEnabled: [{
+                type: Input
+            }], onClick: [{
+                type: Output
             }] } });
 
-class CheckboxComponent {
-    constructor() {
-        this.checkboxOption = false;
-        this.onChecked = new EventEmitter();
-    }
-    set control(value) {
-        if (this.formControl !== value) {
-            this.formControl = value;
-        }
-    }
-}
-CheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CheckboxComponent, selector: "ipt-checkbox", inputs: { checkboxOption: "checkboxOption", control: "control" }, outputs: { onChecked: "onChecked" }, ngImport: i0, template: `
-    <label class="cont">
-      <input
-        class="checkbox"
-        [formControl]="formControl"
-        [checked]="checkboxOption"
-        (click)="onChecked.emit($event)"
-        type="checkbox">
-      <span></span>
-    </label>
-  `, isInline: true, styles: [".cont{display:flex;align-items:center;transform:scale(1)}@media screen and (min-width: 320px){input[type=checkbox]{height:1rem;width:1.1rem;margin:5px;display:inline-block;-webkit-appearance:none;appearance:none;position:relative;background-color:#1c77f733;border-radius:15%;cursor:pointer;overflow:hidden}input[type=checkbox]:after{content:\"\";display:block;height:.4rem;width:.2rem;border-bottom:.21rem solid white;border-right:.21rem solid white;opacity:0;transform:rotate(45deg) translate(-50%,-50%);position:absolute;top:50%;left:20%;transition:.25s ease}input[type=checkbox]:before{content:\"\";display:block;height:0;width:0;background-color:#1c77f7;border-radius:50%;opacity:.5;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%;transition:.3s ease}input[type=checkbox]:checked:before{height:130%;width:130%;opacity:100%}input[type=checkbox]:checked:after{opacity:100%}span{font-size:1rem}}@media screen and (min-width: 375px){input[type=checkbox]{height:1.2rem;width:1.3rem}input[type=checkbox]:after{height:.5rem;width:.2rem;border-bottom:.21rem solid white;border-right:.21rem solid white}}@media screen and (min-width: 1024px){input[type=checkbox]{height:1.3rem;width:1.4rem}input[type=checkbox]:after{height:.6rem;width:.3rem;border-bottom:.21rem solid white;border-right:.21rem solid white}}\n"], directives: [{ type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CheckboxComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ipt-checkbox', template: `
-    <label class="cont">
-      <input
-        class="checkbox"
-        [formControl]="formControl"
-        [checked]="checkboxOption"
-        (click)="onChecked.emit($event)"
-        type="checkbox">
-      <span></span>
-    </label>
-  `, styles: [".cont{display:flex;align-items:center;transform:scale(1)}@media screen and (min-width: 320px){input[type=checkbox]{height:1rem;width:1.1rem;margin:5px;display:inline-block;-webkit-appearance:none;appearance:none;position:relative;background-color:#1c77f733;border-radius:15%;cursor:pointer;overflow:hidden}input[type=checkbox]:after{content:\"\";display:block;height:.4rem;width:.2rem;border-bottom:.21rem solid white;border-right:.21rem solid white;opacity:0;transform:rotate(45deg) translate(-50%,-50%);position:absolute;top:50%;left:20%;transition:.25s ease}input[type=checkbox]:before{content:\"\";display:block;height:0;width:0;background-color:#1c77f7;border-radius:50%;opacity:.5;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%;transition:.3s ease}input[type=checkbox]:checked:before{height:130%;width:130%;opacity:100%}input[type=checkbox]:checked:after{opacity:100%}span{font-size:1rem}}@media screen and (min-width: 375px){input[type=checkbox]{height:1.2rem;width:1.3rem}input[type=checkbox]:after{height:.5rem;width:.2rem;border-bottom:.21rem solid white;border-right:.21rem solid white}}@media screen and (min-width: 1024px){input[type=checkbox]{height:1.3rem;width:1.4rem}input[type=checkbox]:after{height:.6rem;width:.3rem;border-bottom:.21rem solid white;border-right:.21rem solid white}}\n"] }]
-        }], propDecorators: { checkboxOption: [{
-                type: Input
-            }], control: [{
-                type: Input
-            }], onChecked: [{
-                type: Output
+class CheckboxComponent {
+    constructor() {
+        this.checkboxOption = false;
+        this.onChecked = new EventEmitter();
+    }
+    set control(value) {
+        if (this.formControl !== value) {
+            this.formControl = value;
+        }
+    }
+}
+CheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CheckboxComponent, selector: "ipt-checkbox", inputs: { checkboxOption: "checkboxOption", control: "control" }, outputs: { onChecked: "onChecked" }, ngImport: i0, template: `
+    <label class="cont">
+      <input
+        class="checkbox"
+        [formControl]="formControl"
+        [checked]="checkboxOption"
+        (click)="onChecked.emit($event)"
+        type="checkbox">
+      <span></span>
+    </label>
+  `, isInline: true, styles: [".cont{display:flex;align-items:center;transform:scale(1)}@media screen and (min-width: 320px){input[type=checkbox]{height:1rem;width:1.1rem;margin:5px;display:inline-block;-webkit-appearance:none;appearance:none;position:relative;background-color:#1c77f733;border-radius:15%;cursor:pointer;overflow:hidden}input[type=checkbox]:after{content:\"\";display:block;height:.4rem;width:.2rem;border-bottom:.21rem solid white;border-right:.21rem solid white;opacity:0;transform:rotate(45deg) translate(-50%,-50%);position:absolute;top:50%;left:20%;transition:.25s ease}input[type=checkbox]:before{content:\"\";display:block;height:0;width:0;background-color:#1c77f7;border-radius:50%;opacity:.5;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%;transition:.3s ease}input[type=checkbox]:checked:before{height:130%;width:130%;opacity:100%}input[type=checkbox]:checked:after{opacity:100%}span{font-size:1rem}}@media screen and (min-width: 375px){input[type=checkbox]{height:1.2rem;width:1.3rem}input[type=checkbox]:after{height:.5rem;width:.2rem;border-bottom:.21rem solid white;border-right:.21rem solid white}}@media screen and (min-width: 1024px){input[type=checkbox]{height:1.3rem;width:1.4rem}input[type=checkbox]:after{height:.6rem;width:.3rem;border-bottom:.21rem solid white;border-right:.21rem solid white}}\n"], directives: [{ type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipt-checkbox', template: `
+    <label class="cont">
+      <input
+        class="checkbox"
+        [formControl]="formControl"
+        [checked]="checkboxOption"
+        (click)="onChecked.emit($event)"
+        type="checkbox">
+      <span></span>
+    </label>
+  `, styles: [".cont{display:flex;align-items:center;transform:scale(1)}@media screen and (min-width: 320px){input[type=checkbox]{height:1rem;width:1.1rem;margin:5px;display:inline-block;-webkit-appearance:none;appearance:none;position:relative;background-color:#1c77f733;border-radius:15%;cursor:pointer;overflow:hidden}input[type=checkbox]:after{content:\"\";display:block;height:.4rem;width:.2rem;border-bottom:.21rem solid white;border-right:.21rem solid white;opacity:0;transform:rotate(45deg) translate(-50%,-50%);position:absolute;top:50%;left:20%;transition:.25s ease}input[type=checkbox]:before{content:\"\";display:block;height:0;width:0;background-color:#1c77f7;border-radius:50%;opacity:.5;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%;transition:.3s ease}input[type=checkbox]:checked:before{height:130%;width:130%;opacity:100%}input[type=checkbox]:checked:after{opacity:100%}span{font-size:1rem}}@media screen and (min-width: 375px){input[type=checkbox]{height:1.2rem;width:1.3rem}input[type=checkbox]:after{height:.5rem;width:.2rem;border-bottom:.21rem solid white;border-right:.21rem solid white}}@media screen and (min-width: 1024px){input[type=checkbox]{height:1.3rem;width:1.4rem}input[type=checkbox]:after{height:.6rem;width:.3rem;border-bottom:.21rem solid white;border-right:.21rem solid white}}\n"] }]
+        }], propDecorators: { checkboxOption: [{
+                type: Input
+            }], control: [{
+                type: Input
+            }], onChecked: [{
+                type: Output
             }] } });
 
-class DatalistComponent {
-    constructor(fb) {
-        this.disabledSel = false;
-        this.isChanged = new EventEmitter();
-        this.clicked = false;
-    }
-    optionChanged(event) {
-        let selectOption = this.datalistData.find(element => element.name == event.target.value);
-        if (typeof (selectOption) != 'undefined') {
-            this.isChanged.emit(selectOption.code);
-        }
-        else {
-            this.isChanged.emit('-1');
-        }
-    }
-    click(value) {
-        this.clicked = value.isTrusted;
-    }
-    setDataListValue() {
-        let selectOption = this.datalistData.find(element => element.code == this.initalData);
-        if (typeof (selectOption) != 'undefined') {
-            return selectOption.name;
-        }
-        else {
-            return '';
-        }
-    }
-    get labelClass() {
-        return this.clicked === false ? 'label' : 'labelUp';
-    }
-}
-DatalistComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DatalistComponent, deps: [{ token: i1$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-DatalistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: DatalistComponent, selector: "ipt-datalist", inputs: { datalistId: "datalistId", datalistData: "datalistData", placeHolder: "placeHolder", validateText: "validateText", initalData: "initalData", disabledSel: "disabledSel" }, outputs: { isChanged: "isChanged" }, ngImport: i0, template: `
-    <div class="input-container">
-      <label [ngClass]="labelClass">{{ placeHolder }}</label>
-      <input
-        type="text"
-        class="input"
-        (click)="click($event)"
-        [attr.list]="datalistId"
-        (change)="optionChanged($event)"
-        [disabled]="disabledSel"
-        [value]="setDataListValue()"
-      />
-
-      <datalist id="{{ datalistId }}">
-        <option *ngFor="let item of datalistData; index as i" [value]="item.name">
-          {{item.id_card}} {{item.name}}
-        </option>
-      </datalist>
-    </div>
-  `, isInline: true, styles: ["*{font-family:Poppins,sans-serif}.input-container{position:relative;margin-top:30px}.input{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;display:block;transition:.2s;font-weight:300;margin:10px 10px -30px;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff}.input:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.input:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}.label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.labelUp{color:#1c77f7;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DatalistComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ipt-datalist', template: `
-    <div class="input-container">
-      <label [ngClass]="labelClass">{{ placeHolder }}</label>
-      <input
-        type="text"
-        class="input"
-        (click)="click($event)"
-        [attr.list]="datalistId"
-        (change)="optionChanged($event)"
-        [disabled]="disabledSel"
-        [value]="setDataListValue()"
-      />
-
-      <datalist id="{{ datalistId }}">
-        <option *ngFor="let item of datalistData; index as i" [value]="item.name">
-          {{item.id_card}} {{item.name}}
-        </option>
-      </datalist>
-    </div>
-  `, styles: ["*{font-family:Poppins,sans-serif}.input-container{position:relative;margin-top:30px}.input{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;display:block;transition:.2s;font-weight:300;margin:10px 10px -30px;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff}.input:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.input:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}.label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.labelUp{color:#1c77f7;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }]; }, propDecorators: { datalistId: [{
-                type: Input
-            }], datalistData: [{
-                type: Input
-            }], placeHolder: [{
-                type: Input
-            }], validateText: [{
-                type: Input
-            }], initalData: [{
-                type: Input
-            }], disabledSel: [{
-                type: Input
-            }], isChanged: [{
-                type: Output
+class DatalistComponent {
+    constructor(fb) {
+        this.disabledSel = false;
+        this.isChanged = new EventEmitter();
+        this.clicked = false;
+    }
+    optionChanged(event) {
+        let selectOption = this.datalistData.find(element => element.name == event.target.value);
+        if (typeof (selectOption) != 'undefined') {
+            this.isChanged.emit(selectOption.code);
+        }
+        else {
+            this.isChanged.emit('-1');
+        }
+    }
+    click(value) {
+        this.clicked = value.isTrusted;
+    }
+    setDataListValue() {
+        let selectOption = this.datalistData.find(element => element.code == this.initalData);
+        if (typeof (selectOption) != 'undefined') {
+            return selectOption.name;
+        }
+        else {
+            return '';
+        }
+    }
+    get labelClass() {
+        return this.clicked === false ? 'label' : 'labelUp';
+    }
+}
+DatalistComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DatalistComponent, deps: [{ token: i1$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+DatalistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: DatalistComponent, selector: "ipt-datalist", inputs: { datalistId: "datalistId", datalistData: "datalistData", placeHolder: "placeHolder", validateText: "validateText", initalData: "initalData", disabledSel: "disabledSel" }, outputs: { isChanged: "isChanged" }, ngImport: i0, template: `
+    <div class="input-container">
+      <label [ngClass]="labelClass">{{ placeHolder }}</label>
+      <input
+        type="text"
+        class="input"
+        (click)="click($event)"
+        [attr.list]="datalistId"
+        (change)="optionChanged($event)"
+        [disabled]="disabledSel"
+        [value]="setDataListValue()"
+      />
+
+      <datalist id="{{ datalistId }}">
+        <option *ngFor="let item of datalistData; index as i" [value]="item.name">
+          {{item.id_card}} {{item.name}}
+        </option>
+      </datalist>
+    </div>
+  `, isInline: true, styles: ["*{font-family:Poppins,sans-serif}.input-container{position:relative;margin-top:30px}.input{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;display:block;transition:.2s;font-weight:300;margin:10px 10px -30px;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff}.input:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.input:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}.label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.labelUp{color:#1c77f7;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DatalistComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipt-datalist', template: `
+    <div class="input-container">
+      <label [ngClass]="labelClass">{{ placeHolder }}</label>
+      <input
+        type="text"
+        class="input"
+        (click)="click($event)"
+        [attr.list]="datalistId"
+        (change)="optionChanged($event)"
+        [disabled]="disabledSel"
+        [value]="setDataListValue()"
+      />
+
+      <datalist id="{{ datalistId }}">
+        <option *ngFor="let item of datalistData; index as i" [value]="item.name">
+          {{item.id_card}} {{item.name}}
+        </option>
+      </datalist>
+    </div>
+  `, styles: ["*{font-family:Poppins,sans-serif}.input-container{position:relative;margin-top:30px}.input{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;display:block;transition:.2s;font-weight:300;margin:10px 10px -30px;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff}.input:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.input:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}.label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.labelUp{color:#1c77f7;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }]; }, propDecorators: { datalistId: [{
+                type: Input
+            }], datalistData: [{
+                type: Input
+            }], placeHolder: [{
+                type: Input
+            }], validateText: [{
+                type: Input
+            }], initalData: [{
+                type: Input
+            }], disabledSel: [{
+                type: Input
+            }], isChanged: [{
+                type: Output
             }] } });
 
-class InputComponent {
-    constructor() {
-        this.data = [];
-        this.clicked = false;
-        this.withPipe = false;
-        this.prefix = '$';
-        this.thousands = '.';
-        this.decimal = ',';
-        this.dateSelected = new EventEmitter();
-    }
-    set control(value) {
-        if (this.formControl !== value) {
-            this.formControl = value;
-        }
-    }
-    ngOnInit() { }
-    selectedDate(evt) {
-        this.dateSelected.emit(evt);
-    }
-    click(value) {
-        this.clicked = value.isTrusted;
-    }
-}
-InputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: InputComponent, selector: "ipt-input", inputs: { inputType: "inputType", placeHolder: "placeHolder", validateText: "validateText", withPipe: "withPipe", list: "list", iconUrl: "iconUrl", control: "control", prefix: "prefix", thousands: "thousands", decimal: "decimal" }, outputs: { dateSelected: "dateSelected" }, ngImport: i0, template: `
-    <div class="input-container">
-      <input *ngIf="inputType === 'date'"
-        class="input"
-        type="{{ inputType ? 'text' : 'date' }}"
-        [formControl]="formControl"
-        (ngModelChange)="selectedDate($event)"
-        onfocus="this.type='date';"
-        onblur="javascript: if( !this.value ) this.type='text';"
-        uib-datepicker-popup="dd/MM/yyyy"
-        ng-model="inputType"/>
-
-      <input *ngIf="inputType !== 'date' && inputType !== 'time' && !withPipe"
-        class="input"
-        type="{{ inputType }}"
-        [formControl]="formControl"
-        [attr.list]="list"/>
-
-        <input *ngIf="inputType === 'text' && withPipe"
-          class="input"
-          currencyMask
-          [options]="{ prefix: prefix, thousands: thousands, decimal: decimal, allowNegative: false }"
-          type="{{ inputType }}"
-          [formControl]="formControl"
-          [attr.list]="list"/>
-
-        <input *ngIf="inputType === 'time'"
-          class="input"
-          type="time"
-          [formControl]="formControl"
-          [min]="'06:00:00'"
-          max="22:00:00"
-          step="900"
-          autocomplete="on"
-          value="08:00:00"
-          (click)="click($event)"
-        />
-
-      <label [ngClass]="{'labelUp': formControl.value !== ''}">{{ placeHolder }}</label>
-
-      <p *ngIf="(formControl.invalid && formControl.value !== '')">
-        {{ validateText }}
-      </p>
-    </div>
-    `, isInline: true, styles: ["*{font-family:Poppins,sans-serif}@media screen and (min-width: 320px){p{color:#c73a3a;font-size:12px;padding-left:15px}}@media screen and (min-width: 768px){p{color:#c73a3a;font-size:13px;padding-left:15px}}@media screen and (min-width: 1024px){p{color:#c73a3a;font-size:13px;padding-left:15px}}.input-container{position:relative;margin-top:30px}input{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;display:block;transition:.2s;font-weight:300;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff;-webkit-appearance:none}input:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}input:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.input:focus~label,.input:invalid~label{top:-20px;font-size:15px;color:#1c77f7}.labelUp{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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]" }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.CurrencyMaskDirective, selector: "[currencyMask]", inputs: ["max", "min", "options"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: InputComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ipt-input', template: `
-    <div class="input-container">
-      <input *ngIf="inputType === 'date'"
-        class="input"
-        type="{{ inputType ? 'text' : 'date' }}"
-        [formControl]="formControl"
-        (ngModelChange)="selectedDate($event)"
-        onfocus="this.type='date';"
-        onblur="javascript: if( !this.value ) this.type='text';"
-        uib-datepicker-popup="dd/MM/yyyy"
-        ng-model="inputType"/>
-
-      <input *ngIf="inputType !== 'date' && inputType !== 'time' && !withPipe"
-        class="input"
-        type="{{ inputType }}"
-        [formControl]="formControl"
-        [attr.list]="list"/>
-
-        <input *ngIf="inputType === 'text' && withPipe"
-          class="input"
-          currencyMask
-          [options]="{ prefix: prefix, thousands: thousands, decimal: decimal, allowNegative: false }"
-          type="{{ inputType }}"
-          [formControl]="formControl"
-          [attr.list]="list"/>
-
-        <input *ngIf="inputType === 'time'"
-          class="input"
-          type="time"
-          [formControl]="formControl"
-          [min]="'06:00:00'"
-          max="22:00:00"
-          step="900"
-          autocomplete="on"
-          value="08:00:00"
-          (click)="click($event)"
-        />
-
-      <label [ngClass]="{'labelUp': formControl.value !== ''}">{{ placeHolder }}</label>
-
-      <p *ngIf="(formControl.invalid && formControl.value !== '')">
-        {{ validateText }}
-      </p>
-    </div>
-    `, styles: ["*{font-family:Poppins,sans-serif}@media screen and (min-width: 320px){p{color:#c73a3a;font-size:12px;padding-left:15px}}@media screen and (min-width: 768px){p{color:#c73a3a;font-size:13px;padding-left:15px}}@media screen and (min-width: 1024px){p{color:#c73a3a;font-size:13px;padding-left:15px}}.input-container{position:relative;margin-top:30px}input{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;display:block;transition:.2s;font-weight:300;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff;-webkit-appearance:none}input:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}input:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.input:focus~label,.input:invalid~label{top:-20px;font-size:15px;color:#1c77f7}.labelUp{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { inputType: [{
-                type: Input
-            }], placeHolder: [{
-                type: Input
-            }], validateText: [{
-                type: Input
-            }], withPipe: [{
-                type: Input
-            }], list: [{
-                type: Input
-            }], iconUrl: [{
-                type: Input
-            }], control: [{
-                type: Input
-            }], prefix: [{
-                type: Input
-            }], thousands: [{
-                type: Input
-            }], decimal: [{
-                type: Input
-            }], dateSelected: [{
-                type: Output
+class InputComponent {
+    constructor() {
+        this.data = [];
+        this.clicked = false;
+        this.withPipe = false;
+        this.prefix = '$';
+        this.thousands = '.';
+        this.decimal = ',';
+        this.dateSelected = new EventEmitter();
+    }
+    set control(value) {
+        if (this.formControl !== value) {
+            this.formControl = value;
+        }
+    }
+    ngOnInit() { }
+    selectedDate(evt) {
+        this.dateSelected.emit(evt);
+    }
+    click(value) {
+        this.clicked = value.isTrusted;
+    }
+}
+InputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: InputComponent, selector: "ipt-input", inputs: { inputType: "inputType", placeHolder: "placeHolder", validateText: "validateText", withPipe: "withPipe", list: "list", iconUrl: "iconUrl", control: "control", prefix: "prefix", thousands: "thousands", decimal: "decimal" }, outputs: { dateSelected: "dateSelected" }, ngImport: i0, template: `
+    <div class="input-container">
+      <input *ngIf="inputType === 'date'"
+        class="input"
+        type="{{ inputType ? 'text' : 'date' }}"
+        [formControl]="formControl"
+        (ngModelChange)="selectedDate($event)"
+        onfocus="this.type='date';"
+        onblur="javascript: if( !this.value ) this.type='text';"
+        uib-datepicker-popup="dd/MM/yyyy"
+        ng-model="inputType"/>
+
+      <input *ngIf="inputType !== 'date' && inputType !== 'time' && !withPipe"
+        class="input"
+        type="{{ inputType }}"
+        [formControl]="formControl"
+        [attr.list]="list"/>
+
+        <input *ngIf="inputType === 'text' && withPipe"
+          class="input"
+          currencyMask
+          [options]="{ prefix: prefix, thousands: thousands, decimal: decimal, allowNegative: false }"
+          type="{{ inputType }}"
+          [formControl]="formControl"
+          [attr.list]="list"/>
+
+        <input *ngIf="inputType === 'time'"
+          class="input"
+          type="time"
+          [formControl]="formControl"
+          [min]="'06:00:00'"
+          max="22:00:00"
+          step="900"
+          autocomplete="on"
+          value="08:00:00"
+          (click)="click($event)"
+        />
+
+      <label [ngClass]="{'labelUp': formControl.value !== ''}">{{ placeHolder }}</label>
+
+      <p *ngIf="(formControl.invalid && formControl.value !== '')">
+        {{ validateText }}
+      </p>
+    </div>
+    `, isInline: true, styles: ["*{font-family:Poppins,sans-serif}@media screen and (min-width: 320px){p{color:#c73a3a;font-size:12px;padding-left:15px}}@media screen and (min-width: 768px){p{color:#c73a3a;font-size:13px;padding-left:15px}}@media screen and (min-width: 1024px){p{color:#c73a3a;font-size:13px;padding-left:15px}}.input-container{position:relative;margin-top:30px}input{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;display:block;transition:.2s;font-weight:300;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff;-webkit-appearance:none}input:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}input:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.input:focus~label,.input:invalid~label{top:-20px;font-size:15px;color:#1c77f7}.labelUp{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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]" }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.CurrencyMaskDirective, selector: "[currencyMask]", inputs: ["max", "min", "options"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: InputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipt-input', template: `
+    <div class="input-container">
+      <input *ngIf="inputType === 'date'"
+        class="input"
+        type="{{ inputType ? 'text' : 'date' }}"
+        [formControl]="formControl"
+        (ngModelChange)="selectedDate($event)"
+        onfocus="this.type='date';"
+        onblur="javascript: if( !this.value ) this.type='text';"
+        uib-datepicker-popup="dd/MM/yyyy"
+        ng-model="inputType"/>
+
+      <input *ngIf="inputType !== 'date' && inputType !== 'time' && !withPipe"
+        class="input"
+        type="{{ inputType }}"
+        [formControl]="formControl"
+        [attr.list]="list"/>
+
+        <input *ngIf="inputType === 'text' && withPipe"
+          class="input"
+          currencyMask
+          [options]="{ prefix: prefix, thousands: thousands, decimal: decimal, allowNegative: false }"
+          type="{{ inputType }}"
+          [formControl]="formControl"
+          [attr.list]="list"/>
+
+        <input *ngIf="inputType === 'time'"
+          class="input"
+          type="time"
+          [formControl]="formControl"
+          [min]="'06:00:00'"
+          max="22:00:00"
+          step="900"
+          autocomplete="on"
+          value="08:00:00"
+          (click)="click($event)"
+        />
+
+      <label [ngClass]="{'labelUp': formControl.value !== ''}">{{ placeHolder }}</label>
+
+      <p *ngIf="(formControl.invalid && formControl.value !== '')">
+        {{ validateText }}
+      </p>
+    </div>
+    `, styles: ["*{font-family:Poppins,sans-serif}@media screen and (min-width: 320px){p{color:#c73a3a;font-size:12px;padding-left:15px}}@media screen and (min-width: 768px){p{color:#c73a3a;font-size:13px;padding-left:15px}}@media screen and (min-width: 1024px){p{color:#c73a3a;font-size:13px;padding-left:15px}}.input-container{position:relative;margin-top:30px}input{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;display:block;transition:.2s;font-weight:300;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff;-webkit-appearance:none}input:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}input:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.input:focus~label,.input:invalid~label{top:-20px;font-size:15px;color:#1c77f7}.labelUp{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { inputType: [{
+                type: Input
+            }], placeHolder: [{
+                type: Input
+            }], validateText: [{
+                type: Input
+            }], withPipe: [{
+                type: Input
+            }], list: [{
+                type: Input
+            }], iconUrl: [{
+                type: Input
+            }], control: [{
+                type: Input
+            }], prefix: [{
+                type: Input
+            }], thousands: [{
+                type: Input
+            }], decimal: [{
+                type: Input
+            }], dateSelected: [{
+                type: Output
             }] } });
 
-class LevelButtonComponent {
-    constructor() {
-        this.isClicked = new EventEmitter();
-    }
-    clickAction() {
-        this.isClicked.emit(true);
-    }
-}
-LevelButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LevelButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-LevelButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: LevelButtonComponent, selector: "ipt-level-button", inputs: { level: "level", buttonActive: "buttonActive", idColor: "idColor" }, outputs: { isClicked: "isClicked" }, ngImport: i0, template: `
-    <div [ngSwitch]="buttonActive">
-      <button
-        *ngSwitchCase="0"
-        (click)="clickAction()"
-        id="level"
-        class="courses"
-      >
-      <p class="p-level">{{ level }}</p>
-      </button>
-
-      <button
-        *ngSwitchCase="1"
-        (click)="clickAction()"
-        id="{{ idColor }}"
-        class="courses">
-      <p class="p-level p-level-active">{{ level }}</p>
-      </button>
-    </div>
-  `, isInline: true, styles: ["*{font-family:Poppins,sans-serif}@media (min-width: 320px){.courses{cursor:pointer;text-decoration:none;display:flex;border-radius:6px;width:100%;height:30px;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset;border:none;outline:none;align-items:center;background-color:transparent;color:#1c77f7}.p-level{display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}#level-1{background-color:#02eed8}#level-2{background-color:#61acff}#level-3{background-color:#f168f4}#level-4{background-color:#ff3737}#level-5{background-color:#004dfa}#level-6{background-color:#14c25a}#level-7{background-color:#a052da}#level-8{background-color:#f2583d}#level-9{background-color:#291d26}#level-10{background-color:#1c77f7}.p-level-active{color:#fff}}@media (min-width: 375px){.courses{height:40px}.p-level{font-size:18px}}@media (min-width: 425px){.courses{height:30px}}@media (min-width: 768px){.courses{height:40px}}@media (min-width: 1024px){.courses{transition:.6s}.courses:active{transform:scale(1.05);box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset}.p-level{font-weight:700}}@media (min-width: 1440px){.p-level{font-weight:600}}\n"], directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LevelButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ipt-level-button', template: `
-    <div [ngSwitch]="buttonActive">
-      <button
-        *ngSwitchCase="0"
-        (click)="clickAction()"
-        id="level"
-        class="courses"
-      >
-      <p class="p-level">{{ level }}</p>
-      </button>
-
-      <button
-        *ngSwitchCase="1"
-        (click)="clickAction()"
-        id="{{ idColor }}"
-        class="courses">
-      <p class="p-level p-level-active">{{ level }}</p>
-      </button>
-    </div>
-  `, styles: ["*{font-family:Poppins,sans-serif}@media (min-width: 320px){.courses{cursor:pointer;text-decoration:none;display:flex;border-radius:6px;width:100%;height:30px;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset;border:none;outline:none;align-items:center;background-color:transparent;color:#1c77f7}.p-level{display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}#level-1{background-color:#02eed8}#level-2{background-color:#61acff}#level-3{background-color:#f168f4}#level-4{background-color:#ff3737}#level-5{background-color:#004dfa}#level-6{background-color:#14c25a}#level-7{background-color:#a052da}#level-8{background-color:#f2583d}#level-9{background-color:#291d26}#level-10{background-color:#1c77f7}.p-level-active{color:#fff}}@media (min-width: 375px){.courses{height:40px}.p-level{font-size:18px}}@media (min-width: 425px){.courses{height:30px}}@media (min-width: 768px){.courses{height:40px}}@media (min-width: 1024px){.courses{transition:.6s}.courses:active{transform:scale(1.05);box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset}.p-level{font-weight:700}}@media (min-width: 1440px){.p-level{font-weight:600}}\n"] }]
-        }], propDecorators: { level: [{
-                type: Input
-            }], buttonActive: [{
-                type: Input
-            }], idColor: [{
-                type: Input
-            }], isClicked: [{
-                type: Output
+class LevelButtonComponent {
+    constructor() {
+        this.isClicked = new EventEmitter();
+    }
+    clickAction() {
+        this.isClicked.emit(true);
+    }
+}
+LevelButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LevelButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+LevelButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: LevelButtonComponent, selector: "ipt-level-button", inputs: { level: "level", buttonActive: "buttonActive", idColor: "idColor" }, outputs: { isClicked: "isClicked" }, ngImport: i0, template: `
+    <div [ngSwitch]="buttonActive">
+      <button
+        *ngSwitchCase="0"
+        (click)="clickAction()"
+        id="level"
+        class="courses"
+      >
+      <p class="p-level">{{ level }}</p>
+      </button>
+
+      <button
+        *ngSwitchCase="1"
+        (click)="clickAction()"
+        id="{{ idColor }}"
+        class="courses">
+      <p class="p-level p-level-active">{{ level }}</p>
+      </button>
+    </div>
+  `, isInline: true, styles: ["*{font-family:Poppins,sans-serif}@media (min-width: 320px){.courses{cursor:pointer;text-decoration:none;display:flex;border-radius:6px;width:100%;height:30px;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset;border:none;outline:none;align-items:center;background-color:transparent;color:#1c77f7}.p-level{display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}#level-1{background-color:#02eed8}#level-2{background-color:#61acff}#level-3{background-color:#f168f4}#level-4{background-color:#ff3737}#level-5{background-color:#004dfa}#level-6{background-color:#14c25a}#level-7{background-color:#a052da}#level-8{background-color:#f2583d}#level-9{background-color:#291d26}#level-10{background-color:#1c77f7}.p-level-active{color:#fff}}@media (min-width: 375px){.courses{height:40px}.p-level{font-size:18px}}@media (min-width: 425px){.courses{height:30px}}@media (min-width: 768px){.courses{height:40px}}@media (min-width: 1024px){.courses{transition:.6s}.courses:active{transform:scale(1.05);box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset}.p-level{font-weight:700}}@media (min-width: 1440px){.p-level{font-weight:600}}\n"], directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LevelButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipt-level-button', template: `
+    <div [ngSwitch]="buttonActive">
+      <button
+        *ngSwitchCase="0"
+        (click)="clickAction()"
+        id="level"
+        class="courses"
+      >
+      <p class="p-level">{{ level }}</p>
+      </button>
+
+      <button
+        *ngSwitchCase="1"
+        (click)="clickAction()"
+        id="{{ idColor }}"
+        class="courses">
+      <p class="p-level p-level-active">{{ level }}</p>
+      </button>
+    </div>
+  `, styles: ["*{font-family:Poppins,sans-serif}@media (min-width: 320px){.courses{cursor:pointer;text-decoration:none;display:flex;border-radius:6px;width:100%;height:30px;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset;border:none;outline:none;align-items:center;background-color:transparent;color:#1c77f7}.p-level{display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}#level-1{background-color:#02eed8}#level-2{background-color:#61acff}#level-3{background-color:#f168f4}#level-4{background-color:#ff3737}#level-5{background-color:#004dfa}#level-6{background-color:#14c25a}#level-7{background-color:#a052da}#level-8{background-color:#f2583d}#level-9{background-color:#291d26}#level-10{background-color:#1c77f7}.p-level-active{color:#fff}}@media (min-width: 375px){.courses{height:40px}.p-level{font-size:18px}}@media (min-width: 425px){.courses{height:30px}}@media (min-width: 768px){.courses{height:40px}}@media (min-width: 1024px){.courses{transition:.6s}.courses:active{transform:scale(1.05);box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset}.p-level{font-weight:700}}@media (min-width: 1440px){.p-level{font-weight:600}}\n"] }]
+        }], propDecorators: { level: [{
+                type: Input
+            }], buttonActive: [{
+                type: Input
+            }], idColor: [{
+                type: Input
+            }], isClicked: [{
+                type: Output
             }] } });
 
-class LevelTextComponent {
-}
-LevelTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LevelTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-LevelTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: LevelTextComponent, selector: "ipt-level-button", inputs: { level: "level", total: "total" }, ngImport: i0, template: `
-    <p class="p-table-course">{{ level }}: {{ total }}</p>
-  `, isInline: true, styles: ["@media (min-width: 320px){.p-table-course{background-color:#4b4a4a;color:#fff;font-size:14px;font-weight:700;padding:5px;width:100%;text-align:center}}@media (min-width: 375px){.p-table-course{background-color:#4b4a4a;color:#fff;font-size:14px;font-weight:700;padding:5px;width:100%;text-align:center}}@media (min-width: 425px){.p-table-course{font-size:18px}}@media (min-width: 1024px){.p-table-course{font-size:20px}}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LevelTextComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ipt-level-button', template: `
-    <p class="p-table-course">{{ level }}: {{ total }}</p>
-  `, styles: ["@media (min-width: 320px){.p-table-course{background-color:#4b4a4a;color:#fff;font-size:14px;font-weight:700;padding:5px;width:100%;text-align:center}}@media (min-width: 375px){.p-table-course{background-color:#4b4a4a;color:#fff;font-size:14px;font-weight:700;padding:5px;width:100%;text-align:center}}@media (min-width: 425px){.p-table-course{font-size:18px}}@media (min-width: 1024px){.p-table-course{font-size:20px}}\n"] }]
-        }], propDecorators: { level: [{
-                type: Input
-            }], total: [{
-                type: Input
+class LevelTextComponent {
+}
+LevelTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LevelTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+LevelTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: LevelTextComponent, selector: "ipt-level-button", inputs: { level: "level", total: "total" }, ngImport: i0, template: `
+    <p class="p-table-course">{{ level }}: {{ total }}</p>
+  `, isInline: true, styles: ["@media (min-width: 320px){.p-table-course{background-color:#4b4a4a;color:#fff;font-size:14px;font-weight:700;padding:5px;width:100%;text-align:center}}@media (min-width: 375px){.p-table-course{background-color:#4b4a4a;color:#fff;font-size:14px;font-weight:700;padding:5px;width:100%;text-align:center}}@media (min-width: 425px){.p-table-course{font-size:18px}}@media (min-width: 1024px){.p-table-course{font-size:20px}}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LevelTextComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipt-level-button', template: `
+    <p class="p-table-course">{{ level }}: {{ total }}</p>
+  `, styles: ["@media (min-width: 320px){.p-table-course{background-color:#4b4a4a;color:#fff;font-size:14px;font-weight:700;padding:5px;width:100%;text-align:center}}@media (min-width: 375px){.p-table-course{background-color:#4b4a4a;color:#fff;font-size:14px;font-weight:700;padding:5px;width:100%;text-align:center}}@media (min-width: 425px){.p-table-course{font-size:18px}}@media (min-width: 1024px){.p-table-course{font-size:20px}}\n"] }]
+        }], propDecorators: { level: [{
+                type: Input
+            }], total: [{
+                type: Input
             }] } });
 
-class RadioComponent {
-    constructor() {
-        this.radioOption = false;
-        this.onSelected = new EventEmitter();
-    }
-    set control(value) {
-        if (this.formControl !== value) {
-            this.formControl = value;
-        }
-    }
-}
-RadioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: RadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-RadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: RadioComponent, selector: "ipt-radio", inputs: { radioOption: "radioOption", control: "control" }, outputs: { onSelected: "onSelected" }, ngImport: i0, template: `
-    <label class="cont">
-      <input
-        class="radio"
-        [formControl]="formControl"
-        [checked]="radioOption"
-        (click)="onSelected.emit($event)"
-        type="radio">
-      <span></span>
-    </label>
-  `, isInline: true, styles: [""], directives: [{ type: i1$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { 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]" }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: RadioComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ipt-radio', template: `
-    <label class="cont">
-      <input
-        class="radio"
-        [formControl]="formControl"
-        [checked]="radioOption"
-        (click)="onSelected.emit($event)"
-        type="radio">
-      <span></span>
-    </label>
-  `, styles: [""] }]
-        }], propDecorators: { radioOption: [{
-                type: Input
-            }], control: [{
-                type: Input
-            }], onSelected: [{
-                type: Output
+class RadioComponent {
+    constructor() {
+        this.radioOption = false;
+        this.onSelected = new EventEmitter();
+    }
+    set control(value) {
+        if (this.formControl !== value) {
+            this.formControl = value;
+        }
+    }
+}
+RadioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: RadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+RadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: RadioComponent, selector: "ipt-radio", inputs: { radioOption: "radioOption", control: "control" }, outputs: { onSelected: "onSelected" }, ngImport: i0, template: `
+    <label class="cont">
+      <input
+        class="radio"
+        [formControl]="formControl"
+        [checked]="radioOption"
+        (click)="onSelected.emit($event)"
+        type="radio">
+      <span></span>
+    </label>
+  `, isInline: true, styles: [""], directives: [{ type: i1$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { 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]" }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: RadioComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipt-radio', template: `
+    <label class="cont">
+      <input
+        class="radio"
+        [formControl]="formControl"
+        [checked]="radioOption"
+        (click)="onSelected.emit($event)"
+        type="radio">
+      <span></span>
+    </label>
+  `, styles: [""] }]
+        }], propDecorators: { radioOption: [{
+                type: Input
+            }], control: [{
+                type: Input
+            }], onSelected: [{
+                type: Output
             }] } });
 
-class SelectComponent {
-    constructor() {
-        this.boxShadow = 0;
-        this.clicked = false;
-        this.disabledSel = false;
-        this.eventSelect = new EventEmitter();
-    }
-    // type viene de otro componente -> indica de que tipo es el arreglo si pregrade, posgrade o modo
-    set control(value) {
-        if (this.formControl !== value) {
-            this.formControl = value;
-        }
-    }
-    ngOnChanges(changes) {
-        if (changes['data']) {
-            this.binding = this.defaultText;
-        }
-    }
-    seleccionar(evt) {
-        if (this.eventSelect.emit(evt) !== this.defaultText) {
-            this.boxShadow = 1;
-        }
-        else {
-            this.boxShadow = 2;
-        }
-    }
-    click(value) {
-        this.clicked = value.isTrusted;
-    }
-    ngOnInit() {
-        this.binding = this.defaultText;
-    }
-    get textClass() {
-        return this.defaultText === '' ? 'selected' : 'select';
-    }
-    get labelClass() {
-        return this.clicked === false ? 'label' : 'labelUp';
-    }
-}
-SelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: SelectComponent, selector: "ipt-select", inputs: { isRequired: "isRequired", data: "data", defaultText: "defaultText", selectCode: "selectCode", disabledSel: "disabledSel", control: "control" }, outputs: { eventSelect: "eventSelect" }, usesOnChanges: true, ngImport: i0, template: `
-    <div class="select-container">
-      <label [ngClass]="labelClass">{{ defaultText }}</label>
-      <select
-        [(ngModel)]="binding"
-        (ngModelChange)="seleccionar($event)"
-        (click)="click($event)"
-        [ngClass]="textClass"
-        [disabled]="disabledSel">
-        <option *ngFor="let item of data; index as i" [value]="item.code">
-          {{ item.name }} {{ item.prefix }}
-        </option>
-      </select>
-    </div>
-  `, isInline: true, styles: ["*{font-family:Poppins,sans-serif}.select-container{position:relative;margin-top:30px}.select{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;display:block;transition:.2s;font-weight:300;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff;-webkit-appearance:none}.selected{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;transition:.5s;font-weight:300;width:-webkit-fill-available;width:-moz-available;height:28px;background-color:#fff;padding-left:10px}select:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.select:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}.label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.labelUp{color:#1c77f7;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SelectComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ipt-select', template: `
-    <div class="select-container">
-      <label [ngClass]="labelClass">{{ defaultText }}</label>
-      <select
-        [(ngModel)]="binding"
-        (ngModelChange)="seleccionar($event)"
-        (click)="click($event)"
-        [ngClass]="textClass"
-        [disabled]="disabledSel">
-        <option *ngFor="let item of data; index as i" [value]="item.code">
-          {{ item.name }} {{ item.prefix }}
-        </option>
-      </select>
-    </div>
-  `, styles: ["*{font-family:Poppins,sans-serif}.select-container{position:relative;margin-top:30px}.select{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;display:block;transition:.2s;font-weight:300;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff;-webkit-appearance:none}.selected{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;transition:.5s;font-weight:300;width:-webkit-fill-available;width:-moz-available;height:28px;background-color:#fff;padding-left:10px}select:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.select:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}.label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.labelUp{color:#1c77f7;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"] }]
-        }], propDecorators: { isRequired: [{
-                type: Input
-            }], data: [{
-                type: Input
-            }], defaultText: [{
-                type: Input
-            }], selectCode: [{
-                type: Input
-            }], disabledSel: [{
-                type: Input
-            }], eventSelect: [{
-                type: Output
-            }], control: [{
-                type: Input
+class SelectComponent {
+    constructor() {
+        this.boxShadow = 0;
+        this.clicked = false;
+        this.disabledSel = false;
+        this.eventSelect = new EventEmitter();
+    }
+    // type viene de otro componente -> indica de que tipo es el arreglo si pregrade, posgrade o modo
+    set control(value) {
+        if (this.formControl !== value) {
+            this.formControl = value;
+        }
+    }
+    ngOnChanges(changes) {
+        if (changes['data']) {
+            this.binding = this.defaultText;
+        }
+    }
+    seleccionar(evt) {
+        if (this.eventSelect.emit(evt) !== this.defaultText) {
+            this.boxShadow = 1;
+        }
+        else {
+            this.boxShadow = 2;
+        }
+    }
+    click(value) {
+        this.clicked = value.isTrusted;
+    }
+    ngOnInit() {
+        this.binding = this.defaultText;
+    }
+    get textClass() {
+        return this.defaultText === '' ? 'selected' : 'select';
+    }
+    get labelClass() {
+        return this.clicked === false ? 'label' : 'labelUp';
+    }
+}
+SelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: SelectComponent, selector: "ipt-select", inputs: { isRequired: "isRequired", data: "data", defaultText: "defaultText", selectCode: "selectCode", disabledSel: "disabledSel", control: "control" }, outputs: { eventSelect: "eventSelect" }, usesOnChanges: true, ngImport: i0, template: `
+    <div class="select-container">
+      <label [ngClass]="labelClass">{{ defaultText }}</label>
+      <select
+        [(ngModel)]="binding"
+        (ngModelChange)="seleccionar($event)"
+        (click)="click($event)"
+        [ngClass]="textClass"
+        [disabled]="disabledSel">
+        <option *ngFor="let item of data; index as i" [value]="item.code">
+          {{ item.name }} {{ item.prefix }}
+        </option>
+      </select>
+    </div>
+  `, isInline: true, styles: ["*{font-family:Poppins,sans-serif}.select-container{position:relative;margin-top:30px}.select{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;display:block;transition:.2s;font-weight:300;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff;-webkit-appearance:none}.selected{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;transition:.5s;font-weight:300;width:-webkit-fill-available;width:-moz-available;height:28px;background-color:#fff;padding-left:10px}select:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.select:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}.label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.labelUp{color:#1c77f7;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipt-select', template: `
+    <div class="select-container">
+      <label [ngClass]="labelClass">{{ defaultText }}</label>
+      <select
+        [(ngModel)]="binding"
+        (ngModelChange)="seleccionar($event)"
+        (click)="click($event)"
+        [ngClass]="textClass"
+        [disabled]="disabledSel">
+        <option *ngFor="let item of data; index as i" [value]="item.code">
+          {{ item.name }} {{ item.prefix }}
+        </option>
+      </select>
+    </div>
+  `, styles: ["*{font-family:Poppins,sans-serif}.select-container{position:relative;margin-top:30px}.select{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;display:block;transition:.2s;font-weight:300;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff;-webkit-appearance:none}.selected{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;transition:.5s;font-weight:300;width:-webkit-fill-available;width:-moz-available;height:28px;background-color:#fff;padding-left:10px}select:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.select:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}.label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.labelUp{color:#1c77f7;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"] }]
+        }], propDecorators: { isRequired: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], defaultText: [{
+                type: Input
+            }], selectCode: [{
+                type: Input
+            }], disabledSel: [{
+                type: Input
+            }], eventSelect: [{
+                type: Output
+            }], control: [{
+                type: Input
             }] } });
 
-class TextLinkComponent {
-    constructor() {
-        this.isClicked = new EventEmitter();
-    }
-    isLinkClicked() {
-        this.isClicked.emit(true);
-    }
-}
-TextLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TextLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TextLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: TextLinkComponent, selector: "ipt-text-link", inputs: { text: "text", blank: "blank", icon: "icon" }, outputs: { isClicked: "isClicked" }, ngImport: i0, template: `
-    <a class="text-link" (click)='isLinkClicked()'>
-      <p class="text-link__paragraph">
-        <i class="{{icon}}" aria-hidden="true"></i>
-        {{text}}
-      </p>
-    </a>
-  `, isInline: true, styles: [".text-link{font-family:Poppins,sans-serif;font-size:1.1rem;color:gray;display:flex;flex-direction:row}.text-link__image{height:1rem;background-position:center;fill:#0ff;-webkit-print-color-adjust:aqua;color-adjust:aqua}.text-link__paragraph{margin:0;text-align:end}a:hover,a:focus,.text-link:hover,.text-link:focus{color:#1c77f7;cursor:pointer}@media (max-width: 1200px){.text-link{font-size:.9rem;width:160px}}@media (max-width: 450px){.text-link{font-size:.9rem;width:150px}}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TextLinkComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ipt-text-link', template: `
-    <a class="text-link" (click)='isLinkClicked()'>
-      <p class="text-link__paragraph">
-        <i class="{{icon}}" aria-hidden="true"></i>
-        {{text}}
-      </p>
-    </a>
-  `, styles: [".text-link{font-family:Poppins,sans-serif;font-size:1.1rem;color:gray;display:flex;flex-direction:row}.text-link__image{height:1rem;background-position:center;fill:#0ff;-webkit-print-color-adjust:aqua;color-adjust:aqua}.text-link__paragraph{margin:0;text-align:end}a:hover,a:focus,.text-link:hover,.text-link:focus{color:#1c77f7;cursor:pointer}@media (max-width: 1200px){.text-link{font-size:.9rem;width:160px}}@media (max-width: 450px){.text-link{font-size:.9rem;width:150px}}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { text: [{
-                type: Input
-            }], blank: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], isClicked: [{
-                type: Output
+class TextLinkComponent {
+    constructor() {
+        this.isClicked = new EventEmitter();
+    }
+    isLinkClicked() {
+        this.isClicked.emit(true);
+    }
+}
+TextLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TextLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TextLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: TextLinkComponent, selector: "ipt-text-link", inputs: { text: "text", blank: "blank", icon: "icon" }, outputs: { isClicked: "isClicked" }, ngImport: i0, template: `
+    <a class="text-link" (click)='isLinkClicked()'>
+      <p class="text-link__paragraph">
+        <i class="{{icon}}" aria-hidden="true"></i>
+        {{text}}
+      </p>
+    </a>
+  `, isInline: true, styles: [".text-link{font-family:Poppins,sans-serif;font-size:1.1rem;color:gray;display:flex;flex-direction:row}.text-link__image{height:1rem;background-position:center;fill:#0ff;-webkit-print-color-adjust:aqua;color-adjust:aqua}.text-link__paragraph{margin:0;text-align:end}a:hover,a:focus,.text-link:hover,.text-link:focus{color:#1c77f7;cursor:pointer}@media (max-width: 1200px){.text-link{font-size:.9rem;width:160px}}@media (max-width: 450px){.text-link{font-size:.9rem;width:150px}}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TextLinkComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipt-text-link', template: `
+    <a class="text-link" (click)='isLinkClicked()'>
+      <p class="text-link__paragraph">
+        <i class="{{icon}}" aria-hidden="true"></i>
+        {{text}}
+      </p>
+    </a>
+  `, styles: [".text-link{font-family:Poppins,sans-serif;font-size:1.1rem;color:gray;display:flex;flex-direction:row}.text-link__image{height:1rem;background-position:center;fill:#0ff;-webkit-print-color-adjust:aqua;color-adjust:aqua}.text-link__paragraph{margin:0;text-align:end}a:hover,a:focus,.text-link:hover,.text-link:focus{color:#1c77f7;cursor:pointer}@media (max-width: 1200px){.text-link{font-size:.9rem;width:160px}}@media (max-width: 450px){.text-link{font-size:.9rem;width:150px}}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { text: [{
+                type: Input
+            }], blank: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], isClicked: [{
+                type: Output
             }] } });
 
-class UserService {
-    constructor(http) {
-        this.http = http;
-        this.SERVICE_URL = 'https://iptdev.com.co/lab/users/api/';
-    }
-    login(userLogin) {
-        let serviceUrl = this.SERVICE_URL + 'post/login';
-        this.generateRequestParams(userLogin);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    resetPassword(resetPassword) {
-        let serviceUrl = this.SERVICE_URL + 'reset/password';
-        this.generateRequestParams(resetPassword);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    register(user) {
-        let serviceUrl = this.SERVICE_URL + 'post/create/web';
-        this.generateRequestParams(user);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    registerIndex(register) {
-        let serviceUrl = this.SERVICE_URL + 'post/create/marketing';
-        this.generateRequestParams(register);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    registerDashboard(user) {
-        let serviceUrl = this.SERVICE_URL + 'post/create/dashboard';
-        this.generateRequestParams(user);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    getAvailableTeachers(token) {
-        let serviceUrl = this.SERVICE_URL + 'post/obtain/teachers';
-        this.generateRequestParams(token);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    getAllAdvisor(userToken) {
-        let serviceUrl = this.SERVICE_URL + 'post/obtain/all/user/commercial';
-        this.generateRequestParams(userToken);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    getByRoleUser(codeRole) {
-        let serviceUrl = this.SERVICE_URL + 'get/obtain/by/role/user/' + codeRole;
-        return this.http.get(serviceUrl);
-    }
-    getUserStatistics(userToken) {
-        let serviceUrl = this.SERVICE_URL + 'get/contact/strategy/statistics';
-        this.generateRequestParams(userToken);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    getRoutesForRole(token) {
-        let serviceUrl = this.SERVICE_URL + 'post/routes/role';
-        this.generateRequestParams(token);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    getStudents(token) {
-        let serviceUrl = this.SERVICE_URL + 'post/obtain/students';
-        this.generateRequestParams(token);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    getStudent(token) {
-        let serviceUrl = this.SERVICE_URL + 'post/obtain/student';
-        this.generateRequestParams(token);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    generateRequestParams(param) {
-        this.httpOptions = {
-            header: new HttpHeaders(),
-            params: param,
-        };
-    }
-}
-UserService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: UserService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-UserService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: UserService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: UserService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
+class UserService {
+    constructor(http) {
+        this.http = http;
+        this.SERVICE_URL = 'https://iptdev.com.co/lab/users/api/';
+    }
+    login(userLogin) {
+        let serviceUrl = this.SERVICE_URL + 'post/login';
+        this.generateRequestParams(userLogin);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    resetPassword(resetPassword) {
+        let serviceUrl = this.SERVICE_URL + 'reset/password';
+        this.generateRequestParams(resetPassword);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    register(user) {
+        let serviceUrl = this.SERVICE_URL + 'post/create/web';
+        this.generateRequestParams(user);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    registerIndex(register) {
+        let serviceUrl = this.SERVICE_URL + 'post/create/marketing';
+        this.generateRequestParams(register);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    registerDashboard(user) {
+        let serviceUrl = this.SERVICE_URL + 'post/create/dashboard';
+        this.generateRequestParams(user);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    getAvailableTeachers(token) {
+        let serviceUrl = this.SERVICE_URL + 'post/obtain/teachers';
+        this.generateRequestParams(token);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    getAllAdvisor(userToken) {
+        let serviceUrl = this.SERVICE_URL + 'post/obtain/all/user/commercial';
+        this.generateRequestParams(userToken);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    getByRoleUser(codeRole) {
+        let serviceUrl = this.SERVICE_URL + 'get/obtain/by/role/user/' + codeRole;
+        return this.http.get(serviceUrl);
+    }
+    getUserStatistics(userToken) {
+        let serviceUrl = this.SERVICE_URL + 'get/contact/strategy/statistics';
+        this.generateRequestParams(userToken);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    getRoutesForRole(token) {
+        let serviceUrl = this.SERVICE_URL + 'post/routes/role';
+        this.generateRequestParams(token);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    getStudents(token) {
+        let serviceUrl = this.SERVICE_URL + 'post/obtain/students';
+        this.generateRequestParams(token);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    getStudent(token) {
+        let serviceUrl = this.SERVICE_URL + 'post/obtain/student';
+        this.generateRequestParams(token);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    generateRequestParams(param) {
+        this.httpOptions = {
+            header: new HttpHeaders(),
+            params: param,
+        };
+    }
+}
+UserService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: UserService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+UserService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: UserService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: UserService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
         }], ctorParameters: function () { return [{ type: i1$2.HttpClient }]; } });
 
-class StorageService {
-    constructor() {
-        this.currentSession = null;
-        this.localStorageService = localStorage;
-        this.currentSession = this.loadSessionData();
-    }
-    setCurrentSession(session) {
-        this.currentSession = session;
-        this.localStorageService.setItem('606a7d4e73650b75ebb06972e77d6cc4', JSON.stringify(session));
-    }
-    loadSessionData() {
-        var sessionStr = this.localStorageService.getItem('606a7d4e73650b75ebb06972e77d6cc4');
-        return (sessionStr) ? JSON.parse(sessionStr) : null;
-    }
-    getCurrentSession() {
-        return this.currentSession;
-    }
-    removeCurrentSession() {
-        this.localStorageService.removeItem('606a7d4e73650b75ebb06972e77d6cc4');
-        this.currentSession = null;
-    }
-    getCurrentUser() {
-        var session = this.getCurrentSession();
-        return (session && session.user) ? session.user : null;
-    }
-    ;
-    isAuthenticated() {
-        return (this.getCurrentToken() != null) ? true : false;
-    }
-    ;
-    getCurrentToken() {
-        var session = this.getCurrentSession();
-        return (session && session.token) ? session.token : null;
-    }
-    ;
-    logout() {
-        this.removeCurrentSession();
-    }
-}
-StorageService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: StorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-StorageService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: StorageService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: StorageService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
+class StorageService {
+    constructor() {
+        this.currentSession = null;
+        this.localStorageService = localStorage;
+        this.currentSession = this.loadSessionData();
+    }
+    setCurrentSession(session) {
+        this.currentSession = session;
+        this.localStorageService.setItem('606a7d4e73650b75ebb06972e77d6cc4', JSON.stringify(session));
+    }
+    loadSessionData() {
+        var sessionStr = this.localStorageService.getItem('606a7d4e73650b75ebb06972e77d6cc4');
+        return (sessionStr) ? JSON.parse(sessionStr) : null;
+    }
+    getCurrentSession() {
+        return this.currentSession;
+    }
+    removeCurrentSession() {
+        this.localStorageService.removeItem('606a7d4e73650b75ebb06972e77d6cc4');
+        this.currentSession = null;
+    }
+    getCurrentUser() {
+        var session = this.getCurrentSession();
+        return (session && session.user) ? session.user : null;
+    }
+    ;
+    isAuthenticated() {
+        return (this.getCurrentToken() != null) ? true : false;
+    }
+    ;
+    getCurrentToken() {
+        var session = this.getCurrentSession();
+        return (session && session.token) ? session.token : null;
+    }
+    ;
+    logout() {
+        this.removeCurrentSession();
+    }
+}
+StorageService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: StorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+StorageService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: StorageService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: StorageService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
         }], ctorParameters: function () { return []; } });
 
-class BaseService {
-    constructor(userService, storageService) {
-        this.userService = userService;
-        this.storageService = storageService;
-    }
-    webLogin(user, password) {
-        let request = {
-            user: user,
-            password: password
-        };
-        let service = this.userService;
-        let storage = this.storageService;
-        return new Promise(function (resolve, reject) {
-            service.login(request).subscribe(response => {
-                switch (response.message.code) {
-                    case 1:
-                        Swal.fire({
-                            'title': '<p style="font-family: Poppins"">Perfect!</p>',
-                            'html': '<p style="font-family: Poppins"">Succesfull login</p>',
-                            'icon': 'success',
-                        });
-                        const loginRegisterUser = {
-                            token: response.data.token,
-                            user: response.data,
-                        };
-                        storage.setCurrentSession(loginRegisterUser);
-                        resolve(true);
-                        break;
-                    case 2:
-                        Swal.fire({
-                            'title': '<p style="font-family: Poppins"">Warning!</p>',
-                            'html': '<p style="font-family: Poppins"">The data does not correspond to a user registered in our system, please review them.</p>',
-                            'icon': 'warning',
-                        });
-                        resolve(false);
-                        break;
-                    case 3:
-                        Swal.fire({
-                            'title': '<p style="font-family: Poppins"">Error!</p>',
-                            'html': '<p style="font-family: Poppins"">The input data does not meet the established parameters.</p>',
-                            'icon': 'error',
-                        });
-                        resolve(false);
-                        break;
-                    default:
-                        Swal.fire({
-                            'title': '<p style="font-family: Poppins"">Error!</p>',
-                            'html': '<p style="font-family: Poppins"">An unexpected error has occurred</p>',
-                            'icon': 'error',
-                        });
-                        resolve(false);
-                        break;
-                }
-                reject('Unhandled exception');
-            });
-        });
-    }
-    getUserRole() {
-        let user = this.storageService.getCurrentUser()?.role;
-        return user === undefined ? -1 : user;
-    }
-    getUserToken() {
-        let token = this.storageService.getCurrentUser()?.token;
-        return token === undefined ? '-1' : token;
-    }
-    getUserName() {
-        let user = this.storageService.getCurrentUser();
-        let response = user === null ? '' : user.name;
-        return response;
-    }
-    registerUserFromDashboard(registerDashboardRq) {
-        let request = registerDashboardRq;
-        let service = this.userService;
-        return new Promise(function (resolve, reject) {
-            service.registerDashboard(request).subscribe((response) => {
-                switch (response.message.code) {
-                    case 1:
-                        Swal.fire({
-                            'title': '<p style="font-family: Poppins"">Perfect!</p>',
-                            'html': '<p style="font-family: Poppins"">Sucesfull register!</p>',
-                            'icon': 'success',
-                        });
-                        resolve(true);
-                        break;
-                    case 3:
-                        Swal.fire({
-                            'title': '<p style="font-family: Poppins"">Error!</p>',
-                            'html': '<p style="font-family: Poppins"">The input data does not meet the established parameters.</p>',
-                            'icon': 'error',
-                        });
-                        resolve(false);
-                        break;
-                    case 4:
-                        Swal.fire({
-                            'title': '<p style="font-family: Poppins">Ups!</p>',
-                            'html': '<p style="font-family: Poppins">The input data has a high relation with a user that already exists!</p>',
-                            'icon': 'warning',
-                        });
-                        resolve(false);
-                        break;
-                    default:
-                        Swal.fire({
-                            'title': '<p style="font-family: Poppins"">Error!</p>',
-                            'html': '<p style="font-family: Poppins"">An unexpected error has occurred</p>',
-                            'icon': 'error',
-                        });
-                        resolve(false);
-                        break;
-                }
-                reject('Unhandled exception');
-            });
-        });
-    }
-    jsonToArray(data) {
-        var response = [];
-        data.forEach((element) => {
-            var object = [];
-            for (var clave in element) {
-                if (element.hasOwnProperty(clave)) {
-                    if (typeof element[clave] == 'object') {
-                        element[clave] = this.subJsonToArray(element[clave]);
-                    }
-                    object.push(element[clave]);
-                }
-            }
-            response.push(object);
-        });
-        return response;
-    }
-    subJsonToArray(data) {
-        var object = '';
-        for (var clave in data) {
-            if (clave != 'code') {
-                object += '\n' + data[clave];
-            }
-        }
-        return object;
-    }
-}
-BaseService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BaseService, deps: [{ token: UserService }, { token: StorageService }], target: i0.ɵɵFactoryTarget.Injectable });
-BaseService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BaseService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BaseService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
+class BaseService {
+    constructor(userService, storageService) {
+        this.userService = userService;
+        this.storageService = storageService;
+    }
+    webLogin(user, password) {
+        let request = {
+            user: user,
+            password: password
+        };
+        let service = this.userService;
+        let storage = this.storageService;
+        return new Promise(function (resolve, reject) {
+            service.login(request).subscribe(response => {
+                switch (response.message.code) {
+                    case 1:
+                        Swal.fire({
+                            'title': '<p style="font-family: Poppins"">Perfect!</p>',
+                            'html': '<p style="font-family: Poppins"">Succesfull login</p>',
+                            'icon': 'success',
+                        });
+                        const loginRegisterUser = {
+                            token: response.data.token,
+                            user: response.data,
+                        };
+                        storage.setCurrentSession(loginRegisterUser);
+                        resolve(true);
+                        break;
+                    case 2:
+                        Swal.fire({
+                            'title': '<p style="font-family: Poppins"">Warning!</p>',
+                            'html': '<p style="font-family: Poppins"">The data does not correspond to a user registered in our system, please review them.</p>',
+                            'icon': 'warning',
+                        });
+                        resolve(false);
+                        break;
+                    case 3:
+                        Swal.fire({
+                            'title': '<p style="font-family: Poppins"">Error!</p>',
+                            'html': '<p style="font-family: Poppins"">The input data does not meet the established parameters.</p>',
+                            'icon': 'error',
+                        });
+                        resolve(false);
+                        break;
+                    default:
+                        Swal.fire({
+                            'title': '<p style="font-family: Poppins"">Error!</p>',
+                            'html': '<p style="font-family: Poppins"">An unexpected error has occurred</p>',
+                            'icon': 'error',
+                        });
+                        resolve(false);
+                        break;
+                }
+                reject('Unhandled exception');
+            });
+        });
+    }
+    getUserRole() {
+        let user = this.storageService.getCurrentUser()?.role;
+        return user === undefined ? -1 : user;
+    }
+    getUserToken() {
+        let token = this.storageService.getCurrentUser()?.token;
+        return token === undefined ? '-1' : token;
+    }
+    getUserName() {
+        let user = this.storageService.getCurrentUser();
+        let response = user === null ? '' : user.name;
+        return response;
+    }
+    registerUserFromDashboard(registerDashboardRq) {
+        let request = registerDashboardRq;
+        let service = this.userService;
+        return new Promise(function (resolve, reject) {
+            service.registerDashboard(request).subscribe((response) => {
+                switch (response.message.code) {
+                    case 1:
+                        Swal.fire({
+                            'title': '<p style="font-family: Poppins"">Perfect!</p>',
+                            'html': '<p style="font-family: Poppins"">Sucesfull register!</p>',
+                            'icon': 'success',
+                        });
+                        resolve(true);
+                        break;
+                    case 3:
+                        Swal.fire({
+                            'title': '<p style="font-family: Poppins"">Error!</p>',
+                            'html': '<p style="font-family: Poppins"">The input data does not meet the established parameters.</p>',
+                            'icon': 'error',
+                        });
+                        resolve(false);
+                        break;
+                    case 4:
+                        Swal.fire({
+                            'title': '<p style="font-family: Poppins">Ups!</p>',
+                            'html': '<p style="font-family: Poppins">The input data has a high relation with a user that already exists!</p>',
+                            'icon': 'warning',
+                        });
+                        resolve(false);
+                        break;
+                    default:
+                        Swal.fire({
+                            'title': '<p style="font-family: Poppins"">Error!</p>',
+                            'html': '<p style="font-family: Poppins"">An unexpected error has occurred</p>',
+                            'icon': 'error',
+                        });
+                        resolve(false);
+                        break;
+                }
+                reject('Unhandled exception');
+            });
+        });
+    }
+    jsonToArray(data) {
+        var response = [];
+        data.forEach((element) => {
+            var object = [];
+            for (var clave in element) {
+                if (element.hasOwnProperty(clave)) {
+                    if (typeof element[clave] == 'object') {
+                        element[clave] = this.subJsonToArray(element[clave]);
+                    }
+                    object.push(element[clave]);
+                }
+            }
+            response.push(object);
+        });
+        return response;
+    }
+    subJsonToArray(data) {
+        var object = '';
+        for (var clave in data) {
+            if (clave != 'code') {
+                object += '\n' + data[clave];
+            }
+        }
+        return object;
+    }
+}
+BaseService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BaseService, deps: [{ token: UserService }, { token: StorageService }], target: i0.ɵɵFactoryTarget.Injectable });
+BaseService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BaseService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BaseService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
         }], ctorParameters: function () { return [{ type: UserService }, { type: StorageService }]; } });
 
-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$1.FormBuilder }, { token: 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: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal"], outputs: ["dateSelected"] }, { type: ButtonComponent, selector: "ipt-button", inputs: ["primary", "size", "label", "buttonType", "isEnabled"], outputs: ["onClick"] }], directives: [{ type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$1.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$1.FormBuilder }, { type: BaseService }]; }, propDecorators: { isLogged: [{
-                type: Output
+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$1.FormBuilder }, { token: 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: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal"], outputs: ["dateSelected"] }, { type: ButtonComponent, selector: "ipt-button", inputs: ["primary", "size", "label", "buttonType", "isEnabled"], outputs: ["onClick"] }], directives: [{ type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$1.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$1.FormBuilder }, { type: BaseService }]; }, propDecorators: { isLogged: [{
+                type: Output
             }] } });
 
-class ParameterService {
-    constructor(http) {
-        this.http = http;
-        this.SERVICE_URL = 'https://iptdev.com.co/lab/parameters/api/';
-    }
-    getIndicatives() {
-        let serviceUrl = this.SERVICE_URL + 'get/indicatives';
-        return this.http.get(serviceUrl);
-    }
-    getCardTypes(country) {
-        let serviceUrl = this.SERVICE_URL + 'get/id/card/type/country/' + country;
-        return this.http.get(serviceUrl);
-    }
-    getCountries() {
-        let serviceUrl = this.SERVICE_URL + 'get/countries';
-        return this.http.get(serviceUrl);
-    }
-    getStatesByCountry(country) {
-        let serviceUrl = this.SERVICE_URL + 'get/state/country/iso/' + country;
-        return this.http.get(serviceUrl);
-    }
-    getCitiesByState(state) {
-        let serviceUrl = this.SERVICE_URL + 'get/cities/state/' + state;
-        return this.http.get(serviceUrl);
-    }
-    getAllPlans() {
-        let serviceUrl = this.SERVICE_URL + 'get/all/plans';
-        return this.http.get(serviceUrl);
-    }
-    getLevels() {
-        let serviceUrl = this.SERVICE_URL + 'get/english/levels';
-        return this.http.get(serviceUrl);
-    }
-    getAgreements() {
-        let serviceUrl = this.SERVICE_URL + 'get/all/agreement';
-        return this.http.get(serviceUrl);
-    }
-    getAgreementByCategory(typeCategory) {
-        let serviceUrl = this.SERVICE_URL + 'get/agreement/by/category/' + typeCategory;
-        return this.http.get(serviceUrl);
-    }
-    getAllClassrooms() {
-        let serviceUrl = this.SERVICE_URL + 'get/all/classroom';
-        return this.http.get(serviceUrl);
-    }
-    getCoursesTypes() {
-        let serviceUrl = this.SERVICE_URL + 'get/all/course/type';
-        return this.http.get(serviceUrl);
-    }
-    getCoursesTypesByPlan(typePlan) {
-        let serviceUrl = this.SERVICE_URL + 'get/course/by/plan/' + typePlan;
-        return this.http.get(serviceUrl);
-    }
-    getDegrees() {
-        let serviceUrl = this.SERVICE_URL + 'get/all/degrees';
-        return this.http.get(serviceUrl);
-    }
-    getProgramsByDegree(typeDegree) {
-        let serviceUrl = this.SERVICE_URL + 'get/programs/by/degree/' + typeDegree;
-        return this.http.get(serviceUrl);
-    }
-    getMarketingReasons() {
-        let serviceUrl = this.SERVICE_URL + 'get/all/mkt/reasons';
-        return this.http.get(serviceUrl);
-    }
-    getStudyReasons() {
-        let serviceUrl = this.SERVICE_URL + 'get/all/study/reasons';
-        return this.http.get(serviceUrl);
-    }
-    getAcademicUnits() {
-        let serviceUrl = this.SERVICE_URL + 'get/academic/units';
-        return this.http.get(serviceUrl);
-    }
-    getStatusContact() {
-        let serviceUrl = this.SERVICE_URL + 'get/contact/status/all';
-        return this.http.get(serviceUrl);
-    }
-    getTypePlan() {
-        let serviceUrl = this.SERVICE_URL + 'get/all/plans';
-        return this.http.get(serviceUrl);
-    }
-    getTypePlanDiscount() {
-        let serviceUrl = this.SERVICE_URL + 'get/discount/all/plans';
-        return this.http.get(serviceUrl);
-    }
-    getContactedType() {
-        let serviceUrl = this.SERVICE_URL + 'get/contact/contacted/all';
-        return this.http.get(serviceUrl);
-    }
-    getStatusByCode(codeStatus) {
-        let serviceUrl = this.SERVICE_URL + 'get/contact/status/bycode/' + codeStatus;
-        return this.http.get(serviceUrl);
-    }
-    getAllTypeDiscount() {
-        let serviceUrl = this.SERVICE_URL + 'get/commercial/typediscounts/all';
-        return this.http.get(serviceUrl);
-    }
-    getAllCourseModality() {
-        let serviceUrl = this.SERVICE_URL + 'get/all/course/modality';
-        return this.http.get(serviceUrl);
-    }
-}
-ParameterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ParameterService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-ParameterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ParameterService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ParameterService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
+class ParameterService {
+    constructor(http) {
+        this.http = http;
+        this.SERVICE_URL = 'https://iptdev.com.co/lab/parameters/api/';
+    }
+    getIndicatives() {
+        let serviceUrl = this.SERVICE_URL + 'get/indicatives';
+        return this.http.get(serviceUrl);
+    }
+    getCardTypes(country) {
+        let serviceUrl = this.SERVICE_URL + 'get/id/card/type/country/' + country;
+        return this.http.get(serviceUrl);
+    }
+    getCountries() {
+        let serviceUrl = this.SERVICE_URL + 'get/countries';
+        return this.http.get(serviceUrl);
+    }
+    getStatesByCountry(country) {
+        let serviceUrl = this.SERVICE_URL + 'get/state/country/iso/' + country;
+        return this.http.get(serviceUrl);
+    }
+    getCitiesByState(state) {
+        let serviceUrl = this.SERVICE_URL + 'get/cities/state/' + state;
+        return this.http.get(serviceUrl);
+    }
+    getAllPlans() {
+        let serviceUrl = this.SERVICE_URL + 'get/all/plans';
+        return this.http.get(serviceUrl);
+    }
+    getLevels() {
+        let serviceUrl = this.SERVICE_URL + 'get/english/levels';
+        return this.http.get(serviceUrl);
+    }
+    getAgreements() {
+        let serviceUrl = this.SERVICE_URL + 'get/all/agreement';
+        return this.http.get(serviceUrl);
+    }
+    getAgreementByCategory(typeCategory) {
+        let serviceUrl = this.SERVICE_URL + 'get/agreement/by/category/' + typeCategory;
+        return this.http.get(serviceUrl);
+    }
+    getAllClassrooms() {
+        let serviceUrl = this.SERVICE_URL + 'get/all/classroom';
+        return this.http.get(serviceUrl);
+    }
+    getCoursesTypes() {
+        let serviceUrl = this.SERVICE_URL + 'get/all/course/type';
+        return this.http.get(serviceUrl);
+    }
+    getCoursesTypesByPlan(typePlan) {
+        let serviceUrl = this.SERVICE_URL + 'get/course/by/plan/' + typePlan;
+        return this.http.get(serviceUrl);
+    }
+    getDegrees() {
+        let serviceUrl = this.SERVICE_URL + 'get/all/degrees';
+        return this.http.get(serviceUrl);
+    }
+    getProgramsByDegree(typeDegree) {
+        let serviceUrl = this.SERVICE_URL + 'get/programs/by/degree/' + typeDegree;
+        return this.http.get(serviceUrl);
+    }
+    getMarketingReasons() {
+        let serviceUrl = this.SERVICE_URL + 'get/all/mkt/reasons';
+        return this.http.get(serviceUrl);
+    }
+    getStudyReasons() {
+        let serviceUrl = this.SERVICE_URL + 'get/all/study/reasons';
+        return this.http.get(serviceUrl);
+    }
+    getAcademicUnits() {
+        let serviceUrl = this.SERVICE_URL + 'get/academic/units';
+        return this.http.get(serviceUrl);
+    }
+    getStatusContact() {
+        let serviceUrl = this.SERVICE_URL + 'get/contact/status/all';
+        return this.http.get(serviceUrl);
+    }
+    getTypePlan() {
+        let serviceUrl = this.SERVICE_URL + 'get/all/plans';
+        return this.http.get(serviceUrl);
+    }
+    getTypePlanDiscount() {
+        let serviceUrl = this.SERVICE_URL + 'get/discount/all/plans';
+        return this.http.get(serviceUrl);
+    }
+    getContactedType() {
+        let serviceUrl = this.SERVICE_URL + 'get/contact/contacted/all';
+        return this.http.get(serviceUrl);
+    }
+    getStatusByCode(codeStatus) {
+        let serviceUrl = this.SERVICE_URL + 'get/contact/status/bycode/' + codeStatus;
+        return this.http.get(serviceUrl);
+    }
+    getAllTypeDiscount() {
+        let serviceUrl = this.SERVICE_URL + 'get/commercial/typediscounts/all';
+        return this.http.get(serviceUrl);
+    }
+    getAllCourseModality() {
+        let serviceUrl = this.SERVICE_URL + 'get/all/course/modality';
+        return this.http.get(serviceUrl);
+    }
+}
+ParameterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ParameterService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+ParameterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ParameterService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ParameterService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
         }], ctorParameters: function () { return [{ type: i1$2.HttpClient }]; } });
 
-class CreateUserFormComponent {
-    constructor(fb, parameterService, userService) {
-        this.fb = fb;
-        this.parameterService = parameterService;
-        this.userService = userService;
-        this.visibility = false;
-        this.userCreated = new EventEmitter(false);
-        this.onHide = new EventEmitter(false);
-        this.loader = false;
-        this.photo = '';
-    }
-    ngOnInit() {
-        this.initForm();
-        this.getParameters();
-    }
-    closeModal() {
-        this.visibility = false;
-        this.onHide.emit(true);
-    }
-    createUser() {
-        this.loader = true;
-        let request = {
-            name: this.createUserForm.controls['name'].value,
-            last_name: this.createUserForm.controls['last_name'].value,
-            id_card_type: this.createUserForm.controls['id_card_type'].value,
-            id_card: this.createUserForm.controls['id_card'].value,
-            phone_indicative: this.createUserForm.controls['phone_indicative'].value,
-            phone_number: this.createUserForm.controls['phone_number'].value,
-            email: this.createUserForm.controls['email'].value,
-            city: this.createUserForm.controls['city'].value,
-            service_hour: this.createUserForm.controls['service_hour'].value,
-            role: this.createUserForm.controls['role'].value,
-            password: this.createUserForm.controls['password'].value,
-        };
-        this.userService.registerDashboard(request).subscribe((response) => {
-            console.log(response.message);
-            switch (response.message.code) {
-                case 1:
-                    this.userCreated.emit(true);
-                    break;
-                case 2:
-                    throw new Error("Los datos ingresados no corresponden a un usuario registrado en nuestro sistema, por favor reviselos.");
-                case 3:
-                    throw new Error("Los datos ingresados no cumplen los parámetros establecidos");
-                default:
-                    break;
-            }
-            this.loader = false;
-        });
-    }
-    getParameters() {
-        this.parameterService.getIndicatives().subscribe((response) => {
-            this.phoneNumberIndicatives = response.data;
-        });
-        this.parameterService.getCardTypes('col').subscribe((response) => {
-            this.idTypes = response.data;
-        });
-        this.parameterService.getStatesByCountry('col').subscribe((response) => {
-            this.states = response.data;
-        });
-    }
-    getRolesOptions() {
-        // Estudiante
-        if (this.userType === 'student') {
-            this.setPhoto('student');
-            return [
-                { code: '13', name: 'Student' },
-            ];
-        }
-        // Académico
-        if (this.userType === 'academic') {
-            this.setPhoto('academic');
-            return [
-                { code: '11', name: 'Teacher PRO' },
-                { code: '12', name: 'Teacher' },
-            ];
-        }
-        // Administrativo
-        if (this.userType === 'administrative') {
-            this.setPhoto('administrative');
-            return [
-                { code: '31', name: 'Administrative Supervisor' },
-                { code: '32', name: 'Administrative Advisor' },
-            ];
-        }
-        // Marketing
-        if (this.userType === 'marketing') {
-            this.setPhoto('marketing');
-            return [
-                { code: '21', name: 'Marketing Supervisor' },
-                { code: '22', name: 'Marketing Advisor' },
-            ];
-        }
-        // Comercial
-        if (this.userType === 'commercial') {
-            this.setPhoto('commercial');
-            return [
-                { code: '41', name: 'Commercial Supervisor' },
-                { code: '42', name: 'Commercial Advisor' },
-            ];
-        }
-        // Cartera
-        if (this.userType === 'treasure') {
-            this.setPhoto('treasure');
-            return [
-                { code: '51', name: 'Treauser Supervisor' },
-                { code: '52', name: 'Treauser Advisor' },
-            ];
-        }
-    }
-    initForm() {
-        this.createUserForm = this.fb.group({
-            name: ['', [Validators.required, Validators.minLength(3), Validators.maxLength(32)],],
-            last_name: ['', [Validators.required, Validators.minLength(5), Validators.maxLength(32),],],
-            email: ['', [Validators.required, Validators.maxLength(300)]],
-            id_card_type: ['', [Validators.required]],
-            id_card: ['', [Validators.required, Validators.minLength(5), Validators.maxLength(20),]],
-            phone_indicative: ['', [Validators.required]],
-            city: ['', [Validators.required]],
-            role: ['', [Validators.required]],
-            service_hour: ['', [Validators.required]],
-            phone_number: ['', [Validators.required, Validators.minLength(10), Validators.maxLength(15)]],
-            password: ['', [Validators.required, Validators.minLength(7), Validators.maxLength(32)]],
-            re_password: ['', [Validators.required, Validators.minLength(7), Validators.maxLength(32)]],
-            state: [''],
-        });
-    }
-    setPhoto(type) {
-        if (type === 'student')
-            this.photo = '../../../assets/user-form-assets/estudiante.jpg';
-        if (type === 'academic')
-            this.photo = '../../../assets/user-form-assets/academico.png';
-        if (type === 'administrative')
-            this.photo = '../../../assets/user-form-assets/administrativo.jpg';
-        if (type === 'marketing')
-            this.photo = '../../../assets/user-form-assets/marketing.jpg';
-        if (type === 'commercial')
-            this.photo = '../../../assets/user-form-assets/comercial.jpg';
-        if (type === 'treasure')
-            this.photo = '../../../assets/user-form-assets/administrativo.jpg';
-    }
-    selectRol(role) {
-        if (role !== 'Seleccione el rol') {
-            this.createUserForm.controls['role'].setValue(role);
-        }
-        else {
-            this.createUserForm.controls['role'].setValue(null);
-        }
-    }
-    selectIndicatives(indicative) {
-        if (indicative !== 'Seleccione el indicativo') {
-            this.createUserForm.controls['phone_indicative'].setValue(indicative);
-        }
-        else {
-            this.createUserForm.controls['phone_indicative'].setValue(null);
-        }
-    }
-    selectIdType(idType) {
-        if (idType !== 'Ingrese el tipo de documento') {
-            this.createUserForm.controls['id_card_type'].setValue(idType);
-        }
-        else {
-            this.createUserForm.controls['id_card_type'].setValue(null);
-        }
-    }
-    selectState(state) {
-        if (state !== 'Seleccione el departamento') {
-            this.createUserForm.controls['state'].setValue(state);
-            this.parameterService.getCitiesByState(state).subscribe((response) => {
-                this.cities = response.data;
-            });
-        }
-        else {
-            this.createUserForm.controls['state'].setValue(null);
-            this.createUserForm.controls['city'].setValue(null);
-            this.cities = [];
-        }
-    }
-    selectCity(city) {
-        if (city !== 'Ciudad de residencia') {
-            this.createUserForm.controls['city'].setValue(city);
-        }
-        else {
-            this.createUserForm.controls['city'].setValue(null);
-        }
-    }
-}
-CreateUserFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CreateUserFormComponent, deps: [{ token: i1$1.FormBuilder }, { token: ParameterService }, { token: UserService }], target: i0.ɵɵFactoryTarget.Component });
-CreateUserFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CreateUserFormComponent, selector: "ipt-create-user-form", inputs: { userType: "userType", visibility: "visibility" }, outputs: { userCreated: "userCreated", onHide: "onHide" }, ngImport: i0, template: "<main *ngIf=\"visibility\">\n  <div @fade class=\"modal_container\">\n    <div class=\"header_modal\">\n      <h1>Crear usuario de {{ userType | titlecase}}</h1>\n      <button (click)=\"closeModal()\">x</button>\n    </div>\n    <div class=\"grid_container\">\n      <div>\n        <form autocomplete=\"off\" [formGroup]=\"createUserForm\">\n          <ipt-input\n            [inputType]=\"'text'\"\n            [placeHolder]=\"'Nombre completo'\"\n            [control]=\"createUserForm.controls['name']\"\n            [validateText]=\"'Debe ingresar el nombre'\"\n          ></ipt-input>\n          <ipt-input\n            [inputType]=\"'text'\"\n            [placeHolder]=\"'Apellidos'\"\n            [control]=\"createUserForm.controls['last_name']\"\n            [validateText]=\"'Debe ingresar los apellidos'\"\n          ></ipt-input>\n          <ipt-input\n            [inputType]=\"'text'\"\n            [placeHolder]=\"'Correo electr\u00F3nico'\"\n            [control]=\"createUserForm.controls['email']\"\n            [validateText]=\"'Debe tener dominio @inglesparatodos.edu.co'\"\n          ></ipt-input>\n          <ipt-select\n            [isRequired]=\"true\"\n            [defaultText]=\"'Seleccione el rol'\"\n            (eventSelect)=\"selectRol($event)\"\n            [data]=\"getRolesOptions()\"\n          ></ipt-select>\n          <ipt-select\n            [isRequired]=\"true\"\n            [data]=\"phoneNumberIndicatives\"\n            (eventSelect)=\"selectIndicatives($event)\"\n            [defaultText]=\"'Seleccione el indicativo'\"\n          ></ipt-select>\n          <ipt-input\n            [inputType]=\"'number'\"\n            [placeHolder]=\"'N\u00FAmero de tel\u00E9fono'\"\n            [control]=\"createUserForm.controls['phone_number']\"\n            [validateText]=\"'Debe ingresar un n\u00FAmero de tel\u00E9fono v\u00E1lido'\"\n          ></ipt-input>\n          <ipt-select\n            [isRequired]=\"true\"\n            [data]=\"idTypes\"\n            (eventSelect)=\"selectIdType($event)\"\n            [defaultText]=\"'Ingrese el tipo de documento'\"\n          ></ipt-select>\n          <ipt-input\n            [inputType]=\"'number'\"\n            [placeHolder]=\"'Documento de identidad'\"\n            [control]=\"createUserForm.controls['id_card']\"\n            [validateText]=\"'Debe ingresar el n\u00FAmero de documento'\"\n          ></ipt-input>\n          <ipt-select\n            [isRequired]=\"true\"\n            (eventSelect)=\"selectState($event)\"\n            [data]=\"states\"\n            [defaultText]=\"'Seleccione el departamento'\"\n          ></ipt-select>\n          <ipt-select\n            [isRequired]=\"true\"\n            (eventSelect)=\"selectCity($event)\"\n            [data]=\"cities\"\n            [defaultText]=\"'Ciudad de residencia'\"\n          ></ipt-select>\n          <ipt-input *ngIf=\"!(userType === 'student')\"\n            [inputType]=\"'number'\"\n            [placeHolder]=\"'Ingrese las horas de servicio'\"\n            [control]=\"createUserForm.controls['service_hour']\"\n            [validateText]=\"'Debe ingresar las horas de servicio'\"\n          ></ipt-input>\n          <ipt-input\n            [inputType]=\"'password'\"\n            [placeHolder]=\"'Contrase\u00F1a'\"\n            [control]=\"createUserForm.controls['password']\"\n          >\n          </ipt-input>\n          <ipt-input\n            [inputType]=\"'password'\"\n            [placeHolder]=\"'Repetir contrase\u00F1a'\"\n            [control]=\"createUserForm.controls['re_password']\"\n          >\n          </ipt-input>\n        </form>\n\n        <div class=\"buttons-container\">\n          <ipt-button\n            [label]=\"'Crear usuario'\"\n            [isEnabled]=\"\n              !loader &&\n              createUserForm.value['re_password'] ===\n              createUserForm.value['password']\n            \"\n            (onClick)=\"createUser()\"\n            [primary]=\"true\"\n          >\n          </ipt-button>\n        </div>\n      </div>\n      <div [ngStyle]=\"{'background-image': 'url(' + photo + ')'}\" class=\"user_type_image\"></div>\n    </div>\n  </div>\n</main>\n", styles: ["@media screen and (min-width: 320px){main{background:rgba(0,0,0,.472);color:#fff;position:fixed;top:0;left:0;height:100vh;width:100vw;transition:all .5s}main .modal_container{width:60%;height:-moz-fit-content;height:fit-content;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;background-color:#fff;border-radius:6px}.header_modal{display:flex;padding:0 15px;gap:1rem;align-items:center}.header_modal h1{padding:.5rem;background-color:#1c77f7;color:#fff;width:100%;border-radius:10px;font-size:1.25rem;font-weight:700}.header_modal button{margin-left:auto;font-size:26px;padding:1.2rem;font-weight:200;color:#6c7f7d;display:flex;width:25px;height:25px;align-items:center;justify-content:center;transition:50ms;background-color:transparent;border:none}.header_modal button:hover{cursor:pointer;border-radius:50%;background-color:#d4d4d4}.grid_container{display:grid;grid-template-columns:1fr}form{display:grid;grid-template-columns:1fr;grid-gap:.25rem;gap:.25rem;justify-content:center;padding:0 1rem}.buttons-container{margin-top:2rem;margin-bottom:2rem;display:flex;justify-content:center;align-items:center;justify-items:center;align-content:center}.user_type_image{display:none}}@media screen and (min-width: 768px){form{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;justify-content:center}}@media screen and (min-width: 1366px){form{padding:0rem}.grid_container{display:grid;grid-template-columns:1fr 250px;grid-gap:1rem;gap:1rem;padding:1rem}.user_type_image{display:flex;background-size:cover;background-repeat:no-repeat;background-position:center;height:100%;border-radius:1rem;padding:1rem}}\n"], components: [{ type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal"], outputs: ["dateSelected"] }, { type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "control"], outputs: ["eventSelect"] }, { type: ButtonComponent, selector: "ipt-button", inputs: ["primary", "size", "label", "buttonType", "isEnabled"], outputs: ["onClick"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "titlecase": i1.TitleCasePipe }, animations: [
-        trigger('fade', [
-            transition('void => *', [
-                style({ opacity: 0 }),
-                animate(200, style({ opacity: 1 }))
-            ])
-        ])
-    ] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CreateUserFormComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ipt-create-user-form', animations: [
-                        trigger('fade', [
-                            transition('void => *', [
-                                style({ opacity: 0 }),
-                                animate(200, style({ opacity: 1 }))
-                            ])
-                        ])
-                    ], template: "<main *ngIf=\"visibility\">\n  <div @fade class=\"modal_container\">\n    <div class=\"header_modal\">\n      <h1>Crear usuario de {{ userType | titlecase}}</h1>\n      <button (click)=\"closeModal()\">x</button>\n    </div>\n    <div class=\"grid_container\">\n      <div>\n        <form autocomplete=\"off\" [formGroup]=\"createUserForm\">\n          <ipt-input\n            [inputType]=\"'text'\"\n            [placeHolder]=\"'Nombre completo'\"\n            [control]=\"createUserForm.controls['name']\"\n            [validateText]=\"'Debe ingresar el nombre'\"\n          ></ipt-input>\n          <ipt-input\n            [inputType]=\"'text'\"\n            [placeHolder]=\"'Apellidos'\"\n            [control]=\"createUserForm.controls['last_name']\"\n            [validateText]=\"'Debe ingresar los apellidos'\"\n          ></ipt-input>\n          <ipt-input\n            [inputType]=\"'text'\"\n            [placeHolder]=\"'Correo electr\u00F3nico'\"\n            [control]=\"createUserForm.controls['email']\"\n            [validateText]=\"'Debe tener dominio @inglesparatodos.edu.co'\"\n          ></ipt-input>\n          <ipt-select\n            [isRequired]=\"true\"\n            [defaultText]=\"'Seleccione el rol'\"\n            (eventSelect)=\"selectRol($event)\"\n            [data]=\"getRolesOptions()\"\n          ></ipt-select>\n          <ipt-select\n            [isRequired]=\"true\"\n            [data]=\"phoneNumberIndicatives\"\n            (eventSelect)=\"selectIndicatives($event)\"\n            [defaultText]=\"'Seleccione el indicativo'\"\n          ></ipt-select>\n          <ipt-input\n            [inputType]=\"'number'\"\n            [placeHolder]=\"'N\u00FAmero de tel\u00E9fono'\"\n            [control]=\"createUserForm.controls['phone_number']\"\n            [validateText]=\"'Debe ingresar un n\u00FAmero de tel\u00E9fono v\u00E1lido'\"\n          ></ipt-input>\n          <ipt-select\n            [isRequired]=\"true\"\n            [data]=\"idTypes\"\n            (eventSelect)=\"selectIdType($event)\"\n            [defaultText]=\"'Ingrese el tipo de documento'\"\n          ></ipt-select>\n          <ipt-input\n            [inputType]=\"'number'\"\n            [placeHolder]=\"'Documento de identidad'\"\n            [control]=\"createUserForm.controls['id_card']\"\n            [validateText]=\"'Debe ingresar el n\u00FAmero de documento'\"\n          ></ipt-input>\n          <ipt-select\n            [isRequired]=\"true\"\n            (eventSelect)=\"selectState($event)\"\n            [data]=\"states\"\n            [defaultText]=\"'Seleccione el departamento'\"\n          ></ipt-select>\n          <ipt-select\n            [isRequired]=\"true\"\n            (eventSelect)=\"selectCity($event)\"\n            [data]=\"cities\"\n            [defaultText]=\"'Ciudad de residencia'\"\n          ></ipt-select>\n          <ipt-input *ngIf=\"!(userType === 'student')\"\n            [inputType]=\"'number'\"\n            [placeHolder]=\"'Ingrese las horas de servicio'\"\n            [control]=\"createUserForm.controls['service_hour']\"\n            [validateText]=\"'Debe ingresar las horas de servicio'\"\n          ></ipt-input>\n          <ipt-input\n            [inputType]=\"'password'\"\n            [placeHolder]=\"'Contrase\u00F1a'\"\n            [control]=\"createUserForm.controls['password']\"\n          >\n          </ipt-input>\n          <ipt-input\n            [inputType]=\"'password'\"\n            [placeHolder]=\"'Repetir contrase\u00F1a'\"\n            [control]=\"createUserForm.controls['re_password']\"\n          >\n          </ipt-input>\n        </form>\n\n        <div class=\"buttons-container\">\n          <ipt-button\n            [label]=\"'Crear usuario'\"\n            [isEnabled]=\"\n              !loader &&\n              createUserForm.value['re_password'] ===\n              createUserForm.value['password']\n            \"\n            (onClick)=\"createUser()\"\n            [primary]=\"true\"\n          >\n          </ipt-button>\n        </div>\n      </div>\n      <div [ngStyle]=\"{'background-image': 'url(' + photo + ')'}\" class=\"user_type_image\"></div>\n    </div>\n  </div>\n</main>\n", styles: ["@media screen and (min-width: 320px){main{background:rgba(0,0,0,.472);color:#fff;position:fixed;top:0;left:0;height:100vh;width:100vw;transition:all .5s}main .modal_container{width:60%;height:-moz-fit-content;height:fit-content;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;background-color:#fff;border-radius:6px}.header_modal{display:flex;padding:0 15px;gap:1rem;align-items:center}.header_modal h1{padding:.5rem;background-color:#1c77f7;color:#fff;width:100%;border-radius:10px;font-size:1.25rem;font-weight:700}.header_modal button{margin-left:auto;font-size:26px;padding:1.2rem;font-weight:200;color:#6c7f7d;display:flex;width:25px;height:25px;align-items:center;justify-content:center;transition:50ms;background-color:transparent;border:none}.header_modal button:hover{cursor:pointer;border-radius:50%;background-color:#d4d4d4}.grid_container{display:grid;grid-template-columns:1fr}form{display:grid;grid-template-columns:1fr;grid-gap:.25rem;gap:.25rem;justify-content:center;padding:0 1rem}.buttons-container{margin-top:2rem;margin-bottom:2rem;display:flex;justify-content:center;align-items:center;justify-items:center;align-content:center}.user_type_image{display:none}}@media screen and (min-width: 768px){form{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;justify-content:center}}@media screen and (min-width: 1366px){form{padding:0rem}.grid_container{display:grid;grid-template-columns:1fr 250px;grid-gap:1rem;gap:1rem;padding:1rem}.user_type_image{display:flex;background-size:cover;background-repeat:no-repeat;background-position:center;height:100%;border-radius:1rem;padding:1rem}}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: ParameterService }, { type: UserService }]; }, propDecorators: { userType: [{
-                type: Input
-            }], visibility: [{
-                type: Input
-            }], userCreated: [{
-                type: Output
-            }], onHide: [{
-                type: Output
+class CreateUserFormComponent {
+    constructor(fb, parameterService, userService) {
+        this.fb = fb;
+        this.parameterService = parameterService;
+        this.userService = userService;
+        this.visibility = false;
+        this.userCreated = new EventEmitter(false);
+        this.onHide = new EventEmitter(false);
+        this.loader = false;
+        this.photo = '';
+    }
+    ngOnInit() {
+        this.initForm();
+        this.getParameters();
+    }
+    closeModal() {
+        this.visibility = false;
+        this.onHide.emit(true);
+    }
+    createUser() {
+        this.loader = true;
+        let request = {
+            name: this.createUserForm.controls['name'].value,
+            last_name: this.createUserForm.controls['last_name'].value,
+            id_card_type: this.createUserForm.controls['id_card_type'].value,
+            id_card: this.createUserForm.controls['id_card'].value,
+            phone_indicative: this.createUserForm.controls['phone_indicative'].value,
+            phone_number: this.createUserForm.controls['phone_number'].value,
+            email: this.createUserForm.controls['email'].value,
+            city: this.createUserForm.controls['city'].value,
+            service_hour: this.createUserForm.controls['service_hour'].value,
+            role: this.createUserForm.controls['role'].value,
+            password: this.createUserForm.controls['password'].value,
+        };
+        this.userService.registerDashboard(request).subscribe((response) => {
+            console.log(response.message);
+            switch (response.message.code) {
+                case 1:
+                    this.userCreated.emit(true);
+                    this.initForm();
+                    break;
+                case 2:
+                    throw new Error("Los datos ingresados no corresponden a un usuario registrado en nuestro sistema, por favor reviselos.");
+                case 3:
+                    throw new Error("Los datos ingresados no cumplen los parámetros establecidos");
+                default:
+                    break;
+            }
+            this.loader = false;
+        });
+    }
+    getParameters() {
+        this.parameterService.getIndicatives().subscribe((response) => {
+            this.phoneNumberIndicatives = response.data;
+        });
+        this.parameterService.getCardTypes('col').subscribe((response) => {
+            this.idTypes = response.data;
+        });
+        this.parameterService.getStatesByCountry('col').subscribe((response) => {
+            this.states = response.data;
+        });
+    }
+    getRolesOptions() {
+        // Estudiante
+        if (this.userType === 'student') {
+            this.setPhoto('student');
+            return [
+                { code: '13', name: 'Student' },
+            ];
+        }
+        // Académico
+        if (this.userType === 'academic') {
+            this.setPhoto('academic');
+            return [
+                { code: '11', name: 'Teacher PRO' },
+                { code: '12', name: 'Teacher' },
+            ];
+        }
+        // Administrativo
+        if (this.userType === 'administrative') {
+            this.setPhoto('administrative');
+            return [
+                { code: '31', name: 'Administrative Supervisor' },
+                { code: '32', name: 'Administrative Advisor' },
+            ];
+        }
+        // Marketing
+        if (this.userType === 'marketing') {
+            this.setPhoto('marketing');
+            return [
+                { code: '21', name: 'Marketing Supervisor' },
+                { code: '22', name: 'Marketing Advisor' },
+            ];
+        }
+        // Comercial
+        if (this.userType === 'commercial') {
+            this.setPhoto('commercial');
+            return [
+                { code: '41', name: 'Commercial Supervisor' },
+                { code: '42', name: 'Commercial Advisor' },
+            ];
+        }
+        // Cartera
+        if (this.userType === 'treasure') {
+            this.setPhoto('treasure');
+            return [
+                { code: '51', name: 'Treauser Supervisor' },
+                { code: '52', name: 'Treauser Advisor' },
+            ];
+        }
+    }
+    initForm() {
+        this.createUserForm = this.fb.group({
+            name: ['', [Validators.required, Validators.minLength(3), Validators.maxLength(32)],],
+            last_name: ['', [Validators.required, Validators.minLength(5), Validators.maxLength(32),],],
+            email: ['', [Validators.required, Validators.maxLength(300)]],
+            id_card_type: ['', [Validators.required]],
+            id_card: ['', [Validators.required, Validators.minLength(5), Validators.maxLength(20),]],
+            phone_indicative: ['', [Validators.required]],
+            city: ['', [Validators.required]],
+            role: ['', [Validators.required]],
+            service_hour: ['', [Validators.required]],
+            phone_number: ['', [Validators.required, Validators.minLength(10), Validators.maxLength(15)]],
+            password: ['', [Validators.required, Validators.minLength(7), Validators.maxLength(32)]],
+            re_password: ['', [Validators.required, Validators.minLength(7), Validators.maxLength(32)]],
+            state: [''],
+        });
+    }
+    setPhoto(type) {
+        if (type === 'student')
+            this.photo = '../../../assets/user-form-assets/estudiante.jpg';
+        if (type === 'academic')
+            this.photo = '../../../assets/user-form-assets/academico.png';
+        if (type === 'administrative')
+            this.photo = '../../../assets/user-form-assets/administrativo.jpg';
+        if (type === 'marketing')
+            this.photo = '../../../assets/user-form-assets/marketing.jpg';
+        if (type === 'commercial')
+            this.photo = '../../../assets/user-form-assets/comercial.jpg';
+        if (type === 'treasure')
+            this.photo = '../../../assets/user-form-assets/administrativo.jpg';
+    }
+    selectRol(role) {
+        if (role !== 'Seleccione el rol') {
+            this.createUserForm.controls['role'].setValue(role);
+        }
+        else {
+            this.createUserForm.controls['role'].setValue(null);
+        }
+    }
+    selectIndicatives(indicative) {
+        if (indicative !== 'Seleccione el indicativo') {
+            this.createUserForm.controls['phone_indicative'].setValue(indicative);
+        }
+        else {
+            this.createUserForm.controls['phone_indicative'].setValue(null);
+        }
+    }
+    selectIdType(idType) {
+        if (idType !== 'Ingrese el tipo de documento') {
+            this.createUserForm.controls['id_card_type'].setValue(idType);
+        }
+        else {
+            this.createUserForm.controls['id_card_type'].setValue(null);
+        }
+    }
+    selectState(state) {
+        if (state !== 'Seleccione el departamento') {
+            this.createUserForm.controls['state'].setValue(state);
+            this.parameterService.getCitiesByState(state).subscribe((response) => {
+                this.cities = response.data;
+            });
+        }
+        else {
+            this.createUserForm.controls['state'].setValue(null);
+            this.createUserForm.controls['city'].setValue(null);
+            this.cities = [];
+        }
+    }
+    selectCity(city) {
+        if (city !== 'Ciudad de residencia') {
+            this.createUserForm.controls['city'].setValue(city);
+        }
+        else {
+            this.createUserForm.controls['city'].setValue(null);
+        }
+    }
+}
+CreateUserFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CreateUserFormComponent, deps: [{ token: i1$1.FormBuilder }, { token: ParameterService }, { token: UserService }], target: i0.ɵɵFactoryTarget.Component });
+CreateUserFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CreateUserFormComponent, selector: "ipt-create-user-form", inputs: { userType: "userType", visibility: "visibility" }, outputs: { userCreated: "userCreated", onHide: "onHide" }, ngImport: i0, template: "<main *ngIf=\"visibility\">\r\n  <div @fade class=\"modal_container\">\r\n    <div class=\"header_modal\">\r\n      <h1>Crear usuario de {{ userType | titlecase}}</h1>\r\n      <button (click)=\"closeModal()\">x</button>\r\n    </div>\r\n    <div class=\"grid_container\">\r\n      <div>\r\n        <form autocomplete=\"off\" [formGroup]=\"createUserForm\">\r\n          <ipt-input\r\n            [inputType]=\"'text'\"\r\n            [placeHolder]=\"'Nombre completo'\"\r\n            [control]=\"createUserForm.controls['name']\"\r\n            [validateText]=\"'Debe ingresar el nombre'\"\r\n          ></ipt-input>\r\n          <ipt-input\r\n            [inputType]=\"'text'\"\r\n            [placeHolder]=\"'Apellidos'\"\r\n            [control]=\"createUserForm.controls['last_name']\"\r\n            [validateText]=\"'Debe ingresar los apellidos'\"\r\n          ></ipt-input>\r\n          <ipt-input\r\n            [inputType]=\"'text'\"\r\n            [placeHolder]=\"'Correo electr\u00F3nico'\"\r\n            [control]=\"createUserForm.controls['email']\"\r\n            [validateText]=\"'Debe tener dominio @inglesparatodos.edu.co'\"\r\n          ></ipt-input>\r\n          <ipt-select\r\n            [isRequired]=\"true\"\r\n            [defaultText]=\"'Seleccione el rol'\"\r\n            (eventSelect)=\"selectRol($event)\"\r\n            [data]=\"getRolesOptions()\"\r\n          ></ipt-select>\r\n          <ipt-select\r\n            [isRequired]=\"true\"\r\n            [data]=\"phoneNumberIndicatives\"\r\n            (eventSelect)=\"selectIndicatives($event)\"\r\n            [defaultText]=\"'Seleccione el indicativo'\"\r\n          ></ipt-select>\r\n          <ipt-input\r\n            [inputType]=\"'number'\"\r\n            [placeHolder]=\"'N\u00FAmero de tel\u00E9fono'\"\r\n            [control]=\"createUserForm.controls['phone_number']\"\r\n            [validateText]=\"'Debe ingresar un n\u00FAmero de tel\u00E9fono v\u00E1lido'\"\r\n          ></ipt-input>\r\n          <ipt-select\r\n            [isRequired]=\"true\"\r\n            [data]=\"idTypes\"\r\n            (eventSelect)=\"selectIdType($event)\"\r\n            [defaultText]=\"'Ingrese el tipo de documento'\"\r\n          ></ipt-select>\r\n          <ipt-input\r\n            [inputType]=\"'number'\"\r\n            [placeHolder]=\"'Documento de identidad'\"\r\n            [control]=\"createUserForm.controls['id_card']\"\r\n            [validateText]=\"'Debe ingresar el n\u00FAmero de documento'\"\r\n          ></ipt-input>\r\n          <ipt-select\r\n            [isRequired]=\"true\"\r\n            (eventSelect)=\"selectState($event)\"\r\n            [data]=\"states\"\r\n            [defaultText]=\"'Seleccione el departamento'\"\r\n          ></ipt-select>\r\n          <ipt-select\r\n            [isRequired]=\"true\"\r\n            (eventSelect)=\"selectCity($event)\"\r\n            [data]=\"cities\"\r\n            [defaultText]=\"'Ciudad de residencia'\"\r\n          ></ipt-select>\r\n          <ipt-input *ngIf=\"!(userType === 'student')\"\r\n            [inputType]=\"'number'\"\r\n            [placeHolder]=\"'Ingrese las horas de servicio'\"\r\n            [control]=\"createUserForm.controls['service_hour']\"\r\n            [validateText]=\"'Debe ingresar las horas de servicio'\"\r\n          ></ipt-input>\r\n          <ipt-input\r\n            [inputType]=\"'password'\"\r\n            [placeHolder]=\"'Contrase\u00F1a'\"\r\n            [control]=\"createUserForm.controls['password']\"\r\n          >\r\n          </ipt-input>\r\n          <ipt-input\r\n            [inputType]=\"'password'\"\r\n            [placeHolder]=\"'Repetir contrase\u00F1a'\"\r\n            [control]=\"createUserForm.controls['re_password']\"\r\n          >\r\n          </ipt-input>\r\n        </form>\r\n\r\n        <div class=\"buttons-container\">\r\n          <ipt-button\r\n            [label]=\"'Crear usuario'\"\r\n            [isEnabled]=\"\r\n              !loader &&\r\n              createUserForm.value['re_password'] ===\r\n              createUserForm.value['password']\r\n            \"\r\n            (onClick)=\"createUser()\"\r\n            [primary]=\"true\"\r\n          >\r\n          </ipt-button>\r\n        </div>\r\n      </div>\r\n      <div [ngStyle]=\"{'background-image': 'url(' + photo + ')'}\" class=\"user_type_image\"></div>\r\n    </div>\r\n  </div>\r\n</main>\r\n", styles: ["@media screen and (min-width: 320px){main{background:rgba(0,0,0,.472);color:#fff;position:fixed;top:0;left:0;height:100vh;width:100vw;transition:all .5s}main .modal_container{width:60%;height:-moz-fit-content;height:fit-content;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;background-color:#fff;border-radius:6px}.header_modal{display:flex;padding:0 15px;gap:1rem;align-items:center}.header_modal h1{padding:.5rem;background-color:#1c77f7;color:#fff;width:100%;border-radius:10px;font-size:1.25rem;font-weight:700}.header_modal button{margin-left:auto;font-size:26px;padding:1.2rem;font-weight:200;color:#6c7f7d;display:flex;width:25px;height:25px;align-items:center;justify-content:center;transition:50ms;background-color:transparent;border:none}.header_modal button:hover{cursor:pointer;border-radius:50%;background-color:#d4d4d4}.grid_container{display:grid;grid-template-columns:1fr}form{display:grid;grid-template-columns:1fr;grid-gap:.25rem;gap:.25rem;justify-content:center;padding:0 1rem}.buttons-container{margin-top:2rem;margin-bottom:2rem;display:flex;justify-content:center;align-items:center;justify-items:center;align-content:center}.user_type_image{display:none}}@media screen and (min-width: 768px){form{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;justify-content:center}}@media screen and (min-width: 1366px){form{padding:0rem}.grid_container{display:grid;grid-template-columns:1fr 250px;grid-gap:1rem;gap:1rem;padding:1rem}.user_type_image{display:flex;background-size:cover;background-repeat:no-repeat;background-position:center;height:100%;border-radius:1rem;padding:1rem}}\n"], components: [{ type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal"], outputs: ["dateSelected"] }, { type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "control"], outputs: ["eventSelect"] }, { type: ButtonComponent, selector: "ipt-button", inputs: ["primary", "size", "label", "buttonType", "isEnabled"], outputs: ["onClick"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "titlecase": i1.TitleCasePipe }, animations: [
+        trigger('fade', [
+            transition('void => *', [
+                style({ opacity: 0 }),
+                animate(200, style({ opacity: 1 }))
+            ])
+        ])
+    ] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CreateUserFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipt-create-user-form', animations: [
+                        trigger('fade', [
+                            transition('void => *', [
+                                style({ opacity: 0 }),
+                                animate(200, style({ opacity: 1 }))
+                            ])
+                        ])
+                    ], template: "<main *ngIf=\"visibility\">\r\n  <div @fade class=\"modal_container\">\r\n    <div class=\"header_modal\">\r\n      <h1>Crear usuario de {{ userType | titlecase}}</h1>\r\n      <button (click)=\"closeModal()\">x</button>\r\n    </div>\r\n    <div class=\"grid_container\">\r\n      <div>\r\n        <form autocomplete=\"off\" [formGroup]=\"createUserForm\">\r\n          <ipt-input\r\n            [inputType]=\"'text'\"\r\n            [placeHolder]=\"'Nombre completo'\"\r\n            [control]=\"createUserForm.controls['name']\"\r\n            [validateText]=\"'Debe ingresar el nombre'\"\r\n          ></ipt-input>\r\n          <ipt-input\r\n            [inputType]=\"'text'\"\r\n            [placeHolder]=\"'Apellidos'\"\r\n            [control]=\"createUserForm.controls['last_name']\"\r\n            [validateText]=\"'Debe ingresar los apellidos'\"\r\n          ></ipt-input>\r\n          <ipt-input\r\n            [inputType]=\"'text'\"\r\n            [placeHolder]=\"'Correo electr\u00F3nico'\"\r\n            [control]=\"createUserForm.controls['email']\"\r\n            [validateText]=\"'Debe tener dominio @inglesparatodos.edu.co'\"\r\n          ></ipt-input>\r\n          <ipt-select\r\n            [isRequired]=\"true\"\r\n            [defaultText]=\"'Seleccione el rol'\"\r\n            (eventSelect)=\"selectRol($event)\"\r\n            [data]=\"getRolesOptions()\"\r\n          ></ipt-select>\r\n          <ipt-select\r\n            [isRequired]=\"true\"\r\n            [data]=\"phoneNumberIndicatives\"\r\n            (eventSelect)=\"selectIndicatives($event)\"\r\n            [defaultText]=\"'Seleccione el indicativo'\"\r\n          ></ipt-select>\r\n          <ipt-input\r\n            [inputType]=\"'number'\"\r\n            [placeHolder]=\"'N\u00FAmero de tel\u00E9fono'\"\r\n            [control]=\"createUserForm.controls['phone_number']\"\r\n            [validateText]=\"'Debe ingresar un n\u00FAmero de tel\u00E9fono v\u00E1lido'\"\r\n          ></ipt-input>\r\n          <ipt-select\r\n            [isRequired]=\"true\"\r\n            [data]=\"idTypes\"\r\n            (eventSelect)=\"selectIdType($event)\"\r\n            [defaultText]=\"'Ingrese el tipo de documento'\"\r\n          ></ipt-select>\r\n          <ipt-input\r\n            [inputType]=\"'number'\"\r\n            [placeHolder]=\"'Documento de identidad'\"\r\n            [control]=\"createUserForm.controls['id_card']\"\r\n            [validateText]=\"'Debe ingresar el n\u00FAmero de documento'\"\r\n          ></ipt-input>\r\n          <ipt-select\r\n            [isRequired]=\"true\"\r\n            (eventSelect)=\"selectState($event)\"\r\n            [data]=\"states\"\r\n            [defaultText]=\"'Seleccione el departamento'\"\r\n          ></ipt-select>\r\n          <ipt-select\r\n            [isRequired]=\"true\"\r\n            (eventSelect)=\"selectCity($event)\"\r\n            [data]=\"cities\"\r\n            [defaultText]=\"'Ciudad de residencia'\"\r\n          ></ipt-select>\r\n          <ipt-input *ngIf=\"!(userType === 'student')\"\r\n            [inputType]=\"'number'\"\r\n            [placeHolder]=\"'Ingrese las horas de servicio'\"\r\n            [control]=\"createUserForm.controls['service_hour']\"\r\n            [validateText]=\"'Debe ingresar las horas de servicio'\"\r\n          ></ipt-input>\r\n          <ipt-input\r\n            [inputType]=\"'password'\"\r\n            [placeHolder]=\"'Contrase\u00F1a'\"\r\n            [control]=\"createUserForm.controls['password']\"\r\n          >\r\n          </ipt-input>\r\n          <ipt-input\r\n            [inputType]=\"'password'\"\r\n            [placeHolder]=\"'Repetir contrase\u00F1a'\"\r\n            [control]=\"createUserForm.controls['re_password']\"\r\n          >\r\n          </ipt-input>\r\n        </form>\r\n\r\n        <div class=\"buttons-container\">\r\n          <ipt-button\r\n            [label]=\"'Crear usuario'\"\r\n            [isEnabled]=\"\r\n              !loader &&\r\n              createUserForm.value['re_password'] ===\r\n              createUserForm.value['password']\r\n            \"\r\n            (onClick)=\"createUser()\"\r\n            [primary]=\"true\"\r\n          >\r\n          </ipt-button>\r\n        </div>\r\n      </div>\r\n      <div [ngStyle]=\"{'background-image': 'url(' + photo + ')'}\" class=\"user_type_image\"></div>\r\n    </div>\r\n  </div>\r\n</main>\r\n", styles: ["@media screen and (min-width: 320px){main{background:rgba(0,0,0,.472);color:#fff;position:fixed;top:0;left:0;height:100vh;width:100vw;transition:all .5s}main .modal_container{width:60%;height:-moz-fit-content;height:fit-content;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;background-color:#fff;border-radius:6px}.header_modal{display:flex;padding:0 15px;gap:1rem;align-items:center}.header_modal h1{padding:.5rem;background-color:#1c77f7;color:#fff;width:100%;border-radius:10px;font-size:1.25rem;font-weight:700}.header_modal button{margin-left:auto;font-size:26px;padding:1.2rem;font-weight:200;color:#6c7f7d;display:flex;width:25px;height:25px;align-items:center;justify-content:center;transition:50ms;background-color:transparent;border:none}.header_modal button:hover{cursor:pointer;border-radius:50%;background-color:#d4d4d4}.grid_container{display:grid;grid-template-columns:1fr}form{display:grid;grid-template-columns:1fr;grid-gap:.25rem;gap:.25rem;justify-content:center;padding:0 1rem}.buttons-container{margin-top:2rem;margin-bottom:2rem;display:flex;justify-content:center;align-items:center;justify-items:center;align-content:center}.user_type_image{display:none}}@media screen and (min-width: 768px){form{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;justify-content:center}}@media screen and (min-width: 1366px){form{padding:0rem}.grid_container{display:grid;grid-template-columns:1fr 250px;grid-gap:1rem;gap:1rem;padding:1rem}.user_type_image{display:flex;background-size:cover;background-repeat:no-repeat;background-position:center;height:100%;border-radius:1rem;padding:1rem}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: ParameterService }, { type: UserService }]; }, propDecorators: { userType: [{
+                type: Input
+            }], visibility: [{
+                type: Input
+            }], userCreated: [{
+                type: Output
+            }], onHide: [{
+                type: Output
             }] } });
 
-class SidenavComponent {
-    constructor(userService, storageService) {
-        this.userService = userService;
-        this.storageService = storageService;
-        this.pageChangeEvent = new EventEmitter();
-        this.routes = [];
-        this.options = { weekday: 'long', month: 'long', day: 'numeric' };
-        this.currentDay = new Date().toLocaleDateString('en-EN', this.options);
-        this.hour = new Date().getHours();
-    }
-    ngOnInit() {
-        let user = this.storageService.getCurrentUser()?.token;
-        let token = user === undefined ? '' : user;
-        let request = {
-            token: token,
-        };
-        this.userService.getRoutesForRole(request).subscribe((response) => {
-            this.routes = response.data;
-        });
-    }
-    clickPage(event) {
-        this.pageChangeEvent.emit(event);
-    }
-    logout() {
-        this.storageService.logout();
-        this.pageChangeEvent.emit('logout');
-    }
-}
-SidenavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SidenavComponent, deps: [{ token: UserService }, { token: StorageService }], target: i0.ɵɵFactoryTarget.Component });
-SidenavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: SidenavComponent, selector: "ipt-sidenav", inputs: { department: "department", setPage: "setPage", userName: "userName" }, outputs: { pageChangeEvent: "pageChangeEvent" }, ngImport: i0, template: `
-    <mat-sidenav #sidenav mode="push" >
-      <mat-toolbar color="primary" (click)="sidenav.toggle()">
-        <span style="font-size: 15px;">{{department}}</span>
-        <span class="menu-icon-close"></span>
-      </mat-toolbar>
-
-      <mat-nav-list *ngFor="let route of routes">
-        <nav class="flex-container-menu">
-          <ipt-aside-button
-            [buttonActive]="this.setPage === route.page"
-            [icon]="route.icon"
-            [text]="route.text"
-            (isClicked)="clickPage(route.page)"
-            (click)="sidenav.toggle()"
-          >
-          </ipt-aside-button>
-        </nav>
-      </mat-nav-list>
-    </mat-sidenav>
-
-    <mat-toolbar class="header">
-      <div class="menu-container" (click)="sidenav.toggle()">
-        <p>Menu</p>
-        <div class="menu-icon"></div>
-      </div>
-
-      <img class="img-logo" src="http://qa.iptdev.com.co/assets/logos/IPT-logo.png" alt="" />
-
-      <div class="text-container">
-        <span class="p1">{{ currentDay }}</span>
-        <span *ngIf="hour >= 0 && hour < 12" class="p2">
-          Hey {{ userName }}, Good moorning!
-        </span>
-        <p *ngIf="hour >= 12 && hour < 18" class="p2">
-          Hey {{ userName }}, Good afternoon!
-        </p>
-        <p *ngIf="hour >= 18 && hour < 24" class="p2">
-          Hey {{ userName }}, Good evening!
-        </p>
-      </div>
-
-      <div class="logout-container" (click)="logout()">
-        <p class="logout-button">Cerrar sesión</p>
-        <div class="photo-logout"></div>
-      </div>
-    </mat-toolbar>
-  `, isInline: true, styles: ["*{font-family:Poppins,sans-serif}@media screen and (min-width: 320px){.header{background-color:#fff;display:flex;justify-content:space-between;filter:drop-shadow(0px -1px 7px #000)}mat-sidenav{width:-moz-fit-content!important;width:fit-content!important;background-color:#1c77f7!important}.img-logo,.text-container{display:none}.mat-toolbar.mat-primary{background-color:#fff!important;color:#003d99!important;filter:drop-shadow(0px -1px 7px #000)}.logout-container{box-shadow:#11111a1a 0 8px 24px,#11111a1a 0 16px 56px,#11111a1a 0 24px 80px;height:35px;width:auto;border-radius:30px;display:flex;margin-left:10px}.logout-button{display:flex;align-items:center;color:#1c77f7;font-weight:500;font-size:16px;margin-left:20px;text-align:center;width:150px}.photo-logout{background:url(http://qa.iptdev.com.co/assets/icons/exit.png);background-size:25px 25px;background-position:center;background-repeat:no-repeat}.menu-icon{background:url(http://qa.iptdev.com.co/assets/icons/icon-menu.png);background-size:25px 25px;background-position:center;background-repeat:no-repeat}.menu-icon-close{background:url(http://qa.iptdev.com.co/assets/icons/cruz.png);background-size:25px 25px;background-position:center;background-repeat:no-repeat;width:35px;height:35px}.menu-container{box-shadow:#11111a1a 0 8px 24px,#11111a1a 0 16px 56px,#11111a1a 0 24px 80px;height:35px;width:52.5px;width:auto;border-radius:30px;display:flex}.menu-container:hover{cursor:pointer}.menu-container p{width:85px;display:flex;align-items:center;color:#1c77f7;font-weight:500;font-size:16px;margin:0 0 0 15px;text-align:center}}@media screen and (min-width: 768px){.img-logo{display:flex;width:120px;height:60px}.text-container{border-radius:40px;height:45px;width:100%;display:flex;gap:-100px;justify-content:center;flex-direction:column;align-items:flex-start}}.p1{color:gray;margin-left:30px;font-size:13px;height:20px}.p2{margin-left:30px;font-size:14px;font-weight:600;color:#1c77f7}.flex-container-menu{font-size:18px;color:#fff!important}.mat-nav-list{padding:0}\n"], components: [{ type: i3$1.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { type: i4.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i5.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { type: AsideButtonComponent, selector: "ipt-aside-button", inputs: ["icon", "text", "buttonActive"], outputs: ["isClicked"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SidenavComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ipt-sidenav', template: `
-    <mat-sidenav #sidenav mode="push" >
-      <mat-toolbar color="primary" (click)="sidenav.toggle()">
-        <span style="font-size: 15px;">{{department}}</span>
-        <span class="menu-icon-close"></span>
-      </mat-toolbar>
-
-      <mat-nav-list *ngFor="let route of routes">
-        <nav class="flex-container-menu">
-          <ipt-aside-button
-            [buttonActive]="this.setPage === route.page"
-            [icon]="route.icon"
-            [text]="route.text"
-            (isClicked)="clickPage(route.page)"
-            (click)="sidenav.toggle()"
-          >
-          </ipt-aside-button>
-        </nav>
-      </mat-nav-list>
-    </mat-sidenav>
-
-    <mat-toolbar class="header">
-      <div class="menu-container" (click)="sidenav.toggle()">
-        <p>Menu</p>
-        <div class="menu-icon"></div>
-      </div>
-
-      <img class="img-logo" src="http://qa.iptdev.com.co/assets/logos/IPT-logo.png" alt="" />
-
-      <div class="text-container">
-        <span class="p1">{{ currentDay }}</span>
-        <span *ngIf="hour >= 0 && hour < 12" class="p2">
-          Hey {{ userName }}, Good moorning!
-        </span>
-        <p *ngIf="hour >= 12 && hour < 18" class="p2">
-          Hey {{ userName }}, Good afternoon!
-        </p>
-        <p *ngIf="hour >= 18 && hour < 24" class="p2">
-          Hey {{ userName }}, Good evening!
-        </p>
-      </div>
-
-      <div class="logout-container" (click)="logout()">
-        <p class="logout-button">Cerrar sesión</p>
-        <div class="photo-logout"></div>
-      </div>
-    </mat-toolbar>
-  `, styles: ["*{font-family:Poppins,sans-serif}@media screen and (min-width: 320px){.header{background-color:#fff;display:flex;justify-content:space-between;filter:drop-shadow(0px -1px 7px #000)}mat-sidenav{width:-moz-fit-content!important;width:fit-content!important;background-color:#1c77f7!important}.img-logo,.text-container{display:none}.mat-toolbar.mat-primary{background-color:#fff!important;color:#003d99!important;filter:drop-shadow(0px -1px 7px #000)}.logout-container{box-shadow:#11111a1a 0 8px 24px,#11111a1a 0 16px 56px,#11111a1a 0 24px 80px;height:35px;width:auto;border-radius:30px;display:flex;margin-left:10px}.logout-button{display:flex;align-items:center;color:#1c77f7;font-weight:500;font-size:16px;margin-left:20px;text-align:center;width:150px}.photo-logout{background:url(http://qa.iptdev.com.co/assets/icons/exit.png);background-size:25px 25px;background-position:center;background-repeat:no-repeat}.menu-icon{background:url(http://qa.iptdev.com.co/assets/icons/icon-menu.png);background-size:25px 25px;background-position:center;background-repeat:no-repeat}.menu-icon-close{background:url(http://qa.iptdev.com.co/assets/icons/cruz.png);background-size:25px 25px;background-position:center;background-repeat:no-repeat;width:35px;height:35px}.menu-container{box-shadow:#11111a1a 0 8px 24px,#11111a1a 0 16px 56px,#11111a1a 0 24px 80px;height:35px;width:52.5px;width:auto;border-radius:30px;display:flex}.menu-container:hover{cursor:pointer}.menu-container p{width:85px;display:flex;align-items:center;color:#1c77f7;font-weight:500;font-size:16px;margin:0 0 0 15px;text-align:center}}@media screen and (min-width: 768px){.img-logo{display:flex;width:120px;height:60px}.text-container{border-radius:40px;height:45px;width:100%;display:flex;gap:-100px;justify-content:center;flex-direction:column;align-items:flex-start}}.p1{color:gray;margin-left:30px;font-size:13px;height:20px}.p2{margin-left:30px;font-size:14px;font-weight:600;color:#1c77f7}.flex-container-menu{font-size:18px;color:#fff!important}.mat-nav-list{padding:0}\n"] }]
-        }], ctorParameters: function () { return [{ type: UserService }, { type: StorageService }]; }, propDecorators: { department: [{
-                type: Input
-            }], setPage: [{
-                type: Input
-            }], userName: [{
-                type: Input
-            }], pageChangeEvent: [{
-                type: Output
+class SidenavComponent {
+    constructor(userService, storageService) {
+        this.userService = userService;
+        this.storageService = storageService;
+        this.pageChangeEvent = new EventEmitter();
+        this.routes = [];
+        this.options = { weekday: 'long', month: 'long', day: 'numeric' };
+        this.currentDay = new Date().toLocaleDateString('en-EN', this.options);
+        this.hour = new Date().getHours();
+    }
+    ngOnInit() {
+        let user = this.storageService.getCurrentUser()?.token;
+        let token = user === undefined ? '' : user;
+        let request = {
+            token: token,
+        };
+        this.userService.getRoutesForRole(request).subscribe((response) => {
+            this.routes = response.data;
+        });
+    }
+    clickPage(event) {
+        this.pageChangeEvent.emit(event);
+    }
+    logout() {
+        this.storageService.logout();
+        this.pageChangeEvent.emit('logout');
+    }
+}
+SidenavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SidenavComponent, deps: [{ token: UserService }, { token: StorageService }], target: i0.ɵɵFactoryTarget.Component });
+SidenavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: SidenavComponent, selector: "ipt-sidenav", inputs: { department: "department", setPage: "setPage", userName: "userName" }, outputs: { pageChangeEvent: "pageChangeEvent" }, ngImport: i0, template: `
+    <mat-sidenav #sidenav mode="push" >
+      <mat-toolbar color="primary" (click)="sidenav.toggle()">
+        <span style="font-size: 15px;">{{department}}</span>
+        <span class="menu-icon-close"></span>
+      </mat-toolbar>
+
+      <mat-nav-list *ngFor="let route of routes">
+        <nav class="flex-container-menu">
+          <ipt-aside-button
+            [buttonActive]="this.setPage === route.page"
+            [icon]="route.icon"
+            [text]="route.text"
+            (isClicked)="clickPage(route.page)"
+            (click)="sidenav.toggle()"
+          >
+          </ipt-aside-button>
+        </nav>
+      </mat-nav-list>
+    </mat-sidenav>
+
+    <mat-toolbar class="header">
+      <div class="menu-container" (click)="sidenav.toggle()">
+        <p>Menu</p>
+        <div class="menu-icon"></div>
+      </div>
+
+      <img class="img-logo" src="http://qa.iptdev.com.co/assets/logos/IPT-logo.png" alt="" />
+
+      <div class="text-container">
+        <span class="p1">{{ currentDay }}</span>
+        <span *ngIf="hour >= 0 && hour < 12" class="p2">
+          Hey {{ userName }}, Good moorning!
+        </span>
+        <p *ngIf="hour >= 12 && hour < 18" class="p2">
+          Hey {{ userName }}, Good afternoon!
+        </p>
+        <p *ngIf="hour >= 18 && hour < 24" class="p2">
+          Hey {{ userName }}, Good evening!
+        </p>
+      </div>
+
+      <div class="logout-container" (click)="logout()">
+        <p class="logout-button">Cerrar sesión</p>
+        <div class="photo-logout"></div>
+      </div>
+    </mat-toolbar>
+  `, isInline: true, styles: ["*{font-family:Poppins,sans-serif}@media screen and (min-width: 320px){.header{background-color:#fff;display:flex;justify-content:space-between;filter:drop-shadow(0px -1px 7px #000)}mat-sidenav{width:-moz-fit-content!important;width:fit-content!important;background-color:#1c77f7!important}.img-logo,.text-container{display:none}.mat-toolbar.mat-primary{background-color:#fff!important;color:#003d99!important;filter:drop-shadow(0px -1px 7px #000)}.logout-container{box-shadow:#11111a1a 0 8px 24px,#11111a1a 0 16px 56px,#11111a1a 0 24px 80px;height:35px;width:auto;border-radius:30px;display:flex;margin-left:10px}.logout-button{display:flex;align-items:center;color:#1c77f7;font-weight:500;font-size:16px;margin-left:20px;text-align:center;width:150px}.photo-logout{background:url(http://qa.iptdev.com.co/assets/icons/exit.png);background-size:25px 25px;background-position:center;background-repeat:no-repeat}.menu-icon{background:url(http://qa.iptdev.com.co/assets/icons/icon-menu.png);background-size:25px 25px;background-position:center;background-repeat:no-repeat}.menu-icon-close{background:url(http://qa.iptdev.com.co/assets/icons/cruz.png);background-size:25px 25px;background-position:center;background-repeat:no-repeat;width:35px;height:35px}.menu-container{box-shadow:#11111a1a 0 8px 24px,#11111a1a 0 16px 56px,#11111a1a 0 24px 80px;height:35px;width:52.5px;width:auto;border-radius:30px;display:flex}.menu-container:hover{cursor:pointer}.menu-container p{width:85px;display:flex;align-items:center;color:#1c77f7;font-weight:500;font-size:16px;margin:0 0 0 15px;text-align:center}}@media screen and (min-width: 768px){.img-logo{display:flex;width:120px;height:60px}.text-container{border-radius:40px;height:45px;width:100%;display:flex;gap:-100px;justify-content:center;flex-direction:column;align-items:flex-start}}.p1{color:gray;margin-left:30px;font-size:13px;height:20px}.p2{margin-left:30px;font-size:14px;font-weight:600;color:#1c77f7}.flex-container-menu{font-size:18px;color:#fff!important}.mat-nav-list{padding:0}\n"], components: [{ type: i3$1.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { type: i4.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i5.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { type: AsideButtonComponent, selector: "ipt-aside-button", inputs: ["icon", "text", "buttonActive"], outputs: ["isClicked"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SidenavComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipt-sidenav', template: `
+    <mat-sidenav #sidenav mode="push" >
+      <mat-toolbar color="primary" (click)="sidenav.toggle()">
+        <span style="font-size: 15px;">{{department}}</span>
+        <span class="menu-icon-close"></span>
+      </mat-toolbar>
+
+      <mat-nav-list *ngFor="let route of routes">
+        <nav class="flex-container-menu">
+          <ipt-aside-button
+            [buttonActive]="this.setPage === route.page"
+            [icon]="route.icon"
+            [text]="route.text"
+            (isClicked)="clickPage(route.page)"
+            (click)="sidenav.toggle()"
+          >
+          </ipt-aside-button>
+        </nav>
+      </mat-nav-list>
+    </mat-sidenav>
+
+    <mat-toolbar class="header">
+      <div class="menu-container" (click)="sidenav.toggle()">
+        <p>Menu</p>
+        <div class="menu-icon"></div>
+      </div>
+
+      <img class="img-logo" src="http://qa.iptdev.com.co/assets/logos/IPT-logo.png" alt="" />
+
+      <div class="text-container">
+        <span class="p1">{{ currentDay }}</span>
+        <span *ngIf="hour >= 0 && hour < 12" class="p2">
+          Hey {{ userName }}, Good moorning!
+        </span>
+        <p *ngIf="hour >= 12 && hour < 18" class="p2">
+          Hey {{ userName }}, Good afternoon!
+        </p>
+        <p *ngIf="hour >= 18 && hour < 24" class="p2">
+          Hey {{ userName }}, Good evening!
+        </p>
+      </div>
+
+      <div class="logout-container" (click)="logout()">
+        <p class="logout-button">Cerrar sesión</p>
+        <div class="photo-logout"></div>
+      </div>
+    </mat-toolbar>
+  `, styles: ["*{font-family:Poppins,sans-serif}@media screen and (min-width: 320px){.header{background-color:#fff;display:flex;justify-content:space-between;filter:drop-shadow(0px -1px 7px #000)}mat-sidenav{width:-moz-fit-content!important;width:fit-content!important;background-color:#1c77f7!important}.img-logo,.text-container{display:none}.mat-toolbar.mat-primary{background-color:#fff!important;color:#003d99!important;filter:drop-shadow(0px -1px 7px #000)}.logout-container{box-shadow:#11111a1a 0 8px 24px,#11111a1a 0 16px 56px,#11111a1a 0 24px 80px;height:35px;width:auto;border-radius:30px;display:flex;margin-left:10px}.logout-button{display:flex;align-items:center;color:#1c77f7;font-weight:500;font-size:16px;margin-left:20px;text-align:center;width:150px}.photo-logout{background:url(http://qa.iptdev.com.co/assets/icons/exit.png);background-size:25px 25px;background-position:center;background-repeat:no-repeat}.menu-icon{background:url(http://qa.iptdev.com.co/assets/icons/icon-menu.png);background-size:25px 25px;background-position:center;background-repeat:no-repeat}.menu-icon-close{background:url(http://qa.iptdev.com.co/assets/icons/cruz.png);background-size:25px 25px;background-position:center;background-repeat:no-repeat;width:35px;height:35px}.menu-container{box-shadow:#11111a1a 0 8px 24px,#11111a1a 0 16px 56px,#11111a1a 0 24px 80px;height:35px;width:52.5px;width:auto;border-radius:30px;display:flex}.menu-container:hover{cursor:pointer}.menu-container p{width:85px;display:flex;align-items:center;color:#1c77f7;font-weight:500;font-size:16px;margin:0 0 0 15px;text-align:center}}@media screen and (min-width: 768px){.img-logo{display:flex;width:120px;height:60px}.text-container{border-radius:40px;height:45px;width:100%;display:flex;gap:-100px;justify-content:center;flex-direction:column;align-items:flex-start}}.p1{color:gray;margin-left:30px;font-size:13px;height:20px}.p2{margin-left:30px;font-size:14px;font-weight:600;color:#1c77f7}.flex-container-menu{font-size:18px;color:#fff!important}.mat-nav-list{padding:0}\n"] }]
+        }], ctorParameters: function () { return [{ type: UserService }, { type: StorageService }]; }, propDecorators: { department: [{
+                type: Input
+            }], setPage: [{
+                type: Input
+            }], userName: [{
+                type: Input
+            }], pageChangeEvent: [{
+                type: Output
             }] } });
 
-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],
-                }]
+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],
+                }]
         }] });
 
-class ComponentsModule {
-}
-ComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ComponentsModule, declarations: [AsideButtonComponent,
-        ButtonComponent,
-        CheckboxComponent,
-        CreateUserFormComponent,
-        DatalistComponent,
-        InputComponent,
-        LevelButtonComponent,
-        LevelTextComponent,
-        LoginFormComponent,
-        RadioComponent,
-        SelectComponent,
-        SidenavComponent,
-        TextLinkComponent], imports: [CommonModule,
-        // BrowserModule, // Para evitar doble carga de BrowserModule
-        FormsModule,
-        ReactiveFormsModule,
-        MaterialModule,
-        CurrencyMaskModule], exports: [AsideButtonComponent,
-        ButtonComponent,
-        CheckboxComponent,
-        CreateUserFormComponent,
-        DatalistComponent,
-        InputComponent,
-        LevelButtonComponent,
-        LevelTextComponent,
-        RadioComponent,
-        SelectComponent,
-        TextLinkComponent,
-        LoginFormComponent,
-        SidenavComponent,
-        CurrencyMaskModule] });
-ComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ComponentsModule, providers: [
-        CurrencyPipe,
-        TitleCasePipe
-    ], imports: [[
-            CommonModule,
-            // BrowserModule, // Para evitar doble carga de BrowserModule
-            FormsModule,
-            ReactiveFormsModule,
-            MaterialModule,
-            CurrencyMaskModule
-        ], CurrencyMaskModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ComponentsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        AsideButtonComponent,
-                        ButtonComponent,
-                        CheckboxComponent,
-                        CreateUserFormComponent,
-                        DatalistComponent,
-                        InputComponent,
-                        LevelButtonComponent,
-                        LevelTextComponent,
-                        LoginFormComponent,
-                        RadioComponent,
-                        SelectComponent,
-                        SidenavComponent,
-                        TextLinkComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        // BrowserModule, // Para evitar doble carga de BrowserModule
-                        FormsModule,
-                        ReactiveFormsModule,
-                        MaterialModule,
-                        CurrencyMaskModule
-                    ],
-                    exports: [
-                        AsideButtonComponent,
-                        ButtonComponent,
-                        CheckboxComponent,
-                        CreateUserFormComponent,
-                        DatalistComponent,
-                        InputComponent,
-                        LevelButtonComponent,
-                        LevelTextComponent,
-                        RadioComponent,
-                        SelectComponent,
-                        TextLinkComponent,
-                        LoginFormComponent,
-                        SidenavComponent,
-                        CurrencyMaskModule
-                    ],
-                    providers: [
-                        CurrencyPipe,
-                        TitleCasePipe
-                    ]
-                }]
+class ComponentsModule {
+}
+ComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ComponentsModule, declarations: [AsideButtonComponent,
+        ButtonComponent,
+        CheckboxComponent,
+        CreateUserFormComponent,
+        DatalistComponent,
+        InputComponent,
+        LevelButtonComponent,
+        LevelTextComponent,
+        LoginFormComponent,
+        RadioComponent,
+        SelectComponent,
+        SidenavComponent,
+        TextLinkComponent], imports: [CommonModule,
+        // BrowserModule, // Para evitar doble carga de BrowserModule
+        FormsModule,
+        ReactiveFormsModule,
+        MaterialModule,
+        CurrencyMaskModule], exports: [AsideButtonComponent,
+        ButtonComponent,
+        CheckboxComponent,
+        CreateUserFormComponent,
+        DatalistComponent,
+        InputComponent,
+        LevelButtonComponent,
+        LevelTextComponent,
+        RadioComponent,
+        SelectComponent,
+        TextLinkComponent,
+        LoginFormComponent,
+        SidenavComponent,
+        CurrencyMaskModule] });
+ComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ComponentsModule, providers: [
+        CurrencyPipe,
+        TitleCasePipe
+    ], imports: [[
+            CommonModule,
+            // BrowserModule, // Para evitar doble carga de BrowserModule
+            FormsModule,
+            ReactiveFormsModule,
+            MaterialModule,
+            CurrencyMaskModule
+        ], CurrencyMaskModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ComponentsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        AsideButtonComponent,
+                        ButtonComponent,
+                        CheckboxComponent,
+                        CreateUserFormComponent,
+                        DatalistComponent,
+                        InputComponent,
+                        LevelButtonComponent,
+                        LevelTextComponent,
+                        LoginFormComponent,
+                        RadioComponent,
+                        SelectComponent,
+                        SidenavComponent,
+                        TextLinkComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        // BrowserModule, // Para evitar doble carga de BrowserModule
+                        FormsModule,
+                        ReactiveFormsModule,
+                        MaterialModule,
+                        CurrencyMaskModule
+                    ],
+                    exports: [
+                        AsideButtonComponent,
+                        ButtonComponent,
+                        CheckboxComponent,
+                        CreateUserFormComponent,
+                        DatalistComponent,
+                        InputComponent,
+                        LevelButtonComponent,
+                        LevelTextComponent,
+                        RadioComponent,
+                        SelectComponent,
+                        TextLinkComponent,
+                        LoginFormComponent,
+                        SidenavComponent,
+                        CurrencyMaskModule
+                    ],
+                    providers: [
+                        CurrencyPipe,
+                        TitleCasePipe
+                    ]
+                }]
         }] });
 
-class CourseService {
-    constructor(http) {
-        this.http = http;
-        this.SERVICE_URL = 'https://iptdev.com.co/lab/academic/api/';
-    }
-    createCourse(course) {
-        let serviceUrl = this.SERVICE_URL + 'post/course';
-        this.generateRequestParams(course);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    editCourse(course) {
-        let serviceUrl = this.SERVICE_URL + 'put/course';
-        this.generateRequestParams(course);
-        return this.http.put(serviceUrl, this.httpOptions);
-    }
-    getAllCourses(params) {
-        let serviceUrl = this.SERVICE_URL + 'post/all/courses';
-        this.generateRequestParams(params);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    getCoursesByLevel(params) {
-        let serviceUrl = this.SERVICE_URL + 'post/course/by/level';
-        this.generateRequestParams(params);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    getAvailibleCourses(availibleCourses) {
-        let serviceUrl = this.SERVICE_URL + 'post/course/for/cod';
-        this.generateRequestParams(availibleCourses);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    getCourseByCode(params) {
-        let serviceUrl = this.SERVICE_URL + 'post/course/by/code';
-        this.generateRequestParams(params);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    getCoursesByTeacher(params) {
-        let serviceUrl = this.SERVICE_URL + 'post/course/by/teacher';
-        this.generateRequestParams(params);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    getFilteredCoursesByTeacher(params) {
-        let serviceUrl = this.SERVICE_URL + 'post/course/filtered/by/teacher';
-        this.generateRequestParams(params);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    getCoursesByStartDate(params) {
-        let serviceUrl = this.SERVICE_URL + 'post/course/by/startdate';
-        this.generateRequestParams(params);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    numberClassByCode(idCode) {
-        let serviceUrl = this.SERVICE_URL + 'get/coursetype/numclass/by/code/' + idCode;
-        return this.http.get(serviceUrl);
-    }
-    // construye los headers y params
-    generateRequestParams(param) {
-        this.httpOptions = {
-            header: new HttpHeaders(),
-            params: param,
-        };
-    }
-}
-CourseService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CourseService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-CourseService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CourseService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CourseService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
+class CourseService {
+    constructor(http) {
+        this.http = http;
+        this.SERVICE_URL = 'https://iptdev.com.co/lab/academic/api/';
+    }
+    createCourse(course) {
+        let serviceUrl = this.SERVICE_URL + 'post/course';
+        this.generateRequestParams(course);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    editCourse(course) {
+        let serviceUrl = this.SERVICE_URL + 'put/course';
+        this.generateRequestParams(course);
+        return this.http.put(serviceUrl, this.httpOptions);
+    }
+    getAllCourses(params) {
+        let serviceUrl = this.SERVICE_URL + 'post/all/courses';
+        this.generateRequestParams(params);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    getCoursesByLevel(params) {
+        let serviceUrl = this.SERVICE_URL + 'post/course/by/level';
+        this.generateRequestParams(params);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    getAvailibleCourses(availibleCourses) {
+        let serviceUrl = this.SERVICE_URL + 'post/course/for/cod';
+        this.generateRequestParams(availibleCourses);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    getCourseByCode(params) {
+        let serviceUrl = this.SERVICE_URL + 'post/course/by/code';
+        this.generateRequestParams(params);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    getCoursesByTeacher(params) {
+        let serviceUrl = this.SERVICE_URL + 'post/course/by/teacher';
+        this.generateRequestParams(params);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    getFilteredCoursesByTeacher(params) {
+        let serviceUrl = this.SERVICE_URL + 'post/course/filtered/by/teacher';
+        this.generateRequestParams(params);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    getCoursesByStartDate(params) {
+        let serviceUrl = this.SERVICE_URL + 'post/course/by/startdate';
+        this.generateRequestParams(params);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    numberClassByCode(idCode) {
+        let serviceUrl = this.SERVICE_URL + 'get/coursetype/numclass/by/code/' + idCode;
+        return this.http.get(serviceUrl);
+    }
+    // construye los headers y params
+    generateRequestParams(param) {
+        this.httpOptions = {
+            header: new HttpHeaders(),
+            params: param,
+        };
+    }
+}
+CourseService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CourseService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+CourseService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CourseService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CourseService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
         }], ctorParameters: function () { return [{ type: i1$2.HttpClient }]; } });
 
-class RedirectGuard {
-    constructor(router) {
-        this.router = router;
-    }
-    canActivate(route, state) {
-        window.location.href = route.data['externalUrl'];
-        return true;
-    }
-}
-RedirectGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: RedirectGuard, deps: [{ token: i1$3.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-RedirectGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: RedirectGuard });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: RedirectGuard, decorators: [{
-            type: Injectable
+class RedirectGuard {
+    constructor(router) {
+        this.router = router;
+    }
+    canActivate(route, state) {
+        window.location.href = route.data['externalUrl'];
+        return true;
+    }
+}
+RedirectGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: RedirectGuard, deps: [{ token: i1$3.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+RedirectGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: RedirectGuard });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: RedirectGuard, decorators: [{
+            type: Injectable
         }], ctorParameters: function () { return [{ type: i1$3.Router }]; } });
 
-class SwitchService {
-    constructor() {
-        this.$modal = new EventEmitter();
-    }
-}
-SwitchService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SwitchService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SwitchService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SwitchService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SwitchService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
+class SwitchService {
+    constructor() {
+        this.$modal = new EventEmitter();
+    }
+}
+SwitchService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SwitchService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SwitchService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SwitchService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SwitchService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
         }], ctorParameters: function () { return []; } });
 
-class TestService {
-    constructor(http) {
-        this.http = http;
-        this.SERVICE_URL = 'https://iptdev.com.co/lab/test/api/';
-    }
-    // ---------------------- EXÁMENES ---------------------- //
-    createExam(exam) {
-        let serviceUrl = this.SERVICE_URL + 'post/exam';
-        this.generateRequestParams(exam);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    getAllExams(params) {
-        let serviceUrl = this.SERVICE_URL + 'post/all/exam';
-        this.generateRequestParams(params);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    updateExam(params) {
-        let serviceUrl = this.SERVICE_URL + 'update/exam';
-        this.generateRequestParams(params);
-        return this.http.put(serviceUrl, this.httpOptions);
-    }
-    updateExamStatus(params) {
-        let serviceUrl = this.SERVICE_URL + 'update/exam/status';
-        this.generateRequestParams(params);
-        return this.http.put(serviceUrl, this.httpOptions);
-    }
-    copyExam(params) {
-        let serviceUrl = this.SERVICE_URL + 'copy/exam';
-        this.generateRequestParams(params);
-        return this.http.put(serviceUrl, this.httpOptions);
-    }
-    getExamByCode(code) {
-        let serviceUrl = this.SERVICE_URL + 'get/exam/by/code/' + code;
-        return this.http.get(serviceUrl);
-    }
-    getExamByAuthor(code) {
-        let serviceUrl = this.SERVICE_URL + 'get/exams/by/author/' + code;
-        return this.http.get(serviceUrl);
-    }
-    // ---------------------- SECCIONES ---------------------- //
-    createSectionWithAll(params) {
-        let serviceUrl = this.SERVICE_URL + 'post/section/with/all';
-        this.generateRequestParams(params);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    createSection(params) {
-        let serviceUrl = this.SERVICE_URL + 'post/section';
-        this.generateRequestParams(params);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    getAllSections(params) {
-        let serviceUrl = this.SERVICE_URL + 'post/all/sections';
-        this.generateRequestParams(params);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    updateSection(params) {
-        let serviceUrl = this.SERVICE_URL + 'update/section';
-        this.generateRequestParams(params);
-        return this.http.put(serviceUrl, this.httpOptions);
-    }
-    updateSectionMedia(params) {
-        let serviceUrl = this.SERVICE_URL + 'post/section/media';
-        this.generateRequestParams(params);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    updateSectionState(params) {
-        let serviceUrl = this.SERVICE_URL + 'update/section/state';
-        this.generateRequestParams(params);
-        return this.http.put(serviceUrl, this.httpOptions);
-    }
-    getSectionsByExam(code) {
-        let serviceUrl = this.SERVICE_URL + 'get/sections/by/exam/' + code;
-        return this.http.get(serviceUrl);
-    }
-    // ---------------------- PREGUNTAS ---------------------- //
-    createQuestion(params) {
-        let serviceUrl = this.SERVICE_URL + 'post/question';
-        this.generateRequestParams(params);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    updateQuestion(params) {
-        let serviceUrl = this.SERVICE_URL + 'update/question';
-        this.generateRequestParams(params);
-        return this.http.put(serviceUrl, this.httpOptions);
-    }
-    getQuestionsBySections(params) {
-        let serviceUrl = this.SERVICE_URL + 'get/questions/by/sections';
-        this.generateRequestParams(params);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    getQuestionsBySection(params) {
-        let serviceUrl = this.SERVICE_URL + 'get/questions/by/section';
-        this.generateRequestParams(params);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    // ---------------------- RESPUESTAS ---------------------- //
-    createAnswer(params) {
-        let serviceUrl = this.SERVICE_URL + 'post/answer';
-        this.generateRequestParams(params);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    updateAnswer(params) {
-        let serviceUrl = this.SERVICE_URL + 'update/answer';
-        this.generateRequestParams(params);
-        return this.http.put(serviceUrl, this.httpOptions);
-    }
-    getAnswersByQuestion(code) {
-        let serviceUrl = this.SERVICE_URL + 'get/answers/by/question/' + code;
-        return this.http.get(serviceUrl, this.httpOptions);
-    }
-    updateQuestionState(params) {
-        let serviceUrl = this.SERVICE_URL + 'update/question/state';
-        this.generateRequestParams(params);
-        return this.http.put(serviceUrl, this.httpOptions);
-    }
-    // construye los headers y params
-    generateRequestParams(param) {
-        this.httpOptions = {
-            header: new HttpHeaders(),
-            params: param,
-        };
-    }
-}
-TestService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TestService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-TestService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TestService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TestService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
+class TestService {
+    constructor(http) {
+        this.http = http;
+        this.SERVICE_URL = 'https://iptdev.com.co/lab/test/api/';
+    }
+    // ---------------------- EXÁMENES ---------------------- //
+    createExam(exam) {
+        let serviceUrl = this.SERVICE_URL + 'post/exam';
+        this.generateRequestParams(exam);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    getAllExams(params) {
+        let serviceUrl = this.SERVICE_URL + 'post/all/exam';
+        this.generateRequestParams(params);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    updateExam(params) {
+        let serviceUrl = this.SERVICE_URL + 'update/exam';
+        this.generateRequestParams(params);
+        return this.http.put(serviceUrl, this.httpOptions);
+    }
+    updateExamStatus(params) {
+        let serviceUrl = this.SERVICE_URL + 'update/exam/status';
+        this.generateRequestParams(params);
+        return this.http.put(serviceUrl, this.httpOptions);
+    }
+    copyExam(params) {
+        let serviceUrl = this.SERVICE_URL + 'copy/exam';
+        this.generateRequestParams(params);
+        return this.http.put(serviceUrl, this.httpOptions);
+    }
+    getExamByCode(code) {
+        let serviceUrl = this.SERVICE_URL + 'get/exam/by/code/' + code;
+        return this.http.get(serviceUrl);
+    }
+    getExamByAuthor(code) {
+        let serviceUrl = this.SERVICE_URL + 'get/exams/by/author/' + code;
+        return this.http.get(serviceUrl);
+    }
+    // ---------------------- SECCIONES ---------------------- //
+    createSectionWithAll(params) {
+        let serviceUrl = this.SERVICE_URL + 'post/section/with/all';
+        this.generateRequestParams(params);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    createSection(params) {
+        let serviceUrl = this.SERVICE_URL + 'post/section';
+        this.generateRequestParams(params);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    getAllSections(params) {
+        let serviceUrl = this.SERVICE_URL + 'post/all/sections';
+        this.generateRequestParams(params);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    updateSection(params) {
+        let serviceUrl = this.SERVICE_URL + 'update/section';
+        this.generateRequestParams(params);
+        return this.http.put(serviceUrl, this.httpOptions);
+    }
+    updateSectionMedia(params) {
+        let serviceUrl = this.SERVICE_URL + 'post/section/media';
+        this.generateRequestParams(params);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    updateSectionState(params) {
+        let serviceUrl = this.SERVICE_URL + 'update/section/state';
+        this.generateRequestParams(params);
+        return this.http.put(serviceUrl, this.httpOptions);
+    }
+    getSectionsByExam(code) {
+        let serviceUrl = this.SERVICE_URL + 'get/sections/by/exam/' + code;
+        return this.http.get(serviceUrl);
+    }
+    // ---------------------- PREGUNTAS ---------------------- //
+    createQuestion(params) {
+        let serviceUrl = this.SERVICE_URL + 'post/question';
+        this.generateRequestParams(params);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    updateQuestion(params) {
+        let serviceUrl = this.SERVICE_URL + 'update/question';
+        this.generateRequestParams(params);
+        return this.http.put(serviceUrl, this.httpOptions);
+    }
+    getQuestionsBySections(params) {
+        let serviceUrl = this.SERVICE_URL + 'get/questions/by/sections';
+        this.generateRequestParams(params);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    getQuestionsBySection(params) {
+        let serviceUrl = this.SERVICE_URL + 'get/questions/by/section';
+        this.generateRequestParams(params);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    // ---------------------- RESPUESTAS ---------------------- //
+    createAnswer(params) {
+        let serviceUrl = this.SERVICE_URL + 'post/answer';
+        this.generateRequestParams(params);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    updateAnswer(params) {
+        let serviceUrl = this.SERVICE_URL + 'update/answer';
+        this.generateRequestParams(params);
+        return this.http.put(serviceUrl, this.httpOptions);
+    }
+    getAnswersByQuestion(code) {
+        let serviceUrl = this.SERVICE_URL + 'get/answers/by/question/' + code;
+        return this.http.get(serviceUrl, this.httpOptions);
+    }
+    updateQuestionState(params) {
+        let serviceUrl = this.SERVICE_URL + 'update/question/state';
+        this.generateRequestParams(params);
+        return this.http.put(serviceUrl, this.httpOptions);
+    }
+    // construye los headers y params
+    generateRequestParams(param) {
+        this.httpOptions = {
+            header: new HttpHeaders(),
+            params: param,
+        };
+    }
+}
+TestService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TestService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+TestService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TestService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TestService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
         }], ctorParameters: function () { return [{ type: i1$2.HttpClient }]; } });
 
-class MarketingService {
-    constructor(http) {
-        this.http = http;
-        this.SERVICE_URL = 'https://iptdev.com.co/lab/commercial/api/';
-    }
-    getStrategyByUserCommercial(user) {
-        let serviceUrl = this.SERVICE_URL + 'post/contact/strategy/byaviser';
-        this.generateRequestParams(user);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    getObservationsContact(codeContact) {
-        let serviceUrl = this.SERVICE_URL + 'get/contact/observation/strategy/bycode/' + codeContact;
-        return this.http.get(serviceUrl);
-    }
-    createObservations(params) {
-        let serviceUrl = this.SERVICE_URL + 'post/contact/observation/create';
-        this.generateRequestParams(params);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    getUserStatistics(userToken) {
-        let serviceUrl = this.SERVICE_URL + 'get/contact/strategy/statistics';
-        this.generateRequestParams(userToken);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    getTopAdviser() {
-        let serviceUrl = this.SERVICE_URL + 'get/contact/strategy/topadviser';
-        return this.http.get(serviceUrl, this.httpOptions);
-    }
-    getMovementStatus() {
-        let serviceUrl = this.SERVICE_URL + 'get/contact/strategy/movements/status';
-        return this.http.get(serviceUrl, this.httpOptions);
-    }
-    getgroupSignupStatus() {
-        let serviceUrl = this.SERVICE_URL + 'get/contact/strategy/group/signup';
-        return this.http.get(serviceUrl, this.httpOptions);
-    }
-    //Construye los headers y paramns
-    generateRequestParams(param) {
-        this.httpOptions = {
-            header: new HttpHeaders(),
-            params: param,
-        };
-    }
-}
-MarketingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MarketingService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-MarketingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MarketingService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MarketingService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
+class MarketingService {
+    constructor(http) {
+        this.http = http;
+        this.SERVICE_URL = 'https://iptdev.com.co/lab/commercial/api/';
+    }
+    getStrategyByUserCommercial(user) {
+        let serviceUrl = this.SERVICE_URL + 'post/contact/strategy/byaviser';
+        this.generateRequestParams(user);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    getObservationsContact(codeContact) {
+        let serviceUrl = this.SERVICE_URL + 'get/contact/observation/strategy/bycode/' + codeContact;
+        return this.http.get(serviceUrl);
+    }
+    createObservations(params) {
+        let serviceUrl = this.SERVICE_URL + 'post/contact/observation/create';
+        this.generateRequestParams(params);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    getUserStatistics(userToken) {
+        let serviceUrl = this.SERVICE_URL + 'get/contact/strategy/statistics';
+        this.generateRequestParams(userToken);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    getTopAdviser() {
+        let serviceUrl = this.SERVICE_URL + 'get/contact/strategy/topadviser';
+        return this.http.get(serviceUrl, this.httpOptions);
+    }
+    getMovementStatus() {
+        let serviceUrl = this.SERVICE_URL + 'get/contact/strategy/movements/status';
+        return this.http.get(serviceUrl, this.httpOptions);
+    }
+    getgroupSignupStatus() {
+        let serviceUrl = this.SERVICE_URL + 'get/contact/strategy/group/signup';
+        return this.http.get(serviceUrl, this.httpOptions);
+    }
+    //Construye los headers y paramns
+    generateRequestParams(param) {
+        this.httpOptions = {
+            header: new HttpHeaders(),
+            params: param,
+        };
+    }
+}
+MarketingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MarketingService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+MarketingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MarketingService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MarketingService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
         }], ctorParameters: function () { return [{ type: i1$2.HttpClient }]; } });
 
-class BudgetService {
-    constructor(http) {
-        this.http = http;
-        this.SERVICE_URL = 'https://iptdev.com.co/lab/budget/api/';
-    }
-    getAllDiscount(user) {
-        let serviceUrl = this.SERVICE_URL + 'post/discounts/coupon/all';
-        this.generateRequestParams(user);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    createDiscount(params) {
-        let serviceUrl = this.SERVICE_URL + 'post/discount/coupon/create';
-        this.generateRequestParams(params);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    updateDiscount(params) {
-        let serviceUrl = this.SERVICE_URL + 'post/discount/coupon/update';
-        this.generateRequestParams(params);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    //Construye los headers y paramns
-    generateRequestParams(param) {
-        this.httpOptions = {
-            header: new HttpHeaders(),
-            params: param,
-        };
-    }
-}
-BudgetService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BudgetService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-BudgetService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BudgetService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BudgetService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
+class BudgetService {
+    constructor(http) {
+        this.http = http;
+        this.SERVICE_URL = 'https://iptdev.com.co/lab/budget/api/';
+    }
+    getAllDiscount(user) {
+        let serviceUrl = this.SERVICE_URL + 'post/discounts/coupon/all';
+        this.generateRequestParams(user);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    createDiscount(params) {
+        let serviceUrl = this.SERVICE_URL + 'post/discount/coupon/create';
+        this.generateRequestParams(params);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    updateDiscount(params) {
+        let serviceUrl = this.SERVICE_URL + 'post/discount/coupon/update';
+        this.generateRequestParams(params);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    //Construye los headers y paramns
+    generateRequestParams(param) {
+        this.httpOptions = {
+            header: new HttpHeaders(),
+            params: param,
+        };
+    }
+}
+BudgetService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BudgetService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+BudgetService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BudgetService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BudgetService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
         }], ctorParameters: function () { return [{ type: i1$2.HttpClient }]; } });
 
-class CoreModule {
-}
-CoreModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CoreModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CoreModule });
-CoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CoreModule, providers: [
-        ParameterService,
-        CourseService,
-        StorageService,
-        UserService,
-        SwitchService,
-        RedirectGuard,
-        BaseService,
-        TestService,
-        MarketingService,
-        BudgetService
-    ] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CoreModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    providers: [
-                        ParameterService,
-                        CourseService,
-                        StorageService,
-                        UserService,
-                        SwitchService,
-                        RedirectGuard,
-                        BaseService,
-                        TestService,
-                        MarketingService,
-                        BudgetService
-                    ]
-                }]
+class CoreModule {
+}
+CoreModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CoreModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CoreModule });
+CoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CoreModule, providers: [
+        ParameterService,
+        CourseService,
+        StorageService,
+        UserService,
+        SwitchService,
+        RedirectGuard,
+        BaseService,
+        TestService,
+        MarketingService,
+        BudgetService
+    ] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CoreModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    providers: [
+                        ParameterService,
+                        CourseService,
+                        StorageService,
+                        UserService,
+                        SwitchService,
+                        RedirectGuard,
+                        BaseService,
+                        TestService,
+                        MarketingService,
+                        BudgetService
+                    ]
+                }]
         }] });
 
-class DesignSystemModule {
-}
-DesignSystemModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DesignSystemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DesignSystemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DesignSystemModule, imports: [ComponentsModule,
-        CoreModule,
-        CurrencyMaskModule], exports: [ComponentsModule,
-        CoreModule,
-        CurrencyMaskModule] });
-DesignSystemModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DesignSystemModule, imports: [[
-            ComponentsModule,
-            CoreModule,
-            CurrencyMaskModule
-        ], ComponentsModule,
-        CoreModule,
-        CurrencyMaskModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DesignSystemModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        ComponentsModule,
-                        CoreModule,
-                        CurrencyMaskModule
-                    ],
-                    exports: [
-                        ComponentsModule,
-                        CoreModule,
-                        CurrencyMaskModule
-                    ],
-                }]
+class DesignSystemModule {
+}
+DesignSystemModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DesignSystemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DesignSystemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DesignSystemModule, imports: [ComponentsModule,
+        CoreModule,
+        CurrencyMaskModule], exports: [ComponentsModule,
+        CoreModule,
+        CurrencyMaskModule] });
+DesignSystemModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DesignSystemModule, imports: [[
+            ComponentsModule,
+            CoreModule,
+            CurrencyMaskModule
+        ], ComponentsModule,
+        CoreModule,
+        CurrencyMaskModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DesignSystemModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        ComponentsModule,
+                        CoreModule,
+                        CurrencyMaskModule
+                    ],
+                    exports: [
+                        ComponentsModule,
+                        CoreModule,
+                        CurrencyMaskModule
+                    ],
+                }]
         }] });
 
-class AttendanceService {
-    constructor(http) {
-        this.http = http;
-    }
-}
-AttendanceService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: AttendanceService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-AttendanceService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: AttendanceService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: AttendanceService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
+class AttendanceService {
+    constructor(http) {
+        this.http = http;
+    }
+}
+AttendanceService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: AttendanceService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+AttendanceService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: AttendanceService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: AttendanceService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
         }], ctorParameters: function () { return [{ type: i1$2.HttpClient }]; } });
 
-class CalendarService {
-    constructor(http) {
-        this.http = http;
-        this.SERVICE_URL = 'https://iptdev.com.co/lab/calendar/api/';
-    }
-    getEventByIdCalendar(idCalendar) {
-        let serviceUrl = this.SERVICE_URL + 'get/event/calendar/idcalendar/all/' + idCalendar;
-        return this.http.get(serviceUrl);
-    }
-    postEventByDayTime(params) {
-        let serviceUrl = this.SERVICE_URL + 'post/event/calendar/idcalendar/by/datetime';
-        this.generateRequestParams(params);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    generateRequestParams(param) {
-        this.httpOptions = {
-            header: new HttpHeaders(),
-            params: param,
-        };
-    }
-}
-CalendarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CalendarService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-CalendarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CalendarService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CalendarService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
+class CalendarService {
+    constructor(http) {
+        this.http = http;
+        this.SERVICE_URL = 'https://iptdev.com.co/lab/calendar/api/';
+    }
+    getEventByIdCalendar(idCalendar) {
+        let serviceUrl = this.SERVICE_URL + 'get/event/calendar/idcalendar/all/' + idCalendar;
+        return this.http.get(serviceUrl);
+    }
+    postEventByDayTime(params) {
+        let serviceUrl = this.SERVICE_URL + 'post/event/calendar/idcalendar/by/datetime';
+        this.generateRequestParams(params);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    generateRequestParams(param) {
+        this.httpOptions = {
+            header: new HttpHeaders(),
+            params: param,
+        };
+    }
+}
+CalendarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CalendarService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+CalendarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CalendarService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CalendarService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
         }], ctorParameters: function () { return [{ type: i1$2.HttpClient }]; } });
 
-class NotesService {
-    constructor(http) {
-        this.http = http;
-        this.SERVICE_URL = 'https://iptdev.com.co/lab/academic/api/';
-    }
-    getNotesByGroup(params) {
-        let serviceUrl = this.SERVICE_URL + 'post/obtain/notes/by/course';
-        this.generateRequestParams(params);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    getNotesByStudent(params) {
-        let serviceUrl = this.SERVICE_URL + 'post/obtain/notes/by/student';
-        this.generateRequestParams(params);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    createNewNote(params) {
-        let serviceUrl = this.SERVICE_URL + 'post/create/note';
-        this.generateRequestParams(params);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    updateStudentNote(params) {
-        let serviceUrl = this.SERVICE_URL + 'update/note';
-        this.generateRequestParams(params);
-        return this.http.put(serviceUrl, this.httpOptions);
-    }
-    calculateFinalNote(params) {
-        let serviceUrl = this.SERVICE_URL + 'post/calculate/final/note';
-        this.generateRequestParams(params);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    generateRequestParams(param) {
-        this.httpOptions = {
-            header: new HttpHeaders(),
-            params: param,
-        };
-    }
-}
-NotesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: NotesService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-NotesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: NotesService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: NotesService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
+class NotesService {
+    constructor(http) {
+        this.http = http;
+        this.SERVICE_URL = 'https://iptdev.com.co/lab/academic/api/';
+    }
+    getNotesByGroup(params) {
+        let serviceUrl = this.SERVICE_URL + 'post/obtain/notes/by/course';
+        this.generateRequestParams(params);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    getNotesByStudent(params) {
+        let serviceUrl = this.SERVICE_URL + 'post/obtain/notes/by/student';
+        this.generateRequestParams(params);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    createNewNote(params) {
+        let serviceUrl = this.SERVICE_URL + 'post/create/note';
+        this.generateRequestParams(params);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    updateStudentNote(params) {
+        let serviceUrl = this.SERVICE_URL + 'update/note';
+        this.generateRequestParams(params);
+        return this.http.put(serviceUrl, this.httpOptions);
+    }
+    calculateFinalNote(params) {
+        let serviceUrl = this.SERVICE_URL + 'post/calculate/final/note';
+        this.generateRequestParams(params);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    generateRequestParams(param) {
+        this.httpOptions = {
+            header: new HttpHeaders(),
+            params: param,
+        };
+    }
+}
+NotesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: NotesService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+NotesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: NotesService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: NotesService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
         }], ctorParameters: function () { return [{ type: i1$2.HttpClient }]; } });
 
-class StudentService {
-    constructor(http) {
-        this.http = http;
-        this.SERVICE_URL = 'https://iptdev.com.co/lab/academic/api/';
-    }
-    getStudentsByCourse(params) {
-        let serviceUrl = this.SERVICE_URL + 'post/obtain/students/by/course';
-        this.generateRequestParams(params);
-        return this.http.post(serviceUrl, this.httpOptions);
-    }
-    generateRequestParams(param) {
-        this.httpOptions = {
-            header: new HttpHeaders(),
-            params: param,
-        };
-    }
-}
-StudentService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: StudentService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-StudentService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: StudentService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: StudentService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
+class StudentService {
+    constructor(http) {
+        this.http = http;
+        this.SERVICE_URL = 'https://iptdev.com.co/lab/academic/api/';
+    }
+    getStudentsByCourse(params) {
+        let serviceUrl = this.SERVICE_URL + 'post/obtain/students/by/course';
+        this.generateRequestParams(params);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    generateRequestParams(param) {
+        this.httpOptions = {
+            header: new HttpHeaders(),
+            params: param,
+        };
+    }
+}
+StudentService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: StudentService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+StudentService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: StudentService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: StudentService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
         }], ctorParameters: function () { return [{ type: i1$2.HttpClient }]; } });
 
-class Session {
+class Session {
 }
 
-class UserRs {
-}
-class UserLoginRs {
+class UserRs {
+}
+class UserLoginRs {
 }
 
-/*
- * Public API Surface of design-system
+/*
+ * Public API Surface of design-system
  */
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { AsideButtonComponent, AttendanceService, BaseService, BudgetService, ButtonComponent, CalendarService, CheckboxComponent, ComponentsModule, CoreModule, CourseService, CreateUserFormComponent, DatalistComponent, DesignSystemModule, InputComponent, LevelButtonComponent, LevelTextComponent, LoginFormComponent, MarketingService, NotesService, ParameterService, RadioComponent, RedirectGuard, SelectComponent, Session, SidenavComponent, StorageService, StudentService, SwitchService, TestService, TextLinkComponent, UserLoginRs, UserRs, UserService };