ichec-angular-core 0.1.2 → 0.1.3

package/fesm2022/ichec-angular-core.mjs

@@ -53,31 +53,13 @@ class Paginated {
     results = [];
 }
 class Permission {
-    id = 0;
-    url = "";
-    codename = "";
     static typename = "permission";
     static plural = "permissions";
-    constructor(params = {}) {
-        Object.assign(this, params);
-    }
 }
+
 class PortalMember {
     static typename = "member";
     static plural = "members";
-    id = 0;
-    url = "";
-    username = "";
-    email = "";
-    first_name = "";
-    last_name = "";
-    phone = "";
-    organization = "";
-    profile_url = "";
-    all_permissions = [];
-    constructor(params = {}) {
-        Object.assign(this, params);
-    }
     static getInitials(member) {
         let first_initial = "";
         let second_initial = "";
@@ -94,49 +76,20 @@ class PortalMember {
         return combined.toUpperCase();
     }
 }
+
 class Group {
     static typename = "group";
     static plural = "groups";
-    name = "";
-    url = "";
-    id = 0;
-    constructor(params = {}) {
-        Object.assign(this, params);
-    }
 }
 
-class Address {
-    static typename = "address";
-    static plural = "addresses";
-    id = 0;
-    url = "";
-    line1 = "";
-    line2 = null;
-    line3 = null;
-    city = null;
-    region = "";
-    postcode = null;
-    country = "";
-    country_name = "";
-    country_flag = "";
-    constructor(params = {}) {
-        Object.assign(this, params);
-    }
-}
 class Organization {
     static typename = "organization";
     static plural = "organizations";
-    id = 0;
-    url = "";
-    name = "";
-    acronym = "";
-    description = "";
-    address = "";
-    website = "";
-    members = [];
-    constructor(params = {}) {
-        Object.assign(this, params);
-    }
+}
+
+class Address {
+    static typename = "address";
+    static plural = "addresses";
 }
 
 class ItemQuery {
@@ -292,12 +245,6 @@ class ItemService extends RestService {
     typePlural() {
         return this.typenamePlural ? this.typenamePlural : this.typename + "s";
     }
-    instantiateType(_) {
-        throw new Error('Not Implemented');
-    }
-    getItem(id) {
-        return super.getItem(id).pipe(map(x => this.instantiateType(x)));
-    }
 }
 
 class ResolvedPermission {
@@ -314,9 +261,6 @@ class UserService extends ItemService {
     _url = PortalMember.plural;
     typename = PortalMember.typename;
     permissions = new Map();
-    instantiateType(item) {
-        return new PortalMember(item);
-    }
     login(username, password) {
         console.log("Attempting login");
         const body = new URLSearchParams();
@@ -455,9 +399,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.1", ngImpor
 class AddressService extends ItemWithUserService {
     _url = Address.plural;
     typename = Address.typename;
-    instantiateType(item) {
-        return new Address(item);
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: AddressService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: AddressService, providedIn: 'root' });
 }
@@ -475,9 +416,6 @@ class GroupService extends ItemWithUserService {
         super();
         this.userService.loggedInUser.subscribe(user => this.refreshUserItems(user));
     }
-    instantiateType(item) {
-        return new Group(item);
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: GroupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: GroupService, providedIn: 'root' });
 }
@@ -491,9 +429,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.1", ngImpor
 class OrganizationService extends ItemWithUserService {
     _url = Organization.plural;
     typename = Organization.typename;
-    instantiateType(item) {
-        return new Organization(item);
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: OrganizationService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: OrganizationService, providedIn: 'root' });
 }
@@ -676,7 +611,10 @@ class DetailView {
         this.getItem();
     }
     title() {
-        return this.itemService.typename.replace("_", " ");
+        if (this.itemService.typename) {
+            return this.itemService.typename.replace("_", " ");
+        }
+        return "";
     }
     onItemAvailable(item) {
         this.item.set(item);
@@ -712,35 +650,39 @@ class EditView {
     _route = inject(ActivatedRoute);
     _location = inject(Location);
     _userService = inject(UserService);
+    form;
     itemService;
-    constructor(itemService) {
+    constructor(itemService, form) {
         this.itemService = itemService;
+        this.form = form;
     }
     onInit() {
         this.getItem();
     }
-    onItemAvailable() {
+    onItemAvailable(item) {
         this._userService.loggedInUser.subscribe(user => { if (user) {
-            this.onItemAndUserAvailable(user);
+            this.onItemAndUserAvailable(item, user);
         } });
     }
-    onItemAndUserAvailable(_) {
+    onItemAndUserAvailable(_item, _user) {
     }
     goBack() {
         this._location.back();
     }
     submit() {
-        console.log("submit called");
-        if (this.item()) {
-            this.save();
-        }
+        this.save();
     }
     save() {
         if (this.createMode()) {
-            this.createItem();
+            this.postItem();
         }
         else {
-            this.updateItem();
+            const item = this.item();
+            {
+                if (item) {
+                    this.putItem(item);
+                }
+            }
         }
     }
     cancel() {
@@ -760,16 +702,16 @@ class EditView {
     onFileRead(_content) {
     }
     createItem() {
-        const item = this.item();
-        if (item) {
-            this.itemService.postItem(item).subscribe(item => this.saveFiles(item));
-        }
+        return this.form.createItem();
     }
-    updateItem() {
-        const item = this.item();
-        if (item) {
-            this.itemService.putItem(item).subscribe(item => this.saveFiles(item));
-        }
+    updateItem(item) {
+        return this.form.updateItem(item);
+    }
+    postItem() {
+        this.itemService.postItem(this.createItem()).subscribe(item => this.saveFiles(item));
+    }
+    putItem(item) {
+        this.itemService.putItem(this.updateItem(item)).subscribe(item => this.saveFiles(item));
     }
     saveFiles(item) {
         this.onItemUpdated(item);
@@ -788,16 +730,14 @@ class EditView {
     }
     getItem() {
         if (this.isCreateRoute()) {
-            this.item.set(this.getTemplateItem());
             this.createMode.set(true);
-            this.onItemAvailable();
         }
         else {
             const id_str = this._route.snapshot.paramMap.get('id');
             this.itemService.getItem(Number(id_str))
                 .subscribe(item => {
                 this.item.set(item);
-                this.onItemAvailable();
+                this.onItemAvailable(item);
             });
         }
     }
@@ -857,6 +797,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.1", ngImpor
                         MatInputModule], template: "<div class='select-container'>\n  <div>\n    <mat-form-field>\n      <mat-label>Add {{itemType()}}</mat-label>\n      <input \n          type=\"text\"\n           aria-label=\"Selected item\"\n           matInput\n           [formControl]=\"searchControl\" \n           [matAutocomplete]=\"auto\">\n\n      <mat-autocomplete #auto=\"matAutocomplete\">\n        @for(item of options(); track item.item.id){\n        <mat-option [value]=\"item.title\">{{item.title}}\n        </mat-option>\n        }\n    </mat-autocomplete>\n    </mat-form-field>\n\n    <button mat-mini-fab type=\"button\" class=\"form_action_button\" (click)=\"add()\">\n      <mat-icon>add\n      </mat-icon>\n    </button>\n  </div>\n\n  @if(selected().length > 0){\n  <table mat-table [dataSource]=\"selected()\" class=\"mat-elevation-z8\">\n    @for (column of columns(); track column.name) {\n    <ng-container matColumnDef=\"{{ column.name }}\">\n      <th mat-header-cell mat-sort-header *matHeaderCellDef>\n        {{ column.title }}\n      </th>\n      <td mat-cell *matCellDef=\"let element\">{{ element[column.name] }}</td>\n    </ng-container>\n    }\n\n    <ng-container matColumnDef=\"remove\">\n          <th mat-header-cell *matHeaderCellDef>Remove\n          </th>\n        <td mat-cell *matCellDef=\"let element\">\n            <button mat-icon-button\n                    color=\"primary\"\n                    aria-label=\"Remove an item\"\n                    (click)=\"remove(element.id)\">\n              <mat-icon>remove\n              </mat-icon>\n            </button>\n        </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"columnNames()\">\n    </tr>\n    <tr mat-row *matRowDef=\"let row; columns: columnNames();\">\n    </tr>\n  </table>\n  }\n</div>", styles: [".select-container,.table_container{display:flex;text-align:center;justify-content:center;flex-direction:column}.form_action_button{padding:5px;margin:5px}\n"] }]
         }] });
 
+const USER_TABLE_FULL = [
+    { name: 'first_name', title: 'First Name', element_type: 'string' },
+    { name: 'last_name', title: 'Surname', element_type: 'string' },
+    { name: 'username', title: 'Username', element_type: 'string' },
+    { name: 'email', title: 'Email', element_type: 'email' }
+];
+
+class SelectionManager {
+    candidates = signal([], ...(ngDevMode ? [{ debugName: "candidates" }] : []));
+    selected = signal([], ...(ngDevMode ? [{ debugName: "selected" }] : []));
+    columns = USER_TABLE_FULL;
+    userService = inject(UserService);
+    fetchCandidates(item, id) {
+        const queries = new Map([[item, id.toString()]]);
+        const query = new ItemQuery({ queries: queries });
+        this.userService.get(query).subscribe(users => this.selected.set(users.results));
+        this.userService.get().subscribe(users => this.updateCandidates(users));
+    }
+    updateCandidates(users) {
+        this.candidates.set(users.results.map(user => { return { title: user.username, item: user }; }));
+    }
+    onRemoved(id) {
+        const url = this.selected().find(m => m.id == id).url;
+        this.selected.update(members => members.filter(m => m.id != id));
+        return url;
+    }
+    onAdded(title) {
+        const selected = this.candidates().find(m => m.title == title);
+        if (selected) {
+            this.selected.update(members => { members.push(selected.item); return members; });
+        }
+        this.candidates.update(members => members.filter(m => m.title != title));
+        return this.selected().find(m => m.username == title).url;
+    }
+    onSearchChanged(searchTerm) {
+        if (searchTerm) {
+            this.userService.get(new ItemQuery({ filter: searchTerm })).subscribe(users => this.updateCandidates(users));
+        }
+        else {
+            this.userService.get().subscribe(users => this.updateCandidates(users));
+        }
+    }
+}
+
 /* eslint-disable @typescript-eslint/no-explicit-any */
 class ListTableViewComponent {
     itemType = input("", ...(ngDevMode ? [{ debugName: "itemType" }] : []));
@@ -1001,7 +985,6 @@ class ListDataSource extends DataSource {
     fetchedPages = new Set();
     constructor(itemService, consumerType = "table") {
         super();
-        console.log("created");
         this.itemService = itemService;
         this.consumerType = consumerType;
     }
@@ -1246,12 +1229,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.1", ngImpor
                         DetailHeaderComponent], template: "<lib-back-button></lib-back-button>\n\n<div class=\"content-container\">\n  @if(item(); as item){\n  <div class=\"item-detail-container\">\n\n    <lib-detail-header\n      [text]=\"item.username\"\n      [id]=\"item.id\"\n      [route]=\"itemService.typePlural()\"\n      [canEdit]=\"canEdit()\"\n      [canDelete]=\"canDelete()\"\n      (onDelete)=\"onDelete()\"></lib-detail-header>\n\n    @if(item.profile_url){\n    <div class=\"image-holder\">\n      <img alt=\"User Profile Image\" src=\"{{item.url}}{{item.profile_url}}\" style=\"height:120px;\">\n    </div>    \n    }\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  }\n</div>\n", styles: [":host{flex-grow:1}\n"] }]
         }], ctorParameters: () => [] });
 
