ichec-angular-core 0.2.0 → 0.2.1

package/fesm2022/ichec-angular-core.mjs

@@ -1,7 +1,7 @@
-import { map, catchError, tap, mergeMap, throwError, BehaviorSubject, mergeAll, of, merge, debounceTime, distinctUntilChanged, Subscription, finalize } from 'rxjs';
+import { map, catchError, tap, mergeMap, throwError, BehaviorSubject, of, mergeAll, merge, debounceTime, distinctUntilChanged, Subscription, finalize } from 'rxjs';
 import { HttpClient, HttpParams, HttpHeaders } from '@angular/common/http';
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, signal, input, Component, viewChild, computed, output } from '@angular/core';
+import { InjectionToken, inject, DOCUMENT, Injectable, signal, input, Component, viewChild, computed, output } from '@angular/core';
 import * as i1$3 from '@angular/forms';
 import { FormControl, Validators, FormGroup, FormsModule, ReactiveFormsModule, FormBuilder } from '@angular/forms';
 import * as i1 from '@angular/router';
@@ -156,13 +156,16 @@ function getFieldTypeFromKey(key) {
     return FieldType.Char;
 }
 
-const ENDPOINT_URL = new InjectionToken("Default endpoint url");
+const REST_SERVICE_CONFIG = new InjectionToken("Config for the rest service");
 class RestService {
     _url = "";
-    _endpoint_url = inject(ENDPOINT_URL);
+    config = inject(REST_SERVICE_CONFIG);
     _http = inject(HttpClient);
     deleteItem(id) {
-        return this._http.delete(this.getBaseUrl() + id + "/", { headers: this.getHeaders() }).pipe(map(_response => { return void (0); }), catchError(this.handleError));
+        return this._http.delete(this.getBaseUrl() + id + "/", {
+            headers: this.getHeaders(),
+            credentials: this.config.allow_cross_origin ? 'include' : 'same-origin'
+        }).pipe(map(_response => { return void (0); }), catchError(this.handleError));
     }
     getForUser(user, query = new ItemQuery()) {
         query.queries.set('user', user.id.toString());
@@ -192,23 +195,40 @@ class RestService {
         console.log(params);
         return this._http.get(this.getBaseUrl(), {
             headers: this.getHeaders(),
+            credentials: this.config.allow_cross_origin ? 'include' : 'same-origin',
             params: new HttpParams({ fromObject: Object.fromEntries(params) })
         }).pipe(tap(response => console.log(response)), catchError(this.handleError));
     }
     getItem(id) {
-        return this._http.get(this.getBaseUrl() + id, { headers: this.getHeaders() }).pipe(catchError(this.handleError));
+        return this._http.get(this.getBaseUrl() + id, {
+            headers: this.getHeaders(),
+            credentials: this.config.allow_cross_origin ? 'include' : 'same-origin'
+        }).pipe(catchError(this.handleError));
     }
     getUrl(url) {
-        return this._http.get(url, { headers: this.getHeaders() }).pipe(catchError(this.handleError));
+        console.log(this.config.allow_cross_origin ? 'include' : 'same-origin');
+        return this._http.get(url, {
+            headers: this.getHeaders(),
+            credentials: this.config.allow_cross_origin ? 'include' : 'same-origin'
+        }).pipe(catchError(this.handleError));
     }
     getPaginatedUrl(url) {
-        return this._http.get(url, { headers: this.getHeaders() }).pipe(catchError(this.handleError));
+        return this._http.get(url, {
+            headers: this.getHeaders(),
+            credentials: this.config.allow_cross_origin ? 'include' : 'same-origin'
+        }).pipe(catchError(this.handleError));
     }
     getOptions() {
-        return this._http.options(this.getBaseUrl(), { headers: this.getHeaders() }).pipe(catchError(this.handleError));
+        return this._http.options(this.getBaseUrl(), {
+            headers: this.getHeaders(),
+            credentials: this.config.allow_cross_origin ? 'include' : 'same-origin'
+        }).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));
+        return this._http.put(this.getBaseUrl() + item.id + "/", item, {
+            headers: this.getHeaders(content_type),
+            credentials: this.config.allow_cross_origin ? 'include' : 'same-origin'
+        }).pipe(catchError(this.handleError));
     }
     patchItemMedia(id, form) {
         const token = "Token " + localStorage.getItem("api_token");
@@ -216,7 +236,10 @@ class RestService {
             'Authorization': token,
             'Accept': 'application/json'
         });
