ichec-angular-core 0.0.4 → 0.0.6

package/fesm2022/ichec-angular-core.mjs

@@ -1,35 +1,60 @@
-import * as i1 from '@angular/common/http';
-import { HttpHeaders, HttpClient } from '@angular/common/http';
 import { map, catchError, mergeMap, throwError, BehaviorSubject, mergeAll, tap } from 'rxjs';
+import { HttpHeaders, HttpClient } from '@angular/common/http';
 import * as i0 from '@angular/core';
-import { Inject, Injectable, Input, Component } from '@angular/core';
-import * as i2$1 from '@angular/common';
-import { NgIf } from '@angular/common';
-import * as i1$1 from '@angular/router';
-import { RouterModule, RouterOutlet } from '@angular/router';
-import * as i4 from '@angular/material/toolbar';
+import { InjectionToken, inject, Injectable, Input, Component } from '@angular/core';
+import { NgIf, Location } from '@angular/common';
+import * as i3 from '@angular/router';
+import { RouterModule, RouterOutlet, Router, ActivatedRoute } from '@angular/router';
+import * as i2 from '@angular/material/toolbar';
 import { MatToolbarModule } from '@angular/material/toolbar';
-import * as i5 from '@angular/material/icon';
+import * as i3$1 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i5$1 from '@angular/material/button';
+import * as i2$1 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
-import * as i7 from '@angular/material/menu';
+import * as i5 from '@angular/material/menu';
 import { MatMenuModule } from '@angular/material/menu';
-import * as i2 from '@angular/material/sidenav';
+import * as i1 from '@angular/material/sidenav';
 import { MatSidenavModule } from '@angular/material/sidenav';
-import * as i3 from '@angular/material/list';
+import * as i2$2 from '@angular/material/list';
 import { MatListModule } from '@angular/material/list';
-import * as i3$1 from '@angular/forms';
+import * as i1$1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
-import * as i6 from '@angular/material/input';
+import * as i4 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
-import * as i5$3 from '@angular/material/form-field';
+import * as i3$2 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
-import * as i5$2 from '@angular/material/card';
+import * as i2$3 from '@angular/material/card';
 import { MatCardModule } from '@angular/material/card';
-import * as i5$4 from '@angular/material/table';
+import * as i1$2 from '@angular/material/table';
 import { MatTableModule } from '@angular/material/table';
 
