ichec-angular-core 0.0.1

package/fesm2022/ichec-angular-core.mjs

@@ -0,0 +1,704 @@
+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 * 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 { MatToolbarModule } from '@angular/material/toolbar';
+import * as i5 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i5$1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i7 from '@angular/material/menu';
+import { MatMenuModule } from '@angular/material/menu';
+import * as i2 from '@angular/material/sidenav';
+import { MatSidenavModule } from '@angular/material/sidenav';
+import * as i3 from '@angular/material/list';
+import { MatListModule } from '@angular/material/list';
+import * as i3$1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i6 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i5$3 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i5$2 from '@angular/material/card';
+import { MatCardModule } from '@angular/material/card';
+import * as i5$4 from '@angular/material/table';
+import { MatTableModule } from '@angular/material/table';
+
+var ErrorCode;
+(function (ErrorCode) {
+    ErrorCode[ErrorCode["UnknownError"] = 1] = "UnknownError";
+})(ErrorCode || (ErrorCode = {}));
+class ApiError {
+    code = 1;
+    text = "";
+}
+class RestService {
+    _url;
+    _endpoint_url;
+    _http;
+    constructor(_url, _endpoint_url, _http) {
+        this._url = _url;
+        this._endpoint_url = _endpoint_url;
+        this._http = _http;
+    }
+    deleteItem(id) {
+        return this._http.delete(this.getBaseUrl() + id + "/", { headers: this.getHeaders() }).pipe(map(_response => { return void (0); }), catchError(this.handleError));
+    }
+    getForUser(user) {
+        return this.get("?user=" + user.id);
+    }
+    get(query = "") {
+        return this._http.get(this.getBaseUrl() + query, { headers: this.getHeaders() }).pipe(catchError(this.handleError));
+    }
+    getItem(id) {
+        return this._http.get(this.getBaseUrl() + id, { headers: this.getHeaders() }).pipe(catchError(this.handleError));
+    }
+    getUrl(url) {
+        return this._http.get(url, { headers: this.getHeaders() }).pipe(catchError(this.handleError));
+    }
+    putItem(item, content_type = "application/json") {
+        return this._http.put(this.getBaseUrl() + item.id + "/", item, { headers: this.getHeaders(content_type) }).pipe(catchError(this.handleError));
+    }
+    patchItemMedia(id, form) {
+        const token = "Token " + localStorage.getItem("api_token");
+        const headers = new HttpHeaders({
+            'Authorization': token,
+            'Accept': 'application/json'
+        });
+        return this._http.patch(this.getMediaUrl() + id + "/", form, { headers: headers }).pipe(mergeMap(_ => this.getItem(id)), catchError(this.handleError));
+    }
+    patchItem(item, include_keys, exclude_keys) {
+        // eslint-disable-next-line  @typescript-eslint/no-explicit-any
+        function replacer(key, value) {
+            if (exclude_keys.includes(key)) {
+                return undefined;
+            }
+            else {
+                return value;
+            }
+        }
+        return this._http.patch(this.getBaseUrl() + item.id + "/", JSON.stringify(item, replacer), { headers: this.getHeaders() }).pipe(map(response => response), catchError(this.handleError));
+    }
+    postItem(item) {
+        return this._http.post(this.getBaseUrl(), item, { headers: this.getHeaders() }).pipe(catchError(this.handleError));
+    }
+    getHeaders(content_type = "application/json") {
+        const token = "Token " + localStorage.getItem("api_token");
+        return new HttpHeaders({
+            'Authorization': token,
+            'Content-Type': content_type,
+            'Accept': 'application/json'
+        });
+    }
+    getBaseUrl() {
+        return this._endpoint_url + "/api/" + this._url + "/";
+    }
+    getMediaUrl() {
+        return this._endpoint_url + "/api/" + this._url.slice(0, -1) + "_media/";
+    }
+    handleError(error) {
+        if (error.status === 0) {
+            // A client-side or network error occurred. Handle it accordingly.
+            console.error('Client side or network error:', error.error);
+        }
+        else {
+            console.error(`Backend returned code ${error.status}, body was: `, error.error);
+        }
+        // Return an observable with a user-facing error message.
+        return throwError(() => error);
+    }
+}
+
+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);
+    }
+    login(username, password) {
+        console.log("Attempting login");
+        const body = new URLSearchParams();
+        body.set('username', username);
+        body.set('password', password);
+        const headers = new HttpHeaders({ 'Content-Type': 'application/x-www-form-urlencoded' });
+        const api_auth_endpoint = this._endpoint_url + "/api-token-auth/";
+        return this._http.post(api_auth_endpoint, body.toString(), { headers: headers }).pipe(map(token => this.onLoginToken(token)), mergeAll(), catchError(this.handleError));
+    }
+    logout() {
+        if (this.loggedInUser === null) {
+            return;
+        }
+        console.log("Logging out");
+        localStorage.removeItem("api_token");
+        this.loggedInUser.next(null);
+    }
+    onLoginToken(token_response) {
+        console.log("Got login token - fetching corresponding user.");
+        localStorage.setItem("api_token", token_response.token);
+        return this.getItem(Number(token_response.user_id)).pipe(tap(user => this.onLoggedIn(user)), map(_response => { return void (0); }), catchError(this.handleError));
+    }
+    onLoggedIn(user) {
+        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' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UserService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [String]
+                }] }] });
+
+class GroupService extends RestService {
+    userService;
+    userItems = new BehaviorSubject([]);
+    constructor(userService, http, endpoint_url) {
+        super("groups", endpoint_url, http);
+        this.userService = userService;
+        this.userService.loggedInUser.subscribe(user => this.refreshUserItems(user));
+    }
+    refreshUserItems(user) {
+        if (user) {
+            this.getForUser(user).subscribe(items => this.userItems.next(items));
+        }
+        else {
+            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' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", 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 = [];
+}
+
+class OrganizationService extends RestService {
+    constructor(http, endpoint_url) {
+        super("organizations", endpoint_url, http);
+    }
+    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' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OrganizationService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [String]
+                }] }] });
+
+class LeftNavService {
+    userService;
+    groupService;
+    groups = [];
+    options = [];
+    constructor(userService, groupService) {
+        this.userService = userService;
+        this.groupService = groupService;
+        this.groupService.userItems.subscribe(groups => this.onGroupsUpdated(groups));
+    }
+    onGroupsUpdated(groups) {
+        this.groups = groups;
+        this.updateOptions();
+    }
+    isConsortiumAdmin() {
+        return this.groups.some(g => g.name == "ConsortiumAdmins");
+    }
+    updateOptions() {
+        if (this.isConsortiumAdmin()) {
+            this.options = [
+                { name: "Home", route: "home" },
+                { name: "Facilities", route: "facilities" },
+                { name: "Access Calls", route: "access_calls" },
+                { name: "Users", route: "users" },
+            ];
+        }
+        else {
+            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' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LeftNavService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: UserService }, { type: GroupService }] });
+
+class TopBarComponent {
+    userService;
+    leftNavService;
+    user = null;
+    title = "";
+    constructor(userService, leftNavService) {
+        this.userService = userService;
+        this.leftNavService = leftNavService;
+    }
+    ngOnInit() {
+        this.userService.loggedInUser.subscribe(user => {
+            this.user = user;
+        });
+    }
+    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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", 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: [{
+                type: Input
+            }] } });
+
+class LeftNavComponent {
+    leftNavService;
+    constructor(leftNavService) {
+        this.leftNavService = 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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", 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 }] });
+
+class LandingComponent {
+    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;
+    }
+    ngOnInit() {
+        // This is a development version hack to 'autologin' to make it
+        // easier to play around. The name will be empty at init time
+        // for the production version.
+        if (this.loginUser.name) {
+            this.login();
+        }
+    }
+    login() {
+        this.loginError = "";
+        return this.userService.login(this.loginUser.name, this.loginUser.password).subscribe({
+            next: () => this.onLoggedIn(),
+            error: (error) => this.onLoginError(error)
+        });
+    }
+    onLoginError(error) {
+        console.log("Got login error");
+        console.log(error);
+        this.loginError = "There was an error logging in";
+    }
+    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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", 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 }] });
+
+class DetailViewComponent {
+    _route;
+    _location;
+    _userService;
+    _restService;
+    item;
+    constructor(_route, _location, _userService, _restService) {
+        this._route = _route;
+        this._location = _location;
+        this._userService = _userService;
+        this._restService = _restService;
+    }
+    ngOnInit() {
+        this.getItem();
+    }
+    onItemAvailable() {
+        this._userService.loggedInUser.subscribe(user => { if (user) {
+            this.onItemAndUserAvailable(user);
+        } });
+    }
+    onItemAndUserAvailable(_) {
+    }
+    goBack() {
+        this._location.back();
+    }
+    getItem() {
+        const id = Number(this._route.snapshot.paramMap.get('id'));
+        this._restService.getItem(id)
+            .subscribe(item => {
+            this.item = item;
+            this.onItemAvailable();
+        });
+    }
+    update() {
+        if (!this.item) {
+            return;
+        }
+        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"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", 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 }] });
+
+class EditViewComponent {
+    _route;
+    _location;
+    _userService;
+    _restService;
+    item;
+    createMode = false;
+    constructor(_route, _location, _userService, _restService) {
+        this._route = _route;
+        this._location = _location;
+        this._userService = _userService;
+        this._restService = _restService;
+    }
+    ngOnInit() {
+        this.getItem();
+    }
+    onItemAvailable() {
+        this._userService.loggedInUser.subscribe(user => { if (user) {
+            this.onItemAndUserAvailable(user);
+        } });
+    }
+    onItemAndUserAvailable(_) {
+    }
+    goBack() {
+        this._location.back();
+    }
+    save() {
+        if (this.createMode) {
+            this.createItem();
+        }
+        else {
+            this.updateItem();
+        }
+    }
+    updateItem() {
+        if (!this.item) {
+            return;
+        }
+        this._restService.putItem(this.item).subscribe(item => this.onItemUpdated(item));
+    }
+    createItem() {
+        if (!this.item) {
+            return;
+        }
+        this._restService.postItem(this.item).subscribe(item => this.onItemUpdated(item));
+    }
+    cancel() {
+        this.goBack();
+    }
+    isCreateRoute() {
+        const urls = this._route.snapshot.url;
+        if (urls.length >= 2) {
+            if (urls[1].path == "create") {
+                return true;
+            }
+        }
+        return false;
+    }
+    getItem() {
+        if (this.isCreateRoute()) {
+            this.item = this.getTemplateItem();
+            this.createMode = true;
+            this.onItemAvailable();
+        }
+        else {
+            const id_str = this._route.snapshot.paramMap.get('id');
+            this._restService.getItem(Number(id_str))
+                .subscribe(item => {
+                this.item = item;
+                this.onItemAvailable();
+            });
+        }
+    }
+    onItemUpdated(item) {
+        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"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", 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 }] });
+
+class ListViewComponent {
+    _route;
+    _location;
+    _userService;
+    _restService;
+    user;
+    items = [];
+    displayedColumns = [];
+    constructor(_route, _location, _userService, _restService) {
+        this._route = _route;
+        this._location = _location;
+        this._userService = _userService;
+        this._restService = _restService;
+    }
+    ngOnInit() {
+        this.getItems();
+    }
+    getItems() {
+        if (this.isSelfList()) {
+            this._userService.loggedInUser.subscribe(user => {
+                if (user) {
+                    this.onUserChange(user);
+                }
+            });
+        }
+        else {
+            this._restService.get().subscribe(items => this.items = items);
+        }
+    }
+    onUserChange(user) {
+        this.user = user;
+        this._restService.getForUser(this.user).subscribe(items => this.items = items);
+    }
+    isSelfList() {
+        const url_segments = this._route.snapshot.url;
+        if (url_segments.length == 2) {
+            if (url_segments[1].path == "self") {
+                return true;
+            }
+        }
+        return false;
+    }
+    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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ListViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-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 }] });
+
+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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UserDetailComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-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 }] });
+
+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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UserEditComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-user-edit', 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     <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 }] });
+
+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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UserComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GroupDetailComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-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 }] });
+
+class GroupComponent extends ListViewComponent {
+    displayedColumns = ['name'];
+    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: 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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-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 }] });
+
+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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OrganizationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: OrganizationDetailComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-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 }] });
+
+/*
+ * 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 };
+//# sourceMappingURL=ichec-angular-core.mjs.map