-        return this._http.patch(this.getMediaUrl() + id + "/", form, { headers: headers }).pipe(mergeMap(_ => this.getItem(id)), catchError(this.handleError));
+        return this._http.patch(this.getMediaUrl() + id + "/", form, {
+            headers: headers,
+            credentials: this.config.allow_cross_origin ? 'include' : 'same-origin'
+        }).pipe(mergeMap(_ => this.getItem(id)), catchError(this.handleError));
     }
     postFile(id, field, file) {
         const token = "Token " + localStorage.getItem("api_token");
@@ -226,7 +249,10 @@ class RestService {
         });
         const form = new FormData();
         form.append("file", file);
-        return this._http.post(this.getBaseUrl() + id + "/" + field + "/upload", form, { headers: headers }).pipe(mergeMap(_ => this.getItem(id)), catchError(this.handleError));
+        return this._http.post(this.getBaseUrl() + id + "/" + field + "/upload", form, {
+            headers: headers,
+            credentials: this.config.allow_cross_origin ? 'include' : 'same-origin'
+        }).pipe(mergeMap(_ => this.getItem(id)), catchError(this.handleError));
     }
     putFile(id, field, file) {
         const token = "Token " + localStorage.getItem("api_token");
@@ -235,7 +261,10 @@ class RestService {
             'Accept': 'application/json',
             'Content-Disposition': 'attachment; filename=' + file.name
         });
-        return this._http.put(this.getBaseUrl() + id + "/" + field + "/upload", file, { headers: headers }).pipe(mergeMap(_ => this.getItem(id)), catchError(this.handleError));
+        return this._http.put(this.getBaseUrl() + id + "/" + field + "/upload", file, {
+            headers: headers,
+            credentials: this.config.allow_cross_origin ? 'include' : 'same-origin'
+        }).pipe(mergeMap(_ => this.getItem(id)), catchError(this.handleError));
     }
     putFileStandalone(url, file) {
         const token = "Token " + localStorage.getItem("api_token");
@@ -244,7 +273,10 @@ class RestService {
             'Accept': 'application/json',
             'Content-Disposition': 'attachment; filename=' + file.name
         });
-        return this._http.put(this._endpoint_url + "/api/" + url + "/upload", file, { headers: headers }).pipe(map(_response => { return void (0); }), catchError(this.handleError));
+        return this._http.put(this.config.endpoint_url + "/api/" + url + "/upload", file, {
+            headers: headers,
+            credentials: this.config.allow_cross_origin ? 'include' : 'same-origin'
+        }).pipe(map(_response => { return void (0); }), catchError(this.handleError));
     }
     patchItem(item, include_keys, exclude_keys) {
         // eslint-disable-next-line  @typescript-eslint/no-explicit-any
@@ -256,24 +288,37 @@ class RestService {
                 return value;
             }
         }
