iptdevs-design-system 1.3.17 → 1.3.18

package/esm2020/lib/components/atoms/aside-button/aside-button.component.mjs

@@ -10,47 +10,41 @@ export class AsideButtonComponent {
     }
 }
 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", type: "type", url: "url", textColor: "textColor", buttonActive: "buttonActive" }, outputs: { isClicked: "isClicked" }, ngImport: i0, template: `
+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 [ngStyle]="{'color': textColor}">{{ text }}</p>
+        <p>{{ text }}</p>
       </a>
 
       <a *ngSwitchCase="1" class="flex-item-menu__link flex-item-active" (click)="clickAction()">
         <img src="{{ icon }}" alt="icon_url" />
-        <p [ngStyle]="{'color': textColor}">{{ text }}</p>
+        <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}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}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"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+  `, 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:2.5rem;height:2.5rem;padding:.4rem}.flex-item-menu__link p{cursor:pointer;display:inline;font-weight:500;font-family:Poppins,sans-serif;font-size:16px;padding:0 .8rem;margin:auto 0}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;font-size:18px}.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:2.5rem;height:2.5rem;padding:.4rem}.flex-item-menu__link p{font-size:16px}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;font-size:18px}.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 [ngStyle]="{'color': textColor}">{{ text }}</p>
+        <p>{{ text }}</p>
       </a>
 
       <a *ngSwitchCase="1" class="flex-item-menu__link flex-item-active" (click)="clickAction()">
         <img src="{{ icon }}" alt="icon_url" />
