iptdevs-design-system 2.3.2 → 2.3.5

package/fesm2020/iptdevs-design-system.mjs

@@ -18,1734 +18,1717 @@ import { MatListModule } from '@angular/material/list';
 import { MatIconModule } from '@angular/material/icon';
 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;
-        this.formControl = fb.group({
-            dataListControl: ['', [Validators.required]],
-        });
-    }
-    ngOnInit() {
-        if (this.initalData != null) {
-            this.formControl.controls['dataListControl'].setValue(this.initalData);
-        }
-    }
-    ngOnChanges(changes) {
-        if (changes['initialData']) {
-        }
-    }
-    optionChanged(event) {
-        let selectOption = this.datalistData.find(element => element.name == event.target.value);
-        console.log(selectOption);
-        if (typeof (selectOption) != 'undefined') {
-            this.isChanged.emit(selectOption.code);
-        }
-        else {
-            this.isChanged.emit('-1');
-            this.formControl.controls['dataListControl'].value('');
-        }
-    }
-    click(value) {
-        this.clicked = value.isTrusted;
-    }
-    setDataListValue() {
-        let selectOption = this.datalistData.find(element => element.code == this.initalData);
-        console.log(selectOption);
-        if (typeof (selectOption) != 'undefined') {
-            return selectOption.value;
-        }
-        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" }, usesOnChanges: true, 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 selected> {{ this.formControl.controls['dataListControl'].value }}</option>
-        <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:10px;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$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-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 selected> {{ this.formControl.controls['dataListControl'].value }}</option>
-        <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:10px;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:10px;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:10px;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 = ',';
-    }
-    set control(value) {
-        if (this.formControl !== value) {
-            this.formControl = value;
-        }
-    }
-    ngOnInit() { }
-    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" }, ngImport: i0, template: `
-    <div class="input-container">
-      <input *ngIf="inputType === 'date'"
-        class="input"
-        type="{{ inputType ? 'text' : 'date' }}"
-        [formControl]="formControl"
-        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 !== '') || formControl.touched">
-        {{ 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:10px;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"
-        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 !== '') || formControl.touched">
-        {{ 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:10px;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
+class InputComponent {
+    constructor() {
+        this.data = [];
+        this.clicked = false;
+        this.withPipe = false;
+        this.prefix = '$';
+        this.thousands = '.';
+        this.decimal = ',';
+    }
+    set control(value) {
+        if (this.formControl !== value) {
+            this.formControl = value;
+        }
+    }
+    ngOnInit() { }
+    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" }, ngImport: i0, template: `
+    <div class="input-container">
+      <input *ngIf="inputType === 'date'"
+        class="input"
+        type="{{ inputType ? 'text' : 'date' }}"
+        [formControl]="formControl"
+        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 !== '') || formControl.touched">
+        {{ 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:10px;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"
+        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 !== '') || formControl.touched">
+        {{ 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:10px;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
             }] } });
 
-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:10px;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:10px;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:10px;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:10px;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:10px;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:10px;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:10px;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:10px;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:10px;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:10px;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:10px;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:10px;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"] }, { 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"] }, { 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 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 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 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 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 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] });
-MaterialModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MaterialModule, imports: [MatSidenavModule, MatToolbarModule, MatIconModule, MatListModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MaterialModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [MatSidenavModule, MatToolbarModule, MatIconModule, MatListModule],
-                }]
+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] });
+MaterialModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MaterialModule, imports: [MatSidenavModule, MatToolbarModule, MatIconModule, MatListModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MaterialModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [MatSidenavModule, MatToolbarModule, MatIconModule, MatListModule],
+                }]
         }] });
 
-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,
-        DatalistComponent,
-        InputComponent,
-        LevelButtonComponent,
-        LevelTextComponent,
-        RadioComponent,
-        SelectComponent,
-        TextLinkComponent,
-        LoginFormComponent,
-        SidenavComponent], imports: [CommonModule,
-        // BrowserModule, // Para evitar doble carga de BrowserModule
-        FormsModule,
-        ReactiveFormsModule,
-        MaterialModule,
-        CurrencyMaskModule], exports: [AsideButtonComponent,
-        ButtonComponent,
-        CheckboxComponent,
-        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,
-                        DatalistComponent,
-                        InputComponent,
-                        LevelButtonComponent,
-                        LevelTextComponent,
-                        RadioComponent,
-                        SelectComponent,
-                        TextLinkComponent,
-                        LoginFormComponent,
-                        SidenavComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        // BrowserModule, // Para evitar doble carga de BrowserModule
-                        FormsModule,
-                        ReactiveFormsModule,
-                        MaterialModule,
-                        CurrencyMaskModule
-                    ],
-                    exports: [
-                        AsideButtonComponent,
-                        ButtonComponent,
-                        CheckboxComponent,
-                        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,
+        DatalistComponent,
+        InputComponent,
+        LevelButtonComponent,
+        LevelTextComponent,
+        RadioComponent,
+        SelectComponent,
+        TextLinkComponent,
+        LoginFormComponent,
+        SidenavComponent], imports: [CommonModule,
+        // BrowserModule, // Para evitar doble carga de BrowserModule
+        FormsModule,
+        ReactiveFormsModule,
+        MaterialModule,
+        CurrencyMaskModule], exports: [AsideButtonComponent,
+        ButtonComponent,
+        CheckboxComponent,
+        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,
+                        DatalistComponent,
+                        InputComponent,
+                        LevelButtonComponent,
+                        LevelTextComponent,
+                        RadioComponent,
+                        SelectComponent,
+                        TextLinkComponent,
+                        LoginFormComponent,
+                        SidenavComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        // BrowserModule, // Para evitar doble carga de BrowserModule
+                        FormsModule,
+                        ReactiveFormsModule,
+                        MaterialModule,
+                        CurrencyMaskModule
+                    ],
+                    exports: [
+                        AsideButtonComponent,
+                        ButtonComponent,
+                        CheckboxComponent,
+                        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);
-    }
-    // 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);
+    }
+    // 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 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);
-    }
-}
-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);
+    }
+}
+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 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/commercial/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 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, BaseService, BudgetService, ButtonComponent, CheckboxComponent, ComponentsModule, CoreModule, CourseService, DatalistComponent, DesignSystemModule, InputComponent, LevelButtonComponent, LevelTextComponent, LoginFormComponent, MarketingService, ParameterService, RadioComponent, RedirectGuard, SelectComponent, Session, SidenavComponent, StorageService, SwitchService, TestService, TextLinkComponent, UserLoginRs, UserRs, UserService };