-        return this._http.patch(this.getBaseUrl() + item.id + "/", JSON.stringify(item, replacer), { headers: this.getHeaders() }).pipe(map(response => response), catchError(this.handleError));
+        return this._http.patch(this.getBaseUrl() + item.id + "/", JSON.stringify(item, replacer), {
+            headers: this.getHeaders(),
+            credentials: this.config.allow_cross_origin ? 'include' : 'same-origin'
+        }).pipe(map(response => response), catchError(this.handleError));
     }
     postItem(item) {
-        return this._http.post(this.getBaseUrl(), item, { headers: this.getHeaders() }).pipe(catchError(this.handleError));
+        return this._http.post(this.getBaseUrl(), item, {
+            headers: this.getHeaders(),
+            credentials: this.config.allow_cross_origin ? 'include' : 'same-origin'
+        }).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'
-        });
+        if (this.config.auth_type === "token") {
+            return new HttpHeaders({
+                'Authorization': "Token " + localStorage.getItem("api_token"),
+                'Content-Type': content_type,
+                'Accept': 'application/json'
+            });
+        }
+        else {
+            return new HttpHeaders({
+                'Content-Type': content_type,
+                'Accept': 'application/json'
+            });
+        }
     }
     getBaseUrl() {
-        return this._endpoint_url + "/api/" + this._url + "/";
+        return this.config.endpoint_url + "/api/" + this._url + "/";
     }
     getMediaUrl() {
-        return this._endpoint_url + "/api/" + this._url.slice(0, -1) + "_media/";
+        return this.config.endpoint_url + "/api/" + this._url.slice(0, -1) + "_media/";
     }
     handleError(error) {
         if (error.status === 0) {
@@ -319,17 +364,38 @@ class UserService extends ItemService {
        Service to handle IPortalMember via REST and also handle logins.
     */
     loggedInUser = new BehaviorSubject(null);
+    document = inject(DOCUMENT);
     _url = PortalMember.plural;
     typename = PortalMember.typename;
     permissions = new Map();
+    get authType() {
+        return this.config.auth_type;
+    }
+    sessionLogin() {
+        console.log("Attempting session login");
+        return this.getUrl(this.config.endpoint_url + "/api/self/").pipe(tap(user => this.onLoggedIn(user)), map(_response => { return void (0); }), catchError(e => this.onSessionLoginError(e)));
+    }
+    onSessionLoginError(error) {
+        console.log("session login error");
+        if (error.status == 401) {
+            console.log("Couldn't authenticate - redirect to portal login", error);
+            // Redirect to portal login url
+            // this.document.location.href = this.config.endpoint_url + "/api-auth/login/?next=/";
+            this.document.location.href = this.config.endpoint_url + "/oidc/authenticate/?next=/";
+            return of(void 0);
+        }
+        else {
+            console.log("Session login error", error);
+            return throwError(() => error);
+        }
+    }
     login(username, password) {
-        console.log("Attempting login");
+        console.log("Attempting token 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));
+        return this._http.post(this.config.endpoint_url + "/api-token-auth/", body.toString(), { headers: headers }).pipe(map(token => this.onLoginToken(token)), mergeAll(), catchError(this.handleError));
     }
     hasAddPermission(feature) {
         const perm = this.permissions.get(feature);
@@ -367,6 +433,10 @@ class UserService extends ItemService {
         localStorage.removeItem("api_token");
         this.loggedInUser.next(null);
     }
+    onLoginCookie() {
+        console.log("Got login cookie - fetching corresponding user.");
+        return this.getUrl(this.getBaseUrl() + "self").pipe(tap(user => this.onLoggedIn(user)), map(_response => { return void (0); }), catchError(this.handleError));
+    }
     onLoginToken(token_response) {
         console.log("Got login token - fetching corresponding user.");
         localStorage.setItem("api_token", token_response.token);
@@ -403,7 +473,6 @@ class UserService extends ItemService {
                 this.permissions.get(permission.feature).canAdd = true;
             }
         });
-        console.log("Got permissions:", this.permissions);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: UserService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: UserService, providedIn: 'root' });
@@ -1084,7 +1153,7 @@ class FormFieldDetailComponent {
         return this.form().get(this.key);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: FormFieldDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.1", type: FormFieldDetailComponent, isStandalone: true, selector: "lib-form-field-detail", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div [formGroup]=\"form()\">\n  <h3>{{ field().label }}</h3>\n  <p>{{field().description}}</p>\n  <div>\n    @switch (field().field_type) {\n      @case ('TEXT') {\n    <mat-form-field class=\"form-field-wide\">\n         <mat-label [attr.for]=\"key\">{{ field().label }}</mat-label>\n         <textarea matInput\n                   [placeholder]=\"field().default\"\n                   type=\"text\"\n                   style=\"min-height:150px\"\n                   [formControlName]=\"key\"\n                   [name]=\"key\"></textarea>\n    </mat-form-field>\n      }\n      @case('BOOLEAN')\n      {\n        <mat-checkbox\n           class=\"form-field\"\n           [name]=\"key\"\n           [formControlName]=\"key\">\n           {{ field().label }}\n         </mat-checkbox>\n      }\n      @case ('INTEGER') {\n        <mat-form-field class=\"form-field\">\n         <mat-label>{{ field().label }}</mat-label>\n          <input matInput\n                 [placeholder]=\"field().default\"\n                 type=\"number\"\n                 max=\"10\" min=\"1\"\n                 [formControlName]=\"key\"\n                 name=\"trl_stage\">\n        </mat-form-field>\n      }\n      @case ('INTEGER') {\n        <mat-form-field class=\"form-field\">\n         <mat-label>{{ field().label }}</mat-label>\n          <input matInput\n                 [placeholder]=\"field().default\"\n                 type=\"number\"\n                 max=\"10\" min=\"1\"\n                 [formControlName]=\"key\"\n                 name=\"trl_stage\">\n        </mat-form-field>\n      }\n      @case('FILE') {\n        <div class=\"form-field\">\n        @if(field().template)\n        {\n          <a href=\"{{field().template}}\" matFab extended aria-label=\"Download template\">\n            <mat-icon>download</mat-icon>\n            Download Form\n          </a>\n        }\n        <h4>Upload Completed Form</h4>\n        <lib-file-upload [control]=\"control\"></lib-file-upload>\n        </div>\n      }    \n    }\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.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$3.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$3.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.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.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i5$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FileUploadComponent, selector: "lib-file-upload", inputs: ["control"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.1", type: FormFieldDetailComponent, isStandalone: true, selector: "lib-form-field-detail", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div [formGroup]=\"form()\">\n  <h3>{{ field().label }}</h3>\n  <p>{{field().description}}</p>\n  <div>\n    @switch (field().field_type) {\n      @case ('TEXT') {\n    <mat-form-field class=\"form-field-wide\">\n         <mat-label [attr.for]=\"key\">{{ field().label }}</mat-label>\n         <textarea matInput\n                   [placeholder]=\"field().default\"\n                   type=\"text\"\n                   style=\"min-height:150px\"\n                   [formControlName]=\"key\"\n                   [name]=\"key\"></textarea>\n    </mat-form-field>\n      }\n      @case('BOOLEAN')\n      {\n        <mat-checkbox\n           class=\"form-field\"\n           [name]=\"key\"\n           [formControlName]=\"key\">\n           {{ field().label }}\n         </mat-checkbox>\n      }\n      @case ('INTEGER') {\n        <mat-form-field class=\"form-field\">\n         <mat-label>{{ field().label }}</mat-label>\n          <input matInput\n                 [placeholder]=\"field().default\"\n                 type=\"number\"\n                 max=\"10\" min=\"1\"\n                 [formControlName]=\"key\"\n                 name=\"trl_stage\">\n        </mat-form-field>\n      }\n      @case ('CHAR') {\n        <mat-form-field class=\"form-field\">\n         <mat-label>{{ field().label }}</mat-label>\n          <input matInput\n                 [placeholder]=\"field().default\"\n                 type=\"text\"\n                 [formControlName]=\"key\"\n                 name=\"key\">\n        </mat-form-field>\n      }\n      @case('FILE') {\n        <div class=\"form-field\">\n        @if(field().template)\n        {\n          <a href=\"{{field().template}}\" matFab extended aria-label=\"Download template\">\n            <mat-icon>download</mat-icon>\n            Download Form\n          </a>\n        }\n        <h4>Upload Completed Form</h4>\n        <lib-file-upload [control]=\"control\"></lib-file-upload>\n        </div>\n      }    \n    }\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.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$3.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$3.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.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.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i5$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FileUploadComponent, selector: "lib-file-upload", inputs: ["control"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: FormFieldDetailComponent, decorators: [{
             type: Component,
@@ -1092,7 +1161,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.1", ngImpor
                         MatFormFieldModule,
                         MatInputModule,
                         MatButtonModule,
-                        MatCheckboxModule, MatIconModule, FileUploadComponent], template: "<div [formGroup]=\"form()\">\n  <h3>{{ field().label }}</h3>\n  <p>{{field().description}}</p>\n  <div>\n    @switch (field().field_type) {\n      @case ('TEXT') {\n    <mat-form-field class=\"form-field-wide\">\n         <mat-label [attr.for]=\"key\">{{ field().label }}</mat-label>\n         <textarea matInput\n                   [placeholder]=\"field().default\"\n                   type=\"text\"\n                   style=\"min-height:150px\"\n                   [formControlName]=\"key\"\n                   [name]=\"key\"></textarea>\n    </mat-form-field>\n      }\n      @case('BOOLEAN')\n      {\n        <mat-checkbox\n           class=\"form-field\"\n           [name]=\"key\"\n           [formControlName]=\"key\">\n           {{ field().label }}\n         </mat-checkbox>\n      }\n      @case ('INTEGER') {\n        <mat-form-field class=\"form-field\">\n         <mat-label>{{ field().label }}</mat-label>\n          <input matInput\n                 [placeholder]=\"field().default\"\n                 type=\"number\"\n                 max=\"10\" min=\"1\"\n                 [formControlName]=\"key\"\n                 name=\"trl_stage\">\n        </mat-form-field>\n      }\n      @case ('INTEGER') {\n        <mat-form-field class=\"form-field\">\n         <mat-label>{{ field().label }}</mat-label>\n          <input matInput\n                 [placeholder]=\"field().default\"\n                 type=\"number\"\n                 max=\"10\" min=\"1\"\n                 [formControlName]=\"key\"\n                 name=\"trl_stage\">\n        </mat-form-field>\n      }\n      @case('FILE') {\n        <div class=\"form-field\">\n        @if(field().template)\n        {\n          <a href=\"{{field().template}}\" matFab extended aria-label=\"Download template\">\n            <mat-icon>download</mat-icon>\n            Download Form\n          </a>\n        }\n        <h4>Upload Completed Form</h4>\n        <lib-file-upload [control]=\"control\"></lib-file-upload>\n        </div>\n      }    \n    }\n  </div>\n</div>\n" }]
+                        MatCheckboxModule, MatIconModule, FileUploadComponent], template: "<div [formGroup]=\"form()\">\n  <h3>{{ field().label }}</h3>\n  <p>{{field().description}}</p>\n  <div>\n    @switch (field().field_type) {\n      @case ('TEXT') {\n    <mat-form-field class=\"form-field-wide\">\n         <mat-label [attr.for]=\"key\">{{ field().label }}</mat-label>\n         <textarea matInput\n                   [placeholder]=\"field().default\"\n                   type=\"text\"\n                   style=\"min-height:150px\"\n                   [formControlName]=\"key\"\n                   [name]=\"key\"></textarea>\n    </mat-form-field>\n      }\n      @case('BOOLEAN')\n      {\n        <mat-checkbox\n           class=\"form-field\"\n           [name]=\"key\"\n           [formControlName]=\"key\">\n           {{ field().label }}\n         </mat-checkbox>\n      }\n      @case ('INTEGER') {\n        <mat-form-field class=\"form-field\">\n         <mat-label>{{ field().label }}</mat-label>\n          <input matInput\n                 [placeholder]=\"field().default\"\n                 type=\"number\"\n                 max=\"10\" min=\"1\"\n                 [formControlName]=\"key\"\n                 name=\"trl_stage\">\n        </mat-form-field>\n      }\n      @case ('CHAR') {\n        <mat-form-field class=\"form-field\">\n         <mat-label>{{ field().label }}</mat-label>\n          <input matInput\n                 [placeholder]=\"field().default\"\n                 type=\"text\"\n                 [formControlName]=\"key\"\n                 name=\"key\">\n        </mat-form-field>\n      }\n      @case('FILE') {\n        <div class=\"form-field\">\n        @if(field().template)\n        {\n          <a href=\"{{field().template}}\" matFab extended aria-label=\"Download template\">\n            <mat-icon>download</mat-icon>\n            Download Form\n          </a>\n        }\n        <h4>Upload Completed Form</h4>\n        <lib-file-upload [control]=\"control\"></lib-file-upload>\n        </div>\n      }    \n    }\n  </div>\n</div>\n" }]
         }] });
 
 class FormFieldEditComponent {
@@ -2391,5 +2460,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.1", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { Address, AddressDetailComponent, AddressEditComponent, AddressForm, AddressService, ApiError, AvatarComponent, BackButtonComponent, DetailHeaderComponent, DetailView, DynamicFormBuilderComponent, DynamicFormComponent, DynamicFormForm, ENDPOINT_URL, EditView, ErrorCode, FORM_FIELD_CHOICES, FeedbackComponent, FieldType, FileRecord, FileUploadComponent, FormFieldDetailComponent, FormFieldEditComponent, FormFieldValueForm, FormService, Group, GroupComponent, GroupDetailComponent, GroupService, ItemQuery, ItemService, ItemWithUserService, LOGIN_USER, LandingComponent, LeftNavComponent, LeftNavService, ListTableViewComponent, ListViewComponent, MemberSelectionManager, MockItemService, Organization, OrganizationComponent, OrganizationDetailComponent, OrganizationEditComponent, OrganizationService, Paginated, Permission, PopulatedFormComponent, PopulatedFormForm, PortalMember, ResolvedPermission, RestService, SearchBarComponent, SelectTableComponent, SelectionManager, TopBarComponent, UserComponent, UserDetailComponent, UserEditComponent, UserService, getFieldTypeFromKey };
+export { Address, AddressDetailComponent, AddressEditComponent, AddressForm, AddressService, ApiError, AvatarComponent, BackButtonComponent, DetailHeaderComponent, DetailView, DynamicFormBuilderComponent, DynamicFormComponent, DynamicFormForm, EditView, ErrorCode, FORM_FIELD_CHOICES, FeedbackComponent, FieldType, FileRecord, FileUploadComponent, FormFieldDetailComponent, FormFieldEditComponent, FormFieldValueForm, FormService, Group, GroupComponent, GroupDetailComponent, GroupService, ItemQuery, ItemService, ItemWithUserService, LOGIN_USER, LandingComponent, LeftNavComponent, LeftNavService, ListTableViewComponent, ListViewComponent, MemberSelectionManager, MockItemService, Organization, OrganizationComponent, OrganizationDetailComponent, OrganizationEditComponent, OrganizationService, Paginated, Permission, PopulatedFormComponent, PopulatedFormForm, PortalMember, REST_SERVICE_CONFIG, ResolvedPermission, RestService, SearchBarComponent, SelectTableComponent, SelectionManager, TopBarComponent, UserComponent, UserDetailComponent, UserEditComponent, UserService, getFieldTypeFromKey };
 //# sourceMappingURL=ichec-angular-core.mjs.map