-class UserEditComponent extends EditView {
-    files = signal([new FileRecord({
-            name: "image",
-            display_name: "Profile Image",
-            file_type: "image"
-        })], ...(ngDevMode ? [{ debugName: "files" }] : []));
+class UserForm {
     formBuilder = inject(FormBuilder);
     form = this.formBuilder.group({
         username: [''],
@@ -1260,17 +1238,7 @@ class UserEditComponent extends EditView {
         last_name: [''],
         phone: ['']
     });
-    constructor() {
-        super(inject(UserService));
-    }
-    ngOnInit() {
-        this.onInit();
-    }
-    onItemAvailable() {
-        const item = this.item();
-        if (!item) {
-            return;
-        }
+    setValue(item) {
         this.form.setValue({
             username: item.username,
             email: item.email,
@@ -1278,31 +1246,55 @@ class UserEditComponent extends EditView {
             last_name: item.last_name,
             phone: item.phone
         });
+    }
+    createItem() {
+        const value = this.form.value;
+        return {
+            username: value.username || "",
+            email: value.email || "",
+            first_name: value.first_name || "",
+            last_name: value.last_name || "",
+            phone: value.phone || ""
+        };
+    }
+    updateItem(item) {
+        const value = this.form.value;
+        item.username = value.username || "";
+        item.email = value.email || "";
+        item.first_name = value.first_name || "";
+        item.last_name = value.last_name || "";
+        item.phone = value.phone || "";
+        return item;
+    }
+}
+
+class UserEditComponent extends EditView {
+    files = signal([new FileRecord({
+            name: "image",
+            display_name: "Profile Image",
+            file_type: "image"
+        })], ...(ngDevMode ? [{ debugName: "files" }] : []));
+    constructor() {
+        super(inject(UserService), new UserForm());
+    }
+    ngOnInit() {
+        this.onInit();
+    }
+    onItemAvailable(item) {
+        this.form.setValue(item);
         if (item.profile_url) {
             this.files.update(files => { const file = files.find(f => f.name === "image"); if (file) {
                 file.remote = item.url + item.profile_url;
             } ; return files; });
         }
-        super.onItemAvailable();
+        super.onItemAvailable(item);
     }
     submit() {
         this.item.update((item) => { if (item) {
-            item = this.updateFromForm(item);
+            item = this.form.updateItem(item);
         } return item; });
-        console.log(this.item());
         super.submit();
     }
-    updateFromForm(item) {
-        item.username = this.form.value.username || "";
-        item.email = this.form.value.email || "";
-        item.first_name = this.form.value.first_name || "";
-        item.last_name = this.form.value.last_name || "";
-        item.phone = this.form.value.phone || "";
-        return item;
-    }
-    getTemplateItem() {
-        return new PortalMember();
-    }
     onPreviewLoaded(preview) {
         this.files.update(files => { const file = files.find(f => f.name === preview.name); if (file) {
             file.local = preview.content;
@@ -1319,7 +1311,7 @@ class UserEditComponent extends EditView {
         } ; });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: UserEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.1", type: UserEditComponent, isStandalone: true, selector: "lib-user-edit", usesInheritance: true, ngImport: i0, template: "<lib-back-button></lib-back-button>\n\n<div class=\"content-container\">\n\n  @if(item(); as item){\n  <div class=\"item-edit-container\">\n\n    <h1 class=\"item-edit-header\">{{heading() | titlecase}}</h1>\n\n     <form class=\"form-card\" [formGroup]=\"form\" (ngSubmit)=\"submit()\">\n       <mat-form-field class=\"form-field-wide\">\n          <mat-label>Username</mat-label>\n          <input matInput\n                 placeholder=\"Username\"\n                 type=\"text\"\n                 formControlName=\"username\"\n                 name=\"username\">\n        </mat-form-field>\n        \n       <mat-form-field class=\"form-field-wide\">\n          <mat-label>Email</mat-label>\n          <input matInput\n                 placeholder=\"Email\"\n                 type=\"text\"\n                 formControlName=\"email\"\n                 name=\"email\">\n        </mat-form-field>\n\n       <mat-form-field class=\"form-field\">\n         <mat-label>First Name</mat-label>\n         <input matInput\n                placeholder=\"First Name\"\n                type=\"text\"\n                formControlName=\"first_name\"\n                name=\"first_name\">\n        </mat-form-field>\n  \n       <mat-form-field class=\"form-field\">\n          <mat-label>Last Name</mat-label>\n          <input matInput\n                 placeholder=\"Last Name\"\n                 type=\"text\"\n                 formControlName=\"last_name\"\n                 name=\"last_name\">\n        </mat-form-field>\n\n       <lib-file-upload [files]=\"files()\"\n                        (previewLoaded)=\"onPreviewLoaded($event)\"\n                        (fileUploaded)=\"onFileUploaded($event)\"></lib-file-upload>\n    </form>\n\n    <div class=\"button_group\">\n       <button mat-fab\n               class=\"form_action_button\"\n               type=\"submit\"\n               [disabled]=\"!form.valid\">\n         <mat-icon>save</mat-icon></button>\n       \n       <button mat-fab\n               class=\"form_action_button\"\n               (click)=\"cancel()\">\n         <mat-icon>cancel</mat-icon></button>\n     </div>\n  </div>\n  }\n</div>\n", styles: [":host{flex-grow:1}.item_view{display:flex;justify-content:left;align-items:left;flex-direction:column}.checkbox_group{justify-content:left;display:flex;flex-direction:column}.button_group{margin:10px;display:flex;flex-direction:row;justify-content:center}.btn-block{padding:5px}.form_action_button{padding:5px;margin:5px}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { 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: "component", type: BackButtonComponent, selector: "lib-back-button" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FileUploadComponent, selector: "lib-file-upload", inputs: ["files"], outputs: ["previewLoaded", "fileUploaded", "clearLocal"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.1", type: UserEditComponent, isStandalone: true, selector: "lib-user-edit", usesInheritance: true, ngImport: i0, template: "<lib-back-button></lib-back-button>\n\n<div class=\"content-container\">\n\n  @if(item(); as item){\n  <div class=\"item-edit-container\">\n\n    <h1 class=\"item-edit-header\">{{heading() | titlecase}}</h1>\n\n     <form class=\"form-card\" [formGroup]=\"form.form\" (ngSubmit)=\"submit()\">\n       <mat-form-field class=\"form-field-wide\">\n          <mat-label>Username</mat-label>\n          <input matInput\n                 placeholder=\"Username\"\n                 type=\"text\"\n                 formControlName=\"username\"\n                 name=\"username\">\n        </mat-form-field>\n        \n       <mat-form-field class=\"form-field-wide\">\n          <mat-label>Email</mat-label>\n          <input matInput\n                 placeholder=\"Email\"\n                 type=\"text\"\n                 formControlName=\"email\"\n                 name=\"email\">\n        </mat-form-field>\n\n       <mat-form-field class=\"form-field\">\n         <mat-label>First Name</mat-label>\n         <input matInput\n                placeholder=\"First Name\"\n                type=\"text\"\n                formControlName=\"first_name\"\n                name=\"first_name\">\n        </mat-form-field>\n  \n       <mat-form-field class=\"form-field\">\n          <mat-label>Last Name</mat-label>\n          <input matInput\n                 placeholder=\"Last Name\"\n                 type=\"text\"\n                 formControlName=\"last_name\"\n                 name=\"last_name\">\n        </mat-form-field>\n\n       <lib-file-upload [files]=\"files()\"\n                        (previewLoaded)=\"onPreviewLoaded($event)\"\n                        (fileUploaded)=\"onFileUploaded($event)\"></lib-file-upload>\n    </form>\n\n    <div class=\"button_group\">\n       <button mat-fab\n               class=\"form_action_button\"\n               type=\"submit\"\n               [disabled]=\"!form.form.valid\">\n         <mat-icon>save</mat-icon></button>\n       \n       <button mat-fab\n               class=\"form_action_button\"\n               (click)=\"cancel()\">\n         <mat-icon>cancel</mat-icon></button>\n     </div>\n  </div>\n  }\n</div>\n", styles: [":host{flex-grow:1}.item_view{display:flex;justify-content:left;align-items:left;flex-direction:column}.checkbox_group{justify-content:left;display:flex;flex-direction:column}.button_group{margin:10px;display:flex;flex-direction:row;justify-content:center}.btn-block{padding:5px}.form_action_button{padding:5px;margin:5px}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { 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: "component", type: BackButtonComponent, selector: "lib-back-button" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FileUploadComponent, selector: "lib-file-upload", inputs: ["files"], outputs: ["previewLoaded", "fileUploaded", "clearLocal"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: UserEditComponent, decorators: [{
             type: Component,
@@ -1332,7 +1324,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.1", ngImpor
                         MatIconModule,
                         FileUploadComponent,
                         TitleCasePipe
-                    ], template: "<lib-back-button></lib-back-button>\n\n<div class=\"content-container\">\n\n  @if(item(); as item){\n  <div class=\"item-edit-container\">\n\n    <h1 class=\"item-edit-header\">{{heading() | titlecase}}</h1>\n\n     <form class=\"form-card\" [formGroup]=\"form\" (ngSubmit)=\"submit()\">\n       <mat-form-field class=\"form-field-wide\">\n          <mat-label>Username</mat-label>\n          <input matInput\n                 placeholder=\"Username\"\n                 type=\"text\"\n                 formControlName=\"username\"\n                 name=\"username\">\n        </mat-form-field>\n        \n       <mat-form-field class=\"form-field-wide\">\n          <mat-label>Email</mat-label>\n          <input matInput\n                 placeholder=\"Email\"\n                 type=\"text\"\n                 formControlName=\"email\"\n                 name=\"email\">\n        </mat-form-field>\n\n       <mat-form-field class=\"form-field\">\n         <mat-label>First Name</mat-label>\n         <input matInput\n                placeholder=\"First Name\"\n                type=\"text\"\n                formControlName=\"first_name\"\n                name=\"first_name\">\n        </mat-form-field>\n  \n       <mat-form-field class=\"form-field\">\n          <mat-label>Last Name</mat-label>\n          <input matInput\n                 placeholder=\"Last Name\"\n                 type=\"text\"\n                 formControlName=\"last_name\"\n                 name=\"last_name\">\n        </mat-form-field>\n\n       <lib-file-upload [files]=\"files()\"\n                        (previewLoaded)=\"onPreviewLoaded($event)\"\n                        (fileUploaded)=\"onFileUploaded($event)\"></lib-file-upload>\n    </form>\n\n    <div class=\"button_group\">\n       <button mat-fab\n               class=\"form_action_button\"\n               type=\"submit\"\n               [disabled]=\"!form.valid\">\n         <mat-icon>save</mat-icon></button>\n       \n       <button mat-fab\n               class=\"form_action_button\"\n               (click)=\"cancel()\">\n         <mat-icon>cancel</mat-icon></button>\n     </div>\n  </div>\n  }\n</div>\n", styles: [":host{flex-grow:1}.item_view{display:flex;justify-content:left;align-items:left;flex-direction:column}.checkbox_group{justify-content:left;display:flex;flex-direction:column}.button_group{margin:10px;display:flex;flex-direction:row;justify-content:center}.btn-block{padding:5px}.form_action_button{padding:5px;margin:5px}\n"] }]
+                    ], template: "<lib-back-button></lib-back-button>\n\n<div class=\"content-container\">\n\n  @if(item(); as item){\n  <div class=\"item-edit-container\">\n\n    <h1 class=\"item-edit-header\">{{heading() | titlecase}}</h1>\n\n     <form class=\"form-card\" [formGroup]=\"form.form\" (ngSubmit)=\"submit()\">\n       <mat-form-field class=\"form-field-wide\">\n          <mat-label>Username</mat-label>\n          <input matInput\n                 placeholder=\"Username\"\n                 type=\"text\"\n                 formControlName=\"username\"\n                 name=\"username\">\n        </mat-form-field>\n        \n       <mat-form-field class=\"form-field-wide\">\n          <mat-label>Email</mat-label>\n          <input matInput\n                 placeholder=\"Email\"\n                 type=\"text\"\n                 formControlName=\"email\"\n                 name=\"email\">\n        </mat-form-field>\n\n       <mat-form-field class=\"form-field\">\n         <mat-label>First Name</mat-label>\n         <input matInput\n                placeholder=\"First Name\"\n                type=\"text\"\n                formControlName=\"first_name\"\n                name=\"first_name\">\n        </mat-form-field>\n  \n       <mat-form-field class=\"form-field\">\n          <mat-label>Last Name</mat-label>\n          <input matInput\n                 placeholder=\"Last Name\"\n                 type=\"text\"\n                 formControlName=\"last_name\"\n                 name=\"last_name\">\n        </mat-form-field>\n\n       <lib-file-upload [files]=\"files()\"\n                        (previewLoaded)=\"onPreviewLoaded($event)\"\n                        (fileUploaded)=\"onFileUploaded($event)\"></lib-file-upload>\n    </form>\n\n    <div class=\"button_group\">\n       <button mat-fab\n               class=\"form_action_button\"\n               type=\"submit\"\n               [disabled]=\"!form.form.valid\">\n         <mat-icon>save</mat-icon></button>\n       \n       <button mat-fab\n               class=\"form_action_button\"\n               (click)=\"cancel()\">\n         <mat-icon>cancel</mat-icon></button>\n     </div>\n  </div>\n  }\n</div>\n", styles: [":host{flex-grow:1}.item_view{display:flex;justify-content:left;align-items:left;flex-direction:column}.checkbox_group{justify-content:left;display:flex;flex-direction:column}.button_group{margin:10px;display:flex;flex-direction:row;justify-content:center}.btn-block{padding:5px}.form_action_button{padding:5px;margin:5px}\n"] }]
         }], ctorParameters: () => [] });
 
 class UserListDetailComponent {
@@ -1346,13 +1338,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.1", ngImpor
                         MatCardModule], template: "<mat-card mat-list-item class=\"item-card\">\n    @if(item(); as item){\n    <mat-card-header>\n        <mat-card-title-group style=\"padding: 5px\">\n        <mat-card-title\n            >{{ item.first_name }} {{ item.last_name }}</mat-card-title\n        >\n        <mat-card-subtitle>{{ item.username }}</mat-card-subtitle>\n        </mat-card-title-group>\n    </mat-card-header>\n\n    <mat-card-content>\n        <p>Email: {{ item.email }}</p>\n    </mat-card-content>\n    }\n</mat-card>\n", styles: [":host{flex-grow:1}.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"] }]
         }] });
 
