{"__symbolic":"module","version":4,"metadata":{"NgxFfmConfig":{"__symbolic":"interface"},"NgxFfmService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":15,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵa"}]}],null],"parameters":[{"__symbolic":"reference","name":"NgxFfmConfig"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":17,"character":18}]}],"getDocuments":[{"__symbolic":"method"}],"getAllFiles":[{"__symbolic":"method"}],"convertDocument":[{"__symbolic":"method"}],"getDocumentOpen":[{"__symbolic":"method"}],"postDocument":[{"__symbolic":"method"}],"postRegistry":[{"__symbolic":"method"}],"deleteDocumentLocal":[{"__symbolic":"method"}],"deleteDocument":[{"__symbolic":"method"}],"setFiles":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"Documents":{"__symbolic":"class","members":{}},"NgxFfmComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"ngx-ffm","template":"<div style=\"height: 100%\" fxLayout=\"column\">\r\n  \r\n  <div fxFlex fxLayout=\"column\">\r\n\r\n    <div fxLayout=\"row\" fxLayout.xs=\"row\" fxLayout.sm=\"row\" style=\"height: 100%;\">\r\n      <!-- Table -->\r\n      <div fxLayout=\"column\" [fxFlex]=\"tablewidth\" fxFlex.sm=\"tablewidth\" fxFlex.xs=\"tablewidth\">\r\n        <div fxFlex style=\"overflow: auto; border-right: 0.5px solid gray;\">\r\n          <table mat-table style=\"width: 100%\" #sortDocuments=\"matSort\" matSort=\"sortDocuments\"\r\n            [dataSource]=\"dsDocuments\">\r\n            <ng-container matColumnDef=\"cbox\">\r\n              <th mat-header-cell *matHeaderCellDef mat-sort-header></th>\r\n              <td style=\"text-align: left;\" mat-cell *matCellDef=\"let element\">\r\n                <mat-checkbox (change)=\"slDocument_Selected($event, element);\" [(ngModel)]=\"element.select\">\r\n                </mat-checkbox>\r\n              </td>\r\n\r\n            </ng-container>\r\n            <ng-container matColumnDef=\"filename\">\r\n              <th mat-header-cell *matHeaderCellDef> Filename </th>\r\n              <td mat-cell (click)=\"rowSelected(element)\" *matCellDef=\"let element\">\r\n                <mat-icon style=\"margin-right: 5px; color: gray;\">insert_drive_file</mat-icon> {{element.filename}}\r\n              </td>\r\n            </ng-container>\r\n            <ng-container matColumnDef=\"created_at\">\r\n              <th mat-header-cell *matHeaderCellDef>\r\n                <div fxHide.xs=\"true\">\r\n                  Created at\r\n                </div>\r\n              </th>\r\n              <td mat-cell *matCellDef=\"let element\"> <span style=\"color: gray;\">\r\n                  <div fxHide.xs=\"true\">\r\n                    {{element.mt}}\r\n                  </div>\r\n                </span>\r\n              </td>\r\n            </ng-container>\r\n            <ng-container matColumnDef=\"btn\">\r\n              <th mat-header-cell *matHeaderCellDef> </th>\r\n              <td mat-cell *matCellDef=\"let element\">\r\n                <!-- <button *ngIf=\"element.canOpen && !element.large\" mat-button matTooltip=\"Open\" (click)=\"btnOpenDocument_Click(element)\">\r\n                  <mat-icon>open_in_new</mat-icon>\r\n                </button> -->\r\n              </td>\r\n\r\n            </ng-container>\r\n\r\n\r\n            <tr mat-header-row *matHeaderRowDef=\"displayDocumentsColumns; sticky: true\"></tr>\r\n            <tr mat-row *matRowDef=\"let row; columns:displayDocumentsColumns\"></tr>\r\n          </table>\r\n          <div>\r\n            <a [href]=\"base64\" style=\"background-color: red; height: 150px;\">\r\n            </a>\r\n          </div>\r\n          <div *ngIf='noDataUserDocuments' fxLayoutAlign=\"center center\" style=\"margin-top: 2%;\">\r\n            No data\r\n          </div>\r\n        </div>\r\n\r\n\r\n\r\n      </div>\r\n\r\n      <!-- sidebar -->\r\n      <div fxHide.xs=\"true\" fxHide.sm=\"true\" fxFlex fxLayout=\"column\" style=\"height: 100%; overflow: auto;\">\r\n        <div fxFlex style=\"overflow: auto;\">\r\n          <mat-card class=\"fileDetails\" *ngFor=\"let item of arrDocumentDetails\">\r\n            <mat-card-title>\r\n              <mat-icon style=\"color: gray; margin-right: 5px;\">insert_drive_file</mat-icon>\r\n              <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start center\" style=\"word-break: break-all;\">\r\n                {{item.filename}}\r\n              </div>\r\n            </mat-card-title>\r\n            <mat-card-content fxLayout=\"column\">\r\n              <div fxLayout=\"row\">\r\n                <span class=\"document-details-span\">Created by: </span><span\r\n                  style=\"margin-top: 5px;margin-left: 5px;\">{{item.owner}}</span>\r\n              </div>\r\n              <div fxLayout=\"row\">\r\n                <span class=\"document-details-span\">Last modified: </span><span\r\n                  style=\"margin-top: 5px;margin-left: 5px;\">{{item.mt}}</span>\r\n              </div>\r\n              <div fxLayout=\"row\">\r\n                <span class=\"document-details-span\">Size: </span><span\r\n                  style=\"margin-top: 5px;margin-left: 5px;\">{{item.size}} byte</span>\r\n              </div>\r\n              <div fxLayout=\"row\">\r\n                <span class=\"document-details-span\">Group: </span><span\r\n                  style=\"margin-top: 5px;margin-left: 5px;\">{{item.group}}</span>\r\n              </div>\r\n            </mat-card-content>\r\n          </mat-card>\r\n        </div>\r\n\r\n      </div>\r\n\r\n    </div>\r\n\r\n\r\n\r\n  </div>\r\n</div>","styles":[".myapp-no-padding-dialog .mat-dialog-container{padding:0}.document-details-span{margin-top:5px;margin-left:5px;color:gray}.buttonxs{padding:0!important}.fileDetails{box-shadow:5px 5px 10px #d3d3d3;border:1px solid #d3d3d3;margin:10px}.fileDetails:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgxFfmService"},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":51,"character":20},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBar","line":52,"character":22}]}],"sortDocuments":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":55,"character":3},"arguments":["sortDocuments"]}]}],"inputFile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":56,"character":3},"arguments":["inputFile"]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"btnRefresh_Click":[{"__symbolic":"method"}],"slDocument_Selected":[{"__symbolic":"method"}],"rowSelected":[{"__symbolic":"method"}],"openSnackBar":[{"__symbolic":"method"}]}},"FileDirectoriesComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"file-directories","template":"<div fxLayout=\"column\" style=\"height:100%; \">\r\n<div fxLayout=\"row\" *ngIf=\"load\">\r\n    <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\r\n</div>\r\n<div fxLayout=\"row\" style=\"height: 85px; border-bottom: 0.5px solid gray\" fxLayoutAlign=\"space-between stretch\">\r\n    <div fxLayoutAlign=\"start center\" fxLayout=\"row\">\r\n        <mat-icon style=\"margin-left: 10px; color: gray;\">insert_drive_file</mat-icon>\r\n        <span style=\"color:DarkGray; margin-left:1%;\">{{file.filePath}}</span>\r\n    </div>\r\n    <div fxLayoutAlign=\"end center\" fxLayout=\"row\" >\r\n        <button mat-button (click)=\"btnNewDirectory_Click()\"><mat-icon>add</mat-icon></button>\r\n    </div>\r\n</div>\r\n\r\n\r\n</div>\r\n\r\n","styles":[""]}]}],"members":{"directoryInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"outputdir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgxFfmService"},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":29,"character":19},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBar","line":30,"character":21},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":31,"character":23}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"loadDirectories":[{"__symbolic":"method"}],"loadDocuments":[{"__symbolic":"method"}],"btnNewDirectory_Click":[{"__symbolic":"method"}],"openSnackBar":[{"__symbolic":"method"}]}},"FileActionsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"file-actions","template":"<div *ngIf=\"hasInput\" fxLayout=\"column\" fxLayoutAlign=\"space-between stretch\" style=\"height:85px; border-bottom: 0.5px solid gray\">\r\n    <div *ngIf=\"uploadResponse.status === 'progress'\">\r\n      <mat-progress-bar mode=\"determinate\" [value]=\"uploadResponse.message\"></mat-progress-bar>\r\n    </div>\r\n    <div *ngIf=\"load\">\r\n      <mat-progress-bar mode=\"indeterminate\" ></mat-progress-bar>\r\n    </div>\r\n    <div *ngIf=\"uploadResponse.status === 'error'\">\r\n      {{ uploadResponse.message }}\r\n    </div>\r\n    <div fxLayout=\"row\" fxLayout.xs=\"row\" fxLayoutAlign=\"space-between stretch\" fxLayout.sm=\"row\" style=\"height: 100%;\">\r\n      <div fxFlex fxLayoutAlign=\"left center\" fxLayoutAlign.xs=\"center center\" style=\"word-break: break-all;\">\r\n        <mat-icon style=\"margin-left: 10px; color: gray;\">insert_drive_file</mat-icon>\r\n        <span style=\"color:DarkGray; margin-left:1%;\">{{file.filePath}}</span>\r\n      </div>\r\n      <div fxLayoutAlign=\"center center\"  fxLayoutAlign.xs=\"end center\" style=\"margin-right: 2%; height: 100%;\">\r\n        <div fxShow=\"true\" fxHide.xs=\"true\" fxLayout=\"row\">\r\n          <button *ngIf=\"file.upload\" [disabled]=\"uploadResponse.status === 'progress' || load\" style=\"padding: 0px !important;\" mat-button (click)=\"inputFile.click()\">\r\n            \r\n            <mat-icon matTooltip=\"Upload\" fxShow.xs=\"true\" style=\"vertical-align: middle\">\r\n              cloud_upload\r\n            </mat-icon><span>\r\n            </span>\r\n          </button>\r\n          <button *ngIf=\"file.more\" mat-button [disabled]=\"uploadResponse.status === 'progress' || load\"  [matMenuTriggerFor]=\"menu\">\r\n            <mat-icon>more_vert</mat-icon>\r\n          </button>\r\n        </div>\r\n        <div fxShow.xs=\"true\" fxHide=\"true\"  fxLayout=\"row\">\r\n          <button *ngIf=\"file.upload\" [disabled]=\"uploadResponse.status === 'progress' || load\" style=\"padding: 0px !important;\" mat-button (click)=\"inputFile.click()\">\r\n            \r\n            <mat-icon matTooltip=\"Upload\" fxShow.xs=\"true\" style=\"vertical-align: middle; margin-bottom: 5px; margin-right: 3px;\">\r\n              cloud_upload\r\n            </mat-icon>\r\n          </button>\r\n          <button *ngIf=\"file.more\" mat-button [disabled]=\"uploadResponse.status === 'progress' || load\"  [matMenuTriggerFor]=\"menu\">\r\n            <mat-icon>more_vert</mat-icon>\r\n          </button>\r\n        </div>\r\n\r\n        <mat-menu #menu=\"matMenu\">\r\n          <div fxShow=\"true\" fxHide.xs=\"true\" fxLayout=\"column\" fxLayoutAlign=\"start start\">\r\n            <button *ngIf=\"file.download\" style=\"border-radius: 10px;\" mat-button (click)=\"btnDownloadDocument_Click()\">\r\n              <mat-icon>vertical_align_bottom</mat-icon>Download\r\n            </button>\r\n            <button *ngIf=\"file.delete\" mat-button\r\n              style=\"border-radius: 10px; background-color: white; color:black; margin-right: 2%\"\r\n              (click)=\"btnDeleteDoc_Click()\">\r\n              <mat-icon>delete</mat-icon>Delete\r\n            </button>\r\n          </div>\r\n          <div  fxShow.xs=\"true\" fxHide=\"true\" fxLayout=\"column\" fxLayoutAlign=\"start center\">\r\n            <button *ngIf=\"file.download\" style=\"border-radius: 10px;\" mat-button (click)=\"btnDownloadDocument_Click()\">\r\n              <mat-icon>vertical_align_bottom</mat-icon>\r\n            </button>\r\n            <button *ngIf=\"file.delete\" mat-button\r\n              style=\"border-radius: 10px; background-color: white; color:black; margin-right: 2%\"\r\n              (click)=\"btnDeleteDoc_Click()\">\r\n              <mat-icon>delete</mat-icon>\r\n            </button>\r\n          </div>\r\n\r\n        </mat-menu>\r\n        <input #inputFile type=\"file\" [style.display]=\"'none'\" multiple=\"multiple\" (change)=\"onFileChange($event)\">\r\n      </div>\r\n\r\n    </div>\r\n\r\n    <div fxLayoutAlign=\"center center\" fxLayoutAlign.xs=\"center center\" style=\"margin-right: 2%; margin-bottom: 10px;\"\r\n      fxLayout=\"row\">\r\n      <span style=\"color:FireBrick;\">{{errorMessage}}</span>\r\n    </div>\r\n    <!-- <div fxLayoutAlign=\"center center\">\r\n            <pre [style.display]=\"'none'\">{{uploadProgress$ | async | json}}</pre>\r\n          </div> -->\r\n\r\n  </div>","styles":[""]}]}],"members":{"inputFile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":16,"character":3},"arguments":["inputFile"]}]}],"uploadFileName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"fileInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"output":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgxFfmService"},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":44,"character":19},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBar","line":45,"character":21}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"btnDownloadDocument_Click":[{"__symbolic":"method"}],"btnDeleteDoc_Click":[{"__symbolic":"method"}],"onFileChange":[{"__symbolic":"method"}],"uploadPDF":[{"__symbolic":"method"}],"createPreview":[{"__symbolic":"method"}],"imgLoad":[{"__symbolic":"method"}],"loadDocuments":[{"__symbolic":"method"}],"uploadFile":[{"__symbolic":"method"}],"openSnackBar":[{"__symbolic":"method"}],"openDocument":[{"__symbolic":"method"}],"b64toBlob":[{"__symbolic":"method"}]}},"NgxFfmModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":29,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NgxFfmComponent"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"FileActionsComponent"},{"__symbolic":"reference","name":"FileDirectoriesComponent"},{"__symbolic":"reference","name":"ɵd"}],"imports":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":32,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":33,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":34,"character":4},{"__symbolic":"reference","module":"@angular/material/sort","name":"MatSortModule","line":35,"character":4},{"__symbolic":"reference","module":"@angular/material/table","name":"MatTableModule","line":36,"character":4},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":37,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":38,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":39,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":40,"character":4},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":41,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":42,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":43,"character":4},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBarModule","line":44,"character":4},{"__symbolic":"reference","module":"@angular/material/card","name":"MatCardModule","line":45,"character":4},{"__symbolic":"reference","module":"@angular/material/progress-bar","name":"MatProgressBarModule","line":46,"character":4},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":47,"character":4},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":48,"character":4}],"entryComponents":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"}],"exports":[{"__symbolic":"reference","name":"NgxFfmComponent"},{"__symbolic":"reference","name":"FileActionsComponent"},{"__symbolic":"reference","name":"FileDirectoriesComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["ngxFileManagerConfig"],"value":{"ngModule":{"__symbolic":"reference","name":"NgxFfmModule"},"providers":[{"provide":{"__symbolic":"reference","name":"ɵa"},"useValue":{"__symbolic":"reference","name":"ngxFileManagerConfig"}}]}}}},"ɵa":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":2,"character":33},"arguments":["NGX_FFM_TOKEN"]},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"lib-confirm-dialog","template":"<div fxLayout=\"column\" style=\"height: 100%; overflow: hidden;\">\r\n    <div fxFlex=\"20\" fxLayoutAlign=\"space-between stretch\">\r\n        <div fxLayoutAlign=\"start center\">\r\n            <mat-icon style=\"margin-right: 10px; margin-left: 10px; margin-top: 5px;\">warning</mat-icon>\r\n            <span style=\"margin-top: 5px; margin-left:2%; font-weight: bold; font-size: 20px;\">\r\n                {{title}}\r\n            </span>\r\n        </div>\r\n        <button mat-icon-button style=\"color: black;\" [mat-dialog-close]>\r\n            <mat-icon>close</mat-icon>\r\n        </button>\r\n    </div>\r\n    <div fxFlex fxLayoutAlign=\"start center\" fxLayout=\"row\"\r\n        style=\"border-top: 1px solid lightgray;border-bottom: 1px solid lightgray;\">\r\n        <span style=\"margin-left: 2%;\">{{message}}</span>\r\n    </div>\r\n    <div fxFlex=\"20\" fxLayoutAlign=\"end center \" fxLayout=\"row\">\r\n        <button mat-button [mat-dialog-close]=\"{result: true}\" style=\"color:red\" cdkFocusInitial>OK</button>\r\n        <button mat-button (click)=\"btnNo_Click()\">Cancel</button>\r\n    </div>\r\n</div>","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":15,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":15,"character":12}]}]],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"ɵb"}]},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"btnNo_Click":[{"__symbolic":"method"}],"btnYes_Click":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"lib-selected-files-dialog","template":"<div fxLayout=\"column\" style=\"height: 100%;\">\r\n  <div fxLayout=\"row\" fxLayoutAlign=\"space-between stretch\">\r\n    <span style=\"margin: 10px 0px 0px 10px; font-weight: bold; font-size: 20px;\">Selected files</span>\r\n    <button style=\"margin-right: 10px\" mat-icon-button [mat-dialog-close]>\r\n      <mat-icon>close</mat-icon>\r\n    </button>\r\n  </div>\r\n  <div fxLayout=\"column\" style=\"overflow: auto\">\r\n    <table mat-table style=\"width: 100%\" #sortFiles=\"matSort\" matSort=\"sortFiles\" [dataSource]=\"dsSelectedFiles\">\r\n      <ng-container matColumnDef=\"cbox\">\r\n        <th mat-header-cell *matHeaderCellDef mat-sort-header></th>\r\n        <td style=\"text-align: left;\" mat-cell *matCellDef=\"let element\">\r\n          <mat-checkbox (change)=\"slFile_Selected($event, element);\" [(ngModel)]=\"element.select\">\r\n          </mat-checkbox>\r\n        </td>\r\n      </ng-container>\r\n      <ng-container matColumnDef=\"filename\">\r\n        <th mat-header-cell *matHeaderCellDef> Filename </th>\r\n        <td mat-cell *matCellDef=\"let element\" (click)=\"rowSelected(element)\">\r\n          <mat-icon style=\"margin-right: 5px; color: gray;\">insert_drive_file</mat-icon> {{element.name}}\r\n        </td>\r\n      </ng-container>\r\n      <ng-container matColumnDef=\"delete\">\r\n        <th mat-header-cell *matHeaderCellDef>\r\n          <div fxLayout=\"row\" fxLayoutAlign=\"end center\">\r\n            <button mat-icon-button (click)=\"btnDeleteFile_Click()\">\r\n              <mat-icon>delete</mat-icon>\r\n            </button>\r\n          </div>\r\n        </th>\r\n        <td mat-cell *matCellDef=\"let element\" (click)=\"rowSelected(element)\">\r\n        </td>\r\n      </ng-container>\r\n      <tr mat-header-row *matHeaderRowDef=\"displayFilesColumns; sticky: true\"></tr>\r\n      <tr mat-row *matRowDef=\"let row; columns:displayFilesColumns\"></tr>\r\n    </table>\r\n    <div *ngIf='noFiles' fxLayoutAlign=\"center center\" style=\"margin-top: 2%;\">\r\n      Nincs adat.\r\n    </div>\r\n  </div>\r\n\r\n</div>","styles":[""]}]}],"members":{"sorfFiles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":11,"character":3},"arguments":["sortFiles",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":18,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":18,"character":12}]}],null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"NgxFfmService"}]}],"ngOnInit":[{"__symbolic":"method"}],"btnDeleteFile_Click":[{"__symbolic":"method"}],"rowSelected":[{"__symbolic":"method"}],"slFile_Selected":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"lib-new-registration-dialog","template":"<div style=\"padding: 0 !important; height: 100%;\" fxLayout=\"column\" fxLayoutAlign=\"space-between stretch\">\r\n    <div fxFlex=\"20\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n        <span style=\"font-weight: bold; margin: 10px; font-size:16px;\">New Directory</span>\r\n    </div>\r\n    <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"center center\">\r\n        <form #formRegistry=\"ngForm\">\r\n            <mat-form-field style=\"color:black\">\r\n                <input matInput placeholder=\"Directory name...\" [(ngModel)]=\"dirName\" required name=\"oktato\">\r\n            </mat-form-field>\r\n        </form>     \r\n        <span *ngIf=\"error\" style=\"color: firebrick\">{{errorMessage}}</span>\r\n    </div>\r\n    <div fxFlex=\"20\"  fxLayout=\"row\" fxLayoutAlign=\"center center\">\r\n        <button [disabled]=\"!formRegistry.form.valid\" (click)=\"btnNewRegistry_Click()\" mat-button style=\"background-color: white; color: black; border-radius: 10px;\">Save</button>\r\n    </div>\r\n</div>","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":15,"character":15},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":15,"character":22}]}],null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"NgxFfmService"},{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"ɵd"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"btnNewRegistry_Click":[{"__symbolic":"method"}]}}},"origins":{"NgxFfmConfig":"./lib/ngx-ffm-config","NgxFfmService":"./lib/ngx-ffm.service","Documents":"./lib/ngx-ffm.component","NgxFfmComponent":"./lib/ngx-ffm.component","FileDirectoriesComponent":"./lib/components/file-directories/file-directories.component","FileActionsComponent":"./lib/components/file-actions/file-actions.component","NgxFfmModule":"./lib/ngx-ffm.module","ɵa":"./lib/ngx-ffm-config.token","ɵb":"./lib/components/dialogs/confirm-dialog/confirm-dialog.component","ɵc":"./lib/components/dialogs/selected-files-dialog/selected-files-dialog.component","ɵd":"./lib/components/dialogs/new-registration-dialog/new-registration-dialog.component"},"importAs":"ngx-ffm"}