+class PortalMember {
+    id = 0;
+    url = "";
+    username = "";
+    email = "";
+    first_name = "";
+    last_name = "";
+    phone = "";
+    organization = "";
+}
+class Group {
+    name = "";
+    url = "";
+    id = 0;
+}
+class Organization {
+    id = 0;
+    url = "";
+    name = "";
+    acronym = "";
+    description = "";
+    address = "";
+    website = "";
+    country = "";
+    members = [];
+}
+
 var ErrorCode;
 (function (ErrorCode) {
     ErrorCode[ErrorCode["UnknownError"] = 1] = "UnknownError";
@@ -38,6 +63,7 @@ class ApiError {
     code = 1;
     text = "";
 }
+const ENDPOINT_URL = new InjectionToken("Default endpoint url");
 class RestService {
     _url;
     _endpoint_url;
@@ -119,8 +145,8 @@ class UserService extends RestService {
     /** Service to handle IPortalMember via REST and also handle logins.
     */
     loggedInUser = new BehaviorSubject(null);
-    constructor(_http, _endpoint_url) {
-        super('members', _endpoint_url, _http);
+    constructor() {
+        super('members', inject(ENDPOINT_URL), inject(HttpClient));
     }
     login(username, password) {
         console.log("Attempting login");
@@ -148,25 +174,22 @@ class UserService extends RestService {
         console.log("Log in succesful for user: " + user.username);
         this.loggedInUser.next(user);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UserService, deps: [{ token: i1.HttpClient }, { token: String }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UserService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: UserService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: UserService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UserService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: UserService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [String]
-                }] }] });
+        }], ctorParameters: () => [] });
 
 class GroupService extends RestService {
     userService;
     userItems = new BehaviorSubject([]);
-    constructor(userService, http, endpoint_url) {
-        super("groups", endpoint_url, http);
-        this.userService = userService;
+    constructor() {
+        super("groups", inject(ENDPOINT_URL), inject(HttpClient));
+        this.userService = inject(UserService);
         this.userService.loggedInUser.subscribe(user => this.refreshUserItems(user));
     }
     refreshUserItems(user) {
@@ -177,71 +200,38 @@ class GroupService extends RestService {
             this.userItems.next([]);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GroupService, deps: [{ token: UserService }, { token: i1.HttpClient }, { token: String }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GroupService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: GroupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: GroupService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GroupService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: GroupService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: UserService }, { type: i1.HttpClient }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [String]
-                }] }] });
-
-class PortalMember {
-    id = 0;
-    url = "";
-    username = "";
-    email = "";
-    first_name = "";
-    last_name = "";
-    phone = "";
-    organization = "";
-}
-class Group {
-    name = "";
-    url = "";
-    id = 0;
-}
-class Organization {
-    id = 0;
-    url = "";
-    name = "";
-    acronym = "";
-    description = "";
-    address = "";
-    website = "";
-    country = "";
-    members = [];
-}
+        }], ctorParameters: () => [] });
 
 class OrganizationService extends RestService {
-    constructor(http, endpoint_url) {
-        super("organizations", endpoint_url, http);
+    constructor() {
+        super("organizations", inject(ENDPOINT_URL), inject(HttpClient));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OrganizationService, deps: [{ token: i1.HttpClient }, { token: String }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OrganizationService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: OrganizationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: OrganizationService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OrganizationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: OrganizationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [String]
-                }] }] });
+        }], ctorParameters: () => [] });
 
 class LeftNavService {
     userService;
     groupService;
     groups = [];
     options = [];
-    constructor(userService, groupService) {
-        this.userService = userService;
-        this.groupService = groupService;
+    constructor() {
+        this.userService = inject(UserService);
+        this.groupService = inject(GroupService);
         this.groupService.userItems.subscribe(groups => this.onGroupsUpdated(groups));
     }
     onGroupsUpdated(groups) {
@@ -264,24 +254,24 @@ class LeftNavService {
             this.options = [];
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LeftNavService, deps: [{ token: UserService }, { token: GroupService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LeftNavService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: LeftNavService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: LeftNavService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LeftNavService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: LeftNavService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: UserService }, { type: GroupService }] });
+        }], ctorParameters: () => [] });
 
 class TopBarComponent {
-    userService;
-    leftNavService;
     user = null;
     title = "";
-    constructor(userService, leftNavService) {
-        this.userService = userService;
-        this.leftNavService = leftNavService;
+    userService;
+    leftNavService;
+    constructor() {
+        this.userService = inject(UserService);
+        this.leftNavService = inject(LeftNavService);
     }
     ngOnInit() {
         this.userService.loggedInUser.subscribe(user => {
@@ -291,45 +281,42 @@ class TopBarComponent {
     onLogout() {
         this.userService.logout();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TopBarComponent, deps: [{ token: UserService }, { token: LeftNavService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: TopBarComponent, isStandalone: true, selector: "app-top-bar", inputs: { title: "title" }, ngImport: i0, template: "\n    <mat-toolbar *ngIf=\"user\" style=\"height:60px\">\n      <a mat-icon-button class=\"example-icon\" [routerLink]=\"['home']\">\n        <mat-icon>home</mat-icon>\n      </a>\n      <span>{{title}}</span>\n      <span class=\"topbar-spacer\"></span>\n      <span>{{user.username}}</span>\n      <button mat-icon-button class=\"example-icon\" aria-label=\"User profile\" [matMenuTriggerFor]=\"profile_menu\">\n        <mat-icon>person</mat-icon>\n      </button>\n      <mat-menu #profile_menu=\"matMenu\">\n        <button mat-menu-item (click)=\"onLogout()\"> Log Out</button>\n      </mat-menu>\n    </mat-toolbar>\n", styles: [".topbar-spacer{flex:1 1 auto}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i4.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5$1.MatIconAnchor, selector: "a[mat-icon-button]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i5$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i7.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i7.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: TopBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.1", type: TopBarComponent, isStandalone: true, selector: "lib-top-bar", inputs: { title: "title" }, ngImport: i0, template: "\n    <mat-toolbar *ngIf=\"user\" style=\"height:60px\">\n      <a mat-icon-button class=\"example-icon\" [routerLink]=\"['home']\">\n        <mat-icon>home</mat-icon>\n      </a>\n      <span>{{title}}</span>\n      <span class=\"topbar-spacer\"></span>\n      <span>{{user.username}}</span>\n      <button mat-icon-button class=\"example-icon\" aria-label=\"User profile\" [matMenuTriggerFor]=\"profile_menu\">\n        <mat-icon>person</mat-icon>\n      </button>\n      <mat-menu #profile_menu=\"matMenu\">\n        <button mat-menu-item (click)=\"onLogout()\"> Log Out</button>\n      </mat-menu>\n    </mat-toolbar>\n", styles: [".topbar-spacer{flex:1 1 auto}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i5.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TopBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: TopBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-top-bar', imports: [NgIf, RouterModule, MatToolbarModule, MatIconModule, MatButtonModule, MatMenuModule], template: "\n    <mat-toolbar *ngIf=\"user\" style=\"height:60px\">\n      <a mat-icon-button class=\"example-icon\" [routerLink]=\"['home']\">\n        <mat-icon>home</mat-icon>\n      </a>\n      <span>{{title}}</span>\n      <span class=\"topbar-spacer\"></span>\n      <span>{{user.username}}</span>\n      <button mat-icon-button class=\"example-icon\" aria-label=\"User profile\" [matMenuTriggerFor]=\"profile_menu\">\n        <mat-icon>person</mat-icon>\n      </button>\n      <mat-menu #profile_menu=\"matMenu\">\n        <button mat-menu-item (click)=\"onLogout()\"> Log Out</button>\n      </mat-menu>\n    </mat-toolbar>\n", styles: [".topbar-spacer{flex:1 1 auto}\n"] }]
-        }], ctorParameters: () => [{ type: UserService }, { type: LeftNavService }], propDecorators: { title: [{
+            args: [{ selector: 'lib-top-bar', imports: [NgIf, RouterModule, MatToolbarModule, MatIconModule, MatButtonModule, MatMenuModule], template: "\n    <mat-toolbar *ngIf=\"user\" style=\"height:60px\">\n      <a mat-icon-button class=\"example-icon\" [routerLink]=\"['home']\">\n        <mat-icon>home</mat-icon>\n      </a>\n      <span>{{title}}</span>\n      <span class=\"topbar-spacer\"></span>\n      <span>{{user.username}}</span>\n      <button mat-icon-button class=\"example-icon\" aria-label=\"User profile\" [matMenuTriggerFor]=\"profile_menu\">\n        <mat-icon>person</mat-icon>\n      </button>\n      <mat-menu #profile_menu=\"matMenu\">\n        <button mat-menu-item (click)=\"onLogout()\"> Log Out</button>\n      </mat-menu>\n    </mat-toolbar>\n", styles: [".topbar-spacer{flex:1 1 auto}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { title: [{
                 type: Input
             }] } });
 
 class LeftNavComponent {
     leftNavService;
-    constructor(leftNavService) {
-        this.leftNavService = leftNavService;
+    constructor() {
+        this.leftNavService = inject(LeftNavService);
     }
     getOptions() {
         return this.leftNavService.options;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LeftNavComponent, deps: [{ token: LeftNavService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: LeftNavComponent, isStandalone: true, selector: "app-left-nav", ngImport: i0, template: "<mat-sidenav-container class=\"leftnav-container\">\n  <mat-sidenav\n    mode=\"side\"\n    opened\n    style=\"padding: 5px; width: 160px\">\n        <mat-nav-list>\n            @for (option of getOptions(); track option) {\n              <a mat-list-item [routerLink]=\"option.route\" [routerLinkActive]=\"['is-active']\">{{ option.name }}</a>\n            }\n        </mat-nav-list>\n    </mat-sidenav>\n    <mat-sidenav-content style=\"display:flex; flex-grow: 1; height:90vh\"> \n        <router-outlet/>\n    </mat-sidenav-content>\n</mat-sidenav-container>\n", styles: [":host{display:flex;flex-direction:column}.leftnav-container{flex-grow:1;display:flex}.is-active{background-color:#d3d3d3}\n"], dependencies: [{ kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i2.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i2.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i2.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i3.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i3.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: LeftNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.1", type: LeftNavComponent, isStandalone: true, selector: "lib-left-nav", ngImport: i0, template: "<mat-sidenav-container class=\"leftnav-container\">\n  <mat-sidenav\n    mode=\"side\"\n    opened\n    style=\"padding: 5px; width: 160px\">\n        <mat-nav-list>\n            @for (option of getOptions(); track option) {\n              <a mat-list-item [routerLink]=\"option.route\" [routerLinkActive]=\"['is-active']\">{{ option.name }}</a>\n            }\n        </mat-nav-list>\n    </mat-sidenav>\n    <mat-sidenav-content style=\"display:flex; flex-grow: 1; height:90vh\"> \n        <router-outlet/>\n    </mat-sidenav-content>\n</mat-sidenav-container>\n", styles: [":host{display:flex;flex-direction:column}.leftnav-container{flex-grow:1;display:flex}.is-active{background-color:#d3d3d3}\n"], dependencies: [{ kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i1.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i1.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i1.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2$2.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i2$2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LeftNavComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: LeftNavComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-left-nav', imports: [MatSidenavModule, MatListModule, RouterOutlet, RouterModule,], template: "<mat-sidenav-container class=\"leftnav-container\">\n  <mat-sidenav\n    mode=\"side\"\n    opened\n    style=\"padding: 5px; width: 160px\">\n        <mat-nav-list>\n            @for (option of getOptions(); track option) {\n              <a mat-list-item [routerLink]=\"option.route\" [routerLinkActive]=\"['is-active']\">{{ option.name }}</a>\n            }\n        </mat-nav-list>\n    </mat-sidenav>\n    <mat-sidenav-content style=\"display:flex; flex-grow: 1; height:90vh\"> \n        <router-outlet/>\n    </mat-sidenav-content>\n</mat-sidenav-container>\n", styles: [":host{display:flex;flex-direction:column}.leftnav-container{flex-grow:1;display:flex}.is-active{background-color:#d3d3d3}\n"] }]
-        }], ctorParameters: () => [{ type: LeftNavService }] });
+            args: [{ selector: 'lib-left-nav', imports: [MatSidenavModule, MatListModule, RouterOutlet, RouterModule,], template: "<mat-sidenav-container class=\"leftnav-container\">\n  <mat-sidenav\n    mode=\"side\"\n    opened\n    style=\"padding: 5px; width: 160px\">\n        <mat-nav-list>\n            @for (option of getOptions(); track option) {\n              <a mat-list-item [routerLink]=\"option.route\" [routerLinkActive]=\"['is-active']\">{{ option.name }}</a>\n            }\n        </mat-nav-list>\n    </mat-sidenav>\n    <mat-sidenav-content style=\"display:flex; flex-grow: 1; height:90vh\"> \n        <router-outlet/>\n    </mat-sidenav-content>\n</mat-sidenav-container>\n", styles: [":host{display:flex;flex-direction:column}.leftnav-container{flex-grow:1;display:flex}.is-active{background-color:#d3d3d3}\n"] }]
+        }], ctorParameters: () => [] });
 
+const LOGIN_USER = new InjectionToken("Default login user - used for testing");
 class LandingComponent {
+    loginUser;
+    loginError = "";
     userService;
     router;
-    loginUser = {
-        //password: environment.default_password,
-        //name: environment.default_username
-        password: "marinerg99",
-        name: "regular_user"
-    };
-    loginError = "";
-    constructor(userService, router) {
-        this.userService = userService;
-        this.router = router;
+    constructor() {
+        this.userService = inject(UserService);
+        this.loginUser = inject(LOGIN_USER);
+        this.router = inject(Router);
     }
     ngOnInit() {
         // This is a development version hack to 'autologin' to make it
@@ -354,25 +341,25 @@ class LandingComponent {
     onLoggedIn() {
         this.router.navigateByUrl("/home");
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LandingComponent, deps: [{ token: UserService }, { token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: LandingComponent, isStandalone: true, selector: "app-landing", ngImport: i0, template: "\n  <p>Welcome to the Marinerg test facility access portal</p>\n  \n  <mat-card style=\"text-align:center;\">\n    <form class=\"base-form\" #loginForm=\"ngForm\" (ngSubmit)=\"login()\">\n      <mat-card-content>\n        <mat-form-field class=\"form-field\">\n          <input matInput\n                 placeholder=\"Username\"\n                 type=\"text\"\n                 [(ngModel)]=\"loginUser.name\"\n                 name=\"username\"\n                 required>\n        </mat-form-field>\n        <mat-form-field class=\"form-field\">\n          <input matInput\n                 placeholder=\"Password\"\n                 type=\"password\"\n                 [(ngModel)]=\"loginUser.password\"\n                 name=\"password\"\n                 required>\n        </mat-form-field>\n      </mat-card-content>\n      <div *ngIf=\"loginError\" class=\"error\">\n        <mat-icon>error</mat-icon><p>{{loginError}}</p>\n      </div>\n      <button mat-flat-button\n              type=\"submit\"\n              [disabled]=\"!loginForm.form.valid\">Log In</button>\n    </form>\n  </mat-card>\n\n\n  \n", styles: [":host{display:flex;align-items:center;flex-grow:1;background-color:#a5b3c9;flex-direction:column}.base-form{padding:10px}.form-field{display:flex}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$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]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i5$2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i5$2.MatCardContent, selector: "mat-card-content" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i5$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: LandingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.1", type: LandingComponent, isStandalone: true, selector: "lib-landing", ngImport: i0, template: "\n  <p>Welcome to the Marinerg test facility access portal</p>\n  \n  <mat-card style=\"text-align:center;\">\n    <form class=\"base-form\" #loginForm=\"ngForm\" (ngSubmit)=\"login()\">\n      <mat-card-content>\n        <mat-form-field class=\"form-field\">\n          <input matInput\n                 placeholder=\"Username\"\n                 type=\"text\"\n                 [(ngModel)]=\"loginUser.name\"\n                 name=\"username\"\n                 required>\n        </mat-form-field>\n        <mat-form-field class=\"form-field\">\n          <input matInput\n                 placeholder=\"Password\"\n                 type=\"password\"\n                 [(ngModel)]=\"loginUser.password\"\n                 name=\"password\"\n                 required>\n        </mat-form-field>\n      </mat-card-content>\n      <div *ngIf=\"loginError\" class=\"error\">\n        <mat-icon>error</mat-icon><p>{{loginError}}</p>\n      </div>\n      <button mat-flat-button\n              type=\"submit\"\n              [disabled]=\"!loginForm.form.valid\">Log In</button>\n    </form>\n  </mat-card>\n\n\n  \n", styles: [":host{display:flex;align-items:center;flex-grow:1;background-color:#a5b3c9;flex-direction:column}.base-form{padding:10px}.form-field{display:flex}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", 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]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i2$3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i2$3.MatCardContent, selector: "mat-card-content" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LandingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: LandingComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-landing', imports: [FormsModule, MatCardModule, MatFormFieldModule, MatInputModule, MatButtonModule, MatIconModule, NgIf], template: "\n  <p>Welcome to the Marinerg test facility access portal</p>\n  \n  <mat-card style=\"text-align:center;\">\n    <form class=\"base-form\" #loginForm=\"ngForm\" (ngSubmit)=\"login()\">\n      <mat-card-content>\n        <mat-form-field class=\"form-field\">\n          <input matInput\n                 placeholder=\"Username\"\n                 type=\"text\"\n                 [(ngModel)]=\"loginUser.name\"\n                 name=\"username\"\n                 required>\n        </mat-form-field>\n        <mat-form-field class=\"form-field\">\n          <input matInput\n                 placeholder=\"Password\"\n                 type=\"password\"\n                 [(ngModel)]=\"loginUser.password\"\n                 name=\"password\"\n                 required>\n        </mat-form-field>\n      </mat-card-content>\n      <div *ngIf=\"loginError\" class=\"error\">\n        <mat-icon>error</mat-icon><p>{{loginError}}</p>\n      </div>\n      <button mat-flat-button\n              type=\"submit\"\n              [disabled]=\"!loginForm.form.valid\">Log In</button>\n    </form>\n  </mat-card>\n\n\n  \n", styles: [":host{display:flex;align-items:center;flex-grow:1;background-color:#a5b3c9;flex-direction:column}.base-form{padding:10px}.form-field{display:flex}\n"] }]
-        }], ctorParameters: () => [{ type: UserService }, { type: i1$1.Router }] });
+            args: [{ selector: 'lib-landing', imports: [FormsModule, MatCardModule, MatFormFieldModule, MatInputModule, MatButtonModule, MatIconModule, NgIf], template: "\n  <p>Welcome to the Marinerg test facility access portal</p>\n  \n  <mat-card style=\"text-align:center;\">\n    <form class=\"base-form\" #loginForm=\"ngForm\" (ngSubmit)=\"login()\">\n      <mat-card-content>\n        <mat-form-field class=\"form-field\">\n          <input matInput\n                 placeholder=\"Username\"\n                 type=\"text\"\n                 [(ngModel)]=\"loginUser.name\"\n                 name=\"username\"\n                 required>\n        </mat-form-field>\n        <mat-form-field class=\"form-field\">\n          <input matInput\n                 placeholder=\"Password\"\n                 type=\"password\"\n                 [(ngModel)]=\"loginUser.password\"\n                 name=\"password\"\n                 required>\n        </mat-form-field>\n      </mat-card-content>\n      <div *ngIf=\"loginError\" class=\"error\">\n        <mat-icon>error</mat-icon><p>{{loginError}}</p>\n      </div>\n      <button mat-flat-button\n              type=\"submit\"\n              [disabled]=\"!loginForm.form.valid\">Log In</button>\n    </form>\n  </mat-card>\n\n\n  \n", styles: [":host{display:flex;align-items:center;flex-grow:1;background-color:#a5b3c9;flex-direction:column}.base-form{padding:10px}.form-field{display:flex}\n"] }]
+        }], ctorParameters: () => [] });
 
 class DetailViewComponent {
+    item;
     _route;
     _location;
     _userService;
     _restService;
-    item;
-    constructor(_route, _location, _userService, _restService) {
-        this._route = _route;
-        this._location = _location;
-        this._userService = _userService;
-        this._restService = _restService;
+    constructor() {
+        this._route = inject(ActivatedRoute);
+        this._location = inject(Location);
+        this._userService = inject(UserService);
+        this._restService = inject((RestService));
     }
     ngOnInit() {
         this.getItem();
@@ -382,8 +369,7 @@ class DetailViewComponent {
             this.onItemAndUserAvailable(user);
         } });
     }
-    onItemAndUserAvailable(_) {
-    }
+    onItemAndUserAvailable(_) { }
     goBack() {
         this._location.back();
     }
@@ -401,26 +387,26 @@ class DetailViewComponent {
         }
         this._restService.putItem(this.item).subscribe(item => this.item = item);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DetailViewComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: i2$1.Location }, { token: UserService }, { token: RestService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: DetailViewComponent, isStandalone: true, selector: "app-detail-view", ngImport: i0, template: "", styles: [".container{display:flex;flex-direction:column;padding:10px}.item_view{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:10px}.form_field,.btn-block{padding:10px}\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: DetailViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.1", type: DetailViewComponent, isStandalone: true, selector: "lib-detail-view", ngImport: i0, template: "", styles: [".container{display:flex;flex-direction:column;padding:10px}.item_view{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:10px}.form_field,.btn-block{padding:10px}\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DetailViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: DetailViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-detail-view', imports: [], template: "", styles: [".container{display:flex;flex-direction:column;padding:10px}.item_view{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:10px}.form_field,.btn-block{padding:10px}\n"] }]
-        }], ctorParameters: () => [{ type: i1$1.ActivatedRoute }, { type: i2$1.Location }, { type: UserService }, { type: RestService }] });
+            args: [{ selector: 'lib-detail-view', imports: [], template: "", styles: [".container{display:flex;flex-direction:column;padding:10px}.item_view{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:10px}.form_field,.btn-block{padding:10px}\n"] }]
+        }], ctorParameters: () => [] });
 
 class EditViewComponent {
+    item;
+    createMode = false;
     _route;
     _location;
     _userService;
     _restService;
-    item;
-    createMode = false;
-    constructor(_route, _location, _userService, _restService) {
-        this._route = _route;
-        this._location = _location;
-        this._userService = _userService;
-        this._restService = _restService;
+    constructor() {
+        this._route = inject(ActivatedRoute);
+        this._location = inject(Location);
+        this._userService = inject(UserService);
+        this._restService = inject((RestService));
     }
     ngOnInit() {
         this.getItem();
@@ -486,27 +472,27 @@ class EditViewComponent {
         this.item = item;
         this.goBack();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EditViewComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: i2$1.Location }, { token: UserService }, { token: RestService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: EditViewComponent, isStandalone: true, selector: "app-edit-view", ngImport: i0, template: "", styles: [".container{display:flex;flex-direction:column;padding:10px}.item_view{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:10px}.form_field,.btn-block{padding:10px}\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: EditViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.1", type: EditViewComponent, isStandalone: true, selector: "lib-edit-view", ngImport: i0, template: "", styles: [".container{display:flex;flex-direction:column;padding:10px}.item_view{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:10px}.form_field,.btn-block{padding:10px}\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EditViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: EditViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-edit-view', imports: [], template: "", styles: [".container{display:flex;flex-direction:column;padding:10px}.item_view{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:10px}.form_field,.btn-block{padding:10px}\n"] }]
-        }], ctorParameters: () => [{ type: i1$1.ActivatedRoute }, { type: i2$1.Location }, { type: UserService }, { type: RestService }] });
+            args: [{ selector: 'lib-edit-view', imports: [], template: "", styles: [".container{display:flex;flex-direction:column;padding:10px}.item_view{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:10px}.form_field,.btn-block{padding:10px}\n"] }]
+        }], ctorParameters: () => [] });
 
 class ListViewComponent {
+    user;
+    items = [];
+    displayedColumns = [];
     _route;
     _location;
     _userService;
     _restService;
-    user;
-    items = [];
-    displayedColumns = [];
-    constructor(_route, _location, _userService, _restService) {
-        this._route = _route;
-        this._location = _location;
-        this._userService = _userService;
-        this._restService = _restService;
+    constructor() {
+        this._route = inject(ActivatedRoute);
+        this._location = inject(Location);
+        this._userService = inject(UserService);
+        this._restService = inject((RestService));
     }
     ngOnInit() {
         this.getItems();
@@ -539,45 +525,39 @@ class ListViewComponent {
     goBack() {
         this._location.back();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ListViewComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: i2$1.Location }, { token: UserService }, { token: RestService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: ListViewComponent, isStandalone: true, selector: "app-table-view", ngImport: i0, template: "<div class=\"container\">\n        <div>\n        <table mat-table [dataSource]=\"items\" class=\"mat-elevation-z8\">\n          <ng-container matColumnDef=\"name\">\n            <th mat-header-cell *matHeaderCellDef>Name</th>\n            <td mat-cell *matCellDef=\"let element\"> {{element.name}} </td>\n          </ng-container>\n\n          <ng-container matColumnDef=\"website\">\n            <th mat-header-cell *matHeaderCellDef> Website </th>\n            <td mat-cell *matCellDef=\"let element\"> {{element.website}} </td>\n          </ng-container>\n\n          <ng-container matColumnDef=\"is_partner\">\n            <th mat-header-cell *matHeaderCellDef> Is Partner </th>\n            <td mat-cell *matCellDef=\"let element\"> {{element.is_partner}} </td>\n          </ng-container>\n\n          <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n          <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"\n              [routerLink]=\"row.id\"\n              [routerLinkActive]=\"['is-active']\"\n              ></tr>\n\n        </table>\n        </div>\n        <div class=\"button_container\">\n        <a mat-fab class=\"btn-block\" [routerLink]=\"['create']\">\n          <mat-icon>add</mat-icon></a>\n        </div>\n</div>\n", styles: [".container{height:100%;width:100%;display:flex;padding:10px;margin:10px}.button_container{padding:10px}.mat-mdc-row .mat-mdc-cell{border-bottom:1px solid transparent;border-top:1px solid transparent;cursor:pointer}.mat-mdc-row:hover .mat-mdc-cell{border-color:currentColor}.is-active{font-weight:700}\n"], dependencies: [{ kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i5$4.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5$4.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5$4.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5$4.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5$4.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5$4.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5$4.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5$4.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5$4.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5$4.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5$1.MatFabAnchor, selector: "a[mat-fab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: ListViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.1", type: ListViewComponent, isStandalone: true, selector: "lib-table-view", ngImport: i0, template: "<div class=\"container\">\n        <div>\n        <table mat-table [dataSource]=\"items\" class=\"mat-elevation-z8\">\n          <ng-container matColumnDef=\"name\">\n            <th mat-header-cell *matHeaderCellDef>Name</th>\n            <td mat-cell *matCellDef=\"let element\"> {{element.name}} </td>\n          </ng-container>\n\n          <ng-container matColumnDef=\"website\">\n            <th mat-header-cell *matHeaderCellDef> Website </th>\n            <td mat-cell *matCellDef=\"let element\"> {{element.website}} </td>\n          </ng-container>\n\n          <ng-container matColumnDef=\"is_partner\">\n            <th mat-header-cell *matHeaderCellDef> Is Partner </th>\n            <td mat-cell *matCellDef=\"let element\"> {{element.is_partner}} </td>\n          </ng-container>\n\n          <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n          <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"\n              [routerLink]=\"row.id\"\n              [routerLinkActive]=\"['is-active']\"\n              ></tr>\n\n        </table>\n        </div>\n        <div class=\"button_container\">\n        <a mat-fab class=\"btn-block\" [routerLink]=\"['create']\">\n          <mat-icon>add</mat-icon></a>\n        </div>\n</div>\n", styles: [".container{height:100%;width:100%;display:flex;padding:10px;margin:10px}.button_container{padding:10px}.mat-mdc-row .mat-mdc-cell{border-bottom:1px solid transparent;border-top:1px solid transparent;cursor:pointer}.mat-mdc-row:hover .mat-mdc-cell{border-color:currentColor}.is-active{font-weight:700}\n"], dependencies: [{ kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i1$2.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i1$2.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i1$2.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i1$2.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i1$2.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i1$2.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i1$2.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i1$2.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i1$2.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i1$2.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ListViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: ListViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-table-view', imports: [MatTableModule,
+            args: [{ selector: 'lib-table-view', imports: [MatTableModule,
                         MatButtonModule,
                         MatIconModule,
                         RouterModule], template: "<div class=\"container\">\n        <div>\n        <table mat-table [dataSource]=\"items\" class=\"mat-elevation-z8\">\n          <ng-container matColumnDef=\"name\">\n            <th mat-header-cell *matHeaderCellDef>Name</th>\n            <td mat-cell *matCellDef=\"let element\"> {{element.name}} </td>\n          </ng-container>\n\n          <ng-container matColumnDef=\"website\">\n            <th mat-header-cell *matHeaderCellDef> Website </th>\n            <td mat-cell *matCellDef=\"let element\"> {{element.website}} </td>\n          </ng-container>\n\n          <ng-container matColumnDef=\"is_partner\">\n            <th mat-header-cell *matHeaderCellDef> Is Partner </th>\n            <td mat-cell *matCellDef=\"let element\"> {{element.is_partner}} </td>\n          </ng-container>\n\n          <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n          <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"\n              [routerLink]=\"row.id\"\n              [routerLinkActive]=\"['is-active']\"\n              ></tr>\n\n        </table>\n        </div>\n        <div class=\"button_container\">\n        <a mat-fab class=\"btn-block\" [routerLink]=\"['create']\">\n          <mat-icon>add</mat-icon></a>\n        </div>\n</div>\n", styles: [".container{height:100%;width:100%;display:flex;padding:10px;margin:10px}.button_container{padding:10px}.mat-mdc-row .mat-mdc-cell{border-bottom:1px solid transparent;border-top:1px solid transparent;cursor:pointer}.mat-mdc-row:hover .mat-mdc-cell{border-color:currentColor}.is-active{font-weight:700}\n"] }]
-        }], ctorParameters: () => [{ type: i1$1.ActivatedRoute }, { type: i2$1.Location }, { type: UserService }, { type: RestService }] });
+        }], ctorParameters: () => [] });
 
 class UserDetailComponent extends DetailViewComponent {
-    constructor(_route, _location, _restService) {
-        super(_route, _location, _restService, _restService);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UserDetailComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: i2$1.Location }, { token: UserService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: UserDetailComponent, isStandalone: true, selector: "app-user-detail", usesInheritance: true, ngImport: i0, template: "<div>\n  <a mat-icon-button class=\"btn-block\" (click)=\"goBack()\">\n    <mat-icon>arrow_back</mat-icon>\n  </a>\n</div>\n \n<div class=\"container\">\n  <div *ngIf=\"item\" class=\"item_view\">\n    <div>\n      <h3 class=\"item_heading\">{{item.username}} </h3>\n      <a mat-mini-fab\n         class=\"btn-block\"\n         [routerLink]=\"['/users/edit/', item.id]\">\n        <mat-icon>edit</mat-icon>\n      </a>\n    </div>\n    \n    <div class=\"item_field\">\n      <span><b>Email: </b></span>\n      {{item.email}}\n    </div>\n    \n    <div class=\"item_field\">\n      <span><b>First Name: </b></span>\n      {{item.first_name}}\n    </div>\n    \n    <div class=\"item_field\">\n      <span><b>Last Name: </b></span>\n      {{item.last_name}}\n    </div>\n    \n </div>  \n</div>\n", styles: [":host{flex-grow:1}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5px}.item_view{display:flex;justify-content:left;align-items:left;flex-direction:column;padding:5px}.item_heading{display:inline}.item_field,.padded_button{padding:5px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5$1.MatIconAnchor, selector: "a[mat-icon-button]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i5$1.MatMiniFabAnchor, selector: "a[mat-mini-fab]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: UserDetailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.1", type: UserDetailComponent, isStandalone: true, selector: "lib-user-detail", usesInheritance: true, ngImport: i0, template: "<div>\n  <a mat-icon-button class=\"btn-block\"\n     (click)=\"goBack()\"\n     (keydown)=\"goBack()\"\n       tabindex=\"0\"\n       role=\"button\">\n    <mat-icon>arrow_back</mat-icon>\n  </a>\n</div>\n \n<div class=\"container\">\n  <div *ngIf=\"item\" class=\"item_view\">\n    <div>\n      <h3 class=\"item_heading\">{{item.username}} </h3>\n      <a mat-mini-fab\n         class=\"btn-block\"\n         [routerLink]=\"['/users/edit/', item.id]\">\n        <mat-icon>edit</mat-icon>\n      </a>\n    </div>\n    \n    <div class=\"item_field\">\n      <span><b>Email: </b></span>\n      {{item.email}}\n    </div>\n    \n    <div class=\"item_field\">\n      <span><b>First Name: </b></span>\n      {{item.first_name}}\n    </div>\n    \n    <div class=\"item_field\">\n      <span><b>Last Name: </b></span>\n      {{item.last_name}}\n    </div>\n    \n </div>  \n</div>\n", styles: [":host{flex-grow:1}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5px}.item_view{display:flex;justify-content:left;align-items:left;flex-direction:column;padding:5px}.item_heading{display:inline}.item_field,.padded_button{padding:5px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UserDetailComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: UserDetailComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-user-detail', imports: [NgIf,
+            args: [{ selector: 'lib-user-detail', imports: [NgIf,
                         RouterModule,
                         MatButtonModule,
-                        MatIconModule], template: "<div>\n  <a mat-icon-button class=\"btn-block\" (click)=\"goBack()\">\n    <mat-icon>arrow_back</mat-icon>\n  </a>\n</div>\n \n<div class=\"container\">\n  <div *ngIf=\"item\" class=\"item_view\">\n    <div>\n      <h3 class=\"item_heading\">{{item.username}} </h3>\n      <a mat-mini-fab\n         class=\"btn-block\"\n         [routerLink]=\"['/users/edit/', item.id]\">\n        <mat-icon>edit</mat-icon>\n      </a>\n    </div>\n    \n    <div class=\"item_field\">\n      <span><b>Email: </b></span>\n      {{item.email}}\n    </div>\n    \n    <div class=\"item_field\">\n      <span><b>First Name: </b></span>\n      {{item.first_name}}\n    </div>\n    \n    <div class=\"item_field\">\n      <span><b>Last Name: </b></span>\n      {{item.last_name}}\n    </div>\n    \n </div>  \n</div>\n", styles: [":host{flex-grow:1}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5px}.item_view{display:flex;justify-content:left;align-items:left;flex-direction:column;padding:5px}.item_heading{display:inline}.item_field,.padded_button{padding:5px}\n"] }]
-        }], ctorParameters: () => [{ type: i1$1.ActivatedRoute }, { type: i2$1.Location }, { type: UserService }] });
+                        MatIconModule], template: "<div>\n  <a mat-icon-button class=\"btn-block\"\n     (click)=\"goBack()\"\n     (keydown)=\"goBack()\"\n       tabindex=\"0\"\n       role=\"button\">\n    <mat-icon>arrow_back</mat-icon>\n  </a>\n</div>\n \n<div class=\"container\">\n  <div *ngIf=\"item\" class=\"item_view\">\n    <div>\n      <h3 class=\"item_heading\">{{item.username}} </h3>\n      <a mat-mini-fab\n         class=\"btn-block\"\n         [routerLink]=\"['/users/edit/', item.id]\">\n        <mat-icon>edit</mat-icon>\n      </a>\n    </div>\n    \n    <div class=\"item_field\">\n      <span><b>Email: </b></span>\n      {{item.email}}\n    </div>\n    \n    <div class=\"item_field\">\n      <span><b>First Name: </b></span>\n      {{item.first_name}}\n    </div>\n    \n    <div class=\"item_field\">\n      <span><b>Last Name: </b></span>\n      {{item.last_name}}\n    </div>\n    \n </div>  \n</div>\n", styles: [":host{flex-grow:1}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5px}.item_view{display:flex;justify-content:left;align-items:left;flex-direction:column;padding:5px}.item_heading{display:inline}.item_field,.padded_button{padding:5px}\n"] }]
+        }] });
 
 class UserEditComponent extends EditViewComponent {
-    constructor(_route, _location, _restService) {
-        super(_route, _location, _restService, _restService);
-    }
     getTemplateItem() {
         return new PortalMember();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UserEditComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: i2$1.Location }, { token: UserService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: UserEditComponent, isStandalone: true, selector: "app-user-edit", usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\n  <div>\n    <a mat-icon-button class=\"btn-block\"\n            (click)=\"goBack()\"><mat-icon>arrow_back</mat-icon></a>\n  </div>\n   \n  <div *ngIf=\"item\" class=\"item_view\">\n     <form class=\"example-form\">\n        <mat-form-field class=\"form_field\">\n          <input matInput\n                 placeholder=\"Username\"\n                 type=\"text\"\n                 [(ngModel)]=\"item.username\"\n                 name=\"username\">\n        </mat-form-field>\n        \n        <mat-form-field class=\"form_field\">\n          <input matInput\n                 placeholder=\"Email\"\n                 type=\"text\"\n                 [(ngModel)]=\"item.email\"\n                 name=\"email\">\n        </mat-form-field>\n\n       <mat-form-field class=\"form_field\">\n         <input matInput\n                placeholder=\"First Name\"\n                type=\"text\"\n                [(ngModel)]=\"item.first_name\"\n                name=\"first_name\">\n        </mat-form-field>\n  \n        <mat-form-field class=\"form_field\">\n          <input matInput\n                 placeholder=\"Last Name\"\n                 type=\"text\"\n                 [(ngModel)]=\"item.last_name\"\n                 name=\"last_name\">\n        </mat-form-field>\n        \n    </form>\n     \n     <div style=\"margin:10px; padding:10px;display: flex; flex-direction: row\">\n       <button mat-fab class=\"btn-block\" (click)=\"save()\" style=\"padding:10px\"><mat-icon>save</mat-icon></button>\n       <button mat-fab class=\"btn-block\" (click)=\"cancel()\" style=\"padding:10px\"><mat-icon>cancel</mat-icon></button>\n     </div>\n   </div>\n   \n</div>\n", styles: [".container{display:flex;flex-direction:column;padding:10px}.item_view{display:flex;justify-content:left;align-items:left;flex-direction:column;padding:10px}.form_field{padding:5px}.btn_block{padding:10px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$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]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5$1.MatIconAnchor, selector: "a[mat-icon-button]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i5$1.MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i5$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: UserEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.1", type: UserEditComponent, isStandalone: true, selector: "lib-user-edit", usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\n  <div>\n    <a mat-icon-button class=\"btn-block\"\n       (click)=\"goBack()\"\n       (keydown)=\"goBack()\"\n       tabindex=\"0\"\n       role=\"button\"><mat-icon>arrow_back</mat-icon></a>\n  </div>\n   \n  <div *ngIf=\"item\" class=\"item_view\">\n     <form class=\"example-form\">\n        <mat-form-field class=\"form_field\">\n          <input matInput\n                 placeholder=\"Username\"\n                 type=\"text\"\n                 [(ngModel)]=\"item.username\"\n                 name=\"username\">\n        </mat-form-field>\n        \n        <mat-form-field class=\"form_field\">\n          <input matInput\n                 placeholder=\"Email\"\n                 type=\"text\"\n                 [(ngModel)]=\"item.email\"\n                 name=\"email\">\n        </mat-form-field>\n\n       <mat-form-field class=\"form_field\">\n         <input matInput\n                placeholder=\"First Name\"\n                type=\"text\"\n                [(ngModel)]=\"item.first_name\"\n                name=\"first_name\">\n        </mat-form-field>\n  \n        <mat-form-field class=\"form_field\">\n          <input matInput\n                 placeholder=\"Last Name\"\n                 type=\"text\"\n                 [(ngModel)]=\"item.last_name\"\n                 name=\"last_name\">\n        </mat-form-field>\n        \n    </form>\n     \n     <div style=\"margin:10px; padding:10px;display: flex; flex-direction: row\">\n       <button mat-fab class=\"btn-block\" (click)=\"save()\" style=\"padding:10px\"><mat-icon>save</mat-icon></button>\n       <button mat-fab class=\"btn-block\" (click)=\"cancel()\" style=\"padding:10px\"><mat-icon>cancel</mat-icon></button>\n     </div>\n   </div>\n   \n</div>\n", styles: [".container{display:flex;flex-direction:column;padding:10px}.item_view{display:flex;justify-content:left;align-items:left;flex-direction:column;padding:10px}.form_field{padding:5px}.btn_block{padding:10px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", 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]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i3$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UserEditComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: UserEditComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-user-edit', imports: [NgIf,
+            args: [{ selector: 'lib-user-edit', imports: [NgIf,
                         FormsModule,
                         RouterModule,
                         MatButtonModule,
@@ -585,120 +565,93 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                         MatInputModule,
                         MatFormFieldModule,
                         MatIconModule,
-                    ], template: "<div class=\"container\">\n  <div>\n    <a mat-icon-button class=\"btn-block\"\n            (click)=\"goBack()\"><mat-icon>arrow_back</mat-icon></a>\n  </div>\n   \n  <div *ngIf=\"item\" class=\"item_view\">\n     <form class=\"example-form\">\n        <mat-form-field class=\"form_field\">\n          <input matInput\n                 placeholder=\"Username\"\n                 type=\"text\"\n                 [(ngModel)]=\"item.username\"\n                 name=\"username\">\n        </mat-form-field>\n        \n        <mat-form-field class=\"form_field\">\n          <input matInput\n                 placeholder=\"Email\"\n                 type=\"text\"\n                 [(ngModel)]=\"item.email\"\n                 name=\"email\">\n        </mat-form-field>\n\n       <mat-form-field class=\"form_field\">\n         <input matInput\n                placeholder=\"First Name\"\n                type=\"text\"\n                [(ngModel)]=\"item.first_name\"\n                name=\"first_name\">\n        </mat-form-field>\n  \n        <mat-form-field class=\"form_field\">\n          <input matInput\n                 placeholder=\"Last Name\"\n                 type=\"text\"\n                 [(ngModel)]=\"item.last_name\"\n                 name=\"last_name\">\n        </mat-form-field>\n        \n    </form>\n     \n     <div style=\"margin:10px; padding:10px;display: flex; flex-direction: row\">\n       <button mat-fab class=\"btn-block\" (click)=\"save()\" style=\"padding:10px\"><mat-icon>save</mat-icon></button>\n       <button mat-fab class=\"btn-block\" (click)=\"cancel()\" style=\"padding:10px\"><mat-icon>cancel</mat-icon></button>\n     </div>\n   </div>\n   \n</div>\n", styles: [".container{display:flex;flex-direction:column;padding:10px}.item_view{display:flex;justify-content:left;align-items:left;flex-direction:column;padding:10px}.form_field{padding:5px}.btn_block{padding:10px}\n"] }]
-        }], ctorParameters: () => [{ type: i1$1.ActivatedRoute }, { type: i2$1.Location }, { type: UserService }] });
+                    ], template: "<div class=\"container\">\n  <div>\n    <a mat-icon-button class=\"btn-block\"\n       (click)=\"goBack()\"\n       (keydown)=\"goBack()\"\n       tabindex=\"0\"\n       role=\"button\"><mat-icon>arrow_back</mat-icon></a>\n  </div>\n   \n  <div *ngIf=\"item\" class=\"item_view\">\n     <form class=\"example-form\">\n        <mat-form-field class=\"form_field\">\n          <input matInput\n                 placeholder=\"Username\"\n                 type=\"text\"\n                 [(ngModel)]=\"item.username\"\n                 name=\"username\">\n        </mat-form-field>\n        \n        <mat-form-field class=\"form_field\">\n          <input matInput\n                 placeholder=\"Email\"\n                 type=\"text\"\n                 [(ngModel)]=\"item.email\"\n                 name=\"email\">\n        </mat-form-field>\n\n       <mat-form-field class=\"form_field\">\n         <input matInput\n                placeholder=\"First Name\"\n                type=\"text\"\n                [(ngModel)]=\"item.first_name\"\n                name=\"first_name\">\n        </mat-form-field>\n  \n        <mat-form-field class=\"form_field\">\n          <input matInput\n                 placeholder=\"Last Name\"\n                 type=\"text\"\n                 [(ngModel)]=\"item.last_name\"\n                 name=\"last_name\">\n        </mat-form-field>\n        \n    </form>\n     \n     <div style=\"margin:10px; padding:10px;display: flex; flex-direction: row\">\n       <button mat-fab class=\"btn-block\" (click)=\"save()\" style=\"padding:10px\"><mat-icon>save</mat-icon></button>\n       <button mat-fab class=\"btn-block\" (click)=\"cancel()\" style=\"padding:10px\"><mat-icon>cancel</mat-icon></button>\n     </div>\n   </div>\n   \n</div>\n", styles: [".container{display:flex;flex-direction:column;padding:10px}.item_view{display:flex;justify-content:left;align-items:left;flex-direction:column;padding:10px}.form_field{padding:5px}.btn_block{padding:10px}\n"] }]
+        }] });
 
 class UserComponent extends ListViewComponent {
-    constructor(_route, _location, _userService, _restService) {
-        super(_route, _location, _userService, _restService);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UserComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: i2$1.Location }, { token: UserService }, { token: UserService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: UserComponent, isStandalone: true, selector: "app-user", usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\n    <mat-nav-list>\n      @for (item of items; track item){\n      <mat-card mat-list-item class=\"item-card\"  [routerLink]=\"['/users/detail/', item.id]\" [routerLinkActive]=\"['is-active']\">\n        <mat-card-header>\n              <mat-card-title-group style=\"padding:5px\">\n                <mat-card-title>{{item.first_name}} {{item.last_name}}</mat-card-title>\n                <mat-card-subtitle>{{item.username}}</mat-card-subtitle>\n                \n            </mat-card-title-group>\n        </mat-card-header>\n        <mat-card-content>\n           <p>Email: {{item.email}} </p>\n        </mat-card-content>\n        </mat-card>\n      }\n    </mat-nav-list>\n\n</div>\n", styles: [":host{flex-grow:1}.container{display:flex;padding:10px;flex-direction:column;justify-content:center;align-items:center}.button_container{padding:10px}.mat-mdc-row .mat-mdc-cell{border-bottom:1px solid transparent;border-top:1px solid transparent;cursor:pointer}.mat-mdc-row:hover .mat-mdc-cell{border-color:currentColor}.is-active{font-weight:700}.item-card{margin-bottom:8px;height:100%;width:100%;max-width:600px}.item-card:hover{background-color:#d3d3d3}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i3.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i5$2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i5$2.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i5$2.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i5$2.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "directive", type: i5$2.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i5$2.MatCardTitleGroup, selector: "mat-card-title-group" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: UserComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.1", type: UserComponent, isStandalone: true, selector: "lib-user", usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\n    <mat-nav-list>\n      @for (item of items; track item){\n      <mat-card mat-list-item class=\"item-card\"  [routerLink]=\"['/users/detail/', item.id]\" [routerLinkActive]=\"['is-active']\">\n        <mat-card-header>\n              <mat-card-title-group style=\"padding:5px\">\n                <mat-card-title>{{item.first_name}} {{item.last_name}}</mat-card-title>\n                <mat-card-subtitle>{{item.username}}</mat-card-subtitle>\n                \n            </mat-card-title-group>\n        </mat-card-header>\n        <mat-card-content>\n           <p>Email: {{item.email}} </p>\n        </mat-card-content>\n        </mat-card>\n      }\n    </mat-nav-list>\n\n</div>\n", styles: [":host{flex-grow:1}.container{display:flex;padding:10px;flex-direction:column;justify-content:center;align-items:center}.button_container{padding:10px}.mat-mdc-row .mat-mdc-cell{border-bottom:1px solid transparent;border-top:1px solid transparent;cursor:pointer}.mat-mdc-row:hover .mat-mdc-cell{border-color:currentColor}.is-active{font-weight:700}.item-card{margin-bottom:8px;height:100%;width:100%;max-width:600px}.item-card:hover{background-color:#d3d3d3}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2$2.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i2$3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i2$3.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i2$3.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i2$3.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "directive", type: i2$3.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i2$3.MatCardTitleGroup, selector: "mat-card-title-group" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UserComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: UserComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-user', imports: [MatListModule, MatCardModule,
+            args: [{ selector: 'lib-user', imports: [MatListModule, MatCardModule,
                         MatButtonModule,
                         MatIconModule,
                         RouterModule], template: "<div class=\"container\">\n    <mat-nav-list>\n      @for (item of items; track item){\n      <mat-card mat-list-item class=\"item-card\"  [routerLink]=\"['/users/detail/', item.id]\" [routerLinkActive]=\"['is-active']\">\n        <mat-card-header>\n              <mat-card-title-group style=\"padding:5px\">\n                <mat-card-title>{{item.first_name}} {{item.last_name}}</mat-card-title>\n                <mat-card-subtitle>{{item.username}}</mat-card-subtitle>\n                \n            </mat-card-title-group>\n        </mat-card-header>\n        <mat-card-content>\n           <p>Email: {{item.email}} </p>\n        </mat-card-content>\n        </mat-card>\n      }\n    </mat-nav-list>\n\n</div>\n", styles: [":host{flex-grow:1}.container{display:flex;padding:10px;flex-direction:column;justify-content:center;align-items:center}.button_container{padding:10px}.mat-mdc-row .mat-mdc-cell{border-bottom:1px solid transparent;border-top:1px solid transparent;cursor:pointer}.mat-mdc-row:hover .mat-mdc-cell{border-color:currentColor}.is-active{font-weight:700}.item-card{margin-bottom:8px;height:100%;width:100%;max-width:600px}.item-card:hover{background-color:#d3d3d3}\n"] }]
-        }], ctorParameters: () => [{ type: i1$1.ActivatedRoute }, { type: i2$1.Location }, { type: UserService }, { type: UserService }] });
+        }] });
 
 class GroupDetailComponent extends DetailViewComponent {
-    constructor(_route, _location, _userService, _restService) {
-        super(_route, _location, _userService, _restService);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GroupDetailComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: i2$1.Location }, { token: UserService }, { token: GroupService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: GroupDetailComponent, isStandalone: true, selector: "app-group-detail", usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\n  <div>\n    <a mat-icon-button class=\"btn-block\"\n            (click)=\"goBack()\"><mat-icon>arrow_back</mat-icon></a>\n  </div>\n  \n  <div *ngIf=\"item\" class=\"item_view\">\n    <div>\n      <h1 class=\"mat-display-1\" style=\"display:inline\"> {{item.name}} </h1>\n      <a mat-mini-fab class=\"btn-block\" [routerLink]=\"['/groups/edit/', item.id]\">\n        <mat-icon>edit</mat-icon>\n      </a> \n   </div>\n    <div class=\"form_field\">{{item.name}}</div>\n </div>\n    \n</div>\n", styles: [".container{display:flex;flex-direction:column;padding:10px}.item_view{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:10px}.form_field,.btn-block{padding:10px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5$1.MatIconAnchor, selector: "a[mat-icon-button]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i5$1.MatMiniFabAnchor, selector: "a[mat-mini-fab]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: GroupDetailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.1", type: GroupDetailComponent, isStandalone: true, selector: "lib-group-detail", usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\n  <div>\n    <a mat-icon-button class=\"btn-block\"\n       (click)=\"goBack()\"\n       (keydown)=\"goBack()\"\n       tabindex=\"0\"\n       role=\"button\"><mat-icon>arrow_back</mat-icon></a>\n  </div>\n  \n  <div *ngIf=\"item\" class=\"item_view\">\n    <div>\n      <h1 class=\"mat-display-1\" style=\"display:inline\"> {{item.name}} </h1>\n      <a mat-mini-fab class=\"btn-block\" [routerLink]=\"['/groups/edit/', item.id]\">\n        <mat-icon>edit</mat-icon>\n      </a> \n   </div>\n    <div class=\"form_field\">{{item.name}}</div>\n </div>\n    \n</div>\n", styles: [".container{display:flex;flex-direction:column;padding:10px}.item_view{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:10px}.form_field,.btn-block{padding:10px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GroupDetailComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: GroupDetailComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-group-detail', imports: [NgIf,
+            args: [{ selector: 'lib-group-detail', imports: [NgIf,
                         FormsModule,
                         RouterModule,
                         MatButtonModule,
                         MatCardModule,
                         MatInputModule,
                         MatFormFieldModule,
-                        MatIconModule], template: "<div class=\"container\">\n  <div>\n    <a mat-icon-button class=\"btn-block\"\n            (click)=\"goBack()\"><mat-icon>arrow_back</mat-icon></a>\n  </div>\n  \n  <div *ngIf=\"item\" class=\"item_view\">\n    <div>\n      <h1 class=\"mat-display-1\" style=\"display:inline\"> {{item.name}} </h1>\n      <a mat-mini-fab class=\"btn-block\" [routerLink]=\"['/groups/edit/', item.id]\">\n        <mat-icon>edit</mat-icon>\n      </a> \n   </div>\n    <div class=\"form_field\">{{item.name}}</div>\n </div>\n    \n</div>\n", styles: [".container{display:flex;flex-direction:column;padding:10px}.item_view{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:10px}.form_field,.btn-block{padding:10px}\n"] }]
-        }], ctorParameters: () => [{ type: i1$1.ActivatedRoute }, { type: i2$1.Location }, { type: UserService }, { type: GroupService }] });
+                        MatIconModule], template: "<div class=\"container\">\n  <div>\n    <a mat-icon-button class=\"btn-block\"\n       (click)=\"goBack()\"\n       (keydown)=\"goBack()\"\n       tabindex=\"0\"\n       role=\"button\"><mat-icon>arrow_back</mat-icon></a>\n  </div>\n  \n  <div *ngIf=\"item\" class=\"item_view\">\n    <div>\n      <h1 class=\"mat-display-1\" style=\"display:inline\"> {{item.name}} </h1>\n      <a mat-mini-fab class=\"btn-block\" [routerLink]=\"['/groups/edit/', item.id]\">\n        <mat-icon>edit</mat-icon>\n      </a> \n   </div>\n    <div class=\"form_field\">{{item.name}}</div>\n </div>\n    \n</div>\n", styles: [".container{display:flex;flex-direction:column;padding:10px}.item_view{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:10px}.form_field,.btn-block{padding:10px}\n"] }]
+        }] });
 
 class GroupComponent extends ListViewComponent {
     displayedColumns = ['name'];
-    constructor(_route, _location, _userService, _restService) {
-        super(_route, _location, _userService, _restService);
+    constructor() {
+        super();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GroupComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: i2$1.Location }, { token: UserService }, { token: GroupService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: GroupComponent, isStandalone: true, selector: "app-group", usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\n        <div>\n        <table mat-table [dataSource]=\"items\" class=\"mat-elevation-z8\">\n          <ng-container matColumnDef=\"name\">\n            <th mat-header-cell *matHeaderCellDef>Name</th>\n            <td mat-cell *matCellDef=\"let element\"> {{element.name}} </td>\n          </ng-container>\n\n          <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n          <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"\n              [routerLink]=\"row.id\"\n              [routerLinkActive]=\"['is-active']\"\n              ></tr>\n\n        </table>\n        </div>\n</div>\n", styles: [".container{height:100%;width:100%;display:flex;padding:10px;margin:10px}.button_container{padding:10px}.mat-mdc-row .mat-mdc-cell{border-bottom:1px solid transparent;border-top:1px solid transparent;cursor:pointer}.mat-mdc-row:hover .mat-mdc-cell{border-color:currentColor}.is-active{font-weight:700}\n"], dependencies: [{ kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i5$4.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5$4.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5$4.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5$4.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5$4.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5$4.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5$4.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5$4.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5$4.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5$4.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: GroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.1", type: GroupComponent, isStandalone: true, selector: "lib-group", usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\n        <div>\n        <table mat-table [dataSource]=\"items\" class=\"mat-elevation-z8\">\n          <ng-container matColumnDef=\"name\">\n            <th mat-header-cell *matHeaderCellDef>Name</th>\n            <td mat-cell *matCellDef=\"let element\"> {{element.name}} </td>\n          </ng-container>\n\n          <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n          <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"\n              [routerLink]=\"row.id\"\n              [routerLinkActive]=\"['is-active']\"\n              ></tr>\n\n        </table>\n        </div>\n</div>\n", styles: [".container{height:100%;width:100%;display:flex;padding:10px;margin:10px}.button_container{padding:10px}.mat-mdc-row .mat-mdc-cell{border-bottom:1px solid transparent;border-top:1px solid transparent;cursor:pointer}.mat-mdc-row:hover .mat-mdc-cell{border-color:currentColor}.is-active{font-weight:700}\n"], dependencies: [{ kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i1$2.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i1$2.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i1$2.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i1$2.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i1$2.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i1$2.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i1$2.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i1$2.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i1$2.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i1$2.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: GroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-group', imports: [
+            args: [{ selector: 'lib-group', imports: [
                         MatTableModule,
                         MatButtonModule,
                         MatIconModule,
                         RouterModule
                     ], template: "<div class=\"container\">\n        <div>\n        <table mat-table [dataSource]=\"items\" class=\"mat-elevation-z8\">\n          <ng-container matColumnDef=\"name\">\n            <th mat-header-cell *matHeaderCellDef>Name</th>\n            <td mat-cell *matCellDef=\"let element\"> {{element.name}} </td>\n          </ng-container>\n\n          <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n          <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"\n              [routerLink]=\"row.id\"\n              [routerLinkActive]=\"['is-active']\"\n              ></tr>\n\n        </table>\n        </div>\n</div>\n", styles: [".container{height:100%;width:100%;display:flex;padding:10px;margin:10px}.button_container{padding:10px}.mat-mdc-row .mat-mdc-cell{border-bottom:1px solid transparent;border-top:1px solid transparent;cursor:pointer}.mat-mdc-row:hover .mat-mdc-cell{border-color:currentColor}.is-active{font-weight:700}\n"] }]
-        }], ctorParameters: () => [{ type: i1$1.ActivatedRoute }, { type: i2$1.Location }, { type: UserService }, { type: GroupService }] });
+        }], ctorParameters: () => [] });
 
 class OrganizationComponent extends ListViewComponent {
     displayedColumns = ['name', 'website', 'is_partner'];
-    constructor(_route, _location, _userService, _restService) {
-        super(_route, _location, _userService, _restService);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OrganizationComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: i2$1.Location }, { token: UserService }, { token: OrganizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: OrganizationComponent, isStandalone: true, selector: "app-organization", usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\n        <div>\n        <table mat-table [dataSource]=\"items\" class=\"mat-elevation-z8\">\n          <ng-container matColumnDef=\"name\">\n            <th mat-header-cell *matHeaderCellDef>Name</th>\n            <td mat-cell *matCellDef=\"let element\"> {{element.name}} </td>\n          </ng-container>\n\n          <ng-container matColumnDef=\"website\">\n            <th mat-header-cell *matHeaderCellDef> Website </th>\n            <td mat-cell *matCellDef=\"let element\"> {{element.website}} </td>\n          </ng-container>\n\n          <ng-container matColumnDef=\"is_partner\">\n            <th mat-header-cell *matHeaderCellDef> Is Partner </th>\n            <td mat-cell *matCellDef=\"let element\"> {{element.is_partner}} </td>\n          </ng-container>\n\n          <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n          <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"\n              [routerLink]=\"row.id\"\n              [routerLinkActive]=\"['is-active']\"\n              ></tr>\n\n        </table>\n        </div>\n        <div class=\"button_container\">\n        <a mat-fab class=\"btn-block\" [routerLink]=\"['create']\">\n          <mat-icon>add</mat-icon></a>\n        </div>\n</div>\n", styles: [".container{height:100%;width:100%;display:flex;padding:10px;margin:10px}.button_container{padding:10px}.mat-mdc-row .mat-mdc-cell{border-bottom:1px solid transparent;border-top:1px solid transparent;cursor:pointer}.mat-mdc-row:hover .mat-mdc-cell{border-color:currentColor}.is-active{font-weight:700}\n"], dependencies: [{ kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i5$4.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5$4.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5$4.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5$4.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5$4.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5$4.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5$4.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5$4.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5$4.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5$4.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5$1.MatFabAnchor, selector: "a[mat-fab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: OrganizationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.1", type: OrganizationComponent, isStandalone: true, selector: "lib-organization", usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\n        <div>\n        <table mat-table [dataSource]=\"items\" class=\"mat-elevation-z8\">\n          <ng-container matColumnDef=\"name\">\n            <th mat-header-cell *matHeaderCellDef>Name</th>\n            <td mat-cell *matCellDef=\"let element\"> {{element.name}} </td>\n          </ng-container>\n\n          <ng-container matColumnDef=\"website\">\n            <th mat-header-cell *matHeaderCellDef> Website </th>\n            <td mat-cell *matCellDef=\"let element\"> {{element.website}} </td>\n          </ng-container>\n\n          <ng-container matColumnDef=\"is_partner\">\n            <th mat-header-cell *matHeaderCellDef> Is Partner </th>\n            <td mat-cell *matCellDef=\"let element\"> {{element.is_partner}} </td>\n          </ng-container>\n\n          <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n          <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"\n              [routerLink]=\"row.id\"\n              [routerLinkActive]=\"['is-active']\"\n              ></tr>\n\n        </table>\n        </div>\n        <div class=\"button_container\">\n        <a mat-fab class=\"btn-block\" [routerLink]=\"['create']\">\n          <mat-icon>add</mat-icon></a>\n        </div>\n</div>\n", styles: [".container{height:100%;width:100%;display:flex;padding:10px;margin:10px}.button_container{padding:10px}.mat-mdc-row .mat-mdc-cell{border-bottom:1px solid transparent;border-top:1px solid transparent;cursor:pointer}.mat-mdc-row:hover .mat-mdc-cell{border-color:currentColor}.is-active{font-weight:700}\n"], dependencies: [{ kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i1$2.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i1$2.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i1$2.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i1$2.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i1$2.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i1$2.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i1$2.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i1$2.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i1$2.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i1$2.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OrganizationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: OrganizationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-organization', imports: [
+            args: [{ selector: 'lib-organization', imports: [
                         MatTableModule,
                         MatButtonModule,
                         MatIconModule,
                         RouterModule
                     ], template: "<div class=\"container\">\n        <div>\n        <table mat-table [dataSource]=\"items\" class=\"mat-elevation-z8\">\n          <ng-container matColumnDef=\"name\">\n            <th mat-header-cell *matHeaderCellDef>Name</th>\n            <td mat-cell *matCellDef=\"let element\"> {{element.name}} </td>\n          </ng-container>\n\n          <ng-container matColumnDef=\"website\">\n            <th mat-header-cell *matHeaderCellDef> Website </th>\n            <td mat-cell *matCellDef=\"let element\"> {{element.website}} </td>\n          </ng-container>\n\n          <ng-container matColumnDef=\"is_partner\">\n            <th mat-header-cell *matHeaderCellDef> Is Partner </th>\n            <td mat-cell *matCellDef=\"let element\"> {{element.is_partner}} </td>\n          </ng-container>\n\n          <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n          <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"\n              [routerLink]=\"row.id\"\n              [routerLinkActive]=\"['is-active']\"\n              ></tr>\n\n        </table>\n        </div>\n        <div class=\"button_container\">\n        <a mat-fab class=\"btn-block\" [routerLink]=\"['create']\">\n          <mat-icon>add</mat-icon></a>\n        </div>\n</div>\n", styles: [".container{height:100%;width:100%;display:flex;padding:10px;margin:10px}.button_container{padding:10px}.mat-mdc-row .mat-mdc-cell{border-bottom:1px solid transparent;border-top:1px solid transparent;cursor:pointer}.mat-mdc-row:hover .mat-mdc-cell{border-color:currentColor}.is-active{font-weight:700}\n"] }]
-        }], ctorParameters: () => [{ type: i1$1.ActivatedRoute }, { type: i2$1.Location }, { type: UserService }, { type: OrganizationService }] });
+        }] });
 
 class OrganizationDetailComponent extends DetailViewComponent {
-    constructor(_route, _location, _userService, _restService) {
-        super(_route, _location, _userService, _restService);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OrganizationDetailComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: i2$1.Location }, { token: UserService }, { token: OrganizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: OrganizationDetailComponent, isStandalone: true, selector: "app-organization-detail", usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\n  <div>\n    <a mat-icon-button class=\"btn-block\"\n            (click)=\"goBack()\"><mat-icon>arrow_back</mat-icon></a>\n  </div>\n  \n  <div *ngIf=\"item\" class=\"item_view\">\n    <div>\n      <h3 class=\"mat-display-1\" style=\"display:inline\"> {{item.name}} </h3> \n      <a mat-mini-fab class=\"btn-block\" [routerLink]=\"['/organizations/edit/', item.id]\">\n        <mat-icon>edit</mat-icon>\n      </a>\n   </div>\n    <div class=\"form_field\">{{item.description}}</div>\n    <div class=\"form_field\"><h3>Address</h3>{{item.address}}</div>\n    <div class=\"form_field\"><h3>Website</h3>{{item.website}}</div>\n  </div>\n  \n</div>\n", styles: [".container{display:flex;flex-direction:column;padding:10px}.item_view{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:10px}.form_field,.btn-block{padding:10px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5$1.MatIconAnchor, selector: "a[mat-icon-button]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i5$1.MatMiniFabAnchor, selector: "a[mat-mini-fab]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: OrganizationDetailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.1", type: OrganizationDetailComponent, isStandalone: true, selector: "lib-organization-detail", usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\n  <div>\n    <a mat-icon-button class=\"btn-block\"\n       (click)=\"goBack()\"\n       (keydown)=\"goBack()\"\n       tabindex=\"0\"\n       role=\"button\"><mat-icon>arrow_back</mat-icon></a>\n  </div>\n  \n  <div *ngIf=\"item\" class=\"item_view\">\n    <div>\n      <h3 class=\"mat-display-1\" style=\"display:inline\"> {{item.name}} </h3> \n      <a mat-mini-fab class=\"btn-block\" [routerLink]=\"['/organizations/edit/', item.id]\">\n        <mat-icon>edit</mat-icon>\n      </a>\n   </div>\n    <div class=\"form_field\">{{item.description}}</div>\n    <div class=\"form_field\"><h3>Address</h3>{{item.address}}</div>\n    <div class=\"form_field\"><h3>Website</h3>{{item.website}}</div>\n  </div>\n  \n</div>\n", styles: [".container{display:flex;flex-direction:column;padding:10px}.item_view{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:10px}.form_field,.btn-block{padding:10px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OrganizationDetailComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: OrganizationDetailComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-organization-detail', imports: [NgIf,
+            args: [{ selector: 'lib-organization-detail', imports: [NgIf,
                         FormsModule,
                         RouterModule,
                         MatButtonModule,
                         MatCardModule,
                         MatInputModule,
                         MatFormFieldModule,
-                        MatIconModule], template: "<div class=\"container\">\n  <div>\n    <a mat-icon-button class=\"btn-block\"\n            (click)=\"goBack()\"><mat-icon>arrow_back</mat-icon></a>\n  </div>\n  \n  <div *ngIf=\"item\" class=\"item_view\">\n    <div>\n      <h3 class=\"mat-display-1\" style=\"display:inline\"> {{item.name}} </h3> \n      <a mat-mini-fab class=\"btn-block\" [routerLink]=\"['/organizations/edit/', item.id]\">\n        <mat-icon>edit</mat-icon>\n      </a>\n   </div>\n    <div class=\"form_field\">{{item.description}}</div>\n    <div class=\"form_field\"><h3>Address</h3>{{item.address}}</div>\n    <div class=\"form_field\"><h3>Website</h3>{{item.website}}</div>\n  </div>\n  \n</div>\n", styles: [".container{display:flex;flex-direction:column;padding:10px}.item_view{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:10px}.form_field,.btn-block{padding:10px}\n"] }]
-        }], ctorParameters: () => [{ type: i1$1.ActivatedRoute }, { type: i2$1.Location }, { type: UserService }, { type: OrganizationService }] });
+                        MatIconModule], template: "<div class=\"container\">\n  <div>\n    <a mat-icon-button class=\"btn-block\"\n       (click)=\"goBack()\"\n       (keydown)=\"goBack()\"\n       tabindex=\"0\"\n       role=\"button\"><mat-icon>arrow_back</mat-icon></a>\n  </div>\n  \n  <div *ngIf=\"item\" class=\"item_view\">\n    <div>\n      <h3 class=\"mat-display-1\" style=\"display:inline\"> {{item.name}} </h3> \n      <a mat-mini-fab class=\"btn-block\" [routerLink]=\"['/organizations/edit/', item.id]\">\n        <mat-icon>edit</mat-icon>\n      </a>\n   </div>\n    <div class=\"form_field\">{{item.description}}</div>\n    <div class=\"form_field\"><h3>Address</h3>{{item.address}}</div>\n    <div class=\"form_field\"><h3>Website</h3>{{item.website}}</div>\n  </div>\n  \n</div>\n", styles: [".container{display:flex;flex-direction:column;padding:10px}.item_view{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:10px}.form_field,.btn-block{padding:10px}\n"] }]
+        }] });
 
 /*
  * Public API Surface of ichec-angular-core
  */