-const USER_TABLE_FULL = [
-    { name: 'first_name', title: 'First Name', element_type: 'string' },
-    { name: 'last_name', title: 'Surname', element_type: 'string' },
-    { name: 'username', title: 'Username', element_type: 'string' },
-    { name: 'email', title: 'Email', element_type: 'email' }
-];
-
 class UserComponent {
     viewType = signal("list", ...(ngDevMode ? [{ debugName: "viewType" }] : []));
     itemService = inject(UserService);
@@ -1439,6 +1424,16 @@ class AddressForm {
             country: item.country
         });
     }
+    createItem() {
+        const value = this.form.value;
+        return { line1: value.line1 || "",
+            line2: value.line2 || null,
+            line3: value.line3 || null,
+            city: value.city || null,
+            region: value.region || "",
+            postcode: value.postcode || null,
+            country: value.country || "" };
+    }
     updateItem(item) {
         const value = this.form.value;
         item.line1 = value.line1 || "";
@@ -1468,63 +1463,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.1", ngImpor
         }] });
 
 class OrganizationDetailComponent extends DetailView {
-    address = signal(null, ...(ngDevMode ? [{ debugName: "address" }] : []));
-    addressService = inject(AddressService);
     constructor() {
         super(inject(OrganizationService));
     }
     ngOnInit() {
         this.onInit();
     }
-    onItemAndUserAvailable(item, _user) {
-        this.addressService.getUrl(item.address).subscribe(address => this.address.set(address));
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: OrganizationDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.1", type: OrganizationDetailComponent, isStandalone: true, selector: "lib-organization-detail", usesInheritance: true, ngImport: i0, template: "<lib-back-button></lib-back-button>\n\n<div class=\"content-container\">\n\n  @if(item(); as item){\n  <div class=\"item-detail-container\">\n\n    <lib-detail-header\n      [text]=\"item.name\"\n      [id]=\"item.id\"\n      [canEdit]=\"itemService.canEdit()\"\n      [canDelete]=\"itemService.canDelete()\"\n      [route]=\"itemService.typePlural()\"></lib-detail-header>\n\n    <div class=\"item-field\">\n      {{item.description}}\n    </div>\n    \n    @if(address(); as address)\n    {\n      <h3>Address</h3>\n      <lib-address-detail [address]=\"address\"></lib-address-detail>\n    }\n    <div class=\"item-field\">\n      <h3>Website</h3>{{item.website}}\n    </div>\n  </div>\n  }\n</div>\n", styles: [":host{flex-grow:1}.padded_button{padding:5px}\n"], dependencies: [{ kind: "component", type: BackButtonComponent, selector: "lib-back-button" }, { kind: "component", type: DetailHeaderComponent, selector: "lib-detail-header", inputs: ["id", "text", "route", "canEdit", "canDelete"], outputs: ["deleteClicked"] }, { kind: "component", type: AddressDetailComponent, selector: "lib-address-detail", inputs: ["address"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.1", type: OrganizationDetailComponent, isStandalone: true, selector: "lib-organization-detail", usesInheritance: true, ngImport: i0, template: "<lib-back-button></lib-back-button>\n\n<div class=\"content-container\">\n\n  @if(item(); as item){\n  <div class=\"item-detail-container\">\n\n    <lib-detail-header\n      [text]=\"item.name\"\n      [id]=\"item.id\"\n      [canEdit]=\"itemService.canEdit()\"\n      [canDelete]=\"itemService.canDelete()\"\n      [route]=\"itemService.typePlural()\"></lib-detail-header>\n\n    <div class=\"item-field\">\n      {{item.description}}\n    </div>\n    \n    <h3>Address</h3>\n    <lib-address-detail [address]=\"item.address\"></lib-address-detail>\n\n    <div class=\"item-field\">\n      <h3>Website</h3>{{item.website}}\n    </div>\n  </div>\n  }\n</div>\n", styles: [":host{flex-grow:1}.padded_button{padding:5px}\n"], dependencies: [{ kind: "component", type: BackButtonComponent, selector: "lib-back-button" }, { kind: "component", type: DetailHeaderComponent, selector: "lib-detail-header", inputs: ["id", "text", "route", "canEdit", "canDelete"], outputs: ["deleteClicked"] }, { kind: "component", type: AddressDetailComponent, selector: "lib-address-detail", inputs: ["address"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: OrganizationDetailComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-organization-detail', imports: [BackButtonComponent,
-                        DetailHeaderComponent, AddressDetailComponent], template: "<lib-back-button></lib-back-button>\n\n<div class=\"content-container\">\n\n  @if(item(); as item){\n  <div class=\"item-detail-container\">\n\n    <lib-detail-header\n      [text]=\"item.name\"\n      [id]=\"item.id\"\n      [canEdit]=\"itemService.canEdit()\"\n      [canDelete]=\"itemService.canDelete()\"\n      [route]=\"itemService.typePlural()\"></lib-detail-header>\n\n    <div class=\"item-field\">\n      {{item.description}}\n    </div>\n    \n    @if(address(); as address)\n    {\n      <h3>Address</h3>\n      <lib-address-detail [address]=\"address\"></lib-address-detail>\n    }\n    <div class=\"item-field\">\n      <h3>Website</h3>{{item.website}}\n    </div>\n  </div>\n  }\n</div>\n", styles: [":host{flex-grow:1}.padded_button{padding:5px}\n"] }]
+                        DetailHeaderComponent, AddressDetailComponent], template: "<lib-back-button></lib-back-button>\n\n<div class=\"content-container\">\n\n  @if(item(); as item){\n  <div class=\"item-detail-container\">\n\n    <lib-detail-header\n      [text]=\"item.name\"\n      [id]=\"item.id\"\n      [canEdit]=\"itemService.canEdit()\"\n      [canDelete]=\"itemService.canDelete()\"\n      [route]=\"itemService.typePlural()\"></lib-detail-header>\n\n    <div class=\"item-field\">\n      {{item.description}}\n    </div>\n    \n    <h3>Address</h3>\n    <lib-address-detail [address]=\"item.address\"></lib-address-detail>\n\n    <div class=\"item-field\">\n      <h3>Website</h3>{{item.website}}\n    </div>\n  </div>\n  }\n</div>\n", styles: [":host{flex-grow:1}.padded_button{padding:5px}\n"] }]
         }], ctorParameters: () => [] });
 
