@cleavelandprice/ngx-lib 3.6.0 → 3.6.2

package/fesm2015/cleavelandprice-ngx-lib-upload.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cleavelandprice-ngx-lib-upload.mjs","sources":["../../../../projects/cleavelandprice/ngx-lib/upload/src/model/service-config.ts","../../../../projects/cleavelandprice/ngx-lib/upload/src/services/upload.service.ts","../../../../projects/cleavelandprice/ngx-lib/upload/src/components/upload-dialog/upload-dialog.component.ts","../../../../projects/cleavelandprice/ngx-lib/upload/src/components/upload-dialog/upload-dialog.component.html","../../../../projects/cleavelandprice/ngx-lib/upload/src/components/upload/upload.component.ts","../../../../projects/cleavelandprice/ngx-lib/upload/src/upload.module.ts","../../../../projects/cleavelandprice/ngx-lib/upload/src/cleavelandprice-ngx-lib-upload.ts"],"sourcesContent":["import { ServiceConfig as NgxLibServiceConfig } from '@cleavelandprice/ngx-lib';\r\n\r\nexport class ServiceConfig {\r\n    apiUrl = (new NgxLibServiceConfig()).apiUrl;\r\n    databaseEndpoint = '/upload/database';\r\n    uploadDialogTitle = 'Upload Files';\r\n    uploadPath: string | undefined;\r\n    comment: string | undefined;\r\n    dbAppId: string | undefined;\r\n    externalReferenceId: string | undefined;\r\n    \r\n    // UI configuration\r\n    uploadButtonText = 'Upload';\r\n    uploadDialogCancelButtonText = 'Cancel';\r\n    uploadDialogFinishButtonText = 'Finish';\r\n    uploadDialogUploadButtonText = 'Upload';\r\n    uploadDialogAddFilesButtonText = 'Add Files';\r\n}","import { Injectable, Optional } from '@angular/core';\r\nimport { HttpClient, HttpRequest, HttpEventType, HttpResponse, HttpHeaders } from '@angular/common/http';\r\nimport { Subject ,  Observable } from 'rxjs';\r\n\r\nimport { DatabaseFileInfo } from '../model/database-file-info';\r\nimport { FilesystemFileInfo } from '../model/filesystem-file-info';\r\nimport { FileUploadRequest } from '../model/file-upload-request';\r\nimport { ServiceConfig } from '../model/service-config';\r\n\r\n// https://malcoded.com/posts/angular-file-upload-component-with-express\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class UploadService {\r\n  constructor(private http: HttpClient,\r\n    @Optional() public config: ServiceConfig) {\r\n      this.config = {\r\n        ...new ServiceConfig(),\r\n        ...this.config\r\n      };\r\n    }\r\n\r\n  public upload(files: Set<File>): any { // {[key: string]: Observable<number>} {\r\n    // this will be the our resulting map\r\n    const status: {[key: string]: {progress: Observable<number>}} = {};\r\n\r\n    files.forEach(file => {\r\n      // create a new multipart-form for every file\r\n      const formData: FormData = new FormData();\r\n      formData.append('file', file, file.name);\r\n\r\n      // create a http-post request and pass the form\r\n      // tell it to report the upload progress\r\n\r\n      // A 'Destination' header is used to optionally configure the file upload destination (filesystem)\r\n      // A 'DbAppId' header is used to configure the unique identifier of database uploads\r\n      \r\n      let headers = new HttpHeaders();\r\n      if (this.config.uploadPath) {\r\n        headers = headers.set('Destination', this.config.uploadPath);\r\n      }\r\n      if (this.config.dbAppId) {\r\n        headers = headers.set('DbAppId', this.config.dbAppId);\r\n      }\r\n      if (this.config.externalReferenceId) {\r\n        headers = headers.set('ExternalReferenceId', this.config.externalReferenceId);\r\n      }\r\n      if (this.config.comment) {\r\n        headers = headers.set('Comment', this.config.comment);\r\n      }\r\n\r\n      const req = new HttpRequest('POST', `${this.config.apiUrl}${this.config.databaseEndpoint}`, formData, {\r\n        reportProgress: true,\r\n        responseType: 'blob',\r\n        headers\r\n      });\r\n\r\n      // create a new progress-subject for every file\r\n      const progress = new Subject<number>();\r\n\r\n      // send the http-request and subscribe for progress-updates\r\n      this.http.request(req).subscribe(event => {\r\n        if (event.type === HttpEventType.UploadProgress) {\r\n\r\n          // calculate the progress percentage\r\n          const percentDone = Math.round(100 * event.loaded / (event.total ?? 1));\r\n\r\n          // pass the percentage into the progress-stream\r\n          progress.next(percentDone);\r\n        } else if (event instanceof HttpResponse) {\r\n\r\n          // Close the progress-stream if we get an answer form the API\r\n          // The upload is complete\r\n          progress.complete();\r\n        }\r\n      });\r\n\r\n      // Save every progress-observable in a map of all observables\r\n      status[file.name] = {\r\n        progress: progress.asObservable()\r\n      };\r\n    });\r\n\r\n    // return the map of progress.observables\r\n    return status;\r\n  }\r\n\r\n  public exists(fileName: string): Observable<boolean> {\r\n    const query = `${this.config.apiUrl}${this.config.databaseEndpoint}`.toLowerCase().indexOf('filesystem') === -1 ?\r\n      { name: fileName, dbAppId: this.config.dbAppId } :\r\n      { name: fileName, destination: this.config.uploadPath };\r\n\r\n    return this.http.post<boolean>(`${this.config.apiUrl}${this.config.databaseEndpoint}/exists`, query);\r\n  }\r\n\r\n  public download(request: FileUploadRequest): Observable<Blob> {\r\n    return this.http.post(`${this.config.apiUrl}${this.config.databaseEndpoint}/stream`, request, { responseType: 'blob' });\r\n  }\r\n\r\n  public getUploadInfo(request: FileUploadRequest):\r\n    Observable<DatabaseFileInfo | DatabaseFileInfo[] | FilesystemFileInfo | FilesystemFileInfo[]> {\r\n    return this.http.post<DatabaseFileInfo | DatabaseFileInfo[] | FilesystemFileInfo | FilesystemFileInfo[]>\r\n      (`${this.config.apiUrl}${this.config.databaseEndpoint}/info`, request);\r\n  }\r\n}\r\n","import { Component, ElementRef, OnInit, ViewChild } from '@angular/core';\r\nimport { MatLegacyDialogRef as MatDialogRef } from '@angular/material/legacy-dialog';\r\nimport { forkJoin } from 'rxjs';\r\n\r\nimport { UploadService } from './../../services/upload.service';\r\n\r\n@Component({\r\n  templateUrl: './upload-dialog.component.html',\r\n  styleUrls: ['./upload-dialog.component.css']\r\n})\r\nexport class UploadDialogComponent implements OnInit {\r\n  @ViewChild('file', { static: true }) file!: ElementRef;\r\n  public files: Set<File> = new Set();\r\n  existingFileConflict: string | undefined;\r\n\r\n  // State\r\n  progress: any;\r\n  canBeClosed = true;\r\n  primaryButtonText: string | undefined;\r\n  showCancelButton = true;\r\n  uploading = false;\r\n  uploadSuccessful = false;\r\n  \r\n  constructor(public dialogRef: MatDialogRef<UploadDialogComponent>, public uploadService: UploadService) { }\r\n\r\n  ngOnInit() {\r\n    this.primaryButtonText = this.uploadService.config.uploadDialogUploadButtonText;\r\n  }\r\n\r\n  addFiles() {\r\n    this.file.nativeElement.click();\r\n  }\r\n\r\n  onFilesAdded() {\r\n    const files: { [key: string]: File } = this.file.nativeElement.files;\r\n    for (const key in files) {\r\n      if (!isNaN(parseInt(key))) {\r\n        // See if the file already exists\r\n        this.uploadService.exists(files[key].name)\r\n          .subscribe(exists => {\r\n            if (exists) {\r\n              this.existingFileConflict = files[key].name;\r\n            }\r\n\r\n            if (!exists) {\r\n              this.files.add(files[key]);\r\n            }\r\n          });\r\n      }\r\n    }\r\n  }\r\n\r\n  closeDialog() {\r\n    // if everything was uploaded already, just close the dialog\r\n    if (this.uploadSuccessful) {\r\n      return this.dialogRef.close();\r\n    }\r\n\r\n    // set the component state to \"uploading\"\r\n    this.uploading = true;\r\n\r\n    // start the upload and save the progress map\r\n    this.progress = this.uploadService.upload(this.files);\r\n\r\n    // convert the progress map into an array\r\n    const allProgressObservables: any[] = [];\r\n\r\n    for (let key in this.progress) {\r\n      allProgressObservables.push(this.progress[key].progress);\r\n    }\r\n\r\n    // Adjust the state variables\r\n\r\n    // The OK-button should have the text \"Finish\" now\r\n    this.primaryButtonText = this.uploadService.config.uploadDialogFinishButtonText;\r\n\r\n    // The dialog should not be closed while uploading\r\n    this.canBeClosed = false;\r\n    this.dialogRef.disableClose = true;\r\n\r\n    // Hide the cancel-button\r\n    this.showCancelButton = false;\r\n\r\n    // When all progress-observables are completed...\r\n    forkJoin(allProgressObservables).subscribe(end => {\r\n      // ... the dialog can be closed again...\r\n      this.canBeClosed = true;\r\n      this.dialogRef.disableClose = false;\r\n\r\n      // ... the upload was successful...\r\n      this.uploadSuccessful = true;\r\n\r\n      // ... and the component is no longer uploading\r\n      this.uploading = false;\r\n    });\r\n  }\r\n}\r\n","<input type=\"file\" #file style=\"display: none\" (change)=\"onFilesAdded()\" multiple />\n\n<div mat-dialog-title id=\"title\">\n  <div>{{ uploadService.config.uploadDialogTitle }}</div>\n  <button [disabled]=\"uploading || uploadSuccessful\" mat-raised-button color=\"primary\" class=\"add-files-btn\" (click)=\"addFiles()\">\n    {{ uploadService.config.uploadDialogAddFilesButtonText }}\n  </button>\n</div>\n\n<div id=\"conflict\" *ngIf=\"existingFileConflict\">\n  {{ existingFileConflict }} already exists on the server and cannot be overwritten\n</div>\n\n<mat-dialog-content>\n  <mat-list>\n    <mat-list-item *ngFor=\"let file of files\">\n      <h4 mat-line>{{file.name}}</h4>\n      <mat-progress-bar *ngIf=\"progress\" mode=\"determinate\" [value]=\"progress[file.name].progress | async\"></mat-progress-bar>\n    </mat-list-item>\n  </mat-list>\n</mat-dialog-content>\n\n<mat-dialog-actions id=\"actions\">\n  <button *ngIf=\"showCancelButton\" mat-button mat-dialog-close>{{ uploadService.config.uploadDialogCancelButtonText }}</button>\n  <button *ngIf=\"files.size > 0\" mat-raised-button color=\"primary\" [disabled]=\"!canBeClosed\" (click)=\"closeDialog()\">{{ primaryButtonText }}</button>\n</mat-dialog-actions>\n","import { Component, OnInit, Output, EventEmitter } from '@angular/core';\r\nimport { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';\r\n\r\nimport { UploadDialogComponent } from './../upload-dialog/upload-dialog.component';\r\nimport { UploadService } from './../../services/upload.service';\r\n\r\n@Component({\r\n    selector: 'cp-upload',\r\n    template: '<button mat-raised-button (click)=\"openUploadDialog()\">{{ uploadButtonText }}</button>'\r\n})\r\nexport class UploadComponent implements OnInit {\r\n    @Output() dialogClosed = new EventEmitter();\r\n    uploadButtonText!: string;\r\n\r\n    constructor(public dialog: MatDialog, public uploadService: UploadService) { }\r\n\r\n    ngOnInit(): void {\r\n        this.uploadButtonText = this.uploadService.config.uploadButtonText ?\r\n            this.uploadService.config.uploadButtonText :\r\n            'Upload';\r\n    }\r\n\r\n    public openUploadDialog() {\r\n        this.dialog.open(UploadDialogComponent, { width: '50%' })\r\n            .afterClosed().subscribe(() => this.dialogClosed.emit());\r\n    }\r\n}\r\n","import { ModuleWithProviders, NgModule, Optional, SkipSelf } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { MatListModule } from '@angular/material/list';\r\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\r\n\r\nimport { ServiceConfig } from './model/service-config';\r\n\r\nimport { UploadService } from './services/upload.service';\r\n\r\nimport { UploadComponent } from './components/upload/upload.component';\r\nimport { UploadDialogComponent } from './components/upload-dialog/upload-dialog.component';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    UploadComponent,\r\n    UploadDialogComponent\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    MatButtonModule,\r\n    MatDialogModule,\r\n    MatListModule,\r\n    MatProgressBarModule\r\n  ],\r\n  exports: [\r\n    UploadComponent,\r\n    UploadDialogComponent\r\n  ]\r\n})\r\nexport class UploadModule {\r\n  static forRoot(uploadConfig: ServiceConfig): ModuleWithProviders<UploadModule> {\r\n      return {\r\n        ngModule: UploadModule,\r\n        providers: [\r\n          UploadService,\r\n          { provide: ServiceConfig, useValue: uploadConfig }\r\n        ]\r\n      };\r\n    }\r\n\r\n    constructor(@Optional() @SkipSelf() parentModule: UploadModule) {\r\n      if (parentModule) {\r\n        throw new Error(\r\n          'UploadModule is already loaded. Import it in the AppModule only');\r\n      }\r\n    }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["NgxLibServiceConfig","i2.ServiceConfig","i1","i2.UploadService","i3"],"mappings":";;;;;;;;;;;;;;;;;;MAEa,aAAa,CAAA;AAA1B,IAAA,WAAA,GAAA;QACI,IAAM,CAAA,MAAA,GAAG,CAAC,IAAIA,eAAmB,EAAE,EAAE,MAAM,CAAC;AAC5C,QAAA,IAAgB,CAAA,gBAAA,GAAG,kBAAkB,CAAC;AACtC,QAAA,IAAiB,CAAA,iBAAA,GAAG,cAAc,CAAC;;AAOnC,QAAA,IAAgB,CAAA,gBAAA,GAAG,QAAQ,CAAC;AAC5B,QAAA,IAA4B,CAAA,4BAAA,GAAG,QAAQ,CAAC;AACxC,QAAA,IAA4B,CAAA,4BAAA,GAAG,QAAQ,CAAC;AACxC,QAAA,IAA4B,CAAA,4BAAA,GAAG,QAAQ,CAAC;AACxC,QAAA,IAA8B,CAAA,8BAAA,GAAG,WAAW,CAAC;KAChD;AAAA;;ACRD;MAKa,aAAa,CAAA;IACxB,WAAoB,CAAA,IAAgB,EACf,MAAqB,EAAA;AADtB,QAAA,IAAI,CAAA,IAAA,GAAJ,IAAI,CAAY;AACf,QAAA,IAAM,CAAA,MAAA,GAAN,MAAM,CAAe;QACtC,IAAI,CAAC,MAAM,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACN,IAAI,aAAa,EAAE,CAAA,EACnB,IAAI,CAAC,MAAM,CACf,CAAC;KACH;AAEI,IAAA,MAAM,CAAC,KAAgB,EAAA;;QAE5B,MAAM,MAAM,GAAoD,EAAE,CAAC;AAEnE,QAAA,KAAK,CAAC,OAAO,CAAC,IAAI,IAAG;;AAEnB,YAAA,MAAM,QAAQ,GAAa,IAAI,QAAQ,EAAE,CAAC;YAC1C,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;;;;;AAQzC,YAAA,IAAI,OAAO,GAAG,IAAI,WAAW,EAAE,CAAC;AAChC,YAAA,IAAI,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE;AAC1B,gBAAA,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;AAC9D,aAAA;AACD,YAAA,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;AACvB,gBAAA,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AACvD,aAAA;AACD,YAAA,IAAI,IAAI,CAAC,MAAM,CAAC,mBAAmB,EAAE;AACnC,gBAAA,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,qBAAqB,EAAE,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC;AAC/E,aAAA;AACD,YAAA,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;AACvB,gBAAA,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AACvD,aAAA;YAED,MAAM,GAAG,GAAG,IAAI,WAAW,CAAC,MAAM,EAAE,CAAG,EAAA,IAAI,CAAC,MAAM,CAAC,MAAM,CAAA,EAAG,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAA,CAAE,EAAE,QAAQ,EAAE;AACpG,gBAAA,cAAc,EAAE,IAAI;AACpB,gBAAA,YAAY,EAAE,MAAM;gBACpB,OAAO;AACR,aAAA,CAAC,CAAC;;AAGH,YAAA,MAAM,QAAQ,GAAG,IAAI,OAAO,EAAU,CAAC;;AAGvC,YAAA,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,KAAK,IAAG;;AACvC,gBAAA,IAAI,KAAK,CAAC,IAAI,KAAK,aAAa,CAAC,cAAc,EAAE;;oBAG/C,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,MAAM,IAAI,MAAA,KAAK,CAAC,KAAK,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,CAAC,CAAC,CAAC,CAAC;;AAGxE,oBAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;AAC5B,iBAAA;qBAAM,IAAI,KAAK,YAAY,YAAY,EAAE;;;oBAIxC,QAAQ,CAAC,QAAQ,EAAE,CAAC;AACrB,iBAAA;AACH,aAAC,CAAC,CAAC;;AAGH,YAAA,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG;AAClB,gBAAA,QAAQ,EAAE,QAAQ,CAAC,YAAY,EAAE;aAClC,CAAC;AACJ,SAAC,CAAC,CAAC;;AAGH,QAAA,OAAO,MAAM,CAAC;KACf;AAEM,IAAA,MAAM,CAAC,QAAgB,EAAA;QAC5B,MAAM,KAAK,GAAG,CAAA,EAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAA,EAAG,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAA,CAAE,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;AAC7G,YAAA,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;AAChD,YAAA,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC;QAE1D,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAU,CAAA,EAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAG,EAAA,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAS,OAAA,CAAA,EAAE,KAAK,CAAC,CAAC;KACtG;AAEM,IAAA,QAAQ,CAAC,OAA0B,EAAA;AACxC,QAAA,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAG,EAAA,IAAI,CAAC,MAAM,CAAC,MAAM,CAAG,EAAA,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAS,OAAA,CAAA,EAAE,OAAO,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,CAAC;KACzH;AAEM,IAAA,aAAa,CAAC,OAA0B,EAAA;QAE7C,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAClB,CAAA,EAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAG,EAAA,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAO,KAAA,CAAA,EAAE,OAAO,CAAC,CAAC;KAC1E;;0GA1FU,aAAa,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAAC,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAb,aAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,cAFZ,MAAM,EAAA,CAAA,CAAA;2FAEP,aAAa,EAAA,UAAA,EAAA,CAAA;kBAHzB,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;iBACnB,CAAA;;;8BAGI,QAAQ;;;;MCNA,qBAAqB,CAAA;IAahC,WAAmB,CAAA,SAA8C,EAAS,aAA4B,EAAA;AAAnF,QAAA,IAAS,CAAA,SAAA,GAAT,SAAS,CAAqC;AAAS,QAAA,IAAa,CAAA,aAAA,GAAb,aAAa,CAAe;AAX/F,QAAA,IAAA,CAAA,KAAK,GAAc,IAAI,GAAG,EAAE,CAAC;AAKpC,QAAA,IAAW,CAAA,WAAA,GAAG,IAAI,CAAC;AAEnB,QAAA,IAAgB,CAAA,gBAAA,GAAG,IAAI,CAAC;AACxB,QAAA,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;AAClB,QAAA,IAAgB,CAAA,gBAAA,GAAG,KAAK,CAAC;KAEkF;IAE3G,QAAQ,GAAA;QACN,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,4BAA4B,CAAC;KACjF;IAED,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;KACjC;IAED,YAAY,GAAA;QACV,MAAM,KAAK,GAA4B,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;AACrE,QAAA,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE;YACvB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE;;gBAEzB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;qBACvC,SAAS,CAAC,MAAM,IAAG;AAClB,oBAAA,IAAI,MAAM,EAAE;wBACV,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;AAC7C,qBAAA;oBAED,IAAI,CAAC,MAAM,EAAE;wBACX,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;AAC5B,qBAAA;AACH,iBAAC,CAAC,CAAC;AACN,aAAA;AACF,SAAA;KACF;IAED,WAAW,GAAA;;QAET,IAAI,IAAI,CAAC,gBAAgB,EAAE;AACzB,YAAA,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;AAC/B,SAAA;;AAGD,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;;AAGtB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;;QAGtD,MAAM,sBAAsB,GAAU,EAAE,CAAC;AAEzC,QAAA,KAAK,IAAI,GAAG,IAAI,IAAI,CAAC,QAAQ,EAAE;AAC7B,YAAA,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC;AAC1D,SAAA;;;QAKD,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,4BAA4B,CAAC;;AAGhF,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;AACzB,QAAA,IAAI,CAAC,SAAS,CAAC,YAAY,GAAG,IAAI,CAAC;;AAGnC,QAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;;QAG9B,QAAQ,CAAC,sBAAsB,CAAC,CAAC,SAAS,CAAC,GAAG,IAAG;;AAE/C,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;AACxB,YAAA,IAAI,CAAC,SAAS,CAAC,YAAY,GAAG,KAAK,CAAC;;AAGpC,YAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;;AAG7B,YAAA,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;AACzB,SAAC,CAAC,CAAC;KACJ;;kHArFU,qBAAqB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAC,IAAA,CAAA,kBAAA,EAAA,EAAA,EAAA,KAAA,EAAAC,aAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,gKCVlC,stCA0BA,EAAA,MAAA,EAAA,CAAA,wJAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,6GAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,EAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,sCAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,MAAA,EAAA,kBAAA,EAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,sCAAA,EAAA,MAAA,EAAA,CAAA,IAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,8DAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,8DAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,wDAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,aAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDhBa,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAJjC,SAAS;;oIAK6B,IAAI,EAAA,CAAA;sBAAxC,SAAS;gBAAC,IAAA,EAAA,CAAA,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;;;MEDxB,eAAe,CAAA;IAIxB,WAAmB,CAAA,MAAiB,EAAS,aAA4B,EAAA;AAAtD,QAAA,IAAM,CAAA,MAAA,GAAN,MAAM,CAAW;AAAS,QAAA,IAAa,CAAA,aAAA,GAAb,aAAa,CAAe;AAH/D,QAAA,IAAA,CAAA,YAAY,GAAG,IAAI,YAAY,EAAE,CAAC;KAGkC;IAE9E,QAAQ,GAAA;QACJ,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,gBAAgB;AAC9D,YAAA,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,gBAAgB;AAC1C,YAAA,QAAQ,CAAC;KAChB;IAEM,gBAAgB,GAAA;AACnB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,qBAAqB,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;AACpD,aAAA,WAAW,EAAE,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC;KAChE;;4GAfQ,eAAe,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAD,IAAA,CAAA,eAAA,EAAA,EAAA,EAAA,KAAA,EAAAC,aAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,4FAFd,wFAAwF,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,6GAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,EAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FAEzF,eAAe,EAAA,UAAA,EAAA,CAAA;kBAJ3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,WAAW;AACrB,oBAAA,QAAQ,EAAE,wFAAwF;iBACrG,CAAA;iIAEa,YAAY,EAAA,CAAA;sBAArB,MAAM;;;MCqBE,YAAY,CAAA;AAWrB,IAAA,WAAA,CAAoC,YAA0B,EAAA;AAC5D,QAAA,IAAI,YAAY,EAAE;AAChB,YAAA,MAAM,IAAI,KAAK,CACb,iEAAiE,CAAC,CAAC;AACtE,SAAA;KACF;IAfH,OAAO,OAAO,CAAC,YAA2B,EAAA;QACtC,OAAO;AACL,YAAA,QAAQ,EAAE,YAAY;AACtB,YAAA,SAAS,EAAE;gBACT,aAAa;AACb,gBAAA,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE;AACnD,aAAA;SACF,CAAC;KACH;;yGATQ,YAAY,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAZ,YAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,YAAY,iBAfrB,eAAe;AACf,QAAA,qBAAqB,aAGrB,YAAY;QACZ,eAAe;QACf,eAAe;QACf,aAAa;AACb,QAAA,oBAAoB,aAGpB,eAAe;QACf,qBAAqB,CAAA,EAAA,CAAA,CAAA;AAGZ,YAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,YAAY,YAXrB,YAAY;QACZ,eAAe;QACf,eAAe;QACf,aAAa;QACb,oBAAoB,CAAA,EAAA,CAAA,CAAA;2FAOX,YAAY,EAAA,UAAA,EAAA,CAAA;kBAjBxB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,eAAe;wBACf,qBAAqB;AACtB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,eAAe;wBACf,eAAe;wBACf,aAAa;wBACb,oBAAoB;AACrB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,eAAe;wBACf,qBAAqB;AACtB,qBAAA;iBACF,CAAA;;;8BAYgB,QAAQ;;8BAAI,QAAQ;;;;AC3CrC;;AAEG;;;;"}
+{"version":3,"file":"cleavelandprice-ngx-lib-upload.mjs","sources":["../../../../projects/cleavelandprice/ngx-lib/upload/src/model/service-config.ts","../../../../projects/cleavelandprice/ngx-lib/upload/src/services/upload.service.ts","../../../../projects/cleavelandprice/ngx-lib/upload/src/components/upload-dialog/upload-dialog.component.ts","../../../../projects/cleavelandprice/ngx-lib/upload/src/components/upload-dialog/upload-dialog.component.html","../../../../projects/cleavelandprice/ngx-lib/upload/src/components/upload/upload.component.ts","../../../../projects/cleavelandprice/ngx-lib/upload/src/upload.module.ts","../../../../projects/cleavelandprice/ngx-lib/upload/src/cleavelandprice-ngx-lib-upload.ts"],"sourcesContent":["import { ServiceConfig as NgxLibServiceConfig } from '@cleavelandprice/ngx-lib';\r\n\r\nexport class ServiceConfig {\r\n    apiUrl = (new NgxLibServiceConfig()).apiUrl;\r\n    databaseEndpoint = '/upload/database';\r\n    uploadDialogTitle = 'Upload Files';\r\n    uploadPath: string | undefined;\r\n    comment: string | undefined;\r\n    dbAppId: string | undefined;\r\n    externalReferenceId: string | undefined;\r\n    \r\n    // UI configuration\r\n    uploadButtonText = 'Upload';\r\n    uploadDialogCancelButtonText = 'Cancel';\r\n    uploadDialogFinishButtonText = 'Finish';\r\n    uploadDialogUploadButtonText = 'Upload';\r\n    uploadDialogAddFilesButtonText = 'Add Files';\r\n}","import { Injectable, Optional } from '@angular/core';\r\nimport { HttpClient, HttpRequest, HttpEventType, HttpResponse, HttpHeaders } from '@angular/common/http';\r\nimport { Subject ,  Observable } from 'rxjs';\r\n\r\nimport { DatabaseFileInfo } from '../model/database-file-info';\r\nimport { FilesystemFileInfo } from '../model/filesystem-file-info';\r\nimport { FileUploadRequest } from '../model/file-upload-request';\r\nimport { ServiceConfig } from '../model/service-config';\r\n\r\n// https://malcoded.com/posts/angular-file-upload-component-with-express\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class UploadService {\r\n  constructor(private http: HttpClient,\r\n    @Optional() public config: ServiceConfig) {\r\n      this.config = {\r\n        ...new ServiceConfig(),\r\n        ...this.config\r\n      };\r\n    }\r\n\r\n  public upload(files: Set<File>): any { // {[key: string]: Observable<number>} {\r\n    // this will be the our resulting map\r\n    const status: {[key: string]: {progress: Observable<number>}} = {};\r\n\r\n    files.forEach(file => {\r\n      // create a new multipart-form for every file\r\n      const formData: FormData = new FormData();\r\n      formData.append('file', file, file.name);\r\n\r\n      // create a http-post request and pass the form\r\n      // tell it to report the upload progress\r\n\r\n      // A 'Destination' header is used to optionally configure the file upload destination (filesystem)\r\n      // A 'DbAppId' header is used to configure the unique identifier of database uploads\r\n      \r\n      let headers = new HttpHeaders();\r\n      if (this.config.uploadPath) {\r\n        headers = headers.set('Destination', this.config.uploadPath);\r\n      }\r\n      if (this.config.dbAppId) {\r\n        headers = headers.set('DbAppId', this.config.dbAppId);\r\n      }\r\n      if (this.config.externalReferenceId) {\r\n        headers = headers.set('ExternalReferenceId', this.config.externalReferenceId);\r\n      }\r\n      if (this.config.comment) {\r\n        headers = headers.set('Comment', this.config.comment);\r\n      }\r\n\r\n      const req = new HttpRequest('POST', `${this.config.apiUrl}${this.config.databaseEndpoint}`, formData, {\r\n        reportProgress: true,\r\n        responseType: 'blob',\r\n        headers\r\n      });\r\n\r\n      // create a new progress-subject for every file\r\n      const progress = new Subject<number>();\r\n\r\n      // send the http-request and subscribe for progress-updates\r\n      this.http.request(req).subscribe(event => {\r\n        if (event.type === HttpEventType.UploadProgress) {\r\n\r\n          // calculate the progress percentage\r\n          const percentDone = Math.round(100 * event.loaded / (event.total ?? 1));\r\n\r\n          // pass the percentage into the progress-stream\r\n          progress.next(percentDone);\r\n        } else if (event instanceof HttpResponse) {\r\n\r\n          // Close the progress-stream if we get an answer form the API\r\n          // The upload is complete\r\n          progress.complete();\r\n        }\r\n      });\r\n\r\n      // Save every progress-observable in a map of all observables\r\n      status[file.name] = {\r\n        progress: progress.asObservable()\r\n      };\r\n    });\r\n\r\n    // return the map of progress.observables\r\n    return status;\r\n  }\r\n\r\n  public exists(fileName: string): Observable<boolean> {\r\n    const query = `${this.config.apiUrl}${this.config.databaseEndpoint}`.toLowerCase().indexOf('filesystem') === -1 ?\r\n      { name: fileName, dbAppId: this.config.dbAppId } :\r\n      { name: fileName, destination: this.config.uploadPath };\r\n\r\n    return this.http.post<boolean>(`${this.config.apiUrl}${this.config.databaseEndpoint}/exists`, query);\r\n  }\r\n\r\n  public download(request: FileUploadRequest): Observable<Blob> {\r\n    return this.http.post(`${this.config.apiUrl}${this.config.databaseEndpoint}/stream`, request, { responseType: 'blob' });\r\n  }\r\n\r\n  public getUploadInfo(request: FileUploadRequest):\r\n    Observable<DatabaseFileInfo | DatabaseFileInfo[] | FilesystemFileInfo | FilesystemFileInfo[]> {\r\n    return this.http.post<DatabaseFileInfo | DatabaseFileInfo[] | FilesystemFileInfo | FilesystemFileInfo[]>\r\n      (`${this.config.apiUrl}${this.config.databaseEndpoint}/info`, request);\r\n  }\r\n}\r\n","import { Component, ElementRef, OnInit, ViewChild } from '@angular/core';\r\nimport { MatDialogRef } from '@angular/material/dialog';\r\nimport { forkJoin } from 'rxjs';\r\n\r\nimport { UploadService } from './../../services/upload.service';\r\n\r\n@Component({\r\n  templateUrl: './upload-dialog.component.html',\r\n  styleUrls: ['./upload-dialog.component.css']\r\n})\r\nexport class UploadDialogComponent implements OnInit {\r\n  @ViewChild('file', { static: true }) file!: ElementRef;\r\n  public files: Set<File> = new Set();\r\n  existingFileConflict: string | undefined;\r\n\r\n  // State\r\n  progress: any;\r\n  canBeClosed = true;\r\n  primaryButtonText: string | undefined;\r\n  showCancelButton = true;\r\n  uploading = false;\r\n  uploadSuccessful = false;\r\n  \r\n  constructor(public dialogRef: MatDialogRef<UploadDialogComponent>, public uploadService: UploadService) { }\r\n\r\n  ngOnInit() {\r\n    this.primaryButtonText = this.uploadService.config.uploadDialogUploadButtonText;\r\n  }\r\n\r\n  addFiles() {\r\n    this.file.nativeElement.click();\r\n  }\r\n\r\n  onFilesAdded() {\r\n    const files: { [key: string]: File } = this.file.nativeElement.files;\r\n    for (const key in files) {\r\n      if (!isNaN(parseInt(key))) {\r\n        // See if the file already exists\r\n        this.uploadService.exists(files[key].name)\r\n          .subscribe(exists => {\r\n            if (exists) {\r\n              this.existingFileConflict = files[key].name;\r\n            }\r\n\r\n            if (!exists) {\r\n              this.files.add(files[key]);\r\n            }\r\n          });\r\n      }\r\n    }\r\n  }\r\n\r\n  closeDialog() {\r\n    // if everything was uploaded already, just close the dialog\r\n    if (this.uploadSuccessful) {\r\n      return this.dialogRef.close();\r\n    }\r\n\r\n    // set the component state to \"uploading\"\r\n    this.uploading = true;\r\n\r\n    // start the upload and save the progress map\r\n    this.progress = this.uploadService.upload(this.files);\r\n\r\n    // convert the progress map into an array\r\n    const allProgressObservables: any[] = [];\r\n\r\n    for (let key in this.progress) {\r\n      allProgressObservables.push(this.progress[key].progress);\r\n    }\r\n\r\n    // Adjust the state variables\r\n\r\n    // The OK-button should have the text \"Finish\" now\r\n    this.primaryButtonText = this.uploadService.config.uploadDialogFinishButtonText;\r\n\r\n    // The dialog should not be closed while uploading\r\n    this.canBeClosed = false;\r\n    this.dialogRef.disableClose = true;\r\n\r\n    // Hide the cancel-button\r\n    this.showCancelButton = false;\r\n\r\n    // When all progress-observables are completed...\r\n    forkJoin(allProgressObservables).subscribe(end => {\r\n      // ... the dialog can be closed again...\r\n      this.canBeClosed = true;\r\n      this.dialogRef.disableClose = false;\r\n\r\n      // ... the upload was successful...\r\n      this.uploadSuccessful = true;\r\n\r\n      // ... and the component is no longer uploading\r\n      this.uploading = false;\r\n    });\r\n  }\r\n}\r\n","<input type=\"file\" #file style=\"display: none\" (change)=\"onFilesAdded()\" multiple />\n\n<div mat-dialog-title id=\"title\">\n  <div>{{ uploadService.config.uploadDialogTitle }}</div>\n  <button [disabled]=\"uploading || uploadSuccessful\" mat-raised-button color=\"primary\" class=\"add-files-btn\" (click)=\"addFiles()\">\n    {{ uploadService.config.uploadDialogAddFilesButtonText }}\n  </button>\n</div>\n\n<div id=\"conflict\" *ngIf=\"existingFileConflict\">\n  {{ existingFileConflict }} already exists on the server and cannot be overwritten\n</div>\n\n<mat-dialog-content>\n  <mat-list>\n    <mat-list-item *ngFor=\"let file of files\">\n      <h4 mat-line>{{file.name}}</h4>\n      <mat-progress-bar *ngIf=\"progress\" mode=\"determinate\" [value]=\"progress[file.name].progress | async\"></mat-progress-bar>\n    </mat-list-item>\n  </mat-list>\n</mat-dialog-content>\n\n<mat-dialog-actions id=\"actions\">\n  <button *ngIf=\"showCancelButton\" mat-button mat-dialog-close>{{ uploadService.config.uploadDialogCancelButtonText }}</button>\n  <button *ngIf=\"files.size > 0\" mat-raised-button color=\"primary\" [disabled]=\"!canBeClosed\" (click)=\"closeDialog()\">{{ primaryButtonText }}</button>\n</mat-dialog-actions>\n","import { Component, OnInit, Output, EventEmitter } from '@angular/core';\r\nimport { MatDialog } from '@angular/material/dialog';\r\n\r\nimport { UploadDialogComponent } from './../upload-dialog/upload-dialog.component';\r\nimport { UploadService } from './../../services/upload.service';\r\n\r\n@Component({\r\n    selector: 'cp-upload',\r\n    template: '<button mat-raised-button (click)=\"openUploadDialog()\">{{ uploadButtonText }}</button>'\r\n})\r\nexport class UploadComponent implements OnInit {\r\n    @Output() dialogClosed = new EventEmitter();\r\n    uploadButtonText!: string;\r\n\r\n    constructor(public dialog: MatDialog, public uploadService: UploadService) { }\r\n\r\n    ngOnInit(): void {\r\n        this.uploadButtonText = this.uploadService.config.uploadButtonText ?\r\n            this.uploadService.config.uploadButtonText :\r\n            'Upload';\r\n    }\r\n\r\n    public openUploadDialog() {\r\n        this.dialog.open(UploadDialogComponent, { width: '50%' })\r\n            .afterClosed().subscribe(() => this.dialogClosed.emit());\r\n    }\r\n}\r\n","import { ModuleWithProviders, NgModule, Optional, SkipSelf } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { MatListModule } from '@angular/material/list';\r\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\r\n\r\nimport { ServiceConfig } from './model/service-config';\r\n\r\nimport { UploadService } from './services/upload.service';\r\n\r\nimport { UploadComponent } from './components/upload/upload.component';\r\nimport { UploadDialogComponent } from './components/upload-dialog/upload-dialog.component';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    UploadComponent,\r\n    UploadDialogComponent\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    MatButtonModule,\r\n    MatDialogModule,\r\n    MatListModule,\r\n    MatProgressBarModule\r\n  ],\r\n  exports: [\r\n    UploadComponent,\r\n    UploadDialogComponent\r\n  ]\r\n})\r\nexport class UploadModule {\r\n  static forRoot(uploadConfig: ServiceConfig): ModuleWithProviders<UploadModule> {\r\n      return {\r\n        ngModule: UploadModule,\r\n        providers: [\r\n          UploadService,\r\n          { provide: ServiceConfig, useValue: uploadConfig }\r\n        ]\r\n      };\r\n    }\r\n\r\n    constructor(@Optional() @SkipSelf() parentModule: UploadModule) {\r\n      if (parentModule) {\r\n        throw new Error(\r\n          'UploadModule is already loaded. Import it in the AppModule only');\r\n      }\r\n    }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["NgxLibServiceConfig","i2.ServiceConfig","i1","i2.UploadService","i3"],"mappings":";;;;;;;;;;;;;;;;;MAEa,aAAa,CAAA;AAA1B,IAAA,WAAA,GAAA;QACI,IAAM,CAAA,MAAA,GAAG,CAAC,IAAIA,eAAmB,EAAE,EAAE,MAAM,CAAC;AAC5C,QAAA,IAAgB,CAAA,gBAAA,GAAG,kBAAkB,CAAC;AACtC,QAAA,IAAiB,CAAA,iBAAA,GAAG,cAAc,CAAC;;AAOnC,QAAA,IAAgB,CAAA,gBAAA,GAAG,QAAQ,CAAC;AAC5B,QAAA,IAA4B,CAAA,4BAAA,GAAG,QAAQ,CAAC;AACxC,QAAA,IAA4B,CAAA,4BAAA,GAAG,QAAQ,CAAC;AACxC,QAAA,IAA4B,CAAA,4BAAA,GAAG,QAAQ,CAAC;AACxC,QAAA,IAA8B,CAAA,8BAAA,GAAG,WAAW,CAAC;KAChD;AAAA;;ACRD;MAKa,aAAa,CAAA;IACxB,WAAoB,CAAA,IAAgB,EACf,MAAqB,EAAA;AADtB,QAAA,IAAI,CAAA,IAAA,GAAJ,IAAI,CAAY;AACf,QAAA,IAAM,CAAA,MAAA,GAAN,MAAM,CAAe;QACtC,IAAI,CAAC,MAAM,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACN,IAAI,aAAa,EAAE,CAAA,EACnB,IAAI,CAAC,MAAM,CACf,CAAC;KACH;AAEI,IAAA,MAAM,CAAC,KAAgB,EAAA;;QAE5B,MAAM,MAAM,GAAoD,EAAE,CAAC;AAEnE,QAAA,KAAK,CAAC,OAAO,CAAC,IAAI,IAAG;;AAEnB,YAAA,MAAM,QAAQ,GAAa,IAAI,QAAQ,EAAE,CAAC;YAC1C,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;;;;;AAQzC,YAAA,IAAI,OAAO,GAAG,IAAI,WAAW,EAAE,CAAC;AAChC,YAAA,IAAI,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE;AAC1B,gBAAA,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;AAC9D,aAAA;AACD,YAAA,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;AACvB,gBAAA,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AACvD,aAAA;AACD,YAAA,IAAI,IAAI,CAAC,MAAM,CAAC,mBAAmB,EAAE;AACnC,gBAAA,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,qBAAqB,EAAE,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC;AAC/E,aAAA;AACD,YAAA,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;AACvB,gBAAA,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AACvD,aAAA;YAED,MAAM,GAAG,GAAG,IAAI,WAAW,CAAC,MAAM,EAAE,CAAG,EAAA,IAAI,CAAC,MAAM,CAAC,MAAM,CAAA,EAAG,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAA,CAAE,EAAE,QAAQ,EAAE;AACpG,gBAAA,cAAc,EAAE,IAAI;AACpB,gBAAA,YAAY,EAAE,MAAM;gBACpB,OAAO;AACR,aAAA,CAAC,CAAC;;AAGH,YAAA,MAAM,QAAQ,GAAG,IAAI,OAAO,EAAU,CAAC;;AAGvC,YAAA,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,KAAK,IAAG;;AACvC,gBAAA,IAAI,KAAK,CAAC,IAAI,KAAK,aAAa,CAAC,cAAc,EAAE;;oBAG/C,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,MAAM,IAAI,MAAA,KAAK,CAAC,KAAK,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,CAAC,CAAC,CAAC,CAAC;;AAGxE,oBAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;AAC5B,iBAAA;qBAAM,IAAI,KAAK,YAAY,YAAY,EAAE;;;oBAIxC,QAAQ,CAAC,QAAQ,EAAE,CAAC;AACrB,iBAAA;AACH,aAAC,CAAC,CAAC;;AAGH,YAAA,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG;AAClB,gBAAA,QAAQ,EAAE,QAAQ,CAAC,YAAY,EAAE;aAClC,CAAC;AACJ,SAAC,CAAC,CAAC;;AAGH,QAAA,OAAO,MAAM,CAAC;KACf;AAEM,IAAA,MAAM,CAAC,QAAgB,EAAA;QAC5B,MAAM,KAAK,GAAG,CAAA,EAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAA,EAAG,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAA,CAAE,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;AAC7G,YAAA,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;AAChD,YAAA,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC;QAE1D,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAU,CAAA,EAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAG,EAAA,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAS,OAAA,CAAA,EAAE,KAAK,CAAC,CAAC;KACtG;AAEM,IAAA,QAAQ,CAAC,OAA0B,EAAA;AACxC,QAAA,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAG,EAAA,IAAI,CAAC,MAAM,CAAC,MAAM,CAAG,EAAA,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAS,OAAA,CAAA,EAAE,OAAO,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,CAAC;KACzH;AAEM,IAAA,aAAa,CAAC,OAA0B,EAAA;QAE7C,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAClB,CAAA,EAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAG,EAAA,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAO,KAAA,CAAA,EAAE,OAAO,CAAC,CAAC;KAC1E;;0GA1FU,aAAa,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAAC,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAb,aAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,cAFZ,MAAM,EAAA,CAAA,CAAA;2FAEP,aAAa,EAAA,UAAA,EAAA,CAAA;kBAHzB,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;iBACnB,CAAA;;;8BAGI,QAAQ;;;;MCNA,qBAAqB,CAAA;IAahC,WAAmB,CAAA,SAA8C,EAAS,aAA4B,EAAA;AAAnF,QAAA,IAAS,CAAA,SAAA,GAAT,SAAS,CAAqC;AAAS,QAAA,IAAa,CAAA,aAAA,GAAb,aAAa,CAAe;AAX/F,QAAA,IAAA,CAAA,KAAK,GAAc,IAAI,GAAG,EAAE,CAAC;AAKpC,QAAA,IAAW,CAAA,WAAA,GAAG,IAAI,CAAC;AAEnB,QAAA,IAAgB,CAAA,gBAAA,GAAG,IAAI,CAAC;AACxB,QAAA,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;AAClB,QAAA,IAAgB,CAAA,gBAAA,GAAG,KAAK,CAAC;KAEkF;IAE3G,QAAQ,GAAA;QACN,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,4BAA4B,CAAC;KACjF;IAED,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;KACjC;IAED,YAAY,GAAA;QACV,MAAM,KAAK,GAA4B,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;AACrE,QAAA,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE;YACvB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE;;gBAEzB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;qBACvC,SAAS,CAAC,MAAM,IAAG;AAClB,oBAAA,IAAI,MAAM,EAAE;wBACV,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;AAC7C,qBAAA;oBAED,IAAI,CAAC,MAAM,EAAE;wBACX,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;AAC5B,qBAAA;AACH,iBAAC,CAAC,CAAC;AACN,aAAA;AACF,SAAA;KACF;IAED,WAAW,GAAA;;QAET,IAAI,IAAI,CAAC,gBAAgB,EAAE;AACzB,YAAA,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;AAC/B,SAAA;;AAGD,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;;AAGtB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;;QAGtD,MAAM,sBAAsB,GAAU,EAAE,CAAC;AAEzC,QAAA,KAAK,IAAI,GAAG,IAAI,IAAI,CAAC,QAAQ,EAAE;AAC7B,YAAA,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC;AAC1D,SAAA;;;QAKD,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,4BAA4B,CAAC;;AAGhF,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;AACzB,QAAA,IAAI,CAAC,SAAS,CAAC,YAAY,GAAG,IAAI,CAAC;;AAGnC,QAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;;QAG9B,QAAQ,CAAC,sBAAsB,CAAC,CAAC,SAAS,CAAC,GAAG,IAAG;;AAE/C,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;AACxB,YAAA,IAAI,CAAC,SAAS,CAAC,YAAY,GAAG,KAAK,CAAC;;AAGpC,YAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;;AAG7B,YAAA,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;AACzB,SAAC,CAAC,CAAC;KACJ;;kHArFU,qBAAqB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAC,IAAA,CAAA,YAAA,EAAA,EAAA,EAAA,KAAA,EAAAC,aAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,gKCVlC,stCA0BA,EAAA,MAAA,EAAA,CAAA,wJAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,6GAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,EAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAD,IAAA,CAAA,cAAA,EAAA,QAAA,EAAA,sCAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,MAAA,EAAA,kBAAA,EAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,cAAA,EAAA,QAAA,EAAA,sCAAA,EAAA,MAAA,EAAA,CAAA,IAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,8DAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,8DAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,wDAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,aAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDhBa,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAJjC,SAAS;;8HAK6B,IAAI,EAAA,CAAA;sBAAxC,SAAS;gBAAC,IAAA,EAAA,CAAA,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;;;MEDxB,eAAe,CAAA;IAIxB,WAAmB,CAAA,MAAiB,EAAS,aAA4B,EAAA;AAAtD,QAAA,IAAM,CAAA,MAAA,GAAN,MAAM,CAAW;AAAS,QAAA,IAAa,CAAA,aAAA,GAAb,aAAa,CAAe;AAH/D,QAAA,IAAA,CAAA,YAAY,GAAG,IAAI,YAAY,EAAE,CAAC;KAGkC;IAE9E,QAAQ,GAAA;QACJ,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,gBAAgB;AAC9D,YAAA,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,gBAAgB;AAC1C,YAAA,QAAQ,CAAC;KAChB;IAEM,gBAAgB,GAAA;AACnB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,qBAAqB,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;AACpD,aAAA,WAAW,EAAE,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC;KAChE;;4GAfQ,eAAe,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,IAAA,CAAA,SAAA,EAAA,EAAA,EAAA,KAAA,EAAAC,aAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,4FAFd,wFAAwF,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,6GAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,EAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FAEzF,eAAe,EAAA,UAAA,EAAA,CAAA;kBAJ3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,WAAW;AACrB,oBAAA,QAAQ,EAAE,wFAAwF;iBACrG,CAAA;2HAEa,YAAY,EAAA,CAAA;sBAArB,MAAM;;;MCqBE,YAAY,CAAA;AAWrB,IAAA,WAAA,CAAoC,YAA0B,EAAA;AAC5D,QAAA,IAAI,YAAY,EAAE;AAChB,YAAA,MAAM,IAAI,KAAK,CACb,iEAAiE,CAAC,CAAC;AACtE,SAAA;KACF;IAfH,OAAO,OAAO,CAAC,YAA2B,EAAA;QACtC,OAAO;AACL,YAAA,QAAQ,EAAE,YAAY;AACtB,YAAA,SAAS,EAAE;gBACT,aAAa;AACb,gBAAA,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE;AACnD,aAAA;SACF,CAAC;KACH;;yGATQ,YAAY,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAZ,YAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,YAAY,iBAfrB,eAAe;AACf,QAAA,qBAAqB,aAGrB,YAAY;QACZ,eAAe;QACf,eAAe;QACf,aAAa;AACb,QAAA,oBAAoB,aAGpB,eAAe;QACf,qBAAqB,CAAA,EAAA,CAAA,CAAA;AAGZ,YAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,YAAY,YAXrB,YAAY;QACZ,eAAe;QACf,eAAe;QACf,aAAa;QACb,oBAAoB,CAAA,EAAA,CAAA,CAAA;2FAOX,YAAY,EAAA,UAAA,EAAA,CAAA;kBAjBxB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,eAAe;wBACf,qBAAqB;AACtB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,eAAe;wBACf,eAAe;wBACf,aAAa;wBACb,oBAAoB;AACrB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,eAAe;wBACf,qBAAqB;AACtB,qBAAA;iBACF,CAAA;;;8BAYgB,QAAQ;;8BAAI,QAAQ;;;;AC3CrC;;AAEG;;;;"}

package/fesm2020/cleavelandprice-ngx-lib-active-directory-gui.mjs

@@ -4,31 +4,31 @@ import * as i0 from '@angular/core';
 import { Component, Inject, ViewChild, EventEmitter, Output, Input, NgModule } from '@angular/core';
 import * as i5 from '@angular/forms';
 import { FormGroup, FormControl, ReactiveFormsModule } from '@angular/forms';
-import * as i1 from '@angular/material/legacy-dialog';
-import { MAT_LEGACY_DIALOG_DATA, MatLegacyDialogModule } from '@angular/material/legacy-dialog';
-import * as i10 from '@angular/material/legacy-list';
-import { MatLegacySelectionList, MatLegacyListModule } from '@angular/material/legacy-list';
-import { MatLegacyTableDataSource, MatLegacyTableModule } from '@angular/material/legacy-table';
+import * as i1 from '@angular/material/dialog';
+import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
+import * as i10 from '@angular/material/list';
+import { MatSelectionList, MatListModule } from '@angular/material/list';
+import { MatTableDataSource, MatTableModule } from '@angular/material/table';
 import { of, forkJoin, debounceTime } from 'rxjs';
 import * as i3 from '@cleavelandprice/ngx-lib/sharepoint';
 import * as i4 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i6 from '@angular/material/legacy-button';
-import { MatLegacyButtonModule } from '@angular/material/legacy-button';
-import * as i7 from '@angular/material/legacy-form-field';
-import { MatLegacyFormFieldModule } from '@angular/material/legacy-form-field';
+import * as i6 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i7 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
 import * as i8 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i9 from '@angular/material/legacy-input';
-import { MatLegacyInputModule } from '@angular/material/legacy-input';
-import * as i11 from '@angular/material/legacy-progress-spinner';
-import { MatLegacyProgressSpinnerModule } from '@angular/material/legacy-progress-spinner';
-import * as i12 from '@angular/material/legacy-slide-toggle';
-import { MatLegacySlideToggleModule } from '@angular/material/legacy-slide-toggle';
-import * as i13 from '@angular/material/legacy-tooltip';
-import { MatLegacyTooltipModule } from '@angular/material/legacy-tooltip';
-import * as i10$1 from '@angular/material/legacy-progress-bar';
-import { MatLegacyProgressBarModule } from '@angular/material/legacy-progress-bar';
+import * as i9 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i11 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import * as i12 from '@angular/material/slide-toggle';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import * as i13 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import * as i10$1 from '@angular/material/progress-bar';
+import { MatProgressBarModule } from '@angular/material/progress-bar';
 
 class UserChooserFilterOptions {
     constructor() {
@@ -206,7 +206,7 @@ class UserChooserComponent {
             users = this.preSelectUsersByGroupName(users);
             users = this.preSelectUsersByDepartment(users);
             users = this.preSelectUsersByTitle(users);
-            this.dataSource = new MatLegacyTableDataSource(users);
+            this.dataSource = new MatTableDataSource(users);
             this.photos = data[1];
             this.setFilterPredicate();
         });
@@ -420,17 +420,17 @@ class UserChooserComponent {
             '';
     }
 }
-UserChooserComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: UserChooserComponent, deps: [{ token: MAT_LEGACY_DIALOG_DATA }, { token: i1.MatLegacyDialogRef }, { token: i2.ActiveDirectoryService }, { token: i3.SharePointService }], target: i0.ɵɵFactoryTarget.Component });
-UserChooserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: UserChooserComponent, selector: "ng-component", viewQueries: [{ propertyName: "selectionList", first: true, predicate: MatLegacySelectionList, descendants: true }, { propertyName: "filterInput", first: true, predicate: ["filterInput"], descendants: true }], ngImport: i0, template: "<div id=\"dialog-title\">\n    <h2 mat-dialog-title>{{ data.title }}</h2>\n\n    <div>\n        {{ selectedOptions.length }} selected\n    </div>\n</div>\n\n<mat-dialog-content>\n    <div *ngIf=\"!(dataSource && photos)\">\n        <mat-spinner [diameter]=\"50\"></mat-spinner>\n        <h2 id=\"spinner-message\">Getting users and photos...</h2>\n    </div>\n\n    <ng-container *ngIf=\"dataSource && photos\">\n        <form [formGroup]=\"filterForm\">\n            <mat-form-field *ngIf=\"dataSource\">\n                <input matInput placeholder=\"Search\" formControlName=\"filter\" #filterInput>\n\n                <button *ngIf=\"filterForm.value.filter\" matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"filterForm.get('filter')?.setValue('')\">\n                    <mat-icon fontIcon=\"close\"></mat-icon>\n                </button>\n            </mat-form-field>\n        </form>\n\n        <mat-selection-list [multiple]=\"isMultiMode\"\n            (selectionChange)=\"listSelectionChanged($event.options)\">\n\n            <mat-list-option *ngFor=\"let user of dataSource?.filteredData\" [value]=\"user\" [selected]=\"user.selected\"\n                (selectedChange)=\"optionSelectionChanged(option)\" #option>\n\n                <img *ngIf=\"getPhoto(user)\" matListAvatar alt=\"\" [src]=\"getPhoto(user)\">\n\n                <mat-icon *ngIf=\"!getPhoto(user)\" matListAvatar class=\"no-photo\"\n                    fontIcon=\"account_circle\">\n                </mat-icon>\n            \n                <div class=\"user\">\n                    <div [matTooltip]=\"tooltip(user)\" class=\"user-name\">\n                        {{ user.displayName }}\n                        <div *ngIf=\"data.showPhone && user.telephoneNumber\">{{ user.telephoneNumber }}</div>\n                    </div>\n        \n                    <div>{{ user.department }}</div>\n        \n                    <div class=\"title\">{{ user.title }}</div>\n                </div>\n            </mat-list-option>\n        </mat-selection-list>\n    </ng-container>\n</mat-dialog-content>\n\n<mat-dialog-actions>\n    <ng-container *ngIf=\"dataSource && photos\">\n        <mat-slide-toggle *ngIf=\"selectedOptions.length\" (change)=\"hideUnselectedChanged($event.checked)\">\n            Hide Unselected\n        </mat-slide-toggle>\n\n        <button mat-raised-button color=\"primary\" (click)=\"selectAll()\"\n            *ngIf=\"isMultiMode\">\n            <mat-icon fontIcon=\"select_all\"></mat-icon>\n            <span class=\"hide-mobile\">Select All</span>\n        </button>\n    \n        <button mat-raised-button color=\"primary\" (click)=\"deselectAll()\"\n            *ngIf=\"isMultiMode && selectedOptions.length\">\n            <mat-icon fontIcon=\"clear_all\"></mat-icon>\n            <span class=\"hide-mobile\">Clear All</span>\n        </button>\n\n        <button *ngIf=\"isMultiMode || !data.closeWhenSelectionMade\" mat-raised-button color=\"primary\" (click)=\"close()\" matTooltip=\"Accept your selection\"\n            [disabled]=\"!selectedOptions.length\">\n            <mat-icon fontIcon=\"check\"></mat-icon>\n            <span class=\"hide-mobile\">Ok</span>\n        </button>\n    </ng-container>\n\n    <button mat-raised-button color=\"warn\" mat-dialog-close matTooltip=\"Close this window\">\n        <mat-icon fontIcon=\"close\"></mat-icon>\n        <span class=\"hide-mobile\">Cancel</span>\n    </button>\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-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: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6.MatLegacyButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i1.MatLegacyDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatLegacyDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatLegacyDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatLegacyDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i7.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatLegacySuffix, selector: "[matSuffix]" }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i9.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i10.MatLegacyListAvatarCssMatStyler, selector: "[mat-list-avatar], [matListAvatar]" }, { kind: "component", type: i10.MatLegacySelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i10.MatLegacyListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "disabled", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "component", type: i11.MatLegacyProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i12.MatLegacySlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }, { kind: "directive", type: i13.MatLegacyTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
+UserChooserComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: UserChooserComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }, { token: i2.ActiveDirectoryService }, { token: i3.SharePointService }], target: i0.ɵɵFactoryTarget.Component });
+UserChooserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: UserChooserComponent, selector: "ng-component", viewQueries: [{ propertyName: "selectionList", first: true, predicate: MatSelectionList, descendants: true }, { propertyName: "filterInput", first: true, predicate: ["filterInput"], descendants: true }], ngImport: i0, template: "<div id=\"dialog-title\">\n    <h2 mat-dialog-title>{{ data.title }}</h2>\n\n    <div>\n        {{ selectedOptions.length }} selected\n    </div>\n</div>\n\n<mat-dialog-content>\n    <div *ngIf=\"!(dataSource && photos)\">\n        <mat-spinner [diameter]=\"50\"></mat-spinner>\n        <h2 id=\"spinner-message\">Getting users and photos...</h2>\n    </div>\n\n    <ng-container *ngIf=\"dataSource && photos\">\n        <form [formGroup]=\"filterForm\">\n            <mat-form-field *ngIf=\"dataSource\">\n                <input matInput placeholder=\"Search\" formControlName=\"filter\" #filterInput>\n\n                <button *ngIf=\"filterForm.value.filter\" matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"filterForm.get('filter')?.setValue('')\">\n                    <mat-icon fontIcon=\"close\"></mat-icon>\n                </button>\n            </mat-form-field>\n        </form>\n\n        <mat-selection-list [multiple]=\"isMultiMode\"\n            (selectionChange)=\"listSelectionChanged($event.options)\">\n\n            <mat-list-option *ngFor=\"let user of dataSource?.filteredData\" [value]=\"user\" [selected]=\"user.selected\"\n                (selectedChange)=\"optionSelectionChanged(option)\" #option>\n\n                <img *ngIf=\"getPhoto(user)\" matListItemAvatar alt=\"\" [src]=\"getPhoto(user)\">\n\n                <mat-icon *ngIf=\"!getPhoto(user)\" matListItemAvatar class=\"no-photo\"\n                    fontIcon=\"account_circle\">\n                </mat-icon>\n            \n                <div class=\"user\">\n                    <div [matTooltip]=\"tooltip(user)\" class=\"user-name\">\n                        {{ user.displayName }}\n                        <div *ngIf=\"data.showPhone && user.telephoneNumber\">{{ user.telephoneNumber }}</div>\n                    </div>\n        \n                    <div>{{ user.department }}</div>\n        \n                    <div class=\"title\">{{ user.title }}</div>\n                </div>\n            </mat-list-option>\n        </mat-selection-list>\n    </ng-container>\n</mat-dialog-content>\n\n<mat-dialog-actions>\n    <ng-container *ngIf=\"dataSource && photos\">\n        <mat-slide-toggle *ngIf=\"selectedOptions.length\" (change)=\"hideUnselectedChanged($event.checked)\">\n            Hide Unselected\n        </mat-slide-toggle>\n\n        <button mat-raised-button color=\"primary\" (click)=\"selectAll()\"\n            *ngIf=\"isMultiMode\">\n            <mat-icon fontIcon=\"select_all\"></mat-icon>\n            <span class=\"hide-mobile\">Select All</span>\n        </button>\n    \n        <button mat-raised-button color=\"primary\" (click)=\"deselectAll()\"\n            *ngIf=\"isMultiMode && selectedOptions.length\">\n            <mat-icon fontIcon=\"clear_all\"></mat-icon>\n            <span class=\"hide-mobile\">Clear All</span>\n        </button>\n\n        <button *ngIf=\"isMultiMode || !data.closeWhenSelectionMade\" mat-raised-button color=\"primary\" (click)=\"close()\" matTooltip=\"Accept your selection\"\n            [disabled]=\"!selectedOptions.length\">\n            <mat-icon fontIcon=\"check\"></mat-icon>\n            <span class=\"hide-mobile\">Ok</span>\n        </button>\n    </ng-container>\n\n    <button mat-raised-button color=\"warn\" mat-dialog-close matTooltip=\"Close this window\">\n        <mat-icon fontIcon=\"close\"></mat-icon>\n        <span class=\"hide-mobile\">Cancel</span>\n    </button>\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-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: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { 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.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i9.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i10.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i10.MatListOption, selector: "mat-list-option", inputs: ["checkboxPosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "directive", type: i10.MatListItemAvatar, selector: "[matListItemAvatar]" }, { kind: "component", type: i11.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i12.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }, { kind: "directive", type: i13.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: UserChooserComponent, decorators: [{
             type: Component,
-            args: [{ template: "<div id=\"dialog-title\">\n    <h2 mat-dialog-title>{{ data.title }}</h2>\n\n    <div>\n        {{ selectedOptions.length }} selected\n    </div>\n</div>\n\n<mat-dialog-content>\n    <div *ngIf=\"!(dataSource && photos)\">\n        <mat-spinner [diameter]=\"50\"></mat-spinner>\n        <h2 id=\"spinner-message\">Getting users and photos...</h2>\n    </div>\n\n    <ng-container *ngIf=\"dataSource && photos\">\n        <form [formGroup]=\"filterForm\">\n            <mat-form-field *ngIf=\"dataSource\">\n                <input matInput placeholder=\"Search\" formControlName=\"filter\" #filterInput>\n\n                <button *ngIf=\"filterForm.value.filter\" matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"filterForm.get('filter')?.setValue('')\">\n                    <mat-icon fontIcon=\"close\"></mat-icon>\n                </button>\n            </mat-form-field>\n        </form>\n\n        <mat-selection-list [multiple]=\"isMultiMode\"\n            (selectionChange)=\"listSelectionChanged($event.options)\">\n\n            <mat-list-option *ngFor=\"let user of dataSource?.filteredData\" [value]=\"user\" [selected]=\"user.selected\"\n                (selectedChange)=\"optionSelectionChanged(option)\" #option>\n\n                <img *ngIf=\"getPhoto(user)\" matListAvatar alt=\"\" [src]=\"getPhoto(user)\">\n\n                <mat-icon *ngIf=\"!getPhoto(user)\" matListAvatar class=\"no-photo\"\n                    fontIcon=\"account_circle\">\n                </mat-icon>\n            \n                <div class=\"user\">\n                    <div [matTooltip]=\"tooltip(user)\" class=\"user-name\">\n                        {{ user.displayName }}\n                        <div *ngIf=\"data.showPhone && user.telephoneNumber\">{{ user.telephoneNumber }}</div>\n                    </div>\n        \n                    <div>{{ user.department }}</div>\n        \n                    <div class=\"title\">{{ user.title }}</div>\n                </div>\n            </mat-list-option>\n        </mat-selection-list>\n    </ng-container>\n</mat-dialog-content>\n\n<mat-dialog-actions>\n    <ng-container *ngIf=\"dataSource && photos\">\n        <mat-slide-toggle *ngIf=\"selectedOptions.length\" (change)=\"hideUnselectedChanged($event.checked)\">\n            Hide Unselected\n        </mat-slide-toggle>\n\n        <button mat-raised-button color=\"primary\" (click)=\"selectAll()\"\n            *ngIf=\"isMultiMode\">\n            <mat-icon fontIcon=\"select_all\"></mat-icon>\n            <span class=\"hide-mobile\">Select All</span>\n        </button>\n    \n        <button mat-raised-button color=\"primary\" (click)=\"deselectAll()\"\n            *ngIf=\"isMultiMode && selectedOptions.length\">\n            <mat-icon fontIcon=\"clear_all\"></mat-icon>\n            <span class=\"hide-mobile\">Clear All</span>\n        </button>\n\n        <button *ngIf=\"isMultiMode || !data.closeWhenSelectionMade\" mat-raised-button color=\"primary\" (click)=\"close()\" matTooltip=\"Accept your selection\"\n            [disabled]=\"!selectedOptions.length\">\n            <mat-icon fontIcon=\"check\"></mat-icon>\n            <span class=\"hide-mobile\">Ok</span>\n        </button>\n    </ng-container>\n\n    <button mat-raised-button color=\"warn\" mat-dialog-close matTooltip=\"Close this window\">\n        <mat-icon fontIcon=\"close\"></mat-icon>\n        <span class=\"hide-mobile\">Cancel</span>\n    </button>\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-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"] }]
+            args: [{ template: "<div id=\"dialog-title\">\n    <h2 mat-dialog-title>{{ data.title }}</h2>\n\n    <div>\n        {{ selectedOptions.length }} selected\n    </div>\n</div>\n\n<mat-dialog-content>\n    <div *ngIf=\"!(dataSource && photos)\">\n        <mat-spinner [diameter]=\"50\"></mat-spinner>\n        <h2 id=\"spinner-message\">Getting users and photos...</h2>\n    </div>\n\n    <ng-container *ngIf=\"dataSource && photos\">\n        <form [formGroup]=\"filterForm\">\n            <mat-form-field *ngIf=\"dataSource\">\n                <input matInput placeholder=\"Search\" formControlName=\"filter\" #filterInput>\n\n                <button *ngIf=\"filterForm.value.filter\" matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"filterForm.get('filter')?.setValue('')\">\n                    <mat-icon fontIcon=\"close\"></mat-icon>\n                </button>\n            </mat-form-field>\n        </form>\n\n        <mat-selection-list [multiple]=\"isMultiMode\"\n            (selectionChange)=\"listSelectionChanged($event.options)\">\n\n            <mat-list-option *ngFor=\"let user of dataSource?.filteredData\" [value]=\"user\" [selected]=\"user.selected\"\n                (selectedChange)=\"optionSelectionChanged(option)\" #option>\n\n                <img *ngIf=\"getPhoto(user)\" matListItemAvatar alt=\"\" [src]=\"getPhoto(user)\">\n\n                <mat-icon *ngIf=\"!getPhoto(user)\" matListItemAvatar class=\"no-photo\"\n                    fontIcon=\"account_circle\">\n                </mat-icon>\n            \n                <div class=\"user\">\n                    <div [matTooltip]=\"tooltip(user)\" class=\"user-name\">\n                        {{ user.displayName }}\n                        <div *ngIf=\"data.showPhone && user.telephoneNumber\">{{ user.telephoneNumber }}</div>\n                    </div>\n        \n                    <div>{{ user.department }}</div>\n        \n                    <div class=\"title\">{{ user.title }}</div>\n                </div>\n            </mat-list-option>\n        </mat-selection-list>\n    </ng-container>\n</mat-dialog-content>\n\n<mat-dialog-actions>\n    <ng-container *ngIf=\"dataSource && photos\">\n        <mat-slide-toggle *ngIf=\"selectedOptions.length\" (change)=\"hideUnselectedChanged($event.checked)\">\n            Hide Unselected\n        </mat-slide-toggle>\n\n        <button mat-raised-button color=\"primary\" (click)=\"selectAll()\"\n            *ngIf=\"isMultiMode\">\n            <mat-icon fontIcon=\"select_all\"></mat-icon>\n            <span class=\"hide-mobile\">Select All</span>\n        </button>\n    \n        <button mat-raised-button color=\"primary\" (click)=\"deselectAll()\"\n            *ngIf=\"isMultiMode && selectedOptions.length\">\n            <mat-icon fontIcon=\"clear_all\"></mat-icon>\n            <span class=\"hide-mobile\">Clear All</span>\n        </button>\n\n        <button *ngIf=\"isMultiMode || !data.closeWhenSelectionMade\" mat-raised-button color=\"primary\" (click)=\"close()\" matTooltip=\"Accept your selection\"\n            [disabled]=\"!selectedOptions.length\">\n            <mat-icon fontIcon=\"check\"></mat-icon>\n            <span class=\"hide-mobile\">Ok</span>\n        </button>\n    </ng-container>\n\n    <button mat-raised-button color=\"warn\" mat-dialog-close matTooltip=\"Close this window\">\n        <mat-icon fontIcon=\"close\"></mat-icon>\n        <span class=\"hide-mobile\">Cancel</span>\n    </button>\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-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: function () { return [{ type: UserChooserData, decorators: [{
                     type: Inject,
-                    args: [MAT_LEGACY_DIALOG_DATA]
-                }] }, { type: i1.MatLegacyDialogRef }, { type: i2.ActiveDirectoryService }, { type: i3.SharePointService }]; }, propDecorators: { selectionList: [{
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i1.MatDialogRef }, { type: i2.ActiveDirectoryService }, { type: i3.SharePointService }]; }, propDecorators: { selectionList: [{
                 type: ViewChild,
-                args: [MatLegacySelectionList]
+                args: [MatSelectionList]
             }], filterInput: [{
                 type: ViewChild,
                 args: ['filterInput']
@@ -533,12 +533,12 @@ class UserFormFieldComponent {
             p.title?.toLowerCase() === user.displayName.toLowerCase())?.encodedAbsUrl;
     }
 }
-UserFormFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: UserFormFieldComponent, deps: [{ token: i1.MatLegacyDialog }, { token: i2.ActiveDirectoryService }, { token: i3.SharePointService }], target: i0.ɵɵFactoryTarget.Component });
-UserFormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: UserFormFieldComponent, selector: "cp-user-field", inputs: { placeholder: "placeholder", clickable: "clickable", userChooserData: "userChooserData" }, outputs: { usersSelected: "usersSelected", userUnSelected: "userUnSelected" }, ngImport: i0, template: "<!-- In Microsoft Edge, selectEmployee() never gets called if the input fields are disabled\n  So... I'm dynamically setting the disabled property based on whether or not the browser is Edge.\n  It's definitely a better experience if the field IS disabled.\n  Otherwise, it's confusing - especially because Edge is SO SLOW to display the resulting dialog window.\n-->\n\n<mat-progress-bar *ngIf=\"!(users && photos)\" mode=\"indeterminate\"></mat-progress-bar>\n\n<div *ngIf=\"users && photos\" (click)=\"selectUser()\" [class.clickable]=\"clickable\">\n    <mat-form-field *ngIf=\"!accountNames?.length\">\n      <input matInput [disabled]=\"!isEdge\" [placeholder]=\"placeholder\">\n    </mat-form-field>\n  \n    <div *ngIf=\"accountNames?.length\"\n      [class.grid]=\"accountNames.length > 1\"\n      [class.three]=\"accountNames.length > 2\"\n      [class.four]=\"accountNames.length > 3\"\n      [class.five]=\"accountNames.length > 4\">\n\n      <div *ngFor=\"let accountName of accountNames; let i=index\" class=\"user\">\n        <!--<img *ngIf=\"accountName && empUtils.getEmployee(accountName)\" alt=\"\" [src]=\"empUtils.getEmployee(accountName) | employeePhotoUrl:cacheService.photos\">-->\n        <img *ngIf=\"getPhoto(accountName)\" matListAvatar alt=\"\" [src]=\"getPhoto(accountName)\">\n  \n        <mat-form-field>\n            <input matInput [disabled]=\"!isEdge\" [placeholder]=\"i === 0 ? placeholder : ''\"\n                [value]=\"accountName ? getUser(accountName)?.displayName : accountName\">\n\n              <button matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"$event.stopPropagation(); unSelectUser(accountName)\">\n                  <mat-icon fontIcon=\"close\"></mat-icon>\n              </button>\n        </mat-form-field>\n      </div>\n    </div>\n  </div>", 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}}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.MatLegacyButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatLegacySuffix, selector: "[matSuffix]" }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i9.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i10.MatLegacyListAvatarCssMatStyler, selector: "[mat-list-avatar], [matListAvatar]" }, { kind: "component", type: i10$1.MatLegacyProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }] });
+UserFormFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: UserFormFieldComponent, deps: [{ token: i1.MatDialog }, { token: i2.ActiveDirectoryService }, { token: i3.SharePointService }], target: i0.ɵɵFactoryTarget.Component });
+UserFormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: UserFormFieldComponent, selector: "cp-user-field", inputs: { placeholder: "placeholder", clickable: "clickable", userChooserData: "userChooserData" }, outputs: { usersSelected: "usersSelected", userUnSelected: "userUnSelected" }, ngImport: i0, template: "<!-- In Microsoft Edge, selectEmployee() never gets called if the input fields are disabled\n  So... I'm dynamically setting the disabled property based on whether or not the browser is Edge.\n  It's definitely a better experience if the field IS disabled.\n  Otherwise, it's confusing - especially because Edge is SO SLOW to display the resulting dialog window.\n-->\n\n<mat-progress-bar *ngIf=\"!(users && photos)\" mode=\"indeterminate\"></mat-progress-bar>\n\n<div *ngIf=\"users && photos\" (click)=\"selectUser()\" [class.clickable]=\"clickable\">\n    <mat-form-field *ngIf=\"!accountNames?.length\">\n      <input matInput [disabled]=\"!isEdge\" [placeholder]=\"placeholder\">\n    </mat-form-field>\n  \n    <div *ngIf=\"accountNames?.length\"\n      [class.grid]=\"accountNames.length > 1\"\n      [class.three]=\"accountNames.length > 2\"\n      [class.four]=\"accountNames.length > 3\"\n      [class.five]=\"accountNames.length > 4\">\n\n      <div *ngFor=\"let accountName of accountNames; let i=index\" class=\"user\">\n        <!--<img *ngIf=\"accountName && empUtils.getEmployee(accountName)\" alt=\"\" [src]=\"empUtils.getEmployee(accountName) | employeePhotoUrl:cacheService.photos\">-->\n        <img *ngIf=\"getPhoto(accountName)\" matListItemAvatar alt=\"\" [src]=\"getPhoto(accountName)\">\n  \n        <mat-form-field>\n            <input matInput [disabled]=\"!isEdge\" [placeholder]=\"i === 0 ? placeholder : ''\"\n                [value]=\"accountName ? getUser(accountName)?.displayName : accountName\">\n\n              <button matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"$event.stopPropagation(); unSelectUser(accountName)\">\n                  <mat-icon fontIcon=\"close\"></mat-icon>\n              </button>\n        </mat-form-field>\n      </div>\n    </div>\n  </div>", 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}}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i9.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i10.MatListItemAvatar, selector: "[matListItemAvatar]" }, { kind: "component", type: i10$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: UserFormFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cp-user-field', template: "<!-- In Microsoft Edge, selectEmployee() never gets called if the input fields are disabled\n  So... I'm dynamically setting the disabled property based on whether or not the browser is Edge.\n  It's definitely a better experience if the field IS disabled.\n  Otherwise, it's confusing - especially because Edge is SO SLOW to display the resulting dialog window.\n-->\n\n<mat-progress-bar *ngIf=\"!(users && photos)\" mode=\"indeterminate\"></mat-progress-bar>\n\n<div *ngIf=\"users && photos\" (click)=\"selectUser()\" [class.clickable]=\"clickable\">\n    <mat-form-field *ngIf=\"!accountNames?.length\">\n      <input matInput [disabled]=\"!isEdge\" [placeholder]=\"placeholder\">\n    </mat-form-field>\n  \n    <div *ngIf=\"accountNames?.length\"\n      [class.grid]=\"accountNames.length > 1\"\n      [class.three]=\"accountNames.length > 2\"\n      [class.four]=\"accountNames.length > 3\"\n      [class.five]=\"accountNames.length > 4\">\n\n      <div *ngFor=\"let accountName of accountNames; let i=index\" class=\"user\">\n        <!--<img *ngIf=\"accountName && empUtils.getEmployee(accountName)\" alt=\"\" [src]=\"empUtils.getEmployee(accountName) | employeePhotoUrl:cacheService.photos\">-->\n        <img *ngIf=\"getPhoto(accountName)\" matListAvatar alt=\"\" [src]=\"getPhoto(accountName)\">\n  \n        <mat-form-field>\n            <input matInput [disabled]=\"!isEdge\" [placeholder]=\"i === 0 ? placeholder : ''\"\n                [value]=\"accountName ? getUser(accountName)?.displayName : accountName\">\n\n              <button matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"$event.stopPropagation(); unSelectUser(accountName)\">\n                  <mat-icon fontIcon=\"close\"></mat-icon>\n              </button>\n        </mat-form-field>\n      </div>\n    </div>\n  </div>", 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}}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.MatLegacyDialog }, { type: i2.ActiveDirectoryService }, { type: i3.SharePointService }]; }, propDecorators: { usersSelected: [{
+            args: [{ selector: 'cp-user-field', template: "<!-- In Microsoft Edge, selectEmployee() never gets called if the input fields are disabled\n  So... I'm dynamically setting the disabled property based on whether or not the browser is Edge.\n  It's definitely a better experience if the field IS disabled.\n  Otherwise, it's confusing - especially because Edge is SO SLOW to display the resulting dialog window.\n-->\n\n<mat-progress-bar *ngIf=\"!(users && photos)\" mode=\"indeterminate\"></mat-progress-bar>\n\n<div *ngIf=\"users && photos\" (click)=\"selectUser()\" [class.clickable]=\"clickable\">\n    <mat-form-field *ngIf=\"!accountNames?.length\">\n      <input matInput [disabled]=\"!isEdge\" [placeholder]=\"placeholder\">\n    </mat-form-field>\n  \n    <div *ngIf=\"accountNames?.length\"\n      [class.grid]=\"accountNames.length > 1\"\n      [class.three]=\"accountNames.length > 2\"\n      [class.four]=\"accountNames.length > 3\"\n      [class.five]=\"accountNames.length > 4\">\n\n      <div *ngFor=\"let accountName of accountNames; let i=index\" class=\"user\">\n        <!--<img *ngIf=\"accountName && empUtils.getEmployee(accountName)\" alt=\"\" [src]=\"empUtils.getEmployee(accountName) | employeePhotoUrl:cacheService.photos\">-->\n        <img *ngIf=\"getPhoto(accountName)\" matListItemAvatar alt=\"\" [src]=\"getPhoto(accountName)\">\n  \n        <mat-form-field>\n            <input matInput [disabled]=\"!isEdge\" [placeholder]=\"i === 0 ? placeholder : ''\"\n                [value]=\"accountName ? getUser(accountName)?.displayName : accountName\">\n\n              <button matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"$event.stopPropagation(); unSelectUser(accountName)\">\n                  <mat-icon fontIcon=\"close\"></mat-icon>\n              </button>\n        </mat-form-field>\n      </div>\n    </div>\n  </div>", 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}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.MatDialog }, { type: i2.ActiveDirectoryService }, { type: i3.SharePointService }]; }, propDecorators: { usersSelected: [{
                 type: Output
             }], userUnSelected: [{
                 type: Output
@@ -556,31 +556,31 @@ GuiModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0
 GuiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: GuiModule, declarations: [UserChooserComponent,
         UserFormFieldComponent], imports: [CommonModule,
         ReactiveFormsModule,
-        MatLegacyButtonModule,
-        MatLegacyDialogModule,
-        MatLegacyFormFieldModule,
+        MatButtonModule,
+        MatDialogModule,
+        MatFormFieldModule,
         MatIconModule,
-        MatLegacyInputModule,
-        MatLegacyListModule,
-        MatLegacyProgressBarModule,
-        MatLegacyProgressSpinnerModule,
-        MatLegacySlideToggleModule,
-        MatLegacyTableModule,
-        MatLegacyTooltipModule], exports: [UserChooserComponent,
+        MatInputModule,
+        MatListModule,
+        MatProgressBarModule,
+        MatProgressSpinnerModule,
+        MatSlideToggleModule,
+        MatTableModule,
+        MatTooltipModule], exports: [UserChooserComponent,
         UserFormFieldComponent] });
 GuiModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: GuiModule, imports: [CommonModule,
         ReactiveFormsModule,
-        MatLegacyButtonModule,
-        MatLegacyDialogModule,
-        MatLegacyFormFieldModule,
+        MatButtonModule,
+        MatDialogModule,
+        MatFormFieldModule,
         MatIconModule,
-        MatLegacyInputModule,
-        MatLegacyListModule,
-        MatLegacyProgressBarModule,
-        MatLegacyProgressSpinnerModule,
-        MatLegacySlideToggleModule,
-        MatLegacyTableModule,
-        MatLegacyTooltipModule] });
+        MatInputModule,
+        MatListModule,
+        MatProgressBarModule,
+        MatProgressSpinnerModule,
+        MatSlideToggleModule,
+        MatTableModule,
+        MatTooltipModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: GuiModule, decorators: [{
             type: NgModule,
             args: [{
@@ -591,17 +591,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     imports: [
                         CommonModule,
                         ReactiveFormsModule,
-                        MatLegacyButtonModule,
-                        MatLegacyDialogModule,
-                        MatLegacyFormFieldModule,
+                        MatButtonModule,
+                        MatDialogModule,
+                        MatFormFieldModule,
                         MatIconModule,
-                        MatLegacyInputModule,
-                        MatLegacyListModule,
-                        MatLegacyProgressBarModule,
-                        MatLegacyProgressSpinnerModule,
-                        MatLegacySlideToggleModule,
-                        MatLegacyTableModule,
-                        MatLegacyTooltipModule
+                        MatInputModule,
+                        MatListModule,
+                        MatProgressBarModule,
+                        MatProgressSpinnerModule,
+                        MatSlideToggleModule,
+                        MatTableModule,
+                        MatTooltipModule
                     ],
                     exports: [
                         UserChooserComponent,
@@ -616,4 +616,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
 
 export { GuiModule, UserChooserComponent, UserChooserData, UserChooserFilterOptions, UserChooserMode, UserChooserPreProcessingGroup, UserFormFieldComponent };
 //# sourceMappingURL=cleavelandprice-ngx-lib-active-directory-gui.mjs.map
-//# sourceMappingURL=cleavelandprice-ngx-lib-active-directory-gui.mjs.map