-function provideUserService(endpoint_url) {
-    return {
-        provide: UserService,
-        useFactory: (http) => new UserService(http, endpoint_url),
-        deps: [HttpClient]
-    };
-}
-function provideGroupService(endpoint_url) {
-    return {
-        provide: GroupService,
-        useFactory: (user, http) => new GroupService(user, http, endpoint_url),
-        deps: [UserService, HttpClient]
-    };
-}
-;
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ApiError, DetailViewComponent, EditViewComponent, ErrorCode, Group, GroupComponent, GroupDetailComponent, GroupService, LandingComponent, LeftNavComponent, LeftNavService, ListViewComponent, Organization, OrganizationComponent, OrganizationDetailComponent, OrganizationService, PortalMember, RestService, TopBarComponent, UserComponent, UserDetailComponent, UserEditComponent, UserService, provideGroupService, provideUserService };
+export { ApiError, DetailViewComponent, ENDPOINT_URL, EditViewComponent, ErrorCode, Group, GroupComponent, GroupDetailComponent, GroupService, LOGIN_USER, LandingComponent, LeftNavComponent, LeftNavService, ListViewComponent, Organization, OrganizationComponent, OrganizationDetailComponent, OrganizationService, PortalMember, RestService, TopBarComponent, UserComponent, UserDetailComponent, UserEditComponent, UserService };
 //# sourceMappingURL=ichec-angular-core.mjs.map