-class SelectionManager {
-    candidates = signal([], ...(ngDevMode ? [{ debugName: "candidates" }] : []));
-    selected = signal([], ...(ngDevMode ? [{ debugName: "selected" }] : []));
-    columns = USER_TABLE_FULL;
-    userService = inject(UserService);
-    fetchCandidates(item, id) {
-        const queries = new Map([[item, id.toString()]]);
-        const query = new ItemQuery({ queries: queries });
-        this.userService.get(query).subscribe(users => this.selected.set(users.results));
-        this.userService.get().subscribe(users => this.updateCandidates(users));
-    }
-    updateCandidates(users) {
-        this.candidates.set(users.results.map(user => { return { title: user.username, item: user }; }));
-    }
-    onRemoved(id) {
-        const url = this.selected().find(m => m.id == id).url;
-        this.selected.update(members => members.filter(m => m.id != id));
-        return url;
-    }
-    onAdded(title) {
-        const selected = this.candidates().find(m => m.title == title);
-        if (selected) {
-            this.selected.update(members => { members.push(selected.item); return members; });
-        }
-        this.candidates.update(members => members.filter(m => m.title != title));
-        return this.selected().find(m => m.username == title).url;
-    }
-    onSearchChanged(searchTerm) {
-        if (searchTerm) {
-            this.userService.get(new ItemQuery({ filter: searchTerm })).subscribe(users => this.updateCandidates(users));
-        }
-        else {
-            this.userService.get().subscribe(users => this.updateCandidates(users));
-        }
-    }
-}
-
 class OrganizationForm {
     formBuilder = inject(FormBuilder);
     form;
@@ -1538,7 +1491,8 @@ class OrganizationForm {
             address: [this.address.form]
         });
     }