-        <p [ngStyle]="{'color': textColor}">{{ text }}</p>
+        <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}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}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"] }]
+  `, 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:2.5rem;height:2.5rem;padding:.4rem}.flex-item-menu__link p{cursor:pointer;display:inline;font-weight:500;font-family:Poppins,sans-serif;font-size:16px;padding:0 .8rem;margin:auto 0}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;font-size:18px}.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:2.5rem;height:2.5rem;padding:.4rem}.flex-item-menu__link p{font-size:16px}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;font-size:18px}.flex-item-img{width:2.5rem;height:2.5rem;padding:.4rem}}\n"] }]
         }], propDecorators: { icon: [{
                 type: Input
             }], text: [{
                 type: Input
-            }], type: [{
-                type: Input
-            }], url: [{
-                type: Input
-            }], textColor: [{
-                type: Input
             }], buttonActive: [{
                 type: Input
             }], isClicked: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNpZGUtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL2FzaWRlLWJ1dHRvbi9hc2lkZS1idXR0b24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQW9CdkUsTUFBTSxPQUFPLG9CQUFvQjtJQWxCakM7UUF5QlksY0FBUyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7S0FPbkQ7SUFKQyxXQUFXO1FBQ1QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDNUIsQ0FBQzs7aUhBWlUsb0JBQW9CO3FHQUFwQixvQkFBb0IscU5BaEJyQjs7Ozs7Ozs7Ozs7O0dBWVQ7MkZBSVUsb0JBQW9CO2tCQWxCaEMsU0FBUzsrQkFDRSxrQkFBa0IsWUFDbEI7Ozs7Ozs7Ozs7OztHQVlUOzhCQUtRLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0ksU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaXB0LWFzaWRlLWJ1dHRvbicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBbbmdTd2l0Y2hdPVwiYnV0dG9uQWN0aXZlXCI+XG4gICAgICA8YSAqbmdTd2l0Y2hDYXNlPVwiMFwiIGNsYXNzPVwiZmxleC1pdGVtLW1lbnVfX2xpbmtcIiAoY2xpY2spPVwiY2xpY2tBY3Rpb24oKVwiPlxuICAgICAgICA8aW1nIHNyYz1cInt7IGljb24gfX1cIiBhbHQ9XCJpY29uX3VybFwiIC8+XG4gICAgICAgIDxwIFtuZ1N0eWxlXT1cInsnY29sb3InOiB0ZXh0Q29sb3J9XCI+e3sgdGV4dCB9fTwvcD5cbiAgICAgIDwvYT5cblxuICAgICAgPGEgKm5nU3dpdGNoQ2FzZT1cIjFcIiBjbGFzcz1cImZsZXgtaXRlbS1tZW51X19saW5rIGZsZXgtaXRlbS1hY3RpdmVcIiAoY2xpY2spPVwiY2xpY2tBY3Rpb24oKVwiPlxuICAgICAgICA8aW1nIHNyYz1cInt7IGljb24gfX1cIiBhbHQ9XCJpY29uX3VybFwiIC8+XG4gICAgICAgIDxwIFtuZ1N0eWxlXT1cInsnY29sb3InOiB0ZXh0Q29sb3J9XCI+e3sgdGV4dCB9fTwvcD5cbiAgICAgIDwvYT5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vYXNpZGUtYnV0dG9uLmNzcyddXG59KVxuXG5leHBvcnQgY2xhc3MgQXNpZGVCdXR0b25Db21wb25lbnQge1xuICBASW5wdXQoKSBpY29uITogc3RyaW5nO1xuICBASW5wdXQoKSB0ZXh0ITogc3RyaW5nO1xuICBASW5wdXQoKSB0eXBlITogc3RyaW5nO1xuICBASW5wdXQoKSB1cmw/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHRleHRDb2xvciE6IHN0cmluZ1xuICBASW5wdXQoKSBidXR0b25BY3RpdmU/OiBib29sZWFuO1xuICBAT3V0cHV0KCkgaXNDbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG5cbiAgY2xpY2tBY3Rpb24oKSB7XG4gICAgdGhpcy5pc0NsaWNrZWQuZW1pdCh0cnVlKTtcbiAgfVxuXG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNpZGUtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL2FzaWRlLWJ1dHRvbi9hc2lkZS1idXR0b24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQW9CdkUsTUFBTSxPQUFPLG9CQUFvQjtJQWxCakM7UUFzQlksY0FBUyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7S0FLbkQ7SUFIQyxXQUFXO1FBQ1QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDNUIsQ0FBQzs7aUhBUlUsb0JBQW9CO3FHQUFwQixvQkFBb0IsbUtBaEJyQjs7Ozs7Ozs7Ozs7O0dBWVQ7MkZBSVUsb0JBQW9CO2tCQWxCaEMsU0FBUzsrQkFDRSxrQkFBa0IsWUFDbEI7Ozs7Ozs7Ozs7OztHQVlUOzhCQUtRLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDSSxTQUFTO3NCQUFsQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpcHQtYXNpZGUtYnV0dG9uJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IFtuZ1N3aXRjaF09XCJidXR0b25BY3RpdmVcIj5cbiAgICAgIDxhICpuZ1N3aXRjaENhc2U9XCIwXCIgY2xhc3M9XCJmbGV4LWl0ZW0tbWVudV9fbGlua1wiIChjbGljayk9XCJjbGlja0FjdGlvbigpXCI+XG4gICAgICAgIDxpbWcgc3JjPVwie3sgaWNvbiB9fVwiIGFsdD1cImljb25fdXJsXCIgLz5cbiAgICAgICAgPHA+e3sgdGV4dCB9fTwvcD5cbiAgICAgIDwvYT5cblxuICAgICAgPGEgKm5nU3dpdGNoQ2FzZT1cIjFcIiBjbGFzcz1cImZsZXgtaXRlbS1tZW51X19saW5rIGZsZXgtaXRlbS1hY3RpdmVcIiAoY2xpY2spPVwiY2xpY2tBY3Rpb24oKVwiPlxuICAgICAgICA8aW1nIHNyYz1cInt7IGljb24gfX1cIiBhbHQ9XCJpY29uX3VybFwiIC8+XG4gICAgICAgIDxwPnt7IHRleHQgfX08L3A+XG4gICAgICA8L2E+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2FzaWRlLWJ1dHRvbi5jc3MnXVxufSlcblxuZXhwb3J0IGNsYXNzIEFzaWRlQnV0dG9uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaWNvbiE6IHN0cmluZztcbiAgQElucHV0KCkgdGV4dCE6IHN0cmluZztcbiAgQElucHV0KCkgYnV0dG9uQWN0aXZlPzogYm9vbGVhbjtcbiAgQE91dHB1dCgpIGlzQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBjbGlja0FjdGlvbigpIHtcbiAgICB0aGlzLmlzQ2xpY2tlZC5lbWl0KHRydWUpO1xuICB9XG59XG4iXX0=

package/esm2020/lib/components/molecules/sidenav/sidenav.component.mjs

@@ -4,10 +4,9 @@ import * as i1 from "../../../core/services/user-service/user-service";
 import * as i2 from "../../../core/services/storage-service/storage-service";
 import * as i3 from "@angular/material/sidenav";
 import * as i4 from "@angular/material/toolbar";
-import * as i5 from "@angular/material/icon";
-import * as i6 from "@angular/material/list";
-import * as i7 from "../../atoms/aside-button/aside-button.component";
-import * as i8 from "@angular/common";
+import * as i5 from "@angular/material/list";
+import * as i6 from "../../atoms/aside-button/aside-button.component";
+import * as i7 from "@angular/common";
 export class SidenavComponent {
     constructor(userService, storageService) {
         this.userService = userService;
@@ -31,159 +30,104 @@ export class SidenavComponent {
     clickPage(event) {
         this.pageChangeEvent.emit(event);
     }
+    logout() {
+        this.storageService.logout();
+    }
 }
 SidenavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SidenavComponent, deps: [{ token: i1.UserService }, { token: i2.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">
-        <span>Departamento Académico</span>
-        <span class="spacer"></span>
-        <button mat-icon-button (click)="sidenav.toggle()">
-          <mat-icon class="mat-icon-button">menu</mat-icon>
-        </button>
+    <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">
-        <ipt-aside-button
-          [buttonActive]="this.setPage === route.page"
-          [url]="route.url"
-          [type]="route.type"
-          [icon]="route.icon"
-          [text]="route.text"
-          (isClicked)="clickPage(route.page)"
-        >
-        </ipt-aside-button>
-
-        <ipt-aside-button
-          [buttonActive]="this.setPage === 'logout'"
-          [url]="''"
-          [type]="'0'"
-          [icon]="'/assets/icons/cerrar-sesion.png'"
-          [text]="'Cerrar sesión'"
-          (isClicked)="clickPage('logout')"
-        >
-        </ipt-aside-button>
+        <nav class="flex-container-menu">
+          <ipt-aside-button
+            [buttonActive]="this.setPage === route.page"
+            [icon]="route.icon"
+            [text]="route.text"
+            (isClicked)="clickPage(route.page)"
+          >
+          </ipt-aside-button>
+        </nav>
       </mat-nav-list>
     </mat-sidenav>
 
     <mat-toolbar class="header">
-      <button mat-icon-button (click)="sidenav.toggle()">
-        <mat-icon>menu</mat-icon>
-      </button>
+      <div class="menu-container" (click)="sidenav.toggle()">
+        <p>Menu</p>
+        <div class="menu-icon"></div>
+      </div>
+
       <img class="img-logo" src="/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!
+          Hey {{ userName }}, Good moorning!
         </span>
         <p *ngIf="hour >= 12 && hour < 18" class="p2">
-          Hey {{userName}}, Good afternoon!
+          Hey {{ userName }}, Good afternoon!
+        </p>
+        <p *ngIf="hour >= 18 && hour < 24" class="p2">
+          Hey {{ userName }}, Good evening!
         </p>
-        <p *ngIf="hour > 18 && hour < 4" class="p2">Hey {{userName}}, Good evening!</p>
-      </div>
-
-      <div class="main-search-container">
-        <div class="search-container">
-          <input
-            type="text"
-            name="search"
-            placeholder="What are you doing today?"
-            class="search-input"
-          />
-          <!-- <hr class="hr-icon-search"> -->
-          <a href="#" class="icon"> </a>
-        </div>
-      </div>
-
-      <div class="icons-container">
-        <a href="#" class="notification-icon"></a>
-        <hr class="hr-icons" />
-        <a href="#" class="settings"></a>
-        <hr class="hr-icons" />
-        <a href="#" class="help"></a>
       </div>
 
-      <div class="profile-container">
-        <p class="name-profile">{{userName}}</p>
-        <div class="photo-profile"></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)}.icon{background-image:url(/assets/icons/icono-buscador.png);background-size:cover;background-position:center;width:40px;height:40px}.icons-container{border-radius:30px;height:50px;display:flex;justify-content:center;align-items:center;gap:5%;width:auto}.notification-icon{height:35px;width:35px;background-image:url(/assets/icons/notification-icon.png);background-position:center;background-size:cover;background-repeat:no-repeat}.settings{height:35px;width:35px;background-image:url(/assets/icons/settings.png);background-position:center;background-size:cover;background-repeat:no-repeat}.help{background:url(/assets/icons/help.png);background-position:center;background-size:cover;background-repeat:no-repeat;width:35px;height:35px;border-radius:50%}.hr-icons{border:none;border-left:1px solid #1c77f7;height:70%;width:1px}.hr-icon-search{border:none;border-left:1px solid #1c77f7;height:100%;width:1px}.profile-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}.name-profile{display:flex;align-items:center;color:#1c77f7;font-weight:500;font-size:16px;margin-left:20px;text-align:center;width:150px}.photo-profile{background:url(/assets/icons/photo-profile.png);background-size:40px 40px;background-position:center;background-repeat:no-repeat}.main-search-container{display:none}}@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}.main-search-container{display:flex;justify-content:flex-end;align-items:center;width:-moz-available}.search-container{margin-right:10px;height:20px;width:20px;border-radius:30px;padding:10px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.4s;box-shadow:#11111a1a 0 8px 24px,#11111a1a 0 16px 56px,#11111a1a 0 24px 80px}.search-container:hover{width:300px;border-radius:30px;padding:10px 10px 10px 20px}.search-container:hover>.search-input{width:320px;border-radius:10px;padding-left:15px}.search-input{background:transparent;border:none;outline:none;width:0px;font-size:13px;transition:.8s}}\n"], components: [{ type: i3.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { type: i4.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i6.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { type: i7.AsideButtonComponent, selector: "ipt-aside-button", inputs: ["icon", "text", "type", "url", "textColor", "buttonActive"], outputs: ["isClicked"] }], directives: [{ type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+  `, 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)}.icon{background-image:url(/assets/icons/icono-buscador.png);background-size:cover;background-position:center;width:40px;height:40px}.icons-container{border-radius:30px;height:50px;display:flex;justify-content:center;align-items:center;gap:5%;width:auto}.notification-icon{height:35px;width:35px;background-image:url(/assets/icons/notification-icon.png);background-position:center;background-size:cover;background-repeat:no-repeat}.settings{height:35px;width:35px;background-image:url(/assets/icons/settings.png);background-position:center;background-size:cover;background-repeat:no-repeat}.help{background:url(/assets/icons/help.png);background-position:center;background-size:cover;background-repeat:no-repeat;width:35px;height:35px;border-radius:50%}.hr-icons{border:none;border-left:1px solid #1c77f7;height:70%;width:1px}.hr-icon-search{border:none;border-left:1px solid #1c77f7;height:100%;width:1px}.profile-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}.name-profile{display:flex;align-items:center;color:#1c77f7;font-weight:500;font-size:16px;margin-left:20px;text-align:center;width:150px}.photo-profile{background:url(/assets/icons/photo-profile.png);background-size:40px 40px;background-position:center;background-repeat:no-repeat}.main-search-container{display:none}}@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}.main-search-container{display:flex;justify-content:flex-end;align-items:center;width:-moz-available}.search-container{margin-right:10px;height:20px;width:20px;border-radius:30px;padding:10px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.4s;box-shadow:#11111a1a 0 8px 24px,#11111a1a 0 16px 56px,#11111a1a 0 24px 80px}.search-container:hover{width:300px;border-radius:30px;padding:10px 10px 10px 20px}.search-container:hover>.search-input{width:320px;border-radius:10px;padding-left:15px}.search-input{background:transparent;border:none;outline:none;width:0px;font-size:13px;transition:.8s}}\n"], components: [{ type: i3.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: i6.AsideButtonComponent, selector: "ipt-aside-button", inputs: ["icon", "text", "buttonActive"], outputs: ["isClicked"] }], directives: [{ type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.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">
-        <span>Departamento Académico</span>
-        <span class="spacer"></span>
-        <button mat-icon-button (click)="sidenav.toggle()">
-          <mat-icon class="mat-icon-button">menu</mat-icon>
-        </button>
+    <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">
-        <ipt-aside-button
-          [buttonActive]="this.setPage === route.page"
-          [url]="route.url"
-          [type]="route.type"
-          [icon]="route.icon"
-          [text]="route.text"
-          (isClicked)="clickPage(route.page)"
-        >
-        </ipt-aside-button>
-
-        <ipt-aside-button
-          [buttonActive]="this.setPage === 'logout'"
-          [url]="''"
-          [type]="'0'"
-          [icon]="'/assets/icons/cerrar-sesion.png'"
-          [text]="'Cerrar sesión'"
-          (isClicked)="clickPage('logout')"
-        >
-        </ipt-aside-button>
+        <nav class="flex-container-menu">
+          <ipt-aside-button
+            [buttonActive]="this.setPage === route.page"
+            [icon]="route.icon"
+            [text]="route.text"
+            (isClicked)="clickPage(route.page)"
+          >
+          </ipt-aside-button>
+        </nav>
       </mat-nav-list>
     </mat-sidenav>
 
     <mat-toolbar class="header">
-      <button mat-icon-button (click)="sidenav.toggle()">
-        <mat-icon>menu</mat-icon>
-      </button>
+      <div class="menu-container" (click)="sidenav.toggle()">
+        <p>Menu</p>
+        <div class="menu-icon"></div>
+      </div>
+
       <img class="img-logo" src="/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!
+          Hey {{ userName }}, Good moorning!
         </span>
         <p *ngIf="hour >= 12 && hour < 18" class="p2">
-          Hey {{userName}}, Good afternoon!
+          Hey {{ userName }}, Good afternoon!
+        </p>
+        <p *ngIf="hour >= 18 && hour < 24" class="p2">
+          Hey {{ userName }}, Good evening!
         </p>
-        <p *ngIf="hour > 18 && hour < 4" class="p2">Hey {{userName}}, Good evening!</p>
-      </div>
-
-      <div class="main-search-container">
-        <div class="search-container">
-          <input
-            type="text"
-            name="search"
-            placeholder="What are you doing today?"
-            class="search-input"
-          />
-          <!-- <hr class="hr-icon-search"> -->
-          <a href="#" class="icon"> </a>
-        </div>
-      </div>
-
-      <div class="icons-container">
-        <a href="#" class="notification-icon"></a>
-        <hr class="hr-icons" />
-        <a href="#" class="settings"></a>
-        <hr class="hr-icons" />
-        <a href="#" class="help"></a>
       </div>
 
-      <div class="profile-container">
-        <p class="name-profile">{{userName}}</p>
-        <div class="photo-profile"></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)}.icon{background-image:url(/assets/icons/icono-buscador.png);background-size:cover;background-position:center;width:40px;height:40px}.icons-container{border-radius:30px;height:50px;display:flex;justify-content:center;align-items:center;gap:5%;width:auto}.notification-icon{height:35px;width:35px;background-image:url(/assets/icons/notification-icon.png);background-position:center;background-size:cover;background-repeat:no-repeat}.settings{height:35px;width:35px;background-image:url(/assets/icons/settings.png);background-position:center;background-size:cover;background-repeat:no-repeat}.help{background:url(/assets/icons/help.png);background-position:center;background-size:cover;background-repeat:no-repeat;width:35px;height:35px;border-radius:50%}.hr-icons{border:none;border-left:1px solid #1c77f7;height:70%;width:1px}.hr-icon-search{border:none;border-left:1px solid #1c77f7;height:100%;width:1px}.profile-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}.name-profile{display:flex;align-items:center;color:#1c77f7;font-weight:500;font-size:16px;margin-left:20px;text-align:center;width:150px}.photo-profile{background:url(/assets/icons/photo-profile.png);background-size:40px 40px;background-position:center;background-repeat:no-repeat}.main-search-container{display:none}}@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}.main-search-container{display:flex;justify-content:flex-end;align-items:center;width:-moz-available}.search-container{margin-right:10px;height:20px;width:20px;border-radius:30px;padding:10px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.4s;box-shadow:#11111a1a 0 8px 24px,#11111a1a 0 16px 56px,#11111a1a 0 24px 80px}.search-container:hover{width:300px;border-radius:30px;padding:10px 10px 10px 20px}.search-container:hover>.search-input{width:320px;border-radius:10px;padding-left:15px}.search-input{background:transparent;border:none;outline:none;width:0px;font-size:13px;transition:.8s}}\n"] }]
@@ -196,4 +140,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
             }], pageChangeEvent: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9tb2xlY3VsZXMvc2lkZW5hdi9zaWRlbmF2LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7O0FBcUYvRSxNQUFNLE9BQU8sZ0JBQWdCO0lBVzNCLFlBQ1UsV0FBd0IsRUFDeEIsY0FBOEI7UUFEOUIsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUFDeEIsbUJBQWMsR0FBZCxjQUFjLENBQWdCO1FBVDlCLG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUV2RCxXQUFNLEdBQVUsRUFBRSxDQUFDO1FBQ25CLFlBQU8sR0FBUSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLENBQUM7UUFDbEUsZUFBVSxHQUFHLElBQUksSUFBSSxFQUFFLENBQUMsa0JBQWtCLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUNsRSxTQUFJLEdBQUcsSUFBSSxJQUFJLEVBQUUsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUsxQixDQUFDO0lBRUosUUFBUTtRQUNOLElBQUksSUFBSSxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsY0FBYyxFQUFFLEVBQUUsS0FBSyxDQUFDO1FBQ3ZELElBQUksS0FBSyxHQUFXLElBQUksS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBRW5ELElBQUksT0FBTyxHQUFnQjtZQUN6QixLQUFLLEVBQUUsS0FBSztTQUNiLENBQUM7UUFFRixJQUFJLENBQUMsV0FBVyxDQUFDLGdCQUFnQixDQUFDLE9BQU8sQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLFFBQVEsRUFBRSxFQUFFO1lBQ2hFLElBQUksQ0FBQyxNQUFNLEdBQUcsUUFBUSxDQUFDLElBQUksQ0FBQztRQUM5QixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxTQUFTLENBQUMsS0FBYTtRQUNyQixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNuQyxDQUFDOzs2R0EvQlUsZ0JBQWdCO2lHQUFoQixnQkFBZ0Isb0xBOUVqQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBMkVUOzJGQUdVLGdCQUFnQjtrQkFoRjVCLFNBQVM7K0JBQ0UsYUFBYSxZQUNiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EyRVQ7K0hBSVEsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDSSxlQUFlO3NCQUF4QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVXNlclRva2VuUnEgfSBmcm9tICcuLi8uLi8uLi9jb3JlL21vZGVscy91c2VyL3VzZXItcnEubW9kZWwnO1xuaW1wb3J0IHsgU3RvcmFnZVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9jb3JlL3NlcnZpY2VzL3N0b3JhZ2Utc2VydmljZS9zdG9yYWdlLXNlcnZpY2UnO1xuaW1wb3J0IHsgVXNlclNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9jb3JlL3NlcnZpY2VzL3VzZXItc2VydmljZS91c2VyLXNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpcHQtc2lkZW5hdicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPG1hdC1zaWRlbmF2ICNzaWRlbmF2IG1vZGU9XCJwdXNoXCI+XG4gICAgICA8bWF0LXRvb2xiYXIgY29sb3I9XCJwcmltYXJ5XCI+XG4gICAgICAgIDxzcGFuPkRlcGFydGFtZW50byBBY2Fkw6ltaWNvPC9zcGFuPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNwYWNlclwiPjwvc3Bhbj5cbiAgICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gKGNsaWNrKT1cInNpZGVuYXYudG9nZ2xlKClcIj5cbiAgICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJtYXQtaWNvbi1idXR0b25cIj5tZW51PC9tYXQtaWNvbj5cbiAgICAgICAgPC9idXR0b24+XG4gICAgICA8L21hdC10b29sYmFyPlxuXG4gICAgICA8bWF0LW5hdi1saXN0ICpuZ0Zvcj1cImxldCByb3V0ZSBvZiByb3V0ZXNcIj5cbiAgICAgICAgPGlwdC1hc2lkZS1idXR0b25cbiAgICAgICAgICBbYnV0dG9uQWN0aXZlXT1cInRoaXMuc2V0UGFnZSA9PT0gcm91dGUucGFnZVwiXG4gICAgICAgICAgW3VybF09XCJyb3V0ZS51cmxcIlxuICAgICAgICAgIFt0eXBlXT1cInJvdXRlLnR5cGVcIlxuICAgICAgICAgIFtpY29uXT1cInJvdXRlLmljb25cIlxuICAgICAgICAgIFt0ZXh0XT1cInJvdXRlLnRleHRcIlxuICAgICAgICAgIChpc0NsaWNrZWQpPVwiY2xpY2tQYWdlKHJvdXRlLnBhZ2UpXCJcbiAgICAgICAgPlxuICAgICAgICA8L2lwdC1hc2lkZS1idXR0b24+XG5cbiAgICAgICAgPGlwdC1hc2lkZS1idXR0b25cbiAgICAgICAgICBbYnV0dG9uQWN0aXZlXT1cInRoaXMuc2V0UGFnZSA9PT0gJ2xvZ291dCdcIlxuICAgICAgICAgIFt1cmxdPVwiJydcIlxuICAgICAgICAgIFt0eXBlXT1cIicwJ1wiXG4gICAgICAgICAgW2ljb25dPVwiJy9hc3NldHMvaWNvbnMvY2VycmFyLXNlc2lvbi5wbmcnXCJcbiAgICAgICAgICBbdGV4dF09XCInQ2VycmFyIHNlc2nDs24nXCJcbiAgICAgICAgICAoaXNDbGlja2VkKT1cImNsaWNrUGFnZSgnbG9nb3V0JylcIlxuICAgICAgICA+XG4gICAgICAgIDwvaXB0LWFzaWRlLWJ1dHRvbj5cbiAgICAgIDwvbWF0LW5hdi1saXN0PlxuICAgIDwvbWF0LXNpZGVuYXY+XG5cbiAgICA8bWF0LXRvb2xiYXIgY2xhc3M9XCJoZWFkZXJcIj5cbiAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIChjbGljayk9XCJzaWRlbmF2LnRvZ2dsZSgpXCI+XG4gICAgICAgIDxtYXQtaWNvbj5tZW51PC9tYXQtaWNvbj5cbiAgICAgIDwvYnV0dG9uPlxuICAgICAgPGltZyBjbGFzcz1cImltZy1sb2dvXCIgc3JjPVwiL2Fzc2V0cy9sb2dvcy9JUFQtbG9nby5wbmdcIiBhbHQ9XCJcIiAvPlxuICAgICAgPGRpdiBjbGFzcz1cInRleHQtY29udGFpbmVyXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwicDFcIj57eyBjdXJyZW50RGF5IH19PC9zcGFuPlxuICAgICAgICA8c3BhbiAqbmdJZj1cImhvdXIgPj0gMCAmJiBob3VyIDwgMTJcIiBjbGFzcz1cInAyXCI+XG4gICAgICAgICAgSGV5IHt7dXNlck5hbWV9fSwgR29vZCBtb29ybmluZyFcbiAgICAgICAgPC9zcGFuPlxuICAgICAgICA8cCAqbmdJZj1cImhvdXIgPj0gMTIgJiYgaG91ciA8IDE4XCIgY2xhc3M9XCJwMlwiPlxuICAgICAgICAgIEhleSB7e3VzZXJOYW1lfX0sIEdvb2QgYWZ0ZXJub29uIVxuICAgICAgICA8L3A+XG4gICAgICAgIDxwICpuZ0lmPVwiaG91ciA+IDE4ICYmIGhvdXIgPCA0XCIgY2xhc3M9XCJwMlwiPkhleSB7e3VzZXJOYW1lfX0sIEdvb2QgZXZlbmluZyE8L3A+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPGRpdiBjbGFzcz1cIm1haW4tc2VhcmNoLWNvbnRhaW5lclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2VhcmNoLWNvbnRhaW5lclwiPlxuICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICAgICAgbmFtZT1cInNlYXJjaFwiXG4gICAgICAgICAgICBwbGFjZWhvbGRlcj1cIldoYXQgYXJlIHlvdSBkb2luZyB0b2RheT9cIlxuICAgICAgICAgICAgY2xhc3M9XCJzZWFyY2gtaW5wdXRcIlxuICAgICAgICAgIC8+XG4gICAgICAgICAgPCEtLSA8aHIgY2xhc3M9XCJoci1pY29uLXNlYXJjaFwiPiAtLT5cbiAgICAgICAgICA8YSBocmVmPVwiI1wiIGNsYXNzPVwiaWNvblwiPiA8L2E+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxkaXYgY2xhc3M9XCJpY29ucy1jb250YWluZXJcIj5cbiAgICAgICAgPGEgaHJlZj1cIiNcIiBjbGFzcz1cIm5vdGlmaWNhdGlvbi1pY29uXCI+PC9hPlxuICAgICAgICA8aHIgY2xhc3M9XCJoci1pY29uc1wiIC8+XG4gICAgICAgIDxhIGhyZWY9XCIjXCIgY2xhc3M9XCJzZXR0aW5nc1wiPjwvYT5cbiAgICAgICAgPGhyIGNsYXNzPVwiaHItaWNvbnNcIiAvPlxuICAgICAgICA8YSBocmVmPVwiI1wiIGNsYXNzPVwiaGVscFwiPjwvYT5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8ZGl2IGNsYXNzPVwicHJvZmlsZS1jb250YWluZXJcIj5cbiAgICAgICAgPHAgY2xhc3M9XCJuYW1lLXByb2ZpbGVcIj57e3VzZXJOYW1lfX08L3A+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJwaG90by1wcm9maWxlXCI+PC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L21hdC10b29sYmFyPlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9zaWRlbmF2LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBTaWRlbmF2Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgZGVwYXJ0bWVudCE6IHN0cmluZztcbiAgQElucHV0KCkgc2V0UGFnZSE6IHN0cmluZztcbiAgQElucHV0KCkgdXNlck5hbWUhOiBzdHJpbmc7XG4gIEBPdXRwdXQoKSBwYWdlQ2hhbmdlRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICByb3V0ZXM6IGFueVtdID0gW107XG4gIG9wdGlvbnM6IGFueSA9IHsgd2Vla2RheTogJ2xvbmcnLCBtb250aDogJ2xvbmcnLCBkYXk6ICdudW1lcmljJyB9O1xuICBjdXJyZW50RGF5ID0gbmV3IERhdGUoKS50b0xvY2FsZURhdGVTdHJpbmcoJ2VuLUVOJywgdGhpcy5vcHRpb25zKTtcbiAgaG91ciA9IG5ldyBEYXRlKCkuZ2V0SG91cnMoKTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHVzZXJTZXJ2aWNlOiBVc2VyU2VydmljZSxcbiAgICBwcml2YXRlIHN0b3JhZ2VTZXJ2aWNlOiBTdG9yYWdlU2VydmljZVxuICApIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgbGV0IHVzZXIgPSB0aGlzLnN0b3JhZ2VTZXJ2aWNlLmdldEN1cnJlbnRVc2VyKCk/LnRva2VuO1xuICAgIGxldCB0b2tlbjogc3RyaW5nID0gdXNlciA9PT0gdW5kZWZpbmVkID8gJycgOiB1c2VyO1xuXG4gICAgbGV0IHJlcXVlc3Q6IFVzZXJUb2tlblJxID0ge1xuICAgICAgdG9rZW46IHRva2VuLFxuICAgIH07XG5cbiAgICB0aGlzLnVzZXJTZXJ2aWNlLmdldFJvdXRlc0ZvclJvbGUocmVxdWVzdCkuc3Vic2NyaWJlKChyZXNwb25zZSkgPT4ge1xuICAgICAgdGhpcy5yb3V0ZXMgPSByZXNwb25zZS5kYXRhO1xuICAgIH0pO1xuICB9XG5cbiAgY2xpY2tQYWdlKGV2ZW50OiBzdHJpbmcpIHtcbiAgICB0aGlzLnBhZ2VDaGFuZ2VFdmVudC5lbWl0KGV2ZW50KTtcbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9tb2xlY3VsZXMvc2lkZW5hdi9zaWRlbmF2LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7QUF3RC9FLE1BQU0sT0FBTyxnQkFBZ0I7SUFXM0IsWUFDVSxXQUF3QixFQUN4QixjQUE4QjtRQUQ5QixnQkFBVyxHQUFYLFdBQVcsQ0FBYTtRQUN4QixtQkFBYyxHQUFkLGNBQWMsQ0FBZ0I7UUFUOUIsb0JBQWUsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBRXZELFdBQU0sR0FBVSxFQUFFLENBQUM7UUFDbkIsWUFBTyxHQUFRLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsQ0FBQztRQUNsRSxlQUFVLEdBQUcsSUFBSSxJQUFJLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ2xFLFNBQUksR0FBRyxJQUFJLElBQUksRUFBRSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBSzFCLENBQUM7SUFFSixRQUFRO1FBQ04sSUFBSSxJQUFJLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxjQUFjLEVBQUUsRUFBRSxLQUFLLENBQUM7UUFDdkQsSUFBSSxLQUFLLEdBQVcsSUFBSSxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFFbkQsSUFBSSxPQUFPLEdBQWdCO1lBQ3pCLEtBQUssRUFBRSxLQUFLO1NBQ2IsQ0FBQztRQUVGLElBQUksQ0FBQyxXQUFXLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsUUFBUSxFQUFFLEVBQUU7WUFDaEUsSUFBSSxDQUFDLE1BQU0sR0FBRyxRQUFRLENBQUMsSUFBSSxDQUFDO1FBQzlCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFNBQVMsQ0FBQyxLQUFhO1FBQ3JCLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ25DLENBQUM7SUFFRCxNQUFNO1FBQ0osSUFBSSxDQUFDLGNBQWMsQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUMvQixDQUFDOzs2R0FuQ1UsZ0JBQWdCO2lHQUFoQixnQkFBZ0Isb0xBakRqQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQThDVDsyRkFHVSxnQkFBZ0I7a0JBbkQ1QixTQUFTOytCQUNFLGFBQWEsWUFDYjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQThDVDsrSEFJUSxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNJLGVBQWU7c0JBQXhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVc2VyVG9rZW5ScSB9IGZyb20gJy4uLy4uLy4uL2NvcmUvbW9kZWxzL3VzZXIvdXNlci1ycS5tb2RlbCc7XG5pbXBvcnQgeyBTdG9yYWdlU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL2NvcmUvc2VydmljZXMvc3RvcmFnZS1zZXJ2aWNlL3N0b3JhZ2Utc2VydmljZSc7XG5pbXBvcnQgeyBVc2VyU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL2NvcmUvc2VydmljZXMvdXNlci1zZXJ2aWNlL3VzZXItc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2lwdC1zaWRlbmF2JyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bWF0LXNpZGVuYXYgI3NpZGVuYXYgbW9kZT1cInB1c2hcIiA+XG4gICAgICA8bWF0LXRvb2xiYXIgY29sb3I9XCJwcmltYXJ5XCIgKGNsaWNrKT1cInNpZGVuYXYudG9nZ2xlKClcIj5cbiAgICAgICAgPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDE1cHg7XCI+e3tkZXBhcnRtZW50fX08L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwibWVudS1pY29uLWNsb3NlXCI+PC9zcGFuPlxuICAgICAgPC9tYXQtdG9vbGJhcj5cblxuICAgICAgPG1hdC1uYXYtbGlzdCAqbmdGb3I9XCJsZXQgcm91dGUgb2Ygcm91dGVzXCI+XG4gICAgICAgIDxuYXYgY2xhc3M9XCJmbGV4LWNvbnRhaW5lci1tZW51XCI+XG4gICAgICAgICAgPGlwdC1hc2lkZS1idXR0b25cbiAgICAgICAgICAgIFtidXR0b25BY3RpdmVdPVwidGhpcy5zZXRQYWdlID09PSByb3V0ZS5wYWdlXCJcbiAgICAgICAgICAgIFtpY29uXT1cInJvdXRlLmljb25cIlxuICAgICAgICAgICAgW3RleHRdPVwicm91dGUudGV4dFwiXG4gICAgICAgICAgICAoaXNDbGlja2VkKT1cImNsaWNrUGFnZShyb3V0ZS5wYWdlKVwiXG4gICAgICAgICAgPlxuICAgICAgICAgIDwvaXB0LWFzaWRlLWJ1dHRvbj5cbiAgICAgICAgPC9uYXY+XG4gICAgICA8L21hdC1uYXYtbGlzdD5cbiAgICA8L21hdC1zaWRlbmF2PlxuXG4gICAgPG1hdC10b29sYmFyIGNsYXNzPVwiaGVhZGVyXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwibWVudS1jb250YWluZXJcIiAoY2xpY2spPVwic2lkZW5hdi50b2dnbGUoKVwiPlxuICAgICAgICA8cD5NZW51PC9wPlxuICAgICAgICA8ZGl2IGNsYXNzPVwibWVudS1pY29uXCI+PC9kaXY+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPGltZyBjbGFzcz1cImltZy1sb2dvXCIgc3JjPVwiL2Fzc2V0cy9sb2dvcy9JUFQtbG9nby5wbmdcIiBhbHQ9XCJcIiAvPlxuXG4gICAgICA8ZGl2IGNsYXNzPVwidGV4dC1jb250YWluZXJcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJwMVwiPnt7IGN1cnJlbnREYXkgfX08L3NwYW4+XG4gICAgICAgIDxzcGFuICpuZ0lmPVwiaG91ciA+PSAwICYmIGhvdXIgPCAxMlwiIGNsYXNzPVwicDJcIj5cbiAgICAgICAgICBIZXkge3sgdXNlck5hbWUgfX0sIEdvb2QgbW9vcm5pbmchXG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPHAgKm5nSWY9XCJob3VyID49IDEyICYmIGhvdXIgPCAxOFwiIGNsYXNzPVwicDJcIj5cbiAgICAgICAgICBIZXkge3sgdXNlck5hbWUgfX0sIEdvb2QgYWZ0ZXJub29uIVxuICAgICAgICA8L3A+XG4gICAgICAgIDxwICpuZ0lmPVwiaG91ciA+PSAxOCAmJiBob3VyIDwgMjRcIiBjbGFzcz1cInAyXCI+XG4gICAgICAgICAgSGV5IHt7IHVzZXJOYW1lIH19LCBHb29kIGV2ZW5pbmchXG4gICAgICAgIDwvcD5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8ZGl2IGNsYXNzPVwibG9nb3V0LWNvbnRhaW5lclwiIChjbGljayk9XCJsb2dvdXQoKVwiPlxuICAgICAgICA8cCBjbGFzcz1cImxvZ291dC1idXR0b25cIj5DZXJyYXIgc2VzacOzbjwvcD5cbiAgICAgICAgPGRpdiBjbGFzcz1cInBob3RvLWxvZ291dFwiPjwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9tYXQtdG9vbGJhcj5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vc2lkZW5hdi5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU2lkZW5hdkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGRlcGFydG1lbnQhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNldFBhZ2UhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHVzZXJOYW1lITogc3RyaW5nO1xuICBAT3V0cHV0KCkgcGFnZUNoYW5nZUV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgcm91dGVzOiBhbnlbXSA9IFtdO1xuICBvcHRpb25zOiBhbnkgPSB7IHdlZWtkYXk6ICdsb25nJywgbW9udGg6ICdsb25nJywgZGF5OiAnbnVtZXJpYycgfTtcbiAgY3VycmVudERheSA9IG5ldyBEYXRlKCkudG9Mb2NhbGVEYXRlU3RyaW5nKCdlbi1FTicsIHRoaXMub3B0aW9ucyk7XG4gIGhvdXIgPSBuZXcgRGF0ZSgpLmdldEhvdXJzKCk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSB1c2VyU2VydmljZTogVXNlclNlcnZpY2UsXG4gICAgcHJpdmF0ZSBzdG9yYWdlU2VydmljZTogU3RvcmFnZVNlcnZpY2VcbiAgKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGxldCB1c2VyID0gdGhpcy5zdG9yYWdlU2VydmljZS5nZXRDdXJyZW50VXNlcigpPy50b2tlbjtcbiAgICBsZXQgdG9rZW46IHN0cmluZyA9IHVzZXIgPT09IHVuZGVmaW5lZCA/ICcnIDogdXNlcjtcblxuICAgIGxldCByZXF1ZXN0OiBVc2VyVG9rZW5ScSA9IHtcbiAgICAgIHRva2VuOiB0b2tlbixcbiAgICB9O1xuXG4gICAgdGhpcy51c2VyU2VydmljZS5nZXRSb3V0ZXNGb3JSb2xlKHJlcXVlc3QpLnN1YnNjcmliZSgocmVzcG9uc2UpID0+IHtcbiAgICAgIHRoaXMucm91dGVzID0gcmVzcG9uc2UuZGF0YTtcbiAgICB9KTtcbiAgfVxuXG4gIGNsaWNrUGFnZShldmVudDogc3RyaW5nKSB7XG4gICAgdGhpcy5wYWdlQ2hhbmdlRXZlbnQuZW1pdChldmVudCk7XG4gIH1cblxuICBsb2dvdXQoKSB7XG4gICAgdGhpcy5zdG9yYWdlU2VydmljZS5sb2dvdXQoKTtcbiAgfVxufVxuIl19