@cleavelandprice/ngx-lib 4.8.16 → 4.8.17

package/fesm2022/cleavelandprice-ngx-lib-active-directory-material.mjs

@@ -1,24 +1,25 @@
 import { ActiveDirectoryService, ActiveDirectoryServiceOptionsToken } from '@cleavelandprice/ngx-lib/active-directory';
 export * from '@cleavelandprice/ngx-lib/active-directory';
 import * as i0 from '@angular/core';
-import { inject, viewChild, ViewChild, ChangeDetectionStrategy, Component, output, input, signal, forwardRef, Optional, SkipSelf, NgModule } from '@angular/core';
-import * as i2 from '@angular/forms';
-import { FormGroup, FormControl, ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { inject, viewChild, signal, afterRenderEffect, effect, ChangeDetectionStrategy, Component, output, input, forwardRef, Optional, SkipSelf, NgModule } from '@angular/core';
+import { schema, required, debounce, form, apply, FormField } from '@angular/forms/signals';
 import * as i1 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogRef, MatDialogModule, MatDialog } from '@angular/material/dialog';
 import { MatSelectionList, MatListItemAvatar, MatListOption, MatListModule } from '@angular/material/list';
 import { MatTableDataSource, MatTableModule } from '@angular/material/table';
-import { of, forkJoin, debounceTime } from 'rxjs';
-import { SharePointService } from '@cleavelandprice/ngx-lib/sharepoint';
 import { MatButton, MatIconButton, MatButtonModule } from '@angular/material/button';
-import { MatFormField, MatSuffix, MatFormFieldModule } from '@angular/material/form-field';
+import * as i2 from '@angular/material/form-field';
+import { MatFormFieldModule, MatFormField, MatSuffix } from '@angular/material/form-field';
 import { MatIcon, MatIconModule } from '@angular/material/icon';
 import { MatInput, MatInputModule } from '@angular/material/input';
 import { MatProgressSpinner, MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MatSlideToggle, MatSlideToggleModule } from '@angular/material/slide-toggle';
 import { MatTooltip, MatTooltipModule } from '@angular/material/tooltip';
+import { of, forkJoin } from 'rxjs';
+import { SharePointService } from '@cleavelandprice/ngx-lib/sharepoint';
 import { NgClass, CommonModule } from '@angular/common';
 import { MatProgressBar, MatProgressBarModule } from '@angular/material/progress-bar';
+import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
 
 const DefaultUserChooserFilterOptions = {
     accountName: true,
@@ -52,43 +53,13 @@ const DefaultUserChooserData = {
 ;
 
 class UserChooserComponent {
-    constructor() {
-        this.#services = {
-            dialogRef: inject((MatDialogRef)),
-            activeDirectory: inject(ActiveDirectoryService),
-            sharePoint: inject(SharePointService),
-            data: inject(MAT_DIALOG_DATA),
-        };
-        this._data = { ...DefaultUserChooserData, ...this.#services.data };
-        //#region Fields
-        //@ViewChild(MatSelectionList) selectionList?: MatSelectionList;
-        this.selectionList = viewChild(MatSelectionList, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "selectionList" }] : /* istanbul ignore next */ []));
-        //filterInput = viewChild<ElementRef>('filterInput');
-        this.filterForm = new FormGroup({
-            filter: new FormControl(),
-        });
-    }
     #services;
-    set filterInput(elRef) {
-        if (elRef) {
-            elRef.nativeElement.focus();
-        }
-    }
+    #filterFormSchema;
     //#endregion
     //#region Properties
     get isMultiMode() {
         return this._data.mode === UserChooserMode.Multiple;
     }
-    get selectedOptions() {
-        return this.selectionList()?.options.filter((o) => o.selected) ?? [];
-    }
-    get selectedUsers() {
-        return this.dataSource?.data?.filter((d) => d.selected) ?? [];
-    }
-    get filterValue() {
-        return this.filterForm.value.filter;
-    }
     get adGroupsNeeded() {
         // If any are these are true, then we need to pull AD groups for use later
         return ((this._data.showGroupMembershipTooltips ?? false) ||
@@ -101,43 +72,78 @@ class UserChooserComponent {
     }
     //#endregion
     //#region Lifecycle
+    constructor() {
+        this.#services = {
+            dialogRef: inject((MatDialogRef)),
+            activeDirectory: inject(ActiveDirectoryService),
+            sharePoint: inject(SharePointService),
+            data: inject(MAT_DIALOG_DATA),
+        };
+        this._data = { ...DefaultUserChooserData, ...this.#services.data };
+        //#region Fields
+        this.selectionList = viewChild(MatSelectionList, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectionList" }] : /* istanbul ignore next */ []));
+        this.filterInput = viewChild('filterInput', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "filterInput" }] : /* istanbul ignore next */ []));
+        this.filterFormModel = signal({ filter: '' }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "filterFormModel" }] : /* istanbul ignore next */ []));
+        this.#filterFormSchema = schema((schemaPath) => {
+            required(schemaPath.filter);
+            debounce(schemaPath.filter, 500);
+        });
+        this.filterForm = form(this.filterFormModel, (path) => apply(path, this.#filterFormSchema));
+        this.dataSource = signal(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dataSource" }] : /* istanbul ignore next */ []));
+        this.photos = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "photos" }] : /* istanbul ignore next */ []));
+        this.groups = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "groups" }] : /* istanbul ignore next */ [])); // May or may not get populated, depending on config data sent in
+        this.selectedUsersOrGroups = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedUsersOrGroups" }] : /* istanbul ignore next */ []));
+        afterRenderEffect(() => {
+            this.filterInput()?.nativeElement.focus();
+        });
+        effect(() => {
+            if (this.dataSource()) {
+                this.dataSource().filter = this.filterForm().value().filter.toLowerCase();
+            }
+        });
+    }
     ngOnInit() {
         this.#getData();
-        this.#listenForFilterChanges();
     }
     //#endregion
     //#region Events