-    updateFromItem(item) {
+    setValue(item) {
+        this.address.setValue(item.address);
         this.form.setValue({
             name: item.name,
             acronym: item.acronym,
@@ -1547,11 +1501,23 @@ class OrganizationForm {
             address: this.address.form
         });
     }
+    createItem() {
+        const value = this.form.value;
+        return {
+            name: value.name || "",
+            acronym: value.acronym || "",
+            description: value.description || "",
+            website: value.website || "",
+            address: this.address.createItem(),
+            members: []
+        };
+    }
     updateItem(item) {
         item.name = this.form.value.name || "";
         item.acronym = this.form.value.acronym || "";
         item.description = this.form.value.description || "";
         item.website = this.form.value.website || "";
+        item.address = this.address.updateItem(item.address);
         return item;
     }
 }
@@ -1559,63 +1525,27 @@ class OrganizationForm {
 class OrganizationEditComponent extends EditView {
     countryOptions = signal([], ...(ngDevMode ? [{ debugName: "countryOptions" }] : []));
     selectionManager = new SelectionManager();
-    form = new OrganizationForm();
-    address = new Address();
-    addressService = inject(AddressService);
     constructor() {
-        super(inject(OrganizationService));
+        super(inject(OrganizationService), new OrganizationForm());
     }
     ngOnInit() {
         this.onInit();
-        this.addressService.getOptions().subscribe(options => this.onOptions(options));
     }
-    onItemAndUserAvailable(_) {
-        const item = this.item();
-        if (item) {
-            this.fetchAddress(item.address);
-            this.form.updateFromItem(item);
-            this.selectionManager.fetchCandidates(this.itemService.typename, item.id);
-        }
-    }
-    submit() {
-        this.syncFromForm();
-        if (this.createMode()) {
-            this.createAddress().subscribe(_ => super.submit());
-        }
-        else {
-            this.updateAddress();
-            super.submit();
-        }
-    }
-    fetchAddress(url) {
-        if (url) {
-            this.addressService.getUrl(url).subscribe(address => this.onAddressUpdated(address));
-        }
-    }
-    updateAddress() {
-        this.addressService.putItem(this.address).subscribe(address => this.onAddressUpdated(address));
+    addressForm() {
+        return this.form.address.form;
     }
-    createAddress() {
-        return this.addressService.postItem(this.address).pipe(tap(address => { this.onAddressCreated(address); }));
-    }
-    onAddressUpdated(address) {
-        this.address = address;
-        this.form.address.setValue(this.address);
-    }
-    onAddressCreated(address) {
-        this.onAddressUpdated(address);
-        this.item.update(item => { if (item) {
-            item.address = address.url;
-        } return item; });
+    createItem() {
+        const item = this.form.createItem();
+        item.members = this.selectionManager.selected().map(m => m.url);
+        return item;
     }
-    syncFromForm() {
-        this.address = this.form.address.updateItem(this.address);
-        this.item.update((item) => { if (item) {
-            item = this.form.updateItem(item);
-        } return item; });
+    updateItem(item) {
+        item = this.form.updateItem(item);
+        item.members = this.selectionManager.selected().map(m => m.url);
+        return item;
     }
-    getTemplateItem() {
-        return new Organization();
+    onItemAndUserAvailable(item, _) {
+        this.selectionManager.fetchCandidates(this.itemService.typename, item.id);
     }
     onPostActions(actions) {
         if ('country' in actions && actions['country'].choices) {
@@ -1625,24 +1555,8 @@ class OrganizationEditComponent extends EditView {
     onCountryChoices(choices) {
         this.countryOptions.update(() => choices.map(c => { return { name: c.display_name, code: c.value, flag: "" }; }));
     }
-    addMember(url) {
-        this.item.update(item => { if (item) {
-            item.members.push(url);
-        } return item; });
-    }
-    removeMember(url) {
-        this.item.update(item => { if (item) {
-            item.members.filter(m => m != url);
-        } return item; });
-    }
-    onMemberRemoved(id) {
-        this.removeMember(this.selectionManager.onRemoved(id));
-    }
-    onMemberAdded(title) {
-        this.addMember(this.selectionManager.onAdded(title));
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: OrganizationEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.1", type: OrganizationEditComponent, isStandalone: true, selector: "lib-organization-edit", usesInheritance: true, ngImport: i0, template: "<lib-back-button></lib-back-button>\n\n<div class=\"content-container\">\n\n  @if(item(); as item){\n  <div class=\"item-edit-container\">\n    \n    <h1 class=\"item-edit-header\">{{heading() | titlecase}}</h1>\n\n    <form class=\"form-card\" [formGroup]=\"form.form\" (ngSubmit)=\"submit()\">\n\n      <mat-form-field class=\"form-field-wide\">\n          <mat-label for=\"name\">Name</mat-label>\n          <input matInput placeholder=\"Name\"\n                 type=\"text\"\n                 id=\"name\"\n                 formControlName=\"name\"\n                 name=\"name\"\n                 required>\n        </mat-form-field>\n        \n        <mat-form-field class=\"form-field\">\n          <mat-label for=\"acronym\">Acronym</mat-label> \n          <input matInput placeholder=\"Acronym\"\n                 type=\"text\"\n                 id=\"acronym\"\n                 formControlName=\"acronym\"\n                 name=\"acronym\">\n        </mat-form-field>\n \n        <mat-form-field class=\"form-field-wide\">\n          <mat-label for=\"description\">Description</mat-label>\n          <textarea matInput placeholder=\"Description\"\n                    type=\"text\"\n                    id=\"description\"\n                    formControlName=\"description\"\n                    name=\"description\"\n                    class=\"medium-textarea\"\n                    required></textarea>\n        </mat-form-field>\n\n        <h3>Address</h3>\n        <lib-address-edit \n        [countryOptions]=\"countryOptions()\"\n        [form]=\"form.address.form\"\n        ></lib-address-edit>\n\n        <h3>Members</h3>\n        <lib-select-table [selected]=\"selectionManager.selected()\"\n                          [itemType]=\"'Members'\"\n                          [columns]=\"selectionManager.columns\"\n                         [options]=\"selectionManager.candidates()\"\n                         (itemAdded)=\"onMemberAdded($event)\"\n                         (itemRemoved)=\"onMemberRemoved($event)\"\n                         (searchChanged)=\"selectionManager.onSearchChanged($event)\">\n        </lib-select-table>\n\n     </form>\n         <div class=\"button_group\">\n           <button mat-fab\n                   class=\"form_action_button\"\n                   type=\"submit\"\n                   [disabled]=\"!form.form.valid\">\n             <mat-icon>save</mat-icon>\n           </button>\n           \n           <button mat-fab\n                   class=\"form_action_button\"\n                   (click)=\"cancel()\">\n             <mat-icon>cancel</mat-icon>\n           </button>\n         </div>\n\n  </div>\n  }\n</div>\n", styles: [":host{flex-grow:1}.medium-textarea{min-height:150px}.checkbox_group{justify-content:left;display:flex;flex-direction:column}.button_group{margin:10px;display:flex;flex-direction:row;justify-content:center}.btn-block{padding:5px}.form_action_button{padding:5px;margin:5px}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { 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: MatInputModule }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: BackButtonComponent, selector: "lib-back-button" }, { kind: "component", type: AddressEditComponent, selector: "lib-address-edit", inputs: ["countryOptions", "form"] }, { kind: "component", type: SelectTableComponent, selector: "lib-select-table", inputs: ["itemType", "selected", "options", "columns"], outputs: ["itemAdded", "itemRemoved", "searchChanged"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.1", type: OrganizationEditComponent, isStandalone: true, selector: "lib-organization-edit", usesInheritance: true, ngImport: i0, template: "<lib-back-button></lib-back-button>\n\n<div class=\"content-container\">\n\n  @if(item(); as item){\n  <div class=\"item-edit-container\">\n    \n    <h1 class=\"item-edit-header\">{{heading() | titlecase}}</h1>\n\n    <form class=\"form-card\" [formGroup]=\"form.form\" (ngSubmit)=\"submit()\">\n\n      <mat-form-field class=\"form-field-wide\">\n          <mat-label for=\"name\">Name</mat-label>\n          <input matInput placeholder=\"Name\"\n                 type=\"text\"\n                 id=\"name\"\n                 formControlName=\"name\"\n                 name=\"name\"\n                 required>\n        </mat-form-field>\n        \n        <mat-form-field class=\"form-field\">\n          <mat-label for=\"acronym\">Acronym</mat-label> \n          <input matInput placeholder=\"Acronym\"\n                 type=\"text\"\n                 id=\"acronym\"\n                 formControlName=\"acronym\"\n                 name=\"acronym\">\n        </mat-form-field>\n \n        <mat-form-field class=\"form-field-wide\">\n          <mat-label for=\"description\">Description</mat-label>\n          <textarea matInput placeholder=\"Description\"\n                    type=\"text\"\n                    id=\"description\"\n                    formControlName=\"description\"\n                    name=\"description\"\n                    class=\"medium-textarea\"\n                    required></textarea>\n        </mat-form-field>\n\n        <h3>Address</h3>\n        <lib-address-edit \n        [countryOptions]=\"countryOptions()\"\n        [form]=\"addressForm()\"\n        ></lib-address-edit>\n\n        <h3>Members</h3>\n        <lib-select-table [selected]=\"selectionManager.selected()\"\n                          [itemType]=\"'Members'\"\n                          [columns]=\"selectionManager.columns\"\n                         [options]=\"selectionManager.candidates()\"\n                         (itemAdded)=\"selectionManager.onAdded($event)\"\n                         (itemRemoved)=\"selectionManager.onRemoved($event)\"\n                         (searchChanged)=\"selectionManager.onSearchChanged($event)\">\n        </lib-select-table>\n\n     </form>\n         <div class=\"button_group\">\n           <button mat-fab\n                   class=\"form_action_button\"\n                   type=\"submit\"\n                   [disabled]=\"!form.form.valid\">\n             <mat-icon>save</mat-icon>\n           </button>\n           \n           <button mat-fab\n                   class=\"form_action_button\"\n                   (click)=\"cancel()\">\n             <mat-icon>cancel</mat-icon>\n           </button>\n         </div>\n\n  </div>\n  }\n</div>\n", styles: [":host{flex-grow:1}.medium-textarea{min-height:150px}.checkbox_group{justify-content:left;display:flex;flex-direction:column}.button_group{margin:10px;display:flex;flex-direction:row;justify-content:center}.btn-block{padding:5px}.form_action_button{padding:5px;margin:5px}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { 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: MatInputModule }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: BackButtonComponent, selector: "lib-back-button" }, { kind: "component", type: AddressEditComponent, selector: "lib-address-edit", inputs: ["countryOptions", "form"] }, { kind: "component", type: SelectTableComponent, selector: "lib-select-table", inputs: ["itemType", "selected", "options", "columns"], outputs: ["itemAdded", "itemRemoved", "searchChanged"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.1", ngImport: i0, type: OrganizationEditComponent, decorators: [{
             type: Component,
@@ -1658,7 +1572,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.1", ngImpor
                         AddressEditComponent,
                         SelectTableComponent,
                         TitleCasePipe
-                    ], template: "<lib-back-button></lib-back-button>\n\n<div class=\"content-container\">\n\n  @if(item(); as item){\n  <div class=\"item-edit-container\">\n    \n    <h1 class=\"item-edit-header\">{{heading() | titlecase}}</h1>\n\n    <form class=\"form-card\" [formGroup]=\"form.form\" (ngSubmit)=\"submit()\">\n\n      <mat-form-field class=\"form-field-wide\">\n          <mat-label for=\"name\">Name</mat-label>\n          <input matInput placeholder=\"Name\"\n                 type=\"text\"\n                 id=\"name\"\n                 formControlName=\"name\"\n                 name=\"name\"\n                 required>\n        </mat-form-field>\n        \n        <mat-form-field class=\"form-field\">\n          <mat-label for=\"acronym\">Acronym</mat-label> \n          <input matInput placeholder=\"Acronym\"\n                 type=\"text\"\n                 id=\"acronym\"\n                 formControlName=\"acronym\"\n                 name=\"acronym\">\n        </mat-form-field>\n \n        <mat-form-field class=\"form-field-wide\">\n          <mat-label for=\"description\">Description</mat-label>\n          <textarea matInput placeholder=\"Description\"\n                    type=\"text\"\n                    id=\"description\"\n                    formControlName=\"description\"\n                    name=\"description\"\n                    class=\"medium-textarea\"\n                    required></textarea>\n        </mat-form-field>\n\n        <h3>Address</h3>\n        <lib-address-edit \n        [countryOptions]=\"countryOptions()\"\n        [form]=\"form.address.form\"\n        ></lib-address-edit>\n\n        <h3>Members</h3>\n        <lib-select-table [selected]=\"selectionManager.selected()\"\n                          [itemType]=\"'Members'\"\n                          [columns]=\"selectionManager.columns\"\n                         [options]=\"selectionManager.candidates()\"\n                         (itemAdded)=\"onMemberAdded($event)\"\n                         (itemRemoved)=\"onMemberRemoved($event)\"\n                         (searchChanged)=\"selectionManager.onSearchChanged($event)\">\n        </lib-select-table>\n\n     </form>\n         <div class=\"button_group\">\n           <button mat-fab\n                   class=\"form_action_button\"\n                   type=\"submit\"\n                   [disabled]=\"!form.form.valid\">\n             <mat-icon>save</mat-icon>\n           </button>\n           \n           <button mat-fab\n                   class=\"form_action_button\"\n                   (click)=\"cancel()\">\n             <mat-icon>cancel</mat-icon>\n           </button>\n         </div>\n\n  </div>\n  }\n</div>\n", styles: [":host{flex-grow:1}.medium-textarea{min-height:150px}.checkbox_group{justify-content:left;display:flex;flex-direction:column}.button_group{margin:10px;display:flex;flex-direction:row;justify-content:center}.btn-block{padding:5px}.form_action_button{padding:5px;margin:5px}\n"] }]
+                    ], template: "<lib-back-button></lib-back-button>\n\n<div class=\"content-container\">\n\n  @if(item(); as item){\n  <div class=\"item-edit-container\">\n    \n    <h1 class=\"item-edit-header\">{{heading() | titlecase}}</h1>\n\n    <form class=\"form-card\" [formGroup]=\"form.form\" (ngSubmit)=\"submit()\">\n\n      <mat-form-field class=\"form-field-wide\">\n          <mat-label for=\"name\">Name</mat-label>\n          <input matInput placeholder=\"Name\"\n                 type=\"text\"\n                 id=\"name\"\n                 formControlName=\"name\"\n                 name=\"name\"\n                 required>\n        </mat-form-field>\n        \n        <mat-form-field class=\"form-field\">\n          <mat-label for=\"acronym\">Acronym</mat-label> \n          <input matInput placeholder=\"Acronym\"\n                 type=\"text\"\n                 id=\"acronym\"\n                 formControlName=\"acronym\"\n                 name=\"acronym\">\n        </mat-form-field>\n \n        <mat-form-field class=\"form-field-wide\">\n          <mat-label for=\"description\">Description</mat-label>\n          <textarea matInput placeholder=\"Description\"\n                    type=\"text\"\n                    id=\"description\"\n                    formControlName=\"description\"\n                    name=\"description\"\n                    class=\"medium-textarea\"\n                    required></textarea>\n        </mat-form-field>\n\n        <h3>Address</h3>\n        <lib-address-edit \n        [countryOptions]=\"countryOptions()\"\n        [form]=\"addressForm()\"\n        ></lib-address-edit>\n\n        <h3>Members</h3>\n        <lib-select-table [selected]=\"selectionManager.selected()\"\n                          [itemType]=\"'Members'\"\n                          [columns]=\"selectionManager.columns\"\n                         [options]=\"selectionManager.candidates()\"\n                         (itemAdded)=\"selectionManager.onAdded($event)\"\n                         (itemRemoved)=\"selectionManager.onRemoved($event)\"\n                         (searchChanged)=\"selectionManager.onSearchChanged($event)\">\n        </lib-select-table>\n\n     </form>\n         <div class=\"button_group\">\n           <button mat-fab\n                   class=\"form_action_button\"\n                   type=\"submit\"\n                   [disabled]=\"!form.form.valid\">\n             <mat-icon>save</mat-icon>\n           </button>\n           \n           <button mat-fab\n                   class=\"form_action_button\"\n                   (click)=\"cancel()\">\n             <mat-icon>cancel</mat-icon>\n           </button>\n         </div>\n\n  </div>\n  }\n</div>\n", styles: [":host{flex-grow:1}.medium-textarea{min-height:150px}.checkbox_group{justify-content:left;display:flex;flex-direction:column}.button_group{margin:10px;display:flex;flex-direction:row;justify-content:center}.btn-block{padding:5px}.form_action_button{padding:5px;margin:5px}\n"] }]
         }], ctorParameters: () => [] });
 
 /*
@@ -1669,5 +1583,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, ENDPOINT_URL, EditView, ErrorCode, FeedbackComponent, FileRecord, FileUploadComponent, Group, GroupComponent, GroupDetailComponent, GroupService, ItemQuery, ItemService, ItemWithUserService, LOGIN_USER, LandingComponent, LeftNavComponent, LeftNavService, ListTableViewComponent, ListViewComponent, MockItemService, Organization, OrganizationComponent, OrganizationDetailComponent, OrganizationEditComponent, OrganizationService, Paginated, Permission, PortalMember, ResolvedPermission, RestService, SearchBarComponent, SelectTableComponent, TopBarComponent, UserComponent, UserDetailComponent, UserEditComponent, UserService };
+export { Address, AddressDetailComponent, AddressEditComponent, AddressForm, AddressService, ApiError, AvatarComponent, BackButtonComponent, DetailHeaderComponent, DetailView, ENDPOINT_URL, EditView, ErrorCode, FeedbackComponent, FileRecord, FileUploadComponent, Group, GroupComponent, GroupDetailComponent, GroupService, ItemQuery, ItemService, ItemWithUserService, LOGIN_USER, LandingComponent, LeftNavComponent, LeftNavService, ListTableViewComponent, ListViewComponent, MockItemService, Organization, OrganizationComponent, OrganizationDetailComponent, OrganizationEditComponent, OrganizationService, Paginated, Permission, PortalMember, ResolvedPermission, RestService, SearchBarComponent, SelectTableComponent, SelectionManager, TopBarComponent, UserComponent, UserDetailComponent, UserEditComponent, UserService };
 //# sourceMappingURL=ichec-angular-core.mjs.map