-    listSelectionChanged(options) {
+    closeIfSingleSelection( /* event: MatSelectionListChange */) {
         if (this._data.mode === UserChooserMode.Single &&
-            this.selectedOptions.length &&
+            this.selectedUsersOrGroups().length &&
             this._data.closeWhenSelectionMade) {
             this.close();
         }
     }
     optionSelectionChanged(option) {
-        const user = this.dataSource?.data.find((u) => u.sAMAccountName.toLocaleLowerCase() ===
+        const userOrGroup = this.dataSource()?.data.find((u) => u.sAMAccountName.toLocaleLowerCase() ===
             option.value.sAMAccountName.toLowerCase());
-        if (user) {
+        if (userOrGroup) {
             // If we are in single user selection mode, deselect any existing selections first
             if (!this.isMultiMode && option.selected) {
-                this.dataSource?.data
+                this.dataSource()?.data
                     .filter((u) => u.sAMAccountName.toLowerCase() !==
                     option.value.sAMAccountName.toLowerCase())
                     .forEach((u) => (u.selected = false));
             }
-            user.selected = option.selected;
+            userOrGroup.selected = option.selected;
         }
+        this.selectedUsersOrGroups.set(this.dataSource()?.data.filter(u => u.selected) ?? []);
     }
     hideUnselectedChanged(selected) {
-        this.filterForm
-            .get('filter')
-            ?.setValue(selected ? '{selected:true}' : null);
+        this.filterForm().value.set({ filter: selected ? '{selected:true}' : '' });
     }
     selectAll() {
         this.selectionList()?.selectAll();
-        if (this.selectionList()?.options) {
-            this.listSelectionChanged(this.selectionList().options.toArray());
-        }
+        /*if (this.selectionList()?.options) {
+          this.closeIfSingleSelection();
+        }*/
     }
     deselectAll() {
         this.selectionList()?.deselectAll();
@@ -175,7 +181,7 @@ class UserChooserComponent {
             //.subscribe(([users, photos]) => {
             .subscribe((data) => {
             // Need groups in place before we handle exclusions/inclusions/pre-selections
-            this.groups = this.adGroupsNeeded ? data[2] : null;
+            this.groups.set(this.adGroupsNeeded ? data[2] : []);
             let users = data[0];
             users.forEach((u) => (u.selected = false)); // In case existing data was re-used
             users = this.#includeUsersByAccountName(users);
@@ -200,11 +206,11 @@ class UserChooserComponent {
             if (['groups', '*'].includes(this._data.objectTypes)) {
                 if (this._data.selectableGroupNames?.length) {
                     if (this._data.selectableGroupNames.includes('*')) {
-                        usersAndGroups.push(...this.groups);
+                        usersAndGroups.push(...this.groups());
                     }
                     else {
                         this._data.selectableGroupNames.forEach((groupName) => {
-                            const group = this.groups.find((g) => g.displayName === groupName);
+                            const group = this.groups().find((g) => g.displayName === groupName);
                             if (group) {
                                 usersAndGroups.push({
                                     ...group,
@@ -215,24 +221,24 @@ class UserChooserComponent {
                     }
                 }
             }
-            this.dataSource = new MatTableDataSource(usersAndGroups);
-            this.photos = data[1];
+            this.dataSource.set(new MatTableDataSource(usersAndGroups));
+            this.photos.set(data[1]);
             this.#setFilterPredicate();
         });
     }
     close() {
-        if (!this.selectedUsers?.length) {
+        if (!this.selectedUsersOrGroups().length) {
             this.#services.dialogRef.close(this._data.allowCloseWithoutSelections ? [] : undefined);
             return;
         }
-        const value = this.selectedUsers.map((u) => this._data.returnUserObjects ? u : u.sAMAccountName);
+        const value = this.selectedUsersOrGroups().map((u) => this._data.returnUserObjects ? u : u.sAMAccountName);
         this.#services.dialogRef.close(this._data.mode === UserChooserMode.Multiple ? value : value[0]);
     }
     getPhoto(user) {
         if (!this.isUser(user)) {
             return;
         }
-        return this.photos?.find((p) => (p.employeeNumber &&
+        return this.photos().find((p) => (p.employeeNumber &&
             p.employeeNumber.toString() ===
                 user.employeeNumber) ||
             p.accountName?.toLowerCase() === user.sAMAccountName.toLowerCase() ||
@@ -254,7 +260,7 @@ class UserChooserComponent {
     }
     #excludeUsersByGroupName(users) {
         this._data.exclusions?.groups?.forEach((groupName) => {
-            const group = this.groups?.find((g) => g.name.toLowerCase() === groupName.toLowerCase());
+            const group = this.groups().find((g) => g.name.toLowerCase() === groupName.toLowerCase());
             if (!group) {
                 return;
             }
@@ -309,7 +315,7 @@ class UserChooserComponent {
         // Cheating a bit and leveraging the 'selected' property to keep track of who should be included
         // Since inclusions happen befor pre-selections, we can do that, as long as we set 'selected' back to false when we're done
         this._data.inclusions.groups.forEach((groupName) => {
-            const group = this.groups?.find((g) => g.name.toLowerCase() === groupName.toLowerCase());
+            const group = this.groups().find((g) => g.name.toLowerCase() === groupName.toLowerCase());
             if (!group) {
                 return;
             }
@@ -337,7 +343,7 @@ class UserChooserComponent {
     }
     #preSelectGroupsByAccountName() {
         this._data.preSelections?.accountNames?.forEach((accountName) => {
-            const group = this.groups?.find((g) => g.sAMAccountName.toLowerCase() === accountName.toLowerCase());
+            const group = this.groups().find((g) => g.sAMAccountName.toLowerCase() === accountName.toLowerCase());
             if (!group) {
                 return;
             }
@@ -358,7 +364,7 @@ class UserChooserComponent {
     }
     #preSelectUsersByGroupName(users) {
         this._data.preSelections?.groups?.forEach((groupName) => {
-            const group = this.groups?.find((g) => g.name.toLowerCase() === groupName.toLowerCase());
+            const group = this.groups().find((g) => g.name.toLowerCase() === groupName.toLowerCase());
             if (!group) {
                 return;
             }
@@ -374,10 +380,10 @@ class UserChooserComponent {
     }
     //#endregion
     #setFilterPredicate() {
-        if (!this.dataSource) {
+        if (!this.dataSource()) {
             return;
         }
-        this.dataSource.filterPredicate = (user, filter) => {
+        this.dataSource().filterPredicate = (user, filter) => {
             if (filter === '{selected:true}') {
                 return user.selected;
             }
@@ -407,7 +413,7 @@ class UserChooserComponent {
                 // Match on group membership (group name)
                 if (this._data.filterOptions?.groupMembership) {
                     user.memberOf.forEach((groupDn) => {
-                        const group = this.groups?.find((group) => group.distinguishedName === groupDn && group.name.match(regex));
+                        const group = this.groups().find((group) => group.distinguishedName === groupDn && group.name.match(regex));
                         if (group) {
                             match = true;
                         }
@@ -417,32 +423,25 @@ class UserChooserComponent {
             }
         };
     }
-    #listenForFilterChanges() {
-        this.filterForm
-            .get('filter')
-            ?.valueChanges.pipe(debounceTime(250))
-            .subscribe(() => (this.dataSource.filter = this.filterForm.value.filter
-            ?.trim()
-            .toLowerCase()));
-    }
     tooltip(user) {
         return this._data.showGroupMembershipTooltips
             ? user.memberOf
-                .map((groupDn) => this.groups?.find((group) => group.distinguishedName === groupDn)
+                .map((groupDn) => this.groups().find((group) => group.distinguishedName === groupDn)
                 ?.name)
                 .sort((a, b) => (a > b ? 1 : -1))
                 .join('\n')
             : '';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: UserChooserComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: UserChooserComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "selectionList", first: true, predicate: MatSelectionList, descendants: true, isSignal: true }, { propertyName: "filterInput", first: true, predicate: ["filterInput"], descendants: true }], ngImport: i0, template: "<div mat-dialog-title>\r\n  <div id=\"dialog-title\">\r\n    <h2>{{ _data.title }}</h2>\r\n  \r\n    <div id=\"num-selected\">\r\n      {{ selectedOptions.length }} selected\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<mat-dialog-content>\r\n  @if (dataSource && photos) {\r\n    <form [formGroup]=\"filterForm\">\r\n      @if (dataSource) {\r\n        <mat-form-field>\r\n          <input matInput placeholder=\"Search\" formControlName=\"filter\" #filterInput>\r\n          @if (filterForm.value.filter) {\r\n            <button matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"filterForm.get('filter')?.setValue('')\">\r\n              <mat-icon fontIcon=\"close\"/>\r\n            </button>\r\n          }\r\n        </mat-form-field>\r\n      }\r\n    </form>\r\n    <mat-selection-list [multiple]=\"isMultiMode\"\r\n      (selectionChange)=\"listSelectionChanged($event.options)\">\r\n      @for (user of dataSource.filteredData; track user) {\r\n        <mat-list-option [value]=\"user\" [selected]=\"user.selected\"\r\n          (selectedChange)=\"optionSelectionChanged(option)\" #option>\r\n          @if (getPhoto(user)) {\r\n            <img matListItemAvatar alt=\"\" [src]=\"getPhoto(user)\">\r\n          } @else {\r\n            <mat-icon matListItemAvatar class=\"no-photo\"\r\n              [fontIcon]=\"isUser(user) ? 'account_circle' : 'group'\"/>\r\n          }\r\n          <div class=\"user\">\r\n            <div [matTooltip]=\"tooltip(user)\" class=\"user-name\">\r\n              {{ user.displayName ?? user.name }}\r\n              @if (isUser(user) && _data.showPhone && castUser(user).telephoneNumber) {\r\n                <div>{{ castUser(user).telephoneNumber }}</div>\r\n              }\r\n            </div>\r\n            @if (isUser(user)) {\r\n              <div>{{ castUser(user).department }}</div>\r\n              <div class=\"title\">{{ castUser(user).title }}</div>\r\n            }\r\n          </div>\r\n        </mat-list-option>\r\n      }\r\n    </mat-selection-list>\r\n  } @else {\r\n    <div>\r\n      <mat-spinner [diameter]=\"50\"/>\r\n      <h2 id=\"spinner-message\">Getting users and photos...</h2>\r\n    </div>\r\n  }\r\n</mat-dialog-content>\r\n\r\n<mat-dialog-actions>\r\n  @if (dataSource && photos) {\r\n    @if (selectedOptions.length) {\r\n      <mat-slide-toggle (change)=\"hideUnselectedChanged($event.checked)\">\r\n        Hide Unselected\r\n      </mat-slide-toggle>\r\n    }\r\n    @if (isMultiMode) {\r\n      <button mat-raised-button color=\"primary\" (click)=\"selectAll()\"\r\n        >\r\n        <mat-icon fontIcon=\"select_all\"/>\r\n        <span class=\"hide-mobile\">Select All</span>\r\n      </button>\r\n    }\r\n    @if (isMultiMode && selectedOptions.length) {\r\n      <button mat-raised-button color=\"primary\" (click)=\"deselectAll()\"\r\n        >\r\n        <mat-icon fontIcon=\"clear_all\"/>\r\n        <span class=\"hide-mobile\">Clear All</span>\r\n      </button>\r\n    }\r\n    @if (isMultiMode || !_data.closeWhenSelectionMade) {\r\n      <button mat-raised-button color=\"primary\" (click)=\"close()\" matTooltip=\"Accept your selection\"\r\n        [disabled]=\"!_data.allowCloseWithoutSelections && !selectedOptions.length\">\r\n        <mat-icon fontIcon=\"check\"/>\r\n        <span class=\"hide-mobile\">Ok</span>\r\n      </button>\r\n    }\r\n  }\r\n\r\n  <button mat-raised-button color=\"warn\" mat-dialog-close matTooltip=\"Close this window\">\r\n    <mat-icon fontIcon=\"close\"/>\r\n    <span class=\"hide-mobile\">Cancel</span>\r\n  </button>\r\n</mat-dialog-actions>", styles: ["::ng-deep .mat-tooltip{font-size:1em!important;white-space:pre-line}mat-dialog-content{min-width:50vw}#dialog-title{display:flex;justify-content:space-between}.mat-mdc-dialog-title:before{display:none!important}#num-selected{margin:1em 1em 0 0}mat-spinner{margin:0 auto}#spinner-message{text-align:center;padding:.5em}mat-form-field{width:100%}.title{font-style:italic;color:#757575}img,.no-photo{width:2rem;height:2rem;font-size:2.3rem!important;border-radius:100%}.hide-mobile{display:none}mat-dialog-actions{display:grid;grid-auto-flow:column;grid-gap:1em;justify-content:center}.user-name{display:flex;justify-content:space-between}.user-name>div:last-child{margin-right:10rem;font-weight:400;font-style:italic;color:#757575}@media(min-width:801px){.user{display:grid;grid-template-columns:1fr 1fr 1fr}.user>div:first-child{font-weight:700}.hide-mobile{display:initial}}\n", ".material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}\n"], dependencies: [{ kind: "component", type: MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: 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: "directive", type: MatListItemAvatar, selector: "[matListItemAvatar]" }, { kind: "component", type: MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "component", type: MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "fullWidth", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: UserChooserComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "selectionList", first: true, predicate: MatSelectionList, descendants: true, isSignal: true }, { propertyName: "filterInput", first: true, predicate: ["filterInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<div mat-dialog-title>\r\n  <div id=\"dialog-title\">\r\n    <h2>{{ _data.title }}</h2>\r\n  \r\n    <div id=\"num-selected\">\r\n      {{ selectedUsersOrGroups().length }} selected\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<mat-dialog-content>\r\n  @if (dataSource() && photos().length) {\r\n    <form>\r\n      @if (dataSource()) {\r\n        <mat-form-field>\r\n          <input matInput placeholder=\"Search\" [formField]=\"filterForm.filter\" #filterInput>\r\n          @if (filterForm().value().filter) {\r\n            <button type=\"button\" matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"filterFormModel.set({filter: ''})\">\r\n              <mat-icon fontIcon=\"close\"/>\r\n            </button>\r\n          }\r\n        </mat-form-field>\r\n      }\r\n    </form>\r\n\r\n    <mat-selection-list [multiple]=\"isMultiMode\" (selectionChange)=\"closeIfSingleSelection()\">\r\n      @for (user of dataSource()!.filteredData; track user) {\r\n        <mat-list-option [value]=\"user\" [selected]=\"user.selected\"\r\n          (selectedChange)=\"optionSelectionChanged(option)\" #option>\r\n          @if (getPhoto(user)) {\r\n            <img matListItemAvatar alt=\"\" [src]=\"getPhoto(user)\">\r\n          } @else {\r\n            <mat-icon matListItemAvatar class=\"no-photo\"\r\n              [fontIcon]=\"isUser(user) ? 'account_circle' : 'group'\"/>\r\n          }\r\n          <div class=\"user\">\r\n            <div [matTooltip]=\"tooltip(user)\" class=\"user-name\">\r\n              {{ user.displayName ?? user.name }}\r\n              @if (isUser(user) && _data.showPhone && castUser(user).telephoneNumber) {\r\n                <div>{{ castUser(user).telephoneNumber }}</div>\r\n              }\r\n            </div>\r\n            @if (isUser(user)) {\r\n              <div>{{ castUser(user).department }}</div>\r\n              <div class=\"title\">{{ castUser(user).title }}</div>\r\n            }\r\n          </div>\r\n        </mat-list-option>\r\n      }\r\n    </mat-selection-list>\r\n  } @else {\r\n    <div>\r\n      <mat-spinner [diameter]=\"50\"/>\r\n      <h2 id=\"spinner-message\">Getting users and photos...</h2>\r\n    </div>\r\n  }\r\n</mat-dialog-content>\r\n\r\n<mat-dialog-actions>\r\n  @if (dataSource() && photos().length) {\r\n    @if (selectedUsersOrGroups().length) {\r\n      <mat-slide-toggle (change)=\"hideUnselectedChanged($event.checked)\">\r\n        Hide Unselected\r\n      </mat-slide-toggle>\r\n    }\r\n    @if (isMultiMode) {\r\n      <button mat-raised-button color=\"primary\" (click)=\"selectAll()\"\r\n        >\r\n        <mat-icon fontIcon=\"select_all\"/>\r\n        <span class=\"hide-mobile\">Select All</span>\r\n      </button>\r\n    }\r\n    @if (isMultiMode && selectedUsersOrGroups().length) {\r\n      <button mat-raised-button color=\"primary\" (click)=\"deselectAll()\"\r\n        >\r\n        <mat-icon fontIcon=\"clear_all\"/>\r\n        <span class=\"hide-mobile\">Clear All</span>\r\n      </button>\r\n    }\r\n    @if (isMultiMode || !_data.closeWhenSelectionMade) {\r\n      <button mat-raised-button color=\"primary\" (click)=\"close()\" matTooltip=\"Accept your selection\"\r\n        [disabled]=\"!_data.allowCloseWithoutSelections && !selectedUsersOrGroups().length\">\r\n        <mat-icon fontIcon=\"check\"/>\r\n        <span class=\"hide-mobile\">Ok</span>\r\n      </button>\r\n    }\r\n  }\r\n\r\n  <button mat-raised-button color=\"warn\" mat-dialog-close matTooltip=\"Close this window\">\r\n    <mat-icon fontIcon=\"close\"/>\r\n    <span class=\"hide-mobile\">Cancel</span>\r\n  </button>\r\n</mat-dialog-actions>", styles: ["::ng-deep .mat-tooltip{font-size:1em!important;white-space:pre-line}mat-dialog-content{min-width:50vw}#dialog-title{display:flex;justify-content:space-between}.mat-mdc-dialog-title:before{display:none!important}#num-selected{margin:1em 1em 0 0}mat-spinner{margin:0 auto}#spinner-message{text-align:center;padding:.5em}mat-form-field{width:100%}.title{font-style:italic;color:#757575}img,.no-photo{width:2rem;height:2rem;font-size:2.3rem!important;border-radius:100%}.hide-mobile{display:none}mat-dialog-actions{display:grid;grid-auto-flow:column;grid-gap:1em;justify-content:center}.user-name{display:flex;justify-content:space-between}.user-name>div:last-child{margin-right:10rem;font-weight:400;font-style:italic;color:#757575}@media(min-width:801px){.user{display:grid;grid-template-columns:1fr 1fr 1fr}.user>div:first-child{font-weight:700}.hide-mobile{display:initial}}\n", ".material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}\n"], dependencies: [{ kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "component", type: MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: 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: "directive", type: MatListItemAvatar, selector: "[matListItemAvatar]" }, { kind: "component", type: MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "component", type: MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "fullWidth", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: UserChooserComponent, decorators: [{
             type: Component,
             args: [{ imports: [
+                        FormField,
                         MatButton,
                         MatDialogModule,
-                        MatFormField,
+                        MatFormFieldModule,
                         MatIcon,
                         MatIconButton,
                         MatInput,
@@ -451,13 +450,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                         MatProgressSpinner,
                         MatSelectionList,
                         MatSlideToggle,
-                        MatTooltip,
-                        ReactiveFormsModule,
-                    ], standalone: true, changeDetection: ChangeDetectionStrategy.Eager, template: "<div mat-dialog-title>\r\n  <div id=\"dialog-title\">\r\n    <h2>{{ _data.title }}</h2>\r\n  \r\n    <div id=\"num-selected\">\r\n      {{ selectedOptions.length }} selected\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<mat-dialog-content>\r\n  @if (dataSource && photos) {\r\n    <form [formGroup]=\"filterForm\">\r\n      @if (dataSource) {\r\n        <mat-form-field>\r\n          <input matInput placeholder=\"Search\" formControlName=\"filter\" #filterInput>\r\n          @if (filterForm.value.filter) {\r\n            <button matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"filterForm.get('filter')?.setValue('')\">\r\n              <mat-icon fontIcon=\"close\"/>\r\n            </button>\r\n          }\r\n        </mat-form-field>\r\n      }\r\n    </form>\r\n    <mat-selection-list [multiple]=\"isMultiMode\"\r\n      (selectionChange)=\"listSelectionChanged($event.options)\">\r\n      @for (user of dataSource.filteredData; track user) {\r\n        <mat-list-option [value]=\"user\" [selected]=\"user.selected\"\r\n          (selectedChange)=\"optionSelectionChanged(option)\" #option>\r\n          @if (getPhoto(user)) {\r\n            <img matListItemAvatar alt=\"\" [src]=\"getPhoto(user)\">\r\n          } @else {\r\n            <mat-icon matListItemAvatar class=\"no-photo\"\r\n              [fontIcon]=\"isUser(user) ? 'account_circle' : 'group'\"/>\r\n          }\r\n          <div class=\"user\">\r\n            <div [matTooltip]=\"tooltip(user)\" class=\"user-name\">\r\n              {{ user.displayName ?? user.name }}\r\n              @if (isUser(user) && _data.showPhone && castUser(user).telephoneNumber) {\r\n                <div>{{ castUser(user).telephoneNumber }}</div>\r\n              }\r\n            </div>\r\n            @if (isUser(user)) {\r\n              <div>{{ castUser(user).department }}</div>\r\n              <div class=\"title\">{{ castUser(user).title }}</div>\r\n            }\r\n          </div>\r\n        </mat-list-option>\r\n      }\r\n    </mat-selection-list>\r\n  } @else {\r\n    <div>\r\n      <mat-spinner [diameter]=\"50\"/>\r\n      <h2 id=\"spinner-message\">Getting users and photos...</h2>\r\n    </div>\r\n  }\r\n</mat-dialog-content>\r\n\r\n<mat-dialog-actions>\r\n  @if (dataSource && photos) {\r\n    @if (selectedOptions.length) {\r\n      <mat-slide-toggle (change)=\"hideUnselectedChanged($event.checked)\">\r\n        Hide Unselected\r\n      </mat-slide-toggle>\r\n    }\r\n    @if (isMultiMode) {\r\n      <button mat-raised-button color=\"primary\" (click)=\"selectAll()\"\r\n        >\r\n        <mat-icon fontIcon=\"select_all\"/>\r\n        <span class=\"hide-mobile\">Select All</span>\r\n      </button>\r\n    }\r\n    @if (isMultiMode && selectedOptions.length) {\r\n      <button mat-raised-button color=\"primary\" (click)=\"deselectAll()\"\r\n        >\r\n        <mat-icon fontIcon=\"clear_all\"/>\r\n        <span class=\"hide-mobile\">Clear All</span>\r\n      </button>\r\n    }\r\n    @if (isMultiMode || !_data.closeWhenSelectionMade) {\r\n      <button mat-raised-button color=\"primary\" (click)=\"close()\" matTooltip=\"Accept your selection\"\r\n        [disabled]=\"!_data.allowCloseWithoutSelections && !selectedOptions.length\">\r\n        <mat-icon fontIcon=\"check\"/>\r\n        <span class=\"hide-mobile\">Ok</span>\r\n      </button>\r\n    }\r\n  }\r\n\r\n  <button mat-raised-button color=\"warn\" mat-dialog-close matTooltip=\"Close this window\">\r\n    <mat-icon fontIcon=\"close\"/>\r\n    <span class=\"hide-mobile\">Cancel</span>\r\n  </button>\r\n</mat-dialog-actions>", styles: ["::ng-deep .mat-tooltip{font-size:1em!important;white-space:pre-line}mat-dialog-content{min-width:50vw}#dialog-title{display:flex;justify-content:space-between}.mat-mdc-dialog-title:before{display:none!important}#num-selected{margin:1em 1em 0 0}mat-spinner{margin:0 auto}#spinner-message{text-align:center;padding:.5em}mat-form-field{width:100%}.title{font-style:italic;color:#757575}img,.no-photo{width:2rem;height:2rem;font-size:2.3rem!important;border-radius:100%}.hide-mobile{display:none}mat-dialog-actions{display:grid;grid-auto-flow:column;grid-gap:1em;justify-content:center}.user-name{display:flex;justify-content:space-between}.user-name>div:last-child{margin-right:10rem;font-weight:400;font-style:italic;color:#757575}@media(min-width:801px){.user{display:grid;grid-template-columns:1fr 1fr 1fr}.user>div:first-child{font-weight:700}.hide-mobile{display:initial}}\n", ".material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}\n"] }]
-        }], propDecorators: { selectionList: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatSelectionList), { isSignal: true }] }], filterInput: [{
-                type: ViewChild,
-                args: ['filterInput']
-            }] } });
+                        MatTooltip
+                    ], standalone: true, changeDetection: ChangeDetectionStrategy.Eager, template: "<div mat-dialog-title>\r\n  <div id=\"dialog-title\">\r\n    <h2>{{ _data.title }}</h2>\r\n  \r\n    <div id=\"num-selected\">\r\n      {{ selectedUsersOrGroups().length }} selected\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<mat-dialog-content>\r\n  @if (dataSource() && photos().length) {\r\n    <form>\r\n      @if (dataSource()) {\r\n        <mat-form-field>\r\n          <input matInput placeholder=\"Search\" [formField]=\"filterForm.filter\" #filterInput>\r\n          @if (filterForm().value().filter) {\r\n            <button type=\"button\" matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"filterFormModel.set({filter: ''})\">\r\n              <mat-icon fontIcon=\"close\"/>\r\n            </button>\r\n          }\r\n        </mat-form-field>\r\n      }\r\n    </form>\r\n\r\n    <mat-selection-list [multiple]=\"isMultiMode\" (selectionChange)=\"closeIfSingleSelection()\">\r\n      @for (user of dataSource()!.filteredData; track user) {\r\n        <mat-list-option [value]=\"user\" [selected]=\"user.selected\"\r\n          (selectedChange)=\"optionSelectionChanged(option)\" #option>\r\n          @if (getPhoto(user)) {\r\n            <img matListItemAvatar alt=\"\" [src]=\"getPhoto(user)\">\r\n          } @else {\r\n            <mat-icon matListItemAvatar class=\"no-photo\"\r\n              [fontIcon]=\"isUser(user) ? 'account_circle' : 'group'\"/>\r\n          }\r\n          <div class=\"user\">\r\n            <div [matTooltip]=\"tooltip(user)\" class=\"user-name\">\r\n              {{ user.displayName ?? user.name }}\r\n              @if (isUser(user) && _data.showPhone && castUser(user).telephoneNumber) {\r\n                <div>{{ castUser(user).telephoneNumber }}</div>\r\n              }\r\n            </div>\r\n            @if (isUser(user)) {\r\n              <div>{{ castUser(user).department }}</div>\r\n              <div class=\"title\">{{ castUser(user).title }}</div>\r\n            }\r\n          </div>\r\n        </mat-list-option>\r\n      }\r\n    </mat-selection-list>\r\n  } @else {\r\n    <div>\r\n      <mat-spinner [diameter]=\"50\"/>\r\n      <h2 id=\"spinner-message\">Getting users and photos...</h2>\r\n    </div>\r\n  }\r\n</mat-dialog-content>\r\n\r\n<mat-dialog-actions>\r\n  @if (dataSource() && photos().length) {\r\n    @if (selectedUsersOrGroups().length) {\r\n      <mat-slide-toggle (change)=\"hideUnselectedChanged($event.checked)\">\r\n        Hide Unselected\r\n      </mat-slide-toggle>\r\n    }\r\n    @if (isMultiMode) {\r\n      <button mat-raised-button color=\"primary\" (click)=\"selectAll()\"\r\n        >\r\n        <mat-icon fontIcon=\"select_all\"/>\r\n        <span class=\"hide-mobile\">Select All</span>\r\n      </button>\r\n    }\r\n    @if (isMultiMode && selectedUsersOrGroups().length) {\r\n      <button mat-raised-button color=\"primary\" (click)=\"deselectAll()\"\r\n        >\r\n        <mat-icon fontIcon=\"clear_all\"/>\r\n        <span class=\"hide-mobile\">Clear All</span>\r\n      </button>\r\n    }\r\n    @if (isMultiMode || !_data.closeWhenSelectionMade) {\r\n      <button mat-raised-button color=\"primary\" (click)=\"close()\" matTooltip=\"Accept your selection\"\r\n        [disabled]=\"!_data.allowCloseWithoutSelections && !selectedUsersOrGroups().length\">\r\n        <mat-icon fontIcon=\"check\"/>\r\n        <span class=\"hide-mobile\">Ok</span>\r\n      </button>\r\n    }\r\n  }\r\n\r\n  <button mat-raised-button color=\"warn\" mat-dialog-close matTooltip=\"Close this window\">\r\n    <mat-icon fontIcon=\"close\"/>\r\n    <span class=\"hide-mobile\">Cancel</span>\r\n  </button>\r\n</mat-dialog-actions>", styles: ["::ng-deep .mat-tooltip{font-size:1em!important;white-space:pre-line}mat-dialog-content{min-width:50vw}#dialog-title{display:flex;justify-content:space-between}.mat-mdc-dialog-title:before{display:none!important}#num-selected{margin:1em 1em 0 0}mat-spinner{margin:0 auto}#spinner-message{text-align:center;padding:.5em}mat-form-field{width:100%}.title{font-style:italic;color:#757575}img,.no-photo{width:2rem;height:2rem;font-size:2.3rem!important;border-radius:100%}.hide-mobile{display:none}mat-dialog-actions{display:grid;grid-auto-flow:column;grid-gap:1em;justify-content:center}.user-name{display:flex;justify-content:space-between}.user-name>div:last-child{margin-right:10rem;font-weight:400;font-style:italic;color:#757575}@media(min-width:801px){.user{display:grid;grid-template-columns:1fr 1fr 1fr}.user>div:first-child{font-weight:700}.hide-mobile{display:initial}}\n", ".material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { selectionList: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatSelectionList), { isSignal: true }] }], filterInput: [{ type: i0.ViewChild, args: ['filterInput', { isSignal: true }] }] } });
 
 class UserFormFieldComponent {
     constructor() {
@@ -475,6 +470,8 @@ class UserFormFieldComponent {
         ...(ngDevMode ? [{ debugName: "clickable" }] : /* istanbul ignore next */ []));
         this.userChooserData = input.required(/* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "userChooserData" }] : /* istanbul ignore next */ []));
+        this.accountNames = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "accountNames" }] : /* istanbul ignore next */ []));
         this.users = signal([], /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "users" }] : /* istanbul ignore next */ []));
         this.groups = signal([], /* @ts-ignore */
@@ -495,13 +492,13 @@ class UserFormFieldComponent {
     get class() {
         return this._userChooserData?.mode === UserChooserMode.Single
             ? ''
-            : (this.accountNames?.length ?? 0) > 4
+            : (this.accountNames().length) > 4
                 ? 'grid five'
-                : (this.accountNames?.length ?? 0) > 3
+                : (this.accountNames().length) > 3
                     ? 'grid four'
-                    : (this.accountNames?.length ?? 0) > 2
+                    : (this.accountNames().length) > 2
                         ? 'grid three'
-                        : (this.accountNames?.length ?? 0) > 1
+                        : (this.accountNames().length) > 1
                             ? 'grid two'
                             : '';
     }
@@ -513,7 +510,7 @@ class UserFormFieldComponent {
             ...this.userChooserData(),
         };
         // If users have been pre-selected in the config, store those in accountNames, which drives the UI of this component
-        this.accountNames = this._userChooserData.preSelections?.accountNames;
+        this.accountNames.set(this._userChooserData.preSelections?.accountNames ?? []);
         this.#getData();
     }
     //#endregion
@@ -536,22 +533,22 @@ class UserFormFieldComponent {
             if (!selected) {
                 return;
             }
-            this.accountNames = Array.isArray(selected)
+            this.accountNames.set(Array.isArray(selected)
                 ? selected.map((s) => typeof s === 'string' ? s : s.sAMAccountName)
-                : [selected].map((s) => typeof s === 'string' ? s : s.sAMAccountName);
+                : [selected].map((s) => typeof s === 'string' ? s : s.sAMAccountName));
             // Overwrite what may have been passed in, for subsequent launches of UserChooserComponent - otherwise it just keeps getting fed stale data
             if (this._userChooserData.preSelections) {
                 this._userChooserData.preSelections.accountNames =
-                    this.accountNames;
+                    this.accountNames();
             }
             this.usersSelected.emit(selected);
         });
     }
     unSelectUser(accountName) {
-        const index = this.accountNames?.findIndex((a) => a === accountName);
-        this.accountNames?.splice(index ?? -1, 1);
+        const index = this.accountNames().findIndex((a) => a === accountName);
+        this.accountNames().splice(index ?? -1, 1);
         if (this._userChooserData.preSelections) {
-            this._userChooserData.preSelections.accountNames = this.accountNames;
+            this._userChooserData.preSelections.accountNames = this.accountNames();
         }
         this.userUnSelected.emit(accountName);
     }
@@ -635,7 +632,7 @@ class UserFormFieldComponent {
                 useExisting: forwardRef(() => UserFormFieldComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "\r\n<!-- In Microsoft Edge, selectUser() never gets called if the input fields are disabled\r\nSo... I'm dynamically setting the disabled property based on whether or not the browser is Edge.\r\nIt's definitely a better experience if the field IS disabled.\r\nOtherwise, it's confusing - especially because Edge is SO SLOW to display the resulting dialog window.\r\n-->\r\n<!-- Update 8/24/2023:\r\nThe above problem also exists in Chrome now.\r\nSo instead of dynamically setting [disabled] based on browser type,\r\nI'm applying CSS to suppress mouse events on the input - thus making it bubble up to the parent control, which responds the way we want/\r\n-->\r\n\r\n@if (users().length && photos().length) {\r\n  <div (click)=\"selectUser()\" [class.clickable]=\"clickable()\">\r\n    @if (accountNames?.length) {\r\n      <div [ngClass]=\"class\">\r\n        @for (accountName of accountNames; track accountName; let i = $index) {\r\n          <div class=\"user\">\r\n            <!--<img *ngIf=\"accountName && empUtils.getEmployee(accountName)\" alt=\"\" [src]=\"empUtils.getEmployee(accountName) | employeePhotoUrl:cacheService.photos\">-->\r\n            @if (getPhoto(accountName)) {\r\n              <img matListItemAvatar alt=\"\" [src]=\"getPhoto(accountName)\">\r\n            }\r\n            @if (getGroup(accountName)) {\r\n              <mat-icon>group</mat-icon>\r\n            }\r\n            <mat-form-field>\r\n              <!-- [disabled]=\"!isEdge\" -->\r\n              <input matInput disabled [placeholder]=\"i === 0 ? placeholder() : ''\"\r\n                [value]=\"getUser(accountName)?.displayName ?? getGroup(accountName)?.displayName ?? accountName\">\r\n              <button matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"$event.stopPropagation(); unSelectUser(accountName)\">\r\n                <mat-icon fontIcon=\"close\"/>\r\n              </button>\r\n            </mat-form-field>\r\n          </div>\r\n        }\r\n      </div>\r\n    } @else {\r\n      <mat-form-field>\r\n        <input matInput disabled [placeholder]=\"placeholder()\"> <!-- [disabled]=\"!isEdge\" -->\r\n      </mat-form-field>\r\n    }\r\n  </div>\r\n} @else {\r\n  <mat-progress-bar mode=\"indeterminate\"/>\r\n}", styles: [".user{display:grid;grid-template-columns:auto 1fr;grid-gap:.5em;align-items:center}.clickable,.clickable input{cursor:pointer!important}img{width:2em;height:2em;border-radius:100%}@media(min-width:801px){.grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1em}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}.five{grid-template-columns:repeat(5,1fr)}::ng-deep .grid mat-form-field{width:15vw}}input[disabled]{pointer-events:none}\n"], dependencies: [{ kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: 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: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
+        ], ngImport: i0, template: "\r\n<!-- In Microsoft Edge, selectUser() never gets called if the input fields are disabled\r\nSo... I'm dynamically setting the disabled property based on whether or not the browser is Edge.\r\nIt's definitely a better experience if the field IS disabled.\r\nOtherwise, it's confusing - especially because Edge is SO SLOW to display the resulting dialog window.\r\n-->\r\n<!-- Update 8/24/2023:\r\nThe above problem also exists in Chrome now.\r\nSo instead of dynamically setting [disabled] based on browser type,\r\nI'm applying CSS to suppress mouse events on the input - thus making it bubble up to the parent control, which responds the way we want/\r\n-->\r\n\r\n@if (users().length && photos().length) {\r\n  <div (click)=\"selectUser()\" [class.clickable]=\"clickable()\">\r\n    @if (accountNames().length) {\r\n      <div [ngClass]=\"class\">\r\n        @for (accountName of accountNames(); track accountName; let i = $index) {\r\n          <div class=\"user\">\r\n            <!--<img *ngIf=\"accountName && empUtils.getEmployee(accountName)\" alt=\"\" [src]=\"empUtils.getEmployee(accountName) | employeePhotoUrl:cacheService.photos\">-->\r\n            @if (getPhoto(accountName)) {\r\n              <img matListItemAvatar alt=\"\" [src]=\"getPhoto(accountName)\">\r\n            }\r\n            @if (getGroup(accountName)) {\r\n              <mat-icon>group</mat-icon>\r\n            }\r\n            <mat-form-field>\r\n              <!-- [disabled]=\"!isEdge\" -->\r\n              <input matInput disabled [placeholder]=\"i === 0 ? placeholder() : ''\"\r\n                [value]=\"getUser(accountName)?.displayName ?? getGroup(accountName)?.displayName ?? accountName\">\r\n              <button matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"$event.stopPropagation(); unSelectUser(accountName)\">\r\n                <mat-icon fontIcon=\"close\"/>\r\n              </button>\r\n            </mat-form-field>\r\n          </div>\r\n        }\r\n      </div>\r\n    } @else {\r\n      <mat-form-field>\r\n        <input matInput disabled [placeholder]=\"placeholder()\"> <!-- [disabled]=\"!isEdge\" -->\r\n      </mat-form-field>\r\n    }\r\n  </div>\r\n} @else {\r\n  <mat-progress-bar mode=\"indeterminate\"/>\r\n}", styles: [".user{display:grid;grid-template-columns:auto 1fr;grid-gap:.5em;align-items:center}.clickable,.clickable input{cursor:pointer!important}img{width:2em;height:2em;border-radius:100%}@media(min-width:801px){.grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1em}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}.five{grid-template-columns:repeat(5,1fr)}::ng-deep .grid mat-form-field{width:15vw}}input[disabled]{pointer-events:none}\n"], dependencies: [{ kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: 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: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: UserFormFieldComponent, decorators: [{
             type: Component,
@@ -653,7 +650,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                             useExisting: forwardRef(() => UserFormFieldComponent),
                             multi: true,
                         },
-                    ], standalone: true, changeDetection: ChangeDetectionStrategy.Eager, template: "\r\n<!-- In Microsoft Edge, selectUser() never gets called if the input fields are disabled\r\nSo... I'm dynamically setting the disabled property based on whether or not the browser is Edge.\r\nIt's definitely a better experience if the field IS disabled.\r\nOtherwise, it's confusing - especially because Edge is SO SLOW to display the resulting dialog window.\r\n-->\r\n<!-- Update 8/24/2023:\r\nThe above problem also exists in Chrome now.\r\nSo instead of dynamically setting [disabled] based on browser type,\r\nI'm applying CSS to suppress mouse events on the input - thus making it bubble up to the parent control, which responds the way we want/\r\n-->\r\n\r\n@if (users().length && photos().length) {\r\n  <div (click)=\"selectUser()\" [class.clickable]=\"clickable()\">\r\n    @if (accountNames?.length) {\r\n      <div [ngClass]=\"class\">\r\n        @for (accountName of accountNames; track accountName; let i = $index) {\r\n          <div class=\"user\">\r\n            <!--<img *ngIf=\"accountName && empUtils.getEmployee(accountName)\" alt=\"\" [src]=\"empUtils.getEmployee(accountName) | employeePhotoUrl:cacheService.photos\">-->\r\n            @if (getPhoto(accountName)) {\r\n              <img matListItemAvatar alt=\"\" [src]=\"getPhoto(accountName)\">\r\n            }\r\n            @if (getGroup(accountName)) {\r\n              <mat-icon>group</mat-icon>\r\n            }\r\n            <mat-form-field>\r\n              <!-- [disabled]=\"!isEdge\" -->\r\n              <input matInput disabled [placeholder]=\"i === 0 ? placeholder() : ''\"\r\n                [value]=\"getUser(accountName)?.displayName ?? getGroup(accountName)?.displayName ?? accountName\">\r\n              <button matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"$event.stopPropagation(); unSelectUser(accountName)\">\r\n                <mat-icon fontIcon=\"close\"/>\r\n              </button>\r\n            </mat-form-field>\r\n          </div>\r\n        }\r\n      </div>\r\n    } @else {\r\n      <mat-form-field>\r\n        <input matInput disabled [placeholder]=\"placeholder()\"> <!-- [disabled]=\"!isEdge\" -->\r\n      </mat-form-field>\r\n    }\r\n  </div>\r\n} @else {\r\n  <mat-progress-bar mode=\"indeterminate\"/>\r\n}", styles: [".user{display:grid;grid-template-columns:auto 1fr;grid-gap:.5em;align-items:center}.clickable,.clickable input{cursor:pointer!important}img{width:2em;height:2em;border-radius:100%}@media(min-width:801px){.grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1em}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}.five{grid-template-columns:repeat(5,1fr)}::ng-deep .grid mat-form-field{width:15vw}}input[disabled]{pointer-events:none}\n"] }]
+                    ], standalone: true, changeDetection: ChangeDetectionStrategy.Eager, template: "\r\n<!-- In Microsoft Edge, selectUser() never gets called if the input fields are disabled\r\nSo... I'm dynamically setting the disabled property based on whether or not the browser is Edge.\r\nIt's definitely a better experience if the field IS disabled.\r\nOtherwise, it's confusing - especially because Edge is SO SLOW to display the resulting dialog window.\r\n-->\r\n<!-- Update 8/24/2023:\r\nThe above problem also exists in Chrome now.\r\nSo instead of dynamically setting [disabled] based on browser type,\r\nI'm applying CSS to suppress mouse events on the input - thus making it bubble up to the parent control, which responds the way we want/\r\n-->\r\n\r\n@if (users().length && photos().length) {\r\n  <div (click)=\"selectUser()\" [class.clickable]=\"clickable()\">\r\n    @if (accountNames().length) {\r\n      <div [ngClass]=\"class\">\r\n        @for (accountName of accountNames(); track accountName; let i = $index) {\r\n          <div class=\"user\">\r\n            <!--<img *ngIf=\"accountName && empUtils.getEmployee(accountName)\" alt=\"\" [src]=\"empUtils.getEmployee(accountName) | employeePhotoUrl:cacheService.photos\">-->\r\n            @if (getPhoto(accountName)) {\r\n              <img matListItemAvatar alt=\"\" [src]=\"getPhoto(accountName)\">\r\n            }\r\n            @if (getGroup(accountName)) {\r\n              <mat-icon>group</mat-icon>\r\n            }\r\n            <mat-form-field>\r\n              <!-- [disabled]=\"!isEdge\" -->\r\n              <input matInput disabled [placeholder]=\"i === 0 ? placeholder() : ''\"\r\n                [value]=\"getUser(accountName)?.displayName ?? getGroup(accountName)?.displayName ?? accountName\">\r\n              <button matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"$event.stopPropagation(); unSelectUser(accountName)\">\r\n                <mat-icon fontIcon=\"close\"/>\r\n              </button>\r\n            </mat-form-field>\r\n          </div>\r\n        }\r\n      </div>\r\n    } @else {\r\n      <mat-form-field>\r\n        <input matInput disabled [placeholder]=\"placeholder()\"> <!-- [disabled]=\"!isEdge\" -->\r\n      </mat-form-field>\r\n    }\r\n  </div>\r\n} @else {\r\n  <mat-progress-bar mode=\"indeterminate\"/>\r\n}", styles: [".user{display:grid;grid-template-columns:auto 1fr;grid-gap:.5em;align-items:center}.clickable,.clickable input{cursor:pointer!important}img{width:2em;height:2em;border-radius:100%}@media(min-width:801px){.grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1em}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}.five{grid-template-columns:repeat(5,1fr)}::ng-deep .grid mat-form-field{width:15vw}}input[disabled]{pointer-events:none}\n"] }]
         }], propDecorators: { usersSelected: [{ type: i0.Output, args: ["usersSelected"] }], userUnSelected: [{ type: i0.Output, args: ["userUnSelected"] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], clickable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickable", required: false }] }], userChooserData: [{ type: i0.Input, args: [{ isSignal: true, alias: "userChooserData", required: true }] }] } });
 
 class MatActiveDirectoryModule {

package/fesm2022/cleavelandprice-ngx-lib-active-directory-material.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cleavelandprice-ngx-lib-active-directory-material.mjs","sources":["../../../../projects/cleavelandprice/ngx-lib/active-directory/material/src/model/default-user-chooser-filter-options.ts","../../../../projects/cleavelandprice/ngx-lib/active-directory/material/src/model/user-chooser-mode.ts","../../../../projects/cleavelandprice/ngx-lib/active-directory/material/src/model/default-user-chooser-data.ts","../../../../projects/cleavelandprice/ngx-lib/active-directory/material/src/model/user-chooser-filter-options.ts","../../../../projects/cleavelandprice/ngx-lib/active-directory/material/src/model/user-chooser-pre-processing-group.ts","../../../../projects/cleavelandprice/ngx-lib/active-directory/material/src/components/user-chooser/user-chooser.component.ts","../../../../projects/cleavelandprice/ngx-lib/active-directory/material/src/components/user-chooser/user-chooser.component.html","../../../../projects/cleavelandprice/ngx-lib/active-directory/material/src/components/user-form-field/user-form-field.component.ts","../../../../projects/cleavelandprice/ngx-lib/active-directory/material/src/components/user-form-field/user-form-field.component.html","../../../../projects/cleavelandprice/ngx-lib/active-directory/material/src/mat-active-directory.module.ts","../../../../projects/cleavelandprice/ngx-lib/active-directory/material/src/cleavelandprice-ngx-lib-active-directory-material.ts"],"sourcesContent":["import { UserChooserFilterOptions } from \"./user-chooser-filter-options\";\r\n\r\nexport const DefaultUserChooserFilterOptions: UserChooserFilterOptions = {\r\n    accountName: true,\r\n    department: true,\r\n    groupMembership: false,\r\n    phoneNumber: true,\r\n    title: true\r\n};","export enum UserChooserMode {\r\n    Single,\r\n    Multiple\r\n}","import { DefaultUserChooserFilterOptions } from \"./default-user-chooser-filter-options\";\r\nimport { UserChooserData } from \"./user-chooser-data\";\r\nimport { UserChooserMode } from \"./user-chooser-mode\";\r\n\r\nexport const DefaultUserChooserData: UserChooserData = {\r\n    closeWhenSelectionMade: false,\r\n    allowCloseWithoutSelections: false,\r\n    includeDisabledUsers: false,\r\n    returnUserObjects: false,\r\n    showGroupMembershipTooltips: false,\r\n    showPhone: true,\r\n    title: 'Select User(s)',\r\n    mode: UserChooserMode.Single,\r\n    objectTypes: '*',\r\n    filterOptions: DefaultUserChooserFilterOptions\r\n};","export interface UserChooserFilterOptions {\r\n    accountName?: boolean;\r\n    department?: boolean;\r\n    groupMembership?: boolean;\r\n    phoneNumber?: boolean;\r\n    title?: boolean;\r\n};","export interface UserChooserPreProcessingGroup {\r\n    accountNames?: string[];\r\n    departments?: string[];\r\n    groups?: string[];\r\n    titles?: string[];\r\n};","import {\n  Component,\n  ElementRef,\n  inject,\n  OnInit,\n  ViewChild,\n  viewChild,\n  ChangeDetectionStrategy,\n} from '@angular/core';\nimport { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';\nimport {\n  MAT_DIALOG_DATA,\n  MatDialogModule,\n  MatDialogRef,\n} from '@angular/material/dialog';\nimport {\n  MatListItemAvatar,\n  MatListOption,\n  MatSelectionList,\n} from '@angular/material/list';\nimport { MatTableDataSource } from '@angular/material/table';\nimport { debounceTime, forkJoin, Observable, of } from 'rxjs';\n\nimport { ActiveDirectoryService } from '@cleavelandprice/ngx-lib/active-directory';\nimport {\n  PhotoItem,\n  SharePointService,\n} from '@cleavelandprice/ngx-lib/sharepoint';\n\nimport { MatButton, MatIconButton } from '@angular/material/button';\nimport { MatFormField } from '@angular/material/form-field';\nimport { MatIcon } from '@angular/material/icon';\nimport { MatInput } from '@angular/material/input';\nimport { MatProgressSpinner } from '@angular/material/progress-spinner';\nimport { MatSlideToggle } from '@angular/material/slide-toggle';\nimport { MatTooltip } from '@angular/material/tooltip';\nimport { DefaultUserChooserData } from '../../model/default-user-chooser-data';\nimport { SelectableGroup } from '../../model/selectable-group';\nimport { SelectableUser } from '../../model/selectable-user';\nimport { UserChooserData } from '../../model/user-chooser-data';\nimport { UserChooserMode } from '../../model/user-chooser-mode';\n\n@Component({\n  templateUrl: './user-chooser.component.html',\n  imports: [\n    MatButton,\n    MatDialogModule,\n    MatFormField,\n    MatIcon,\n    MatIconButton,\n    MatInput,\n    MatListItemAvatar,\n    MatListOption,\n    MatProgressSpinner,\n    MatSelectionList,\n    MatSlideToggle,\n    MatTooltip,\n    ReactiveFormsModule,\n  ],\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.Eager,\n  styleUrls: [\n    './user-chooser.component.scss',\n    '../../../../../styles/mat-icon.scss',\n  ],\n})\nexport class UserChooserComponent implements OnInit {\n  #services = {\n    dialogRef: inject(MatDialogRef<UserChooserComponent>),\n    activeDirectory: inject(ActiveDirectoryService),\n    sharePoint: inject(SharePointService),\n    data: inject<UserChooserData>(MAT_DIALOG_DATA),\n  };\n  _data = { ...DefaultUserChooserData, ...this.#services.data };\n\n  //#region Fields\n\n  //@ViewChild(MatSelectionList) selectionList?: MatSelectionList;\n  selectionList = viewChild(MatSelectionList);\n\n  @ViewChild('filterInput') set filterInput(\n    elRef: ElementRef<HTMLInputElement>,\n  ) {\n    if (elRef) {\n      elRef.nativeElement.focus();\n    }\n  }\n  //filterInput = viewChild<ElementRef>('filterInput');\n\n  filterForm = new FormGroup({\n    filter: new FormControl(),\n  });\n\n  dataSource?: MatTableDataSource<SelectableUser | SelectableGroup>;\n  photos?: PhotoItem[];\n  groups?: SelectableGroup[]; // May or may not get populated, depending on config data sent in\n  //#endregion\n\n  //#region Properties\n  get isMultiMode(): boolean {\n    return this._data.mode === UserChooserMode.Multiple;\n  }\n\n  get selectedOptions(): MatListOption[] {\n    return this.selectionList()?.options.filter((o) => o.selected) ?? [];\n  }\n\n  get selectedUsers(): (SelectableUser | SelectableGroup)[] {\n    return this.dataSource?.data?.filter((d) => d.selected) ?? [];\n  }\n\n  get filterValue(): string {\n    return this.filterForm.value.filter;\n  }\n\n  get adGroupsNeeded(): boolean {\n    // If any are these are true, then we need to pull AD groups for use later\n    return (\n      (this._data.showGroupMembershipTooltips ?? false) ||\n      (this._data.exclusions?.groups?.length ?? 0) > 0 ||\n      (this._data.inclusions?.groups?.length ?? 0) > 0 ||\n      (this._data.preSelections?.groups?.length ?? 0) > 0 ||\n      this._data.filterOptions?.groupMembership ||\n      (this._data.selectableGroupNames?.length ?? 0) > 0 ||\n      (this._data.groups?.length ?? 0) > 0\n    );\n  }\n  //#endregion\n\n  //#region Lifecycle\n  ngOnInit(): void {\n    this.#getData();\n    this.#listenForFilterChanges();\n  }\n  //#endregion\n\n  //#region Events\n  listSelectionChanged(options: MatListOption[]): void {\n    if (\n      this._data.mode === UserChooserMode.Single &&\n      this.selectedOptions.length &&\n      this._data.closeWhenSelectionMade\n    ) {\n      this.close();\n    }\n  }\n\n  optionSelectionChanged(option: MatListOption): void {\n    const user = this.dataSource?.data.find(\n      (u) =>\n        u.sAMAccountName.toLocaleLowerCase() ===\n        (option.value as SelectableUser).sAMAccountName.toLowerCase(),\n    );\n\n    if (user) {\n      // If we are in single user selection mode, deselect any existing selections first\n      if (!this.isMultiMode && option.selected) {\n        this.dataSource?.data\n          .filter(\n            (u) =>\n              u.sAMAccountName.toLowerCase() !==\n              (option.value as SelectableUser).sAMAccountName.toLowerCase(),\n          )\n          .forEach((u) => (u.selected = false));\n      }\n\n      user.selected = option.selected;\n    }\n  }\n\n  hideUnselectedChanged(selected: boolean): void {\n    this.filterForm\n      .get('filter')\n      ?.setValue(selected ? '{selected:true}' : null);\n  }\n\n  selectAll(): void {\n    this.selectionList()?.selectAll();\n\n    if (this.selectionList()?.options) {\n      this.listSelectionChanged(this.selectionList()!.options.toArray());\n    }\n  }\n\n  deselectAll(): void {\n    this.selectionList()?.deselectAll();\n  }\n  //#endregion\n\n  //#region Utilities\n  isUser(userOrGroup: SelectableUser | SelectableGroup): boolean {\n    return 'title' in userOrGroup;\n  }\n  castUser(userOrGroup: SelectableUser | SelectableGroup): SelectableUser {\n    return userOrGroup as SelectableUser;\n  }\n\n  #getData(): void {\n    const observables$: Observable<any>[] = [\n      this._data.users?.length\n        ? // Users were passed in\n          of(this._data.users)\n        : // Users need to be retrieved\n          this.#services.activeDirectory.getUsers(\n            this._data.appName ?? 'ngxlibADUserChooser',\n            this._data.includeDisabledUsers,\n            this._data.parentOu,\n          ),\n\n      this._data.photos?.length\n        ? // Photos were passed in\n          of(this._data.photos)\n        : // Photos need to be retrieved\n          this.#services.sharePoint.getPhotos(),\n    ];\n\n    // Do we need AD groups?\n    if (this.adGroupsNeeded) {\n      observables$.push(\n        this._data.groups?.length\n          ? // Groups were passed in\n            of(this._data.groups)\n          : // Groups need to be retrieved\n            this.#services.activeDirectory.getGroups(),\n      );\n    }\n\n    forkJoin(observables$)\n      //.subscribe(([users, photos]) => {\n      .subscribe((data) => {\n        // Need groups in place before we handle exclusions/inclusions/pre-selections\n        this.groups = this.adGroupsNeeded ? data[2] : null;\n\n        let users = data[0] as SelectableUser[];\n        users.forEach((u) => (u.selected = false)); // In case existing data was re-used\n        users = this.#includeUsersByAccountName(users);\n        users = this.#includeUsersByGroupName(users);\n        users = this.#includeUsersByDepartment(users);\n        users = this.#includeUsersByTitle(users);\n\n        users = this.#excludeUsersByAccountName(users);\n        users = this.#excludeUsersByGroupName(users);\n        users = this.#excludeUsersByDepartment(users);\n        users = this.#excludeUsersByTitle(users);\n\n        users = this.#preSelectUsersByAccountName(users);\n        users = this.#preSelectUsersByGroupName(users);\n        users = this.#preSelectUsersByDepartment(users);\n        users = this.#preSelectUsersByTitle(users);\n\n        this.#preSelectGroupsByAccountName();\n\n        const usersAndGroups: (SelectableUser | SelectableGroup)[] = [];\n\n        // Should we allow users to be selected?\n        if (['users', '*'].includes(this._data.objectTypes!)) {\n          usersAndGroups.push(...users);\n        }\n\n        // Should we allow groups to be selected\n\n        if (['groups', '*'].includes(this._data.objectTypes!)) {\n          if (this._data.selectableGroupNames?.length) {\n            if (this._data.selectableGroupNames.includes('*')) {\n              usersAndGroups.push(...this.groups!);\n            } else {\n              this._data.selectableGroupNames.forEach((groupName) => {\n                const group = this.groups!.find(\n                  (g) => g.displayName === groupName,\n                );\n\n                if (group) {\n                  usersAndGroups.push({\n                    ...group,\n                    selected: group.selected,\n                  });\n                }\n              });\n            }\n          }\n        }\n\n        this.dataSource = new MatTableDataSource(usersAndGroups);\n\n        this.photos = data[1];\n\n        this.#setFilterPredicate();\n      });\n  }\n\n  close(): void {\n    if (!this.selectedUsers?.length) {\n      this.#services.dialogRef.close(\n        this._data.allowCloseWithoutSelections ? [] : undefined,\n      );\n      return;\n    }\n    const value = this.selectedUsers.map((u) =>\n      this._data.returnUserObjects ? u : u.sAMAccountName,\n    );\n\n    this.#services.dialogRef.close(\n      this._data.mode === UserChooserMode.Multiple ? value : value[0],\n    );\n  }\n\n  getPhoto(user: SelectableUser | SelectableGroup): string | undefined {\n    if (!this.isUser(user)) {\n      return;\n    }\n\n    return this.photos?.find(\n      (p) =>\n        (p.employeeNumber &&\n          p.employeeNumber.toString() ===\n            (user as SelectableUser).employeeNumber) ||\n        p.accountName?.toLowerCase() === user.sAMAccountName.toLowerCase() ||\n        p.displayName?.toLowerCase() ===\n          (user.displayName ?? user.name).toLowerCase() ||\n        p.title?.toLowerCase() ===\n          (user.displayName ?? user.name).toLowerCase(),\n    )?.encodedAbsUrl;\n  }\n\n  //#region Exclusions - won't be included in the dataSource at all\n  #excludeUsersByAccountName(users: SelectableUser[]): SelectableUser[] {\n    this._data.exclusions?.accountNames?.forEach((accountName) => {\n      const index = users.findIndex(\n        (u) => u.sAMAccountName.toLowerCase() === accountName.toLowerCase(),\n      );\n      if (index === -1) {\n        return;\n      }\n\n      users.splice(index, 1);\n    });\n\n    return users;\n  }\n\n  #excludeUsersByGroupName(users: SelectableUser[]): SelectableUser[] {\n    this._data.exclusions?.groups?.forEach((groupName) => {\n      const group = this.groups?.find(\n        (g) => g.name.toLowerCase() === groupName.toLowerCase(),\n      );\n      if (!group) {\n        return;\n      }\n\n      group.member.forEach((groupMemberDn) => {\n        const index = users.findIndex(\n          (u) => u.distinguishedName === groupMemberDn,\n        );\n        if (index === -1) {\n          return;\n        }\n\n        users.splice(index, 1);\n      });\n    });\n\n    return users;\n  }\n\n  #excludeUsersByDepartment(users: SelectableUser[]): SelectableUser[] {\n    this._data.exclusions?.departments?.forEach((department) => {\n      const excludedUsers = users.filter(\n        (u) => u.department?.toLowerCase() === department.toLowerCase(),\n      );\n\n      excludedUsers.forEach((user) => {\n        const index = users.indexOf(user);\n        users.splice(index, 1);\n      });\n    });\n\n    return users;\n  }\n\n  #excludeUsersByTitle(users: SelectableUser[]): SelectableUser[] {\n    this._data.exclusions?.titles?.forEach((title) => {\n      const excludedUsers = users.filter(\n        (u) => u.title?.toLowerCase() === title.toLowerCase(),\n      );\n\n      excludedUsers.forEach((user) => {\n        const index = users.indexOf(user);\n        users.splice(index, 1);\n      });\n    });\n\n    return users;\n  }\n  //#endregion\n\n  //#region Inclusions - only these will be included in the dataSource\n  #includeUsersByAccountName(users: SelectableUser[]): SelectableUser[] {\n    return users.filter(\n      (user) =>\n        !this._data.inclusions?.accountNames?.length || // No account inclusions specified\n        this._data.inclusions.accountNames.find(\n          (accountName) =>\n            accountName.toLowerCase() === user.sAMAccountName.toLowerCase(),\n        ),\n    );\n  }\n\n  #includeUsersByDepartment(users: SelectableUser[]): SelectableUser[] {\n    return users.filter(\n      (user) =>\n        !this._data.inclusions?.departments?.length || // No department inclusions specified\n        this._data.inclusions.departments.find(\n          (department) =>\n            department.toLowerCase() === user.department?.toLowerCase(),\n        ),\n    );\n  }\n\n  #includeUsersByTitle(users: SelectableUser[]): SelectableUser[] {\n    return users.filter(\n      (user) =>\n        !this._data.inclusions?.titles?.length || // No title inclusions specified\n        this._data.inclusions.titles.find(\n          (title) => title.toLowerCase() === user.title?.toLowerCase(),\n        ),\n    );\n  }\n\n  #includeUsersByGroupName(users: SelectableUser[]): SelectableUser[] {\n    if (!this._data.inclusions?.groups?.length) {\n      return users; // No group inclusions specified\n    }\n\n    // Cheating a bit and leveraging the 'selected' property to keep track of who should be included\n    // Since inclusions happen befor pre-selections, we can do that, as long as we set 'selected' back to false when we're done\n    this._data.inclusions.groups.forEach((groupName) => {\n      const group = this.groups?.find(\n        (g) => g.name.toLowerCase() === groupName.toLowerCase(),\n      );\n      if (!group) {\n        return;\n      }\n\n      users\n        .filter((user) =>\n          group.member.find(\n            (groupMemberDn) => groupMemberDn === user.distinguishedName,\n          ),\n        )\n        .forEach((user) => (user.selected = true));\n    });\n\n    // At this point, all of the appropriate users should have 'selected' set to true\n    const selectedUsers = users.filter((user) => user.selected); // Subset of the original list\n    // Reset 'selected' to false, and return\n    selectedUsers.forEach((user) => (user.selected = false));\n    return selectedUsers;\n  }\n  //#endregion\n\n  //#region  Pre-Selections\n  #preSelectUsersByAccountName(users: SelectableUser[]): SelectableUser[] {\n    this._data.preSelections?.accountNames?.forEach((accountName) => {\n      const user = users.find(\n        (u) => u.sAMAccountName.toLowerCase() === accountName.toLowerCase(),\n      );\n      if (!user) {\n        return;\n      }\n\n      user.selected = true;\n    });\n\n    return users;\n  }\n\n  #preSelectGroupsByAccountName(): void {\n    this._data.preSelections?.accountNames?.forEach((accountName) => {\n      const group = this.groups?.find(\n        (g) => g.sAMAccountName.toLowerCase() === accountName.toLowerCase(),\n      );\n      if (!group) {\n        return;\n      }\n\n      group.selected = true;\n    });\n  }\n\n  #preSelectUsersByDepartment(users: SelectableUser[]): SelectableUser[] {\n    this._data.preSelections?.departments?.forEach((department) =>\n      users\n        .filter((u) => u.department?.toLowerCase() === department.toLowerCase())\n        .forEach((user) => (user.selected = true)),\n    );\n\n    return users;\n  }\n\n  #preSelectUsersByTitle(users: SelectableUser[]): SelectableUser[] {\n    this._data.preSelections?.titles?.forEach((title) =>\n      users\n        .filter((u) => u.title?.toLowerCase() === title.toLowerCase())\n        .forEach((user) => (user.selected = true)),\n    );\n\n    return users;\n  }\n\n  #preSelectUsersByGroupName(users: SelectableUser[]): SelectableUser[] {\n    this._data.preSelections?.groups?.forEach((groupName) => {\n      const group = this.groups?.find(\n        (g) => g.name.toLowerCase() === groupName.toLowerCase(),\n      );\n      if (!group) {\n        return;\n      }\n\n      group.member.forEach((groupMemberDn) => {\n        const user = users.find((u) => u.distinguishedName === groupMemberDn);\n        if (!user) {\n          return;\n        }\n\n        user.selected = true;\n      });\n    });\n\n    return users;\n  }\n  //#endregion\n\n  #setFilterPredicate(): void {\n    if (!this.dataSource) {\n      return;\n    }\n\n    this.dataSource.filterPredicate = (\n      user: SelectableUser | SelectableGroup,\n      filter: string,\n    ) => {\n      if (filter === '{selected:true}') {\n        return user.selected;\n      } else {\n        const regex = new RegExp(filter, 'i'); // Case-insensitive\n        let match = false; // The end result - whether or not a employee matches the filter\n\n        const filterProperties = ['displayName'];\n        if (this._data.filterOptions?.accountName) {\n          filterProperties.push('sAMAccountName');\n        }\n        if (this._data.filterOptions?.title) {\n          filterProperties.push('title');\n        }\n        if (this._data.filterOptions?.department) {\n          filterProperties.push('department');\n        }\n        if (this._data.filterOptions?.phoneNumber) {\n          filterProperties.push('telephoneNumber');\n        }\n\n        // Match on the properties configured above\n        filterProperties.forEach((field) => {\n          // @ts-ignore\n          if (user[field] && user[field].match(regex)) {\n            match = true;\n          }\n        });\n\n        // Match on group membership (group name)\n        if (this._data.filterOptions?.groupMembership) {\n          user.memberOf.forEach((groupDn) => {\n            const group = this.groups?.find(\n              (group) =>\n                group.distinguishedName === groupDn && group.name.match(regex),\n            );\n\n            if (group) {\n              match = true;\n            }\n          });\n        }\n\n        return match;\n      }\n    };\n  }\n\n  #listenForFilterChanges(): void {\n    this.filterForm\n      .get('filter')\n      ?.valueChanges.pipe(debounceTime(250))\n      .subscribe(\n        () =>\n          (this.dataSource!.filter = this.filterForm.value.filter\n            ?.trim()\n            .toLowerCase()),\n      );\n  }\n\n  tooltip(user: SelectableUser | SelectableGroup): string {\n    return this._data.showGroupMembershipTooltips\n      ? user.memberOf\n          .map(\n            (groupDn) =>\n              this.groups?.find((group) => group.distinguishedName === groupDn)\n                ?.name,\n          )\n          .sort((a, b) => (a! > b! ? 1 : -1))\n          .join('\\n')\n      : '';\n  }\n  //#endregion\n}\n","<div mat-dialog-title>\r\n  <div id=\"dialog-title\">\r\n    <h2>{{ _data.title }}</h2>\r\n  \r\n    <div id=\"num-selected\">\r\n      {{ selectedOptions.length }} selected\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<mat-dialog-content>\r\n  @if (dataSource && photos) {\r\n    <form [formGroup]=\"filterForm\">\r\n      @if (dataSource) {\r\n        <mat-form-field>\r\n          <input matInput placeholder=\"Search\" formControlName=\"filter\" #filterInput>\r\n          @if (filterForm.value.filter) {\r\n            <button matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"filterForm.get('filter')?.setValue('')\">\r\n              <mat-icon fontIcon=\"close\"/>\r\n            </button>\r\n          }\r\n        </mat-form-field>\r\n      }\r\n    </form>\r\n    <mat-selection-list [multiple]=\"isMultiMode\"\r\n      (selectionChange)=\"listSelectionChanged($event.options)\">\r\n      @for (user of dataSource.filteredData; track user) {\r\n        <mat-list-option [value]=\"user\" [selected]=\"user.selected\"\r\n          (selectedChange)=\"optionSelectionChanged(option)\" #option>\r\n          @if (getPhoto(user)) {\r\n            <img matListItemAvatar alt=\"\" [src]=\"getPhoto(user)\">\r\n          } @else {\r\n            <mat-icon matListItemAvatar class=\"no-photo\"\r\n              [fontIcon]=\"isUser(user) ? 'account_circle' : 'group'\"/>\r\n          }\r\n          <div class=\"user\">\r\n            <div [matTooltip]=\"tooltip(user)\" class=\"user-name\">\r\n              {{ user.displayName ?? user.name }}\r\n              @if (isUser(user) && _data.showPhone && castUser(user).telephoneNumber) {\r\n                <div>{{ castUser(user).telephoneNumber }}</div>\r\n              }\r\n            </div>\r\n            @if (isUser(user)) {\r\n              <div>{{ castUser(user).department }}</div>\r\n              <div class=\"title\">{{ castUser(user).title }}</div>\r\n            }\r\n          </div>\r\n        </mat-list-option>\r\n      }\r\n    </mat-selection-list>\r\n  } @else {\r\n    <div>\r\n      <mat-spinner [diameter]=\"50\"/>\r\n      <h2 id=\"spinner-message\">Getting users and photos...</h2>\r\n    </div>\r\n  }\r\n</mat-dialog-content>\r\n\r\n<mat-dialog-actions>\r\n  @if (dataSource && photos) {\r\n    @if (selectedOptions.length) {\r\n      <mat-slide-toggle (change)=\"hideUnselectedChanged($event.checked)\">\r\n        Hide Unselected\r\n      </mat-slide-toggle>\r\n    }\r\n    @if (isMultiMode) {\r\n      <button mat-raised-button color=\"primary\" (click)=\"selectAll()\"\r\n        >\r\n        <mat-icon fontIcon=\"select_all\"/>\r\n        <span class=\"hide-mobile\">Select All</span>\r\n      </button>\r\n    }\r\n    @if (isMultiMode && selectedOptions.length) {\r\n      <button mat-raised-button color=\"primary\" (click)=\"deselectAll()\"\r\n        >\r\n        <mat-icon fontIcon=\"clear_all\"/>\r\n        <span class=\"hide-mobile\">Clear All</span>\r\n      </button>\r\n    }\r\n    @if (isMultiMode || !_data.closeWhenSelectionMade) {\r\n      <button mat-raised-button color=\"primary\" (click)=\"close()\" matTooltip=\"Accept your selection\"\r\n        [disabled]=\"!_data.allowCloseWithoutSelections && !selectedOptions.length\">\r\n        <mat-icon fontIcon=\"check\"/>\r\n        <span class=\"hide-mobile\">Ok</span>\r\n      </button>\r\n    }\r\n  }\r\n\r\n  <button mat-raised-button color=\"warn\" mat-dialog-close matTooltip=\"Close this window\">\r\n    <mat-icon fontIcon=\"close\"/>\r\n    <span class=\"hide-mobile\">Cancel</span>\r\n  </button>\r\n</mat-dialog-actions>","import {\n  Component,\n  forwardRef,\n  inject,\n  input,\n  OnInit,\n  output,\n  ChangeDetectionStrategy,\n  signal,\n} from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\nimport { forkJoin, of } from 'rxjs';\n\nimport {\n  ActiveDirectoryService,\n  User,\n  UserOrGroup,\n} from '@cleavelandprice/ngx-lib/active-directory';\nimport {\n  PhotoItem,\n  SharePointService,\n} from '@cleavelandprice/ngx-lib/sharepoint';\n\nimport { DefaultUserChooserData } from '../../model/default-user-chooser-data';\nimport { UserChooserData } from '../../model/user-chooser-data';\n\nimport { NgClass } from '@angular/common';\nimport { MatIconButton } from '@angular/material/button';\nimport { MatFormField, MatSuffix } from '@angular/material/form-field';\nimport { MatIcon } from '@angular/material/icon';\nimport { MatInput } from '@angular/material/input';\nimport { MatProgressBar } from '@angular/material/progress-bar';\nimport { UserChooserMode } from '../../mat-active-directory.api';\nimport { UserChooserComponent } from '../user-chooser/user-chooser.component';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n  selector: 'cp-user-field',\n  imports: [\n    MatFormField,\n    MatIcon,\n    MatIconButton,\n    MatInput,\n    MatProgressBar,\n    MatSuffix,\n    NgClass,\n  ],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => UserFormFieldComponent),\n      multi: true,\n    },\n  ],\n  standalone: true,\n  templateUrl: './user-form-field.component.html',\n  changeDetection: ChangeDetectionStrategy.Eager,\n  styleUrl: './user-form-field.component.scss',\n})\nexport class UserFormFieldComponent implements OnInit {\n  //#region Fields\n  #services = {\n    dialog: inject(MatDialog),\n    activeDirectory: inject(ActiveDirectoryService),\n    sharePoint: inject(SharePointService),\n  };\n  usersSelected = output<string | string[] | UserOrGroup | UserOrGroup[]>(); // string for Single mode, string[] for multi\n  userUnSelected = output<string>();\n  placeholder = input('Select User(s)');\n  clickable = input(true);\n  userChooserData = input.required<UserChooserData>();\n  _userChooserData!: UserChooserData;\n\n  accountNames?: string[];\n\n  users = signal<User[]>([]);\n  groups = signal<UserOrGroup[]>([]);\n  photos = signal<PhotoItem[]>([]);\n\n  //#region ControlValueAccessor stuff\n  // https://stackoverflow.com/questions/50618050/how-to-create-custom-input-component-with-ngmodel-working-in-angular-6\n  value: any; // string\n  onChange: (_: any) => void = (_: any) => {}; // Invoked when the model has been changed\n  onTouched: () => void = () => {}; // Invoked when the model has been touched\n  //#endregion\n  //#endregion\n\n  //#region Properties\n  /*get isEdge(): boolean {\n    return window.navigator.userAgent.indexOf('Edge') > -1;\n  }*/\n  get class(): string {\n    return this._userChooserData?.mode === UserChooserMode.Single\n      ? ''\n      : (this.accountNames?.length ?? 0) > 4\n        ? 'grid five'\n        : (this.accountNames?.length ?? 0) > 3\n          ? 'grid four'\n          : (this.accountNames?.length ?? 0) > 2\n            ? 'grid three'\n            : (this.accountNames?.length ?? 0) > 1\n              ? 'grid two'\n              : '';\n  }\n  //#endregion\n\n  //#region Lifecycle\n  ngOnInit(): void {\n    this._userChooserData = {\n      ...DefaultUserChooserData,\n      ...this.userChooserData(),\n    };\n\n    // If users have been pre-selected in the config, store those in accountNames, which drives the UI of this component\n    this.accountNames = this._userChooserData.preSelections?.accountNames;\n\n    this.#getData();\n  }\n  //#endregion\n\n  //#region Events\n  selectUser(): void {\n    if (!this.clickable()) {\n      return;\n    }\n\n    const data: UserChooserData = {\n      ...this._userChooserData,\n\n      users: this.users(),\n      photos: this.photos(),\n    };\n\n    this.#services.dialog\n      .open(UserChooserComponent, {\n        data: data,\n      })\n      .afterClosed()\n      .subscribe(\n        (selected: string | string[] | UserOrGroup | UserOrGroup[]) => {\n          if (!selected) {\n            return;\n          }\n\n          this.accountNames = Array.isArray(selected)\n            ? selected.map((s) =>\n                typeof s === 'string' ? s : s.sAMAccountName,\n              )\n            : [selected].map((s) =>\n                typeof s === 'string' ? s : s.sAMAccountName,\n              );\n\n          // Overwrite what may have been passed in, for subsequent launches of UserChooserComponent - otherwise it just keeps getting fed stale data\n          if (this._userChooserData.preSelections) {\n            this._userChooserData.preSelections.accountNames =\n              this.accountNames;\n          }\n\n          this.usersSelected.emit(selected);\n        },\n      );\n  }\n\n  unSelectUser(accountName: string): void {\n    const index = this.accountNames?.findIndex((a) => a === accountName);\n    this.accountNames?.splice(index ?? -1, 1);\n\n    if (this._userChooserData.preSelections) {\n      this._userChooserData.preSelections.accountNames = this.accountNames;\n    }\n\n    this.userUnSelected.emit(accountName);\n  }\n  //#endregion\n\n  //#region Utilities\n  #getData(): void {\n    forkJoin([\n      this._userChooserData!.users\n        ? // Users were passed in\n          of(this._userChooserData!.users)\n        : // Users need to be retrieved\n          this.#services.activeDirectory.getUsers(\n            this._userChooserData.appName ?? 'ngxlibADUserFormField',\n            this._userChooserData!.includeDisabledUsers,\n            this._userChooserData!.parentOu,\n          ),\n\n      this._userChooserData!.groups\n        ? // Groups were passed in\n          of(this._userChooserData!.groups)\n        : // Groups need to be retrieved\n          this.#services.activeDirectory.getGroups(\n            this._userChooserData!.parentOu,\n          ),\n\n      this._userChooserData!.photos\n        ? // Photos were passed in\n          of(this._userChooserData!.photos)\n        : // Photos need to be retrieved\n          this.#services.sharePoint.getPhotos(),\n    ]).subscribe(([users, groups, photos]) => {\n      this.users.set(users);\n      this.groups.set(groups);\n      this.photos.set(photos);\n    });\n  }\n\n  getUser(user: string | User | undefined): User | undefined {\n    user =\n      typeof user === 'string'\n        ? this.users()?.find(\n            (u) =>\n              u.sAMAccountName.toLowerCase() === user?.toString().toLowerCase(),\n          )\n        : user;\n\n    return !user ? undefined : 'groupType' in user ? undefined : user;\n  }\n\n  getGroup(group: string | UserOrGroup | undefined): UserOrGroup | undefined {\n    group =\n      typeof group === 'string'\n        ? this.groups()?.find(\n            (g) =>\n              g.sAMAccountName.toLowerCase() ===\n              group?.toString().toLowerCase(),\n          )\n        : group;\n\n    return !group ? undefined : 'groupType' in group ? group : undefined;\n  }\n\n  getPhoto(accountName: string): string | undefined {\n    const user = this.getUser(accountName);\n    if (!user) {\n      return undefined;\n    }\n\n    return this.photos()?.find(\n      (p) =>\n        (p.employeeNumber &&\n          p.employeeNumber.toString() === user.employeeNumber) ||\n        p.accountName?.toLowerCase() === user.sAMAccountName.toLowerCase() ||\n        p.displayName?.toLowerCase() ===\n          (user.displayName ?? user.name).toLowerCase() ||\n        p.title?.toLowerCase() ===\n          (user.displayName ?? user.name).toLowerCase(),\n    )?.encodedAbsUrl;\n  }\n  //#endregion\n\n  //#region ControlValueAccessor methods\n  // Method that is invoked on an update of a model.\n  updateChanges() {\n    this.onChange(this.value);\n  }\n\n  //#region ControlValueAccessor Overrides\n\n  // Writes a new item to the element.\n  writeValue(value: any): void {\n    this.value = value;\n    this.updateChanges();\n  }\n\n  // Registers a callback function that should be called when the control's value changes in the UI.\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  // Registers a callback function that should be called when the control receives a blur event.\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n\n  //#endregion\n\n  //#endregion\n}\n","\r\n<!-- In Microsoft Edge, selectUser() never gets called if the input fields are disabled\r\nSo... I'm dynamically setting the disabled property based on whether or not the browser is Edge.\r\nIt's definitely a better experience if the field IS disabled.\r\nOtherwise, it's confusing - especially because Edge is SO SLOW to display the resulting dialog window.\r\n-->\r\n<!-- Update 8/24/2023:\r\nThe above problem also exists in Chrome now.\r\nSo instead of dynamically setting [disabled] based on browser type,\r\nI'm applying CSS to suppress mouse events on the input - thus making it bubble up to the parent control, which responds the way we want/\r\n-->\r\n\r\n@if (users().length && photos().length) {\r\n  <div (click)=\"selectUser()\" [class.clickable]=\"clickable()\">\r\n    @if (accountNames?.length) {\r\n      <div [ngClass]=\"class\">\r\n        @for (accountName of accountNames; track accountName; let i = $index) {\r\n          <div class=\"user\">\r\n            <!--<img *ngIf=\"accountName && empUtils.getEmployee(accountName)\" alt=\"\" [src]=\"empUtils.getEmployee(accountName) | employeePhotoUrl:cacheService.photos\">-->\r\n            @if (getPhoto(accountName)) {\r\n              <img matListItemAvatar alt=\"\" [src]=\"getPhoto(accountName)\">\r\n            }\r\n            @if (getGroup(accountName)) {\r\n              <mat-icon>group</mat-icon>\r\n            }\r\n            <mat-form-field>\r\n              <!-- [disabled]=\"!isEdge\" -->\r\n              <input matInput disabled [placeholder]=\"i === 0 ? placeholder() : ''\"\r\n                [value]=\"getUser(accountName)?.displayName ?? getGroup(accountName)?.displayName ?? accountName\">\r\n              <button matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"$event.stopPropagation(); unSelectUser(accountName)\">\r\n                <mat-icon fontIcon=\"close\"/>\r\n              </button>\r\n            </mat-form-field>\r\n          </div>\r\n        }\r\n      </div>\r\n    } @else {\r\n      <mat-form-field>\r\n        <input matInput disabled [placeholder]=\"placeholder()\"> <!-- [disabled]=\"!isEdge\" -->\r\n      </mat-form-field>\r\n    }\r\n  </div>\r\n} @else {\r\n  <mat-progress-bar mode=\"indeterminate\"/>\r\n}","import { CommonModule } from '@angular/common';\nimport { ModuleWithProviders, NgModule, Optional, SkipSelf } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatListModule } from '@angular/material/list';\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\nimport { ActiveDirectoryServiceOptions, ActiveDirectoryServiceOptionsToken } from '@cleavelandprice/ngx-lib/active-directory';\n\nimport { UserChooserComponent } from './components/user-chooser/user-chooser.component';\nimport { UserFormFieldComponent } from './components/user-form-field/user-form-field.component';\n\n@NgModule({\n  declarations: [],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n\n    MatButtonModule,\n    MatDialogModule,\n    MatFormFieldModule,\n    MatIconModule,\n    MatInputModule,\n    MatListModule,\n    MatProgressBarModule,\n    MatProgressSpinnerModule,\n    MatSlideToggleModule,\n    MatTableModule,\n    MatTooltipModule,\n\n    UserChooserComponent,\n    UserFormFieldComponent\n  ],\n  exports: [\n    UserChooserComponent,\n    UserFormFieldComponent\n  ]\n})\nexport class MatActiveDirectoryModule {\n  static forRoot(config: ActiveDirectoryServiceOptions): ModuleWithProviders<MatActiveDirectoryModule> {\n    return {\n      ngModule: MatActiveDirectoryModule,\n      providers: [\n        {\n          provide: ActiveDirectoryServiceOptionsToken,\n          useValue: config\n        }\n      ]\n    };\n  }\n\n  constructor(@Optional() @SkipSelf() parentModule: MatActiveDirectoryModule) {\n    if (parentModule) {\n      throw new Error(\n        'MatActiveDirectoryModule is already loaded. Import it in the AppModule only');\n    }\n  }\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './mat-active-directory.api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"cleavelandprice-ngx-lib-active-directory-material.mjs","sources":["../../../../projects/cleavelandprice/ngx-lib/active-directory/material/src/model/default-user-chooser-filter-options.ts","../../../../projects/cleavelandprice/ngx-lib/active-directory/material/src/model/user-chooser-mode.ts","../../../../projects/cleavelandprice/ngx-lib/active-directory/material/src/model/default-user-chooser-data.ts","../../../../projects/cleavelandprice/ngx-lib/active-directory/material/src/model/user-chooser-filter-options.ts","../../../../projects/cleavelandprice/ngx-lib/active-directory/material/src/model/user-chooser-pre-processing-group.ts","../../../../projects/cleavelandprice/ngx-lib/active-directory/material/src/components/user-chooser/user-chooser.component.ts","../../../../projects/cleavelandprice/ngx-lib/active-directory/material/src/components/user-chooser/user-chooser.component.html","../../../../projects/cleavelandprice/ngx-lib/active-directory/material/src/components/user-form-field/user-form-field.component.ts","../../../../projects/cleavelandprice/ngx-lib/active-directory/material/src/components/user-form-field/user-form-field.component.html","../../../../projects/cleavelandprice/ngx-lib/active-directory/material/src/mat-active-directory.module.ts","../../../../projects/cleavelandprice/ngx-lib/active-directory/material/src/cleavelandprice-ngx-lib-active-directory-material.ts"],"sourcesContent":["import { UserChooserFilterOptions } from \"./user-chooser-filter-options\";\r\n\r\nexport const DefaultUserChooserFilterOptions: UserChooserFilterOptions = {\r\n    accountName: true,\r\n    department: true,\r\n    groupMembership: false,\r\n    phoneNumber: true,\r\n    title: true\r\n};","export enum UserChooserMode {\r\n    Single,\r\n    Multiple\r\n}","import { DefaultUserChooserFilterOptions } from \"./default-user-chooser-filter-options\";\r\nimport { UserChooserData } from \"./user-chooser-data\";\r\nimport { UserChooserMode } from \"./user-chooser-mode\";\r\n\r\nexport const DefaultUserChooserData: UserChooserData = {\r\n    closeWhenSelectionMade: false,\r\n    allowCloseWithoutSelections: false,\r\n    includeDisabledUsers: false,\r\n    returnUserObjects: false,\r\n    showGroupMembershipTooltips: false,\r\n    showPhone: true,\r\n    title: 'Select User(s)',\r\n    mode: UserChooserMode.Single,\r\n    objectTypes: '*',\r\n    filterOptions: DefaultUserChooserFilterOptions\r\n};","export interface UserChooserFilterOptions {\r\n    accountName?: boolean;\r\n    department?: boolean;\r\n    groupMembership?: boolean;\r\n    phoneNumber?: boolean;\r\n    title?: boolean;\r\n};","export interface UserChooserPreProcessingGroup {\r\n    accountNames?: string[];\r\n    departments?: string[];\r\n    groups?: string[];\r\n    titles?: string[];\r\n};","import { Component, ElementRef, inject, OnInit, viewChild, ChangeDetectionStrategy, afterRenderEffect, signal, WritableSignal, effect } from '@angular/core';\nimport { apply, debounce, form, PathKind, required, schema, SchemaPathTree, FormField } from '@angular/forms/signals';\n\nimport { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';\nimport { MatListItemAvatar, MatListOption, MatSelectionList } from '@angular/material/list';\nimport { MatTableDataSource } from '@angular/material/table';\nimport { MatButton, MatIconButton } from '@angular/material/button';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatIcon } from '@angular/material/icon';\nimport { MatInput } from '@angular/material/input';\nimport { MatProgressSpinner } from '@angular/material/progress-spinner';\nimport { MatSlideToggle } from '@angular/material/slide-toggle';\nimport { MatTooltip } from '@angular/material/tooltip';\n\nimport { forkJoin, Observable, of } from 'rxjs';\n\nimport { ActiveDirectoryService } from '@cleavelandprice/ngx-lib/active-directory';\nimport { PhotoItem, SharePointService, } from '@cleavelandprice/ngx-lib/sharepoint';\n\nimport { DefaultUserChooserData } from '../../model/default-user-chooser-data';\nimport { SelectableGroup } from '../../model/selectable-group';\nimport { SelectableUser } from '../../model/selectable-user';\nimport { UserChooserData } from '../../model/user-chooser-data';\nimport { UserChooserMode } from '../../model/user-chooser-mode';\n\n@Component({\n  templateUrl: './user-chooser.component.html',\n  imports: [\n    FormField,\n    MatButton,\n    MatDialogModule,\n    MatFormFieldModule,\n    MatIcon,\n    MatIconButton,\n    MatInput,\n    MatListItemAvatar,\n    MatListOption,\n    MatProgressSpinner,\n    MatSelectionList,\n    MatSlideToggle,\n    MatTooltip\n  ],\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.Eager,\n  styleUrls: [\n    './user-chooser.component.scss',\n    '../../../../../styles/mat-icon.scss',\n  ],\n})\nexport class UserChooserComponent implements OnInit {\n  #services = {\n    dialogRef: inject(MatDialogRef<UserChooserComponent>),\n    activeDirectory: inject(ActiveDirectoryService),\n    sharePoint: inject(SharePointService),\n    data: inject<UserChooserData>(MAT_DIALOG_DATA),\n  };\n  _data = { ...DefaultUserChooserData, ...this.#services.data };\n\n  //#region Fields\n  selectionList = viewChild(MatSelectionList);\n  filterInput = viewChild<ElementRef<HTMLInputElement>>('filterInput');\n \n  filterFormModel = signal<IFilterFormModel>({filter: ''});\n  #filterFormSchema = schema((schemaPath: SchemaPathTree<IFilterFormModel, PathKind.Root>) => {\n    required(schemaPath.filter);\n    debounce(schemaPath.filter, 500);\n  });\n  filterForm = form(this.filterFormModel, (path) => apply(path, this.#filterFormSchema));\n\n  dataSource: WritableSignal<MatTableDataSource<SelectableUser | SelectableGroup> | undefined> = signal(undefined);\n  photos = signal<PhotoItem[]>([]);\n  groups = signal<SelectableGroup[]>([]); // May or may not get populated, depending on config data sent in\n  //#endregion\n\n  //#region Properties\n  get isMultiMode(): boolean {\n    return this._data.mode === UserChooserMode.Multiple;\n  }\n\n  selectedUsersOrGroups = signal<(SelectableUser | SelectableGroup)[]>([]);\n\n  get adGroupsNeeded(): boolean {\n    // If any are these are true, then we need to pull AD groups for use later\n    return (\n      (this._data.showGroupMembershipTooltips ?? false) ||\n      (this._data.exclusions?.groups?.length ?? 0) > 0 ||\n      (this._data.inclusions?.groups?.length ?? 0) > 0 ||\n      (this._data.preSelections?.groups?.length ?? 0) > 0 ||\n      this._data.filterOptions?.groupMembership ||\n      (this._data.selectableGroupNames?.length ?? 0) > 0 ||\n      (this._data.groups?.length ?? 0) > 0\n    );\n  }\n  //#endregion\n\n  //#region Lifecycle\n  constructor() {\n    afterRenderEffect(() => {\n      this.filterInput()?.nativeElement.focus();\n    });\n\n    effect(() => {\n      if (this.dataSource()) {\n        this.dataSource()!.filter = this.filterForm().value().filter.toLowerCase();\n      }\n    });\n  }\n  \n  ngOnInit(): void {\n    this.#getData();\n  }\n  //#endregion\n\n  //#region Events\n  closeIfSingleSelection(/* event: MatSelectionListChange */): void {\n    if (this._data.mode === UserChooserMode.Single &&\n      this.selectedUsersOrGroups().length &&\n      this._data.closeWhenSelectionMade) {\n        this.close();\n      }\n }\n\n  optionSelectionChanged(option: MatListOption): void {\n    const userOrGroup = this.dataSource()?.data.find(\n      (u) =>\n        u.sAMAccountName.toLocaleLowerCase() ===\n        (option.value as SelectableUser).sAMAccountName.toLowerCase(),\n    );\n\n    if (userOrGroup) {\n      // If we are in single user selection mode, deselect any existing selections first\n      if (!this.isMultiMode && option.selected) {\n        this.dataSource()?.data\n          .filter(\n            (u) =>\n              u.sAMAccountName.toLowerCase() !==\n              (option.value as SelectableUser).sAMAccountName.toLowerCase(),\n          )\n          .forEach((u) => (u.selected = false));\n      }\n\n      userOrGroup.selected = option.selected;\n    }\n\n    this.selectedUsersOrGroups.set(this.dataSource()?.data.filter(u => u.selected) ?? []);\n  }\n\n  hideUnselectedChanged(selected: boolean): void {\n    this.filterForm().value.set({filter: selected ? '{selected:true}' : ''});\n  }\n\n  selectAll(): void {\n    this.selectionList()?.selectAll();\n\n    /*if (this.selectionList()?.options) {\n      this.closeIfSingleSelection();\n    }*/\n  }\n\n  deselectAll(): void {\n    this.selectionList()?.deselectAll();\n  }\n  //#endregion\n\n  //#region Utilities\n  isUser(userOrGroup: SelectableUser | SelectableGroup): boolean {\n    return 'title' in userOrGroup;\n  }\n  castUser(userOrGroup: SelectableUser | SelectableGroup): SelectableUser {\n    return userOrGroup as SelectableUser;\n  }\n\n  #getData(): void {\n    const observables$: Observable<any>[] = [\n      this._data.users?.length\n        ? // Users were passed in\n          of(this._data.users)\n        : // Users need to be retrieved\n          this.#services.activeDirectory.getUsers(\n            this._data.appName ?? 'ngxlibADUserChooser',\n            this._data.includeDisabledUsers,\n            this._data.parentOu,\n          ),\n\n      this._data.photos?.length\n        ? // Photos were passed in\n          of(this._data.photos)\n        : // Photos need to be retrieved\n          this.#services.sharePoint.getPhotos(),\n    ];\n\n    // Do we need AD groups?\n    if (this.adGroupsNeeded) {\n      observables$.push(\n        this._data.groups?.length\n          ? // Groups were passed in\n            of(this._data.groups)\n          : // Groups need to be retrieved\n            this.#services.activeDirectory.getGroups(),\n      );\n    }\n\n    forkJoin(observables$)\n      //.subscribe(([users, photos]) => {\n      .subscribe((data) => {\n        // Need groups in place before we handle exclusions/inclusions/pre-selections\n        this.groups.set(this.adGroupsNeeded ? data[2] : []);\n\n        let users = data[0] as SelectableUser[];\n        users.forEach((u) => (u.selected = false)); // In case existing data was re-used\n        users = this.#includeUsersByAccountName(users);\n        users = this.#includeUsersByGroupName(users);\n        users = this.#includeUsersByDepartment(users);\n        users = this.#includeUsersByTitle(users);\n\n        users = this.#excludeUsersByAccountName(users);\n        users = this.#excludeUsersByGroupName(users);\n        users = this.#excludeUsersByDepartment(users);\n        users = this.#excludeUsersByTitle(users);\n\n        users = this.#preSelectUsersByAccountName(users);\n        users = this.#preSelectUsersByGroupName(users);\n        users = this.#preSelectUsersByDepartment(users);\n        users = this.#preSelectUsersByTitle(users);\n\n        this.#preSelectGroupsByAccountName();\n\n        const usersAndGroups: (SelectableUser | SelectableGroup)[] = [];\n\n        // Should we allow users to be selected?\n        if (['users', '*'].includes(this._data.objectTypes!)) {\n          usersAndGroups.push(...users);\n        }\n\n        // Should we allow groups to be selected\n\n        if (['groups', '*'].includes(this._data.objectTypes!)) {\n          if (this._data.selectableGroupNames?.length) {\n            if (this._data.selectableGroupNames.includes('*')) {\n              usersAndGroups.push(...this.groups());\n            } else {\n              this._data.selectableGroupNames.forEach((groupName) => {\n                const group = this.groups().find(\n                  (g) => g.displayName === groupName,\n                );\n\n                if (group) {\n                  usersAndGroups.push({\n                    ...group,\n                    selected: group.selected,\n                  });\n                }\n              });\n            }\n          }\n        }\n\n        this.dataSource.set(new MatTableDataSource(usersAndGroups));\n\n        this.photos.set(data[1]);\n\n        this.#setFilterPredicate();\n      });\n  }\n\n  close(): void {\n    if (!this.selectedUsersOrGroups().length) {\n      this.#services.dialogRef.close(\n        this._data.allowCloseWithoutSelections ? [] : undefined,\n      );\n      return;\n    }\n    const value = this.selectedUsersOrGroups().map((u) =>\n      this._data.returnUserObjects ? u : u.sAMAccountName,\n    );\n\n    this.#services.dialogRef.close(\n      this._data.mode === UserChooserMode.Multiple ? value : value[0],\n    );\n  }\n\n  getPhoto(user: SelectableUser | SelectableGroup): string | undefined {\n    if (!this.isUser(user)) {\n      return;\n    }\n\n    return this.photos().find(\n      (p) =>\n        (p.employeeNumber &&\n          p.employeeNumber.toString() ===\n            (user as SelectableUser).employeeNumber) ||\n        p.accountName?.toLowerCase() === user.sAMAccountName.toLowerCase() ||\n        p.displayName?.toLowerCase() ===\n          (user.displayName ?? user.name).toLowerCase() ||\n        p.title?.toLowerCase() ===\n          (user.displayName ?? user.name).toLowerCase(),\n    )?.encodedAbsUrl;\n  }\n\n  //#region Exclusions - won't be included in the dataSource at all\n  #excludeUsersByAccountName(users: SelectableUser[]): SelectableUser[] {\n    this._data.exclusions?.accountNames?.forEach((accountName) => {\n      const index = users.findIndex(\n        (u) => u.sAMAccountName.toLowerCase() === accountName.toLowerCase(),\n      );\n      if (index === -1) {\n        return;\n      }\n\n      users.splice(index, 1);\n    });\n\n    return users;\n  }\n\n  #excludeUsersByGroupName(users: SelectableUser[]): SelectableUser[] {\n    this._data.exclusions?.groups?.forEach((groupName) => {\n      const group = this.groups().find(\n        (g) => g.name.toLowerCase() === groupName.toLowerCase(),\n      );\n      if (!group) {\n        return;\n      }\n\n      group.member.forEach((groupMemberDn) => {\n        const index = users.findIndex(\n          (u) => u.distinguishedName === groupMemberDn,\n        );\n        if (index === -1) {\n          return;\n        }\n\n        users.splice(index, 1);\n      });\n    });\n\n    return users;\n  }\n\n  #excludeUsersByDepartment(users: SelectableUser[]): SelectableUser[] {\n    this._data.exclusions?.departments?.forEach((department) => {\n      const excludedUsers = users.filter(\n        (u) => u.department?.toLowerCase() === department.toLowerCase(),\n      );\n\n      excludedUsers.forEach((user) => {\n        const index = users.indexOf(user);\n        users.splice(index, 1);\n      });\n    });\n\n    return users;\n  }\n\n  #excludeUsersByTitle(users: SelectableUser[]): SelectableUser[] {\n    this._data.exclusions?.titles?.forEach((title) => {\n      const excludedUsers = users.filter(\n        (u) => u.title?.toLowerCase() === title.toLowerCase(),\n      );\n\n      excludedUsers.forEach((user) => {\n        const index = users.indexOf(user);\n        users.splice(index, 1);\n      });\n    });\n\n    return users;\n  }\n  //#endregion\n\n  //#region Inclusions - only these will be included in the dataSource\n  #includeUsersByAccountName(users: SelectableUser[]): SelectableUser[] {\n    return users.filter(\n      (user) =>\n        !this._data.inclusions?.accountNames?.length || // No account inclusions specified\n        this._data.inclusions.accountNames.find(\n          (accountName) =>\n            accountName.toLowerCase() === user.sAMAccountName.toLowerCase(),\n        ),\n    );\n  }\n\n  #includeUsersByDepartment(users: SelectableUser[]): SelectableUser[] {\n    return users.filter(\n      (user) =>\n        !this._data.inclusions?.departments?.length || // No department inclusions specified\n        this._data.inclusions.departments.find(\n          (department) =>\n            department.toLowerCase() === user.department?.toLowerCase(),\n        ),\n    );\n  }\n\n  #includeUsersByTitle(users: SelectableUser[]): SelectableUser[] {\n    return users.filter(\n      (user) =>\n        !this._data.inclusions?.titles?.length || // No title inclusions specified\n        this._data.inclusions.titles.find(\n          (title) => title.toLowerCase() === user.title?.toLowerCase(),\n        ),\n    );\n  }\n\n  #includeUsersByGroupName(users: SelectableUser[]): SelectableUser[] {\n    if (!this._data.inclusions?.groups?.length) {\n      return users; // No group inclusions specified\n    }\n\n    // Cheating a bit and leveraging the 'selected' property to keep track of who should be included\n    // Since inclusions happen befor pre-selections, we can do that, as long as we set 'selected' back to false when we're done\n    this._data.inclusions.groups.forEach((groupName) => {\n      const group = this.groups().find(\n        (g) => g.name.toLowerCase() === groupName.toLowerCase(),\n      );\n      if (!group) {\n        return;\n      }\n\n      users\n        .filter((user) =>\n          group.member.find(\n            (groupMemberDn) => groupMemberDn === user.distinguishedName,\n          ),\n        )\n        .forEach((user) => (user.selected = true));\n    });\n\n    // At this point, all of the appropriate users should have 'selected' set to true\n    const selectedUsers = users.filter((user) => user.selected); // Subset of the original list\n    // Reset 'selected' to false, and return\n    selectedUsers.forEach((user) => (user.selected = false));\n    return selectedUsers;\n  }\n  //#endregion\n\n  //#region  Pre-Selections\n  #preSelectUsersByAccountName(users: SelectableUser[]): SelectableUser[] {\n    this._data.preSelections?.accountNames?.forEach((accountName) => {\n      const user = users.find(\n        (u) => u.sAMAccountName.toLowerCase() === accountName.toLowerCase(),\n      );\n      if (!user) {\n        return;\n      }\n\n      user.selected = true;\n    });\n\n    return users;\n  }\n\n  #preSelectGroupsByAccountName(): void {\n    this._data.preSelections?.accountNames?.forEach((accountName) => {\n      const group = this.groups().find(\n        (g) => g.sAMAccountName.toLowerCase() === accountName.toLowerCase(),\n      );\n      if (!group) {\n        return;\n      }\n\n      group.selected = true;\n    });\n  }\n\n  #preSelectUsersByDepartment(users: SelectableUser[]): SelectableUser[] {\n    this._data.preSelections?.departments?.forEach((department) =>\n      users\n        .filter((u) => u.department?.toLowerCase() === department.toLowerCase())\n        .forEach((user) => (user.selected = true)),\n    );\n\n    return users;\n  }\n\n  #preSelectUsersByTitle(users: SelectableUser[]): SelectableUser[] {\n    this._data.preSelections?.titles?.forEach((title) =>\n      users\n        .filter((u) => u.title?.toLowerCase() === title.toLowerCase())\n        .forEach((user) => (user.selected = true)),\n    );\n\n    return users;\n  }\n\n  #preSelectUsersByGroupName(users: SelectableUser[]): SelectableUser[] {\n    this._data.preSelections?.groups?.forEach((groupName) => {\n      const group = this.groups().find(\n        (g) => g.name.toLowerCase() === groupName.toLowerCase(),\n      );\n      if (!group) {\n        return;\n      }\n\n      group.member.forEach((groupMemberDn) => {\n        const user = users.find((u) => u.distinguishedName === groupMemberDn);\n        if (!user) {\n          return;\n        }\n\n        user.selected = true;\n      });\n    });\n\n    return users;\n  }\n  //#endregion\n\n  #setFilterPredicate(): void {\n    if (!this.dataSource()) {\n      return;\n    }\n\n    this.dataSource()!.filterPredicate = (\n      user: SelectableUser | SelectableGroup,\n      filter: string,\n    ) => {\n      if (filter === '{selected:true}') {\n        return user.selected;\n      } else {\n        const regex = new RegExp(filter, 'i'); // Case-insensitive\n        let match = false; // The end result - whether or not a employee matches the filter\n\n        const filterProperties = ['displayName'];\n        if (this._data.filterOptions?.accountName) {\n          filterProperties.push('sAMAccountName');\n        }\n        if (this._data.filterOptions?.title) {\n          filterProperties.push('title');\n        }\n        if (this._data.filterOptions?.department) {\n          filterProperties.push('department');\n        }\n        if (this._data.filterOptions?.phoneNumber) {\n          filterProperties.push('telephoneNumber');\n        }\n\n        // Match on the properties configured above\n        filterProperties.forEach((field) => {\n          // @ts-ignore\n          if (user[field] && user[field].match(regex)) {\n            match = true;\n          }\n        });\n\n        // Match on group membership (group name)\n        if (this._data.filterOptions?.groupMembership) {\n          user.memberOf.forEach((groupDn) => {\n            const group = this.groups().find(\n              (group) =>\n                group.distinguishedName === groupDn && group.name.match(regex),\n            );\n\n            if (group) {\n              match = true;\n            }\n          });\n        }\n\n        return match;\n      }\n    };\n  }\n\n  tooltip(user: SelectableUser | SelectableGroup): string {\n    return this._data.showGroupMembershipTooltips\n      ? user.memberOf\n          .map(\n            (groupDn) =>\n              this.groups().find((group) => group.distinguishedName === groupDn)\n                ?.name,\n          )\n          .sort((a, b) => (a! > b! ? 1 : -1))\n          .join('\\n')\n      : '';\n  }\n  //#endregion\n}\n\ninterface IFilterFormModel {\n  filter: string;\n}\n","<div mat-dialog-title>\r\n  <div id=\"dialog-title\">\r\n    <h2>{{ _data.title }}</h2>\r\n  \r\n    <div id=\"num-selected\">\r\n      {{ selectedUsersOrGroups().length }} selected\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<mat-dialog-content>\r\n  @if (dataSource() && photos().length) {\r\n    <form>\r\n      @if (dataSource()) {\r\n        <mat-form-field>\r\n          <input matInput placeholder=\"Search\" [formField]=\"filterForm.filter\" #filterInput>\r\n          @if (filterForm().value().filter) {\r\n            <button type=\"button\" matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"filterFormModel.set({filter: ''})\">\r\n              <mat-icon fontIcon=\"close\"/>\r\n            </button>\r\n          }\r\n        </mat-form-field>\r\n      }\r\n    </form>\r\n\r\n    <mat-selection-list [multiple]=\"isMultiMode\" (selectionChange)=\"closeIfSingleSelection()\">\r\n      @for (user of dataSource()!.filteredData; track user) {\r\n        <mat-list-option [value]=\"user\" [selected]=\"user.selected\"\r\n          (selectedChange)=\"optionSelectionChanged(option)\" #option>\r\n          @if (getPhoto(user)) {\r\n            <img matListItemAvatar alt=\"\" [src]=\"getPhoto(user)\">\r\n          } @else {\r\n            <mat-icon matListItemAvatar class=\"no-photo\"\r\n              [fontIcon]=\"isUser(user) ? 'account_circle' : 'group'\"/>\r\n          }\r\n          <div class=\"user\">\r\n            <div [matTooltip]=\"tooltip(user)\" class=\"user-name\">\r\n              {{ user.displayName ?? user.name }}\r\n              @if (isUser(user) && _data.showPhone && castUser(user).telephoneNumber) {\r\n                <div>{{ castUser(user).telephoneNumber }}</div>\r\n              }\r\n            </div>\r\n            @if (isUser(user)) {\r\n              <div>{{ castUser(user).department }}</div>\r\n              <div class=\"title\">{{ castUser(user).title }}</div>\r\n            }\r\n          </div>\r\n        </mat-list-option>\r\n      }\r\n    </mat-selection-list>\r\n  } @else {\r\n    <div>\r\n      <mat-spinner [diameter]=\"50\"/>\r\n      <h2 id=\"spinner-message\">Getting users and photos...</h2>\r\n    </div>\r\n  }\r\n</mat-dialog-content>\r\n\r\n<mat-dialog-actions>\r\n  @if (dataSource() && photos().length) {\r\n    @if (selectedUsersOrGroups().length) {\r\n      <mat-slide-toggle (change)=\"hideUnselectedChanged($event.checked)\">\r\n        Hide Unselected\r\n      </mat-slide-toggle>\r\n    }\r\n    @if (isMultiMode) {\r\n      <button mat-raised-button color=\"primary\" (click)=\"selectAll()\"\r\n        >\r\n        <mat-icon fontIcon=\"select_all\"/>\r\n        <span class=\"hide-mobile\">Select All</span>\r\n      </button>\r\n    }\r\n    @if (isMultiMode && selectedUsersOrGroups().length) {\r\n      <button mat-raised-button color=\"primary\" (click)=\"deselectAll()\"\r\n        >\r\n        <mat-icon fontIcon=\"clear_all\"/>\r\n        <span class=\"hide-mobile\">Clear All</span>\r\n      </button>\r\n    }\r\n    @if (isMultiMode || !_data.closeWhenSelectionMade) {\r\n      <button mat-raised-button color=\"primary\" (click)=\"close()\" matTooltip=\"Accept your selection\"\r\n        [disabled]=\"!_data.allowCloseWithoutSelections && !selectedUsersOrGroups().length\">\r\n        <mat-icon fontIcon=\"check\"/>\r\n        <span class=\"hide-mobile\">Ok</span>\r\n      </button>\r\n    }\r\n  }\r\n\r\n  <button mat-raised-button color=\"warn\" mat-dialog-close matTooltip=\"Close this window\">\r\n    <mat-icon fontIcon=\"close\"/>\r\n    <span class=\"hide-mobile\">Cancel</span>\r\n  </button>\r\n</mat-dialog-actions>","import {\n  Component,\n  forwardRef,\n  inject,\n  input,\n  OnInit,\n  output,\n  ChangeDetectionStrategy,\n  signal,\n} from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\nimport { forkJoin, of } from 'rxjs';\n\nimport {\n  ActiveDirectoryService,\n  User,\n  UserOrGroup,\n} from '@cleavelandprice/ngx-lib/active-directory';\nimport {\n  PhotoItem,\n  SharePointService,\n} from '@cleavelandprice/ngx-lib/sharepoint';\n\nimport { DefaultUserChooserData } from '../../model/default-user-chooser-data';\nimport { UserChooserData } from '../../model/user-chooser-data';\n\nimport { NgClass } from '@angular/common';\nimport { MatIconButton } from '@angular/material/button';\nimport { MatFormField, MatSuffix } from '@angular/material/form-field';\nimport { MatIcon } from '@angular/material/icon';\nimport { MatInput } from '@angular/material/input';\nimport { MatProgressBar } from '@angular/material/progress-bar';\nimport { UserChooserMode } from '../../mat-active-directory.api';\nimport { UserChooserComponent } from '../user-chooser/user-chooser.component';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n  selector: 'cp-user-field',\n  imports: [\n    MatFormField,\n    MatIcon,\n    MatIconButton,\n    MatInput,\n    MatProgressBar,\n    MatSuffix,\n    NgClass,\n  ],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => UserFormFieldComponent),\n      multi: true,\n    },\n  ],\n  standalone: true,\n  templateUrl: './user-form-field.component.html',\n  changeDetection: ChangeDetectionStrategy.Eager,\n  styleUrl: './user-form-field.component.scss',\n})\nexport class UserFormFieldComponent implements OnInit {\n  //#region Fields\n  #services = {\n    dialog: inject(MatDialog),\n    activeDirectory: inject(ActiveDirectoryService),\n    sharePoint: inject(SharePointService),\n  };\n  usersSelected = output<string | string[] | UserOrGroup | UserOrGroup[]>(); // string for Single mode, string[] for multi\n  userUnSelected = output<string>();\n  placeholder = input('Select User(s)');\n  clickable = input(true);\n  userChooserData = input.required<UserChooserData>();\n  _userChooserData!: UserChooserData;\n\n  accountNames = signal<string[]>([]);\n\n  users = signal<User[]>([]);\n  groups = signal<UserOrGroup[]>([]);\n  photos = signal<PhotoItem[]>([]);\n\n  //#region ControlValueAccessor stuff\n  // https://stackoverflow.com/questions/50618050/how-to-create-custom-input-component-with-ngmodel-working-in-angular-6\n  value: any; // string\n  onChange: (_: any) => void = (_: any) => {}; // Invoked when the model has been changed\n  onTouched: () => void = () => {}; // Invoked when the model has been touched\n  //#endregion\n  //#endregion\n\n  //#region Properties\n  /*get isEdge(): boolean {\n    return window.navigator.userAgent.indexOf('Edge') > -1;\n  }*/\n  get class(): string {\n    return this._userChooserData?.mode === UserChooserMode.Single\n      ? ''\n      : (this.accountNames().length) > 4\n        ? 'grid five'\n        : (this.accountNames().length) > 3\n          ? 'grid four'\n          : (this.accountNames().length) > 2\n            ? 'grid three'\n            : (this.accountNames().length) > 1\n              ? 'grid two'\n              : '';\n  }\n  //#endregion\n\n  //#region Lifecycle\n  ngOnInit(): void {\n    this._userChooserData = {\n      ...DefaultUserChooserData,\n      ...this.userChooserData(),\n    };\n\n    // If users have been pre-selected in the config, store those in accountNames, which drives the UI of this component\n    this.accountNames.set(this._userChooserData.preSelections?.accountNames ?? []);\n\n    this.#getData();\n  }\n  //#endregion\n\n  //#region Events\n  selectUser(): void {\n    if (!this.clickable()) {\n      return;\n    }\n\n    const data: UserChooserData = {\n      ...this._userChooserData,\n\n      users: this.users(),\n      photos: this.photos(),\n    };\n\n    this.#services.dialog\n      .open(UserChooserComponent, {\n        data: data,\n      })\n      .afterClosed()\n      .subscribe(\n        (selected: string | string[] | UserOrGroup | UserOrGroup[]) => {\n          if (!selected) {\n            return;\n          }\n\n          this.accountNames.set(Array.isArray(selected)\n            ? selected.map((s) =>\n                typeof s === 'string' ? s : s.sAMAccountName,\n              )\n            : [selected].map((s) =>\n                typeof s === 'string' ? s : s.sAMAccountName,\n              ));\n\n          // Overwrite what may have been passed in, for subsequent launches of UserChooserComponent - otherwise it just keeps getting fed stale data\n          if (this._userChooserData.preSelections) {\n            this._userChooserData.preSelections.accountNames =\n              this.accountNames();\n          }\n\n          this.usersSelected.emit(selected);\n        },\n      );\n  }\n\n  unSelectUser(accountName: string): void {\n    const index = this.accountNames().findIndex((a) => a === accountName);\n    this.accountNames().splice(index ?? -1, 1);\n\n    if (this._userChooserData.preSelections) {\n      this._userChooserData.preSelections.accountNames = this.accountNames();\n    }\n\n    this.userUnSelected.emit(accountName);\n  }\n  //#endregion\n\n  //#region Utilities\n  #getData(): void {\n    forkJoin([\n      this._userChooserData!.users\n        ? // Users were passed in\n          of(this._userChooserData!.users)\n        : // Users need to be retrieved\n          this.#services.activeDirectory.getUsers(\n            this._userChooserData.appName ?? 'ngxlibADUserFormField',\n            this._userChooserData!.includeDisabledUsers,\n            this._userChooserData!.parentOu,\n          ),\n\n      this._userChooserData!.groups\n        ? // Groups were passed in\n          of(this._userChooserData!.groups)\n        : // Groups need to be retrieved\n          this.#services.activeDirectory.getGroups(\n            this._userChooserData!.parentOu,\n          ),\n\n      this._userChooserData!.photos\n        ? // Photos were passed in\n          of(this._userChooserData!.photos)\n        : // Photos need to be retrieved\n          this.#services.sharePoint.getPhotos(),\n    ]).subscribe(([users, groups, photos]) => {\n      this.users.set(users);\n      this.groups.set(groups);\n      this.photos.set(photos);\n    });\n  }\n\n  getUser(user: string | User | undefined): User | undefined {\n    user =\n      typeof user === 'string'\n        ? this.users()?.find(\n            (u) =>\n              u.sAMAccountName.toLowerCase() === user?.toString().toLowerCase(),\n          )\n        : user;\n\n    return !user ? undefined : 'groupType' in user ? undefined : user;\n  }\n\n  getGroup(group: string | UserOrGroup | undefined): UserOrGroup | undefined {\n    group =\n      typeof group === 'string'\n        ? this.groups()?.find(\n            (g) =>\n              g.sAMAccountName.toLowerCase() ===\n              group?.toString().toLowerCase(),\n          )\n        : group;\n\n    return !group ? undefined : 'groupType' in group ? group : undefined;\n  }\n\n  getPhoto(accountName: string): string | undefined {\n    const user = this.getUser(accountName);\n    if (!user) {\n      return undefined;\n    }\n\n    return this.photos()?.find(\n      (p) =>\n        (p.employeeNumber &&\n          p.employeeNumber.toString() === user.employeeNumber) ||\n        p.accountName?.toLowerCase() === user.sAMAccountName.toLowerCase() ||\n        p.displayName?.toLowerCase() ===\n          (user.displayName ?? user.name).toLowerCase() ||\n        p.title?.toLowerCase() ===\n          (user.displayName ?? user.name).toLowerCase(),\n    )?.encodedAbsUrl;\n  }\n  //#endregion\n\n  //#region ControlValueAccessor methods\n  // Method that is invoked on an update of a model.\n  updateChanges() {\n    this.onChange(this.value);\n  }\n\n  //#region ControlValueAccessor Overrides\n\n  // Writes a new item to the element.\n  writeValue(value: any): void {\n    this.value = value;\n    this.updateChanges();\n  }\n\n  // Registers a callback function that should be called when the control's value changes in the UI.\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  // Registers a callback function that should be called when the control receives a blur event.\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n\n  //#endregion\n\n  //#endregion\n}\n","\r\n<!-- In Microsoft Edge, selectUser() never gets called if the input fields are disabled\r\nSo... I'm dynamically setting the disabled property based on whether or not the browser is Edge.\r\nIt's definitely a better experience if the field IS disabled.\r\nOtherwise, it's confusing - especially because Edge is SO SLOW to display the resulting dialog window.\r\n-->\r\n<!-- Update 8/24/2023:\r\nThe above problem also exists in Chrome now.\r\nSo instead of dynamically setting [disabled] based on browser type,\r\nI'm applying CSS to suppress mouse events on the input - thus making it bubble up to the parent control, which responds the way we want/\r\n-->\r\n\r\n@if (users().length && photos().length) {\r\n  <div (click)=\"selectUser()\" [class.clickable]=\"clickable()\">\r\n    @if (accountNames().length) {\r\n      <div [ngClass]=\"class\">\r\n        @for (accountName of accountNames(); track accountName; let i = $index) {\r\n          <div class=\"user\">\r\n            <!--<img *ngIf=\"accountName && empUtils.getEmployee(accountName)\" alt=\"\" [src]=\"empUtils.getEmployee(accountName) | employeePhotoUrl:cacheService.photos\">-->\r\n            @if (getPhoto(accountName)) {\r\n              <img matListItemAvatar alt=\"\" [src]=\"getPhoto(accountName)\">\r\n            }\r\n            @if (getGroup(accountName)) {\r\n              <mat-icon>group</mat-icon>\r\n            }\r\n            <mat-form-field>\r\n              <!-- [disabled]=\"!isEdge\" -->\r\n              <input matInput disabled [placeholder]=\"i === 0 ? placeholder() : ''\"\r\n                [value]=\"getUser(accountName)?.displayName ?? getGroup(accountName)?.displayName ?? accountName\">\r\n              <button matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"$event.stopPropagation(); unSelectUser(accountName)\">\r\n                <mat-icon fontIcon=\"close\"/>\r\n              </button>\r\n            </mat-form-field>\r\n          </div>\r\n        }\r\n      </div>\r\n    } @else {\r\n      <mat-form-field>\r\n        <input matInput disabled [placeholder]=\"placeholder()\"> <!-- [disabled]=\"!isEdge\" -->\r\n      </mat-form-field>\r\n    }\r\n  </div>\r\n} @else {\r\n  <mat-progress-bar mode=\"indeterminate\"/>\r\n}","import { CommonModule } from '@angular/common';\nimport { ModuleWithProviders, NgModule, Optional, SkipSelf } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatListModule } from '@angular/material/list';\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\nimport { ActiveDirectoryServiceOptions, ActiveDirectoryServiceOptionsToken } from '@cleavelandprice/ngx-lib/active-directory';\n\nimport { UserChooserComponent } from './components/user-chooser/user-chooser.component';\nimport { UserFormFieldComponent } from './components/user-form-field/user-form-field.component';\n\n@NgModule({\n  declarations: [],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n\n    MatButtonModule,\n    MatDialogModule,\n    MatFormFieldModule,\n    MatIconModule,\n    MatInputModule,\n    MatListModule,\n    MatProgressBarModule,\n    MatProgressSpinnerModule,\n    MatSlideToggleModule,\n    MatTableModule,\n    MatTooltipModule,\n\n    UserChooserComponent,\n    UserFormFieldComponent\n  ],\n  exports: [\n    UserChooserComponent,\n    UserFormFieldComponent\n  ]\n})\nexport class MatActiveDirectoryModule {\n  static forRoot(config: ActiveDirectoryServiceOptions): ModuleWithProviders<MatActiveDirectoryModule> {\n    return {\n      ngModule: MatActiveDirectoryModule,\n      providers: [\n        {\n          provide: ActiveDirectoryServiceOptionsToken,\n          useValue: config\n        }\n      ]\n    };\n  }\n\n  constructor(@Optional() @SkipSelf() parentModule: MatActiveDirectoryModule) {\n    if (parentModule) {\n      throw new Error(\n        'MatActiveDirectoryModule is already loaded. Import it in the AppModule only');\n    }\n  }\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './mat-active-directory.api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "comment": "NGX-LIB primary entry point package.json",
   "name": "@cleavelandprice/ngx-lib",
-  "version": "4.8.16",
+  "version": "4.8.17",
   "description": "Angular library providing foundational functionality to Cleaveland-Price applications",
   "peerDependencies": {
     "@angular/common": "^22.1.1",

package/types/cleavelandprice-ngx-lib-active-directory-material.d.ts

@@ -2,16 +2,16 @@ import * as _cleavelandprice_ngx_lib_active_directory from '@cleavelandprice/ngx
 import { User, Group, UserOrGroup, ActiveDirectoryServiceOptions } from '@cleavelandprice/ngx-lib/active-directory';
 export * from '@cleavelandprice/ngx-lib/active-directory';
 import { PhotoItem } from '@cleavelandprice/ngx-lib/sharepoint';
+import * as _angular_forms_signals from '@angular/forms/signals';
 import * as _angular_core from '@angular/core';
-import { OnInit, ElementRef, ModuleWithProviders } from '@angular/core';
+import { OnInit, ElementRef, WritableSignal, ModuleWithProviders } from '@angular/core';
 import * as _cleavelandprice_ngx_lib_active_directory_material from '@cleavelandprice/ngx-lib/active-directory/material';
-import * as i2 from '@angular/forms';
-import { FormGroup, FormControl } from '@angular/forms';
 import * as i8 from '@angular/material/list';
 import { MatSelectionList, MatListOption } from '@angular/material/list';
 import * as i12 from '@angular/material/table';
 import { MatTableDataSource } from '@angular/material/table';
 import * as i1 from '@angular/common';
+import * as i2 from '@angular/forms';
 import * as i3 from '@angular/material/button';
 import * as i4 from '@angular/material/dialog';
 import * as i5 from '@angular/material/form-field';
@@ -101,20 +101,18 @@ declare class UserChooserComponent implements OnInit {
         selectableGroupNames?: string[];
     };
     selectionList: _angular_core.Signal<MatSelectionList | undefined>;
-    set filterInput(elRef: ElementRef<HTMLInputElement>);
-    filterForm: FormGroup<{
-        filter: FormControl<any>;
-    }>;
-    dataSource?: MatTableDataSource<SelectableUser | SelectableGroup>;
-    photos?: PhotoItem[];
-    groups?: SelectableGroup[];
+    filterInput: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    filterFormModel: WritableSignal<IFilterFormModel>;
+    filterForm: _angular_forms_signals.FieldTree<IFilterFormModel, string | number, "writable">;
+    dataSource: WritableSignal<MatTableDataSource<SelectableUser | SelectableGroup> | undefined>;
+    photos: WritableSignal<PhotoItem[]>;
+    groups: WritableSignal<SelectableGroup[]>;
     get isMultiMode(): boolean;
-    get selectedOptions(): MatListOption[];
-    get selectedUsers(): (SelectableUser | SelectableGroup)[];
-    get filterValue(): string;
+    selectedUsersOrGroups: WritableSignal<(SelectableGroup | SelectableUser)[]>;
     get adGroupsNeeded(): boolean;
+    constructor();
     ngOnInit(): void;
-    listSelectionChanged(options: MatListOption[]): void;
+    closeIfSingleSelection(): void;
     optionSelectionChanged(option: MatListOption): void;
     hideUnselectedChanged(selected: boolean): void;
     selectAll(): void;
@@ -127,6 +125,9 @@ declare class UserChooserComponent implements OnInit {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UserChooserComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UserChooserComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }
+interface IFilterFormModel {
+    filter: string;
+}
 
 declare class UserFormFieldComponent implements OnInit {
     #private;
@@ -136,7 +137,7 @@ declare class UserFormFieldComponent implements OnInit {
     clickable: _angular_core.InputSignal<boolean>;
     userChooserData: _angular_core.InputSignal<UserChooserData>;
     _userChooserData: UserChooserData;
-    accountNames?: string[];
+    accountNames: _angular_core.WritableSignal<string[]>;
     users: _angular_core.WritableSignal<User[]>;
     groups: _angular_core.WritableSignal<UserOrGroup[]>;
     photos: _angular_core.WritableSignal<PhotoItem[]>;