UNPKG

ngx-mat-cdk

Version:

Extra Components for Angular Material including Filters,Drag Drop File, MatSelect Mobile Version

1 lines • 129 kB

JSON

{"__symbolic":"module","version":4,"metadata":{"NgxMatCdkSharedModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":28,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"MatSelectSearchDirective"},{"__symbolic":"reference","name":"GetObjectByValueMemberPipe"},{"__symbolic":"reference","name":"SeparateThreeCommaPipe"},{"__symbolic":"reference","name":"SelectSearchDirective"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"NgxMatSelectTriggerComponent"},{"__symbolic":"reference","name":"NgxMatMobileSelectDirective"},{"__symbolic":"reference","name":"NgxCdkAvatarViewerDirective"},{"__symbolic":"reference","name":"NgxCdkAvatarPickerDirective"},{"__symbolic":"reference","name":"NgxCdkTouchDetectDirective"},{"__symbolic":"reference","name":"NgxMatSearchBoxDirective"},{"__symbolic":"reference","name":"NgxMatCopyToClipBoardDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":46,"character":4},{"__symbolic":"reference","module":"@angular/material/chips","name":"MatChipsModule","line":47,"character":4},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":48,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":49,"character":4},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBarModule","line":50,"character":4}],"exports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":53,"character":4},{"__symbolic":"reference","name":"MatSelectSearchDirective"},{"__symbolic":"reference","name":"GetObjectByValueMemberPipe"},{"__symbolic":"reference","name":"SeparateThreeCommaPipe"},{"__symbolic":"reference","name":"SelectSearchDirective"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"NgxMatSelectTriggerComponent"},{"__symbolic":"reference","name":"NgxMatMobileSelectDirective"},{"__symbolic":"reference","name":"NgxCdkAvatarViewerDirective"},{"__symbolic":"reference","name":"NgxCdkAvatarPickerDirective"},{"__symbolic":"reference","name":"NgxCdkTouchDetectDirective"},{"__symbolic":"reference","name":"NgxMatCopyToClipBoardDirective"},{"__symbolic":"reference","name":"NgxMatSearchBoxDirective"}],"providers":[{"__symbolic":"reference","name":"GetObjectByValueMemberPipe"},{"__symbolic":"reference","name":"SeparateThreeCommaPipe"},{"__symbolic":"reference","name":"NgxMatCdkUtilityService"},{"__symbolic":"reference","name":"NgxMatSelectService"},{"__symbolic":"reference","name":"ɵd"}]}]}],"members":{}},"NgxMatCdkModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","name":"NgxMatCdkSharedModule"},{"__symbolic":"reference","name":"NgxMatFiltersModule"},{"__symbolic":"reference","name":"NgxMatDragDropFileModule"},{"__symbolic":"reference","module":"ngx-mat-select-search","name":"NgxMatSelectSearchModule","line":16,"character":4},{"__symbolic":"reference","name":"NgxWindowModule"},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"NgxSidePanelsModule"},"member":"forRoot"}}],"exports":[{"__symbolic":"reference","name":"NgxMatCdkSharedModule"},{"__symbolic":"reference","name":"NgxMatFiltersModule"},{"__symbolic":"reference","name":"NgxMatDragDropFileModule"},{"__symbolic":"reference","module":"ngx-mat-select-search","name":"NgxMatSelectSearchModule","line":24,"character":4},{"__symbolic":"reference","name":"NgxWindowModule"},{"__symbolic":"reference","name":"NgxSidePanelsModule"}],"providers":[{"__symbolic":"reference","name":"GetObjectByValueMemberPipe"},{"__symbolic":"reference","name":"NgxMatSelectService"},{"__symbolic":"reference","name":"SeparateThreeCommaPipe"}]}]}],"members":{}},"NgxMatFiltersModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":33,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"NgxMatFiltersComponent"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ConditionFilterPipe"},{"__symbolic":"reference","name":"DisplayLabelFilterPipe"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"HasFilterPipe"},{"__symbolic":"reference","name":"ɵm"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":50,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":51,"character":4},{"__symbolic":"reference","module":"ngx-mat-select-search","name":"NgxMatSelectSearchModule","line":52,"character":4},{"__symbolic":"reference","module":"@angular/material/progress-spinner","name":"MatProgressSpinnerModule","line":53,"character":4},{"__symbolic":"reference","module":"@angular/material/badge","name":"MatBadgeModule","line":54,"character":4},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":55,"character":4},{"__symbolic":"reference","module":"@angular/material/datepicker","name":"MatDatepickerModule","line":56,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":57,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":58,"character":4},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":59,"character":4},{"__symbolic":"reference","module":"@angular/material/expansion","name":"MatExpansionModule","line":60,"character":4},{"__symbolic":"reference","module":"@angular/material/slide-toggle","name":"MatSlideToggleModule","line":61,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":62,"character":4},{"__symbolic":"reference","name":"NgxMatCdkSharedModule"},{"__symbolic":"reference","module":"@angular/material/core","name":"MatNativeDateModule","line":64,"character":4},{"__symbolic":"reference","module":"@angular/material/chips","name":"MatChipsModule","line":65,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":66,"character":4}],"exports":[{"__symbolic":"reference","name":"NgxMatFiltersComponent"}],"providers":[{"__symbolic":"reference","name":"FiltersService"}]}]}],"members":{}},"NgxMatFiltersComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"MediaTracker"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"ngx-mat-filters","template":"<ng-template #mobileRef>\r\n <div class=\"ngx-mat-filters-wrap ngx-mat-filters-mobile\">\r\n <button\r\n mat-flat-button\r\n type=\"button\"\r\n (click)=\"openFilterDialog()\">\r\n <i [matBadgeOverlap]=\"true\"\r\n matBadgeSize=\"small\"\r\n [matBadgeColor]=\"matColor\"\r\n matBadgeHidden=\"false\"\r\n matBadgePosition=\"berfore\"\r\n [matBadge]=\"filterCount?.toString()\"\r\n class=\"material-icons\">filter_list</i>\r\n <span class=\"ngx-mat-card-filter-text\">\r\n {{filterLabel}}\r\n </span>\r\n </button>\r\n <ng-container [ngTemplateOutlet]=\"chipsRef\"></ng-container>\r\n </div>\r\n <ng-template #filtersRef>\r\n <div class=\"ngx-mat-dialog-header\">\r\n <h2 mat-dialog-title>{{filterLabel}}</h2>\r\n <button [color]=\"matColor\" ngxAfterCloseMatDialog type=\"button\" mat-icon-button mat-dialog-close>\r\n <mat-icon>clear</mat-icon>\r\n </button>\r\n\r\n </div>\r\n <mat-dialog-content>\r\n <div class=\"mat-typography\">\r\n <ngx-mat-filters-list (clear)=\"onClear()\" [filters]=\"innerFilters\">\r\n\r\n </ngx-mat-filters-list>\r\n\r\n </div>\r\n </mat-dialog-content>\r\n <mat-dialog-actions>\r\n <button type=\"button\" [color]=\"matColor\" mat-raised-button ngxAfterCloseMatDialog mat-dialog-close\r\n (click)=\"onApply()\">{{applyLabel}}</button>\r\n\r\n <button ngxAfterCloseMatDialog [color]=\"matColor\" type=\"button\" mat-raised-button\r\n mat-dialog-close>{{cancelLabel}}</button>\r\n\r\n </mat-dialog-actions>\r\n </ng-template>\r\n</ng-template>\r\n<ng-template #noneMobileRef>\r\n <div class=\"ngx-mat-filters-right-wrap\">\r\n <ng-container [ngTemplateOutlet]=\"chipsRef\"></ng-container>\r\n\r\n <ngx-mat-filters-list [(filterCount)]=\"filterCount\" [filters]=\"innerFilters\">\r\n\r\n </ngx-mat-filters-list>\r\n\r\n <button type=\"button\" [color]=\"matColor\" mat-raised-button\r\n (click)=\"onApply()\">{{applyLabel}}</button>\r\n </div>\r\n\r\n</ng-template>\r\n<ng-template #chipsRef>\r\n <div class=\"ngx-mat-filters-container\" [class.ngx-mat-filters-mobile]=\"showInDialog\"\r\n [class.ngx-mat-filters-none-mobile]=\"!showInDialog\">\r\n <ng-container *ngIf=\"(!filterCount || filterCount == 0) && !showInDialog\">\r\n {{noFilterSelectedText}}\r\n </ng-container>\r\n <mat-chip-list>\r\n <ng-container *ngFor=\"let filter of filters\">\r\n <ng-container *ngIf=\"!filter.hidden\">\r\n <mat-chip [matTooltip]=\"(filter| displayLabelFilter:false)\"\r\n (removed)=\"onRemoveFilter(filter)\" selected [color]=\"matColor\" *ngIf=\"filter.hasFilter\">\r\n <div class=\"ngx-mat-filters-chip-text\">\r\n <span class=\"ngx-mat-filters-chip-label\">\r\n {{filter.label}}\r\n </span>\r\n <small class=\"ngx-mat-filters-chip-displayLabel\">{{filter| displayLabelFilter:false}}</small>\r\n <mat-icon class=\"ngx-mat-filters-chip-icon\" matChipRemove>cancel</mat-icon>\r\n\r\n </div>\r\n </mat-chip>\r\n\r\n </ng-container>\r\n\r\n </ng-container>\r\n </mat-chip-list>\r\n </div>\r\n\r\n</ng-template>\r\n\r\n\r\n<div class=\"ngx-mat-filters-main-container\"\r\n>\r\n <ng-container *ngIf=\"showInDialog\" [ngTemplateOutlet]=\"mobileRef\">\r\n\r\n </ng-container>\r\n <ng-container *ngIf=\"!showInDialog\" [ngTemplateOutlet]=\"noneMobileRef\"></ng-container>\r\n</div>\r\n","styles":[".ngx-mat-search-box-filter-container{display:flex;flex-direction:column;grid-gap:10px;padding:20px;position:relative}.ngx-mat-search-box-filter-items{margin:10px 0 20px}.ngx-mat-search-box-filter-container .ngx-mat-search-box:after{border-bottom:1px dashed #e0e0e0;content:\"\";left:0;margin-bottom:10px;position:absolute;right:0}.ngx-mat-search-box-filter-container>div{flex:1}.ngx-mat-search-box-filter-item{width:auto}.filter-text{white-space:nowrap}ngx-mat-filter-selector .mat-chip-list-wrapper{flex-wrap:nowrap!important}.ngx-mat-search-box-filter-first-row{align-items:center;display:flex;justify-content:flex-start}.ngx-mat-search-box-filter-first-row ngx-mat-search-box{flex:1 100%}.ngx-mat-search-box-filter-first-row>div{flex:1 1 auto}.ngx-mat-card-filter-text{border-bottom:1px dashed #000}.close.mat-icon-button{left:0;line-height:14px;min-width:auto;padding:5px;position:absolute;top:50%;transform:translateY(-50%)}.ngx-mat-filters-wrap{border:1px solid #e0e0e0;border-radius:4px;display:flex;grid-gap:8px;overflow:hidden;padding:8px 0}.ngx-mat-filters-mobile.ngx-mat-filters-wrap{border:0}.ngx-mat-filters-wrap>button{flex:0 0 auto}.ngx-mat-filters-chip-text{align-items:center;display:flex;grid-gap:5px;justify-content:center;max-width:100%}.ngx-mat-filters-right-wrap{display:flex;flex-direction:column;grid-gap:8px}.ngx-mat-filters-none-mobile.ngx-mat-filters-container{border:1px solid #e0e0e0;border-radius:4px;min-height:80px;padding:8px;text-align:center}.ngx-mat-filters-main-container{overflow:auto;width:100%}.ngx-mat-filters-main-container.mobile{overflow:hidden!important;padding:0!important;width:auto!important}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":18,"character":14},{"__symbolic":"reference","name":"FiltersService"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":20,"character":20},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":21,"character":19},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":22,"character":19},{"__symbolic":"reference","name":"NgxMatCdkUtilityService"}]}],"matColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"activatedRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"showInDialog":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"filtersRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":3},"arguments":["filtersRef"]}]}],"applyFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"filters":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"noFilterSelectedText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"useJalaliDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"filterLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"applyLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"cancelLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"conditionLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"fragment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"dialogConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"getClone":[{"__symbolic":"method"}],"populateInnerFilter":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onClear":[{"__symbolic":"method"}],"_applyFilter":[{"__symbolic":"method"}],"onApply":[{"__symbolic":"method"}],"openFilterDialog":[{"__symbolic":"method"}],"onRemoveFilter":[{"__symbolic":"method"}]}},"scrollStrategy":{"__symbolic":"error","message":"Lambda not supported","line":18,"character":42,"module":"./lib/shared/directives/ngx-mat-mobile-select.directive"},"NgxMatMobileSelectDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"MediaTracker"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":22,"character":1},"arguments":[{"selector":"[ngxMobileSelect]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":28,"character":14},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelect","line":29,"character":18},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":30,"character":20},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":31,"character":19},{"__symbolic":"reference","name":"NgxMatCdkUtilityService"}]}],"matSelectSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":39,"character":3},"arguments":[{"__symbolic":"reference","name":"MatSelectSearchDirective"}]}]}],"matSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":40,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/core","name":"MatOption","line":40,"character":16},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":40,"character":34}}]}]}],"fragment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"changeMedia":[{"__symbolic":"method"}],"onPopState":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":73,"character":3},"arguments":["window:popstate",["$event"]]}]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"NgxMatDragDropFileModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NgxMatDragDropFileComponent"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵo"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/material/chips","name":"MatChipsModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/material/progress-spinner","name":"MatProgressSpinnerModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/material/badge","name":"MatBadgeModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/material/progress-bar","name":"MatProgressBarModule","line":23,"character":4}],"exports":[{"__symbolic":"reference","name":"NgxMatDragDropFileComponent"}]}]}],"members":{}},"NgxMatDragDropFileComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"ngx-mat-drag-drop-file","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":21,"character":11},"useExisting":{"__symbolic":"reference","name":"NgxMatDragDropFileComponent"},"multi":true}],"template":"<div [class.dragging]=\"isDragover\" class=\"ngx-mat-drag-drop-file-wrapper\">\r\n <div *ngIf=\"maxFilePickCountError\" class=\"ngx-mat-drag-drop-file-error-maxFileCount\">\r\n {{maximumFileLimitLabel}}: {{maxFilePickCount}}\r\n </div>\r\n <div class=\"ngx-mat-drag-drop-file-items\" selectable=\"false\">\r\n <ng-container *ngFor=\"let file of files\">\r\n <ng-container *ngIf=\"file['status']!=='error'\">\r\n <div [class.success]=\"file['status']==='complete' ||file['status']==='uploaded'\"\r\n class=\"ngx-mat-drag-drop-file-item\" [matTooltip]=\"file.size|byte\" matTooltipPosition=\"below\"\r\n [matTooltipDisabled]=\"displayFileSize\"\r\n selected\r\n\r\n >\r\n \r\n \r\n \r\n \r\n <div [title]=\"deleteFileLabel\" *ngIf=\"file['status']==='complete' || file['status']==='uploaded'\"\r\n class=\"ngx-mat-drag-drop-file-item-trash\" (click)=\"removeFile(file)\">\r\n <i class=\"fal fa-trash-alt\"></i>\r\n </div>\r\n <div *ngIf=\"file['status']==='complete'\" class=\"ngx-mat-drag-drop-file-avatar-check\">\r\n <mat-icon>check</mat-icon>\r\n </div>\r\n <mat-progress-bar *ngIf=\"file['status']!=='complete' && file['status']!=='uploaded'\" color=\"warn\"\r\n [value]=\"file['message']\">\r\n\r\n </mat-progress-bar>\r\n <div *ngIf=\"!file['imageUrl']\" [class]=\"file.name | fileIcon\"></div>\r\n\r\n <img *ngIf=\"file['imageUrl']\" [src]=\"file['imageUrl']\"/>\r\n\r\n \r\n \r\n <div class=\"ngx-mat-drag-drop-file-avatar-icon\">\r\n\r\n </div>\r\n\r\n </div>\r\n </ng-container>\r\n\r\n </ng-container>\r\n <div class=\"ngx-mat-drag-drop-file-item ngx-mat-drag-drop-file-selector\" (click)=\"open()\">\r\n <div class=\"ngx-mat-drag-drop-image\" [style.backgroundImage]=\"'url('+addImageStringBase64+')'\">\r\n </div>\r\n\r\n </div>\r\n <div *ngIf=\"errors && errors.length >0\" class=\"ngx-mat-drag-drop-file-error-items\">\r\n <ng-container *ngFor=\"let err of errors\">\r\n <div class=\"ngx-mat-drag-drop-file-error-item\">\r\n <span> {{err.name}} </span>\r\n <span> : {{err['message']}} </span>\r\n\r\n\r\n </div>\r\n </ng-container>\r\n </div>\r\n \r\n <input [maxLength]=\"maxFilePickCount\" #fileInputEl class=\"hidden\" type=\"file\" [attr.multiple]=\"multiple? '' : null\"\r\n [attr.accept]=\"accept\">\r\n\r\n </div>\r\n","styles":["ngx-mat-drag-drop-file input{height:0;opacity:0;overflow:hidden;position:absolute;width:0;z-index:-1}ngx-mat-drag-drop-file :host{border:2px dashed;border-radius:20px;cursor:pointer;display:block;margin:10px auto;max-width:500px;min-height:50px;padding:20px}ngx-mat-drag-drop-file :host.disabled{cursor:unset;opacity:.5}ngx-mat-drag-drop-file .placeholder{color:grey;margin:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ngx-mat-drag-drop-file mat-chip{max-width:100%}ngx-mat-drag-drop-file .filename{max-width:calc(100% - 1em);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ngx-mat-drag-drop-file :host.empty-input{align-items:center;display:flex;justify-content:center}ngx-mat-drag-drop-file .mat-chip.mat-standard-chip.mat-focus-indicator{box-shadow:none}ngx-mat-drag-drop-file .mat-chip.mat-standard-chip:after{background:unset}ngx-mat-drag-drop-file .mat-chip{border:1px solid #757575!important}ngx-mat-drag-drop-file .filename{padding-right:30px!important}ngx-mat-drag-drop-file .mat-chip-list-wrapper{border:1px dashed;padding:50px}.ngx-mat-drag-drop-file-items{display:flex;flex-wrap:wrap;grid-gap:15px;padding:8px;width:100%}.attachment-image__icon{font-size:50px!important;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ngx-mat-drag-drop-file-item{border:1px dashed #bdbdbd;border-radius:8px;height:96px;padding:2px;position:relative;transition:box-shadow .2s ease;width:96px}.ngx-mat-drag-drop-file-item mat-progress-bar{left:8px;position:absolute;top:50%;width:80px;z-index:111}.ngx-mat-drag-drop-file-item img{height:100%;object-fit:contain;width:100%}.ngx-mat-drag-drop-file-item:hover{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.ngx-mat-drag-drop-file-item.error{border-color:#e53935}.ngx-mat-drag-drop-file-avatar-icon{position:absolute}.ngx-mat-drag-drop-file-avatar-check,.ngx-mat-drag-drop-file-avatar-error{background:#aed581;border-radius:50%;color:#fff;font-size:-1px;height:24px;position:absolute;right:-10px;top:-10px;width:24px;z-index:11}.ngx-mat-drag-drop-file-avatar-error{background:#ef5350}.ngx-mat-drag-drop-file-wrapper{display:flex;flex-direction:column;grid-gap:15px;min-height:105px;padding:25px}.ngx-mat-drag-drop-file-error-items{display:flex;flex-direction:column;grid-gap:8px}.ngx-mat-drag-drop-file-error-item{color:#d32f2f;font-size:11px;max-width:100%;white-space:pre-line}.ngx-mat-drag-drop-file-wrapper.dragging{border-color:#f57c00!important}.ngx-mat-drag-drop-file-selector{background-color:#fff;position:relative}.ngx-mat-drag-drop-file-selector img{height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.ngx-mat-drag-drop-file-item-trash{background:#e0e0e0;border:1px solid #e0e0e0;border-radius:2px;cursor:pointer;height:20px;left:4px;opacity:.95;position:absolute;top:4px;transition:opacity .26s ease-in-out;width:20px;z-index:11}.ngx-mat-drag-drop-file-item-trash i{left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.ngx-mat-drag-drop-file-item-trash:hover{opacity:1}.ngx-mat-drag-drop-file-error-maxFileCount{color:#d32f2f;font-size:11px;max-width:100%;white-space:pre-line}.ngx-mat-drag-drop-image{background-repeat:no-repeat;background-size:cover;height:38px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:38px}.hidden{display:none!important}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":33,"character":28}]}],"additionalData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"addImageStringBase64":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"uploader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"deleteFileLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"maximumFileLimitLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"maxFilePickCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"addImageIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"fileType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":47,"character":3},"arguments":["class.disabled"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"multiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"displayFileSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3}}]}],"borderColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3},"arguments":["activeBorderColor"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":76,"character":3},"arguments":["style.border-color"]}]}],"isEmpty":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":89,"character":3},"arguments":["class.empty-input"]}]}],"valueChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":106,"character":3}}]}],"fileInputEl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":110,"character":3},"arguments":["fileInputEl"]}]}],"accept":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":115,"character":3}}]}],"emptyPlaceholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":121,"character":3}}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"emitChanges":[{"__symbolic":"method"}],"addFiles":[{"__symbolic":"method"}],"removeFile":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}],"change":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":209,"character":3},"arguments":["change",["$event"]]}]}],"activate":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":223,"character":3},"arguments":["dragenter",["$event"]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":224,"character":3},"arguments":["dragover",["$event"]]}]}],"deactivate":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":230,"character":3},"arguments":["dragleave",["$event"]]}]}],"handleDrop":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":236,"character":3},"arguments":["drop",["$event"]]}]}],"open":[{"__symbolic":"method"}],"removeDirectories":[{"__symbolic":"method"}],"getLasIndexType":[{"__symbolic":"method"}],"convertToArray":[{"__symbolic":"method"}],"_getUploader":[{"__symbolic":"method"}],"_uploader":[{"__symbolic":"method"}]}},"NgxMatDragDropFileDto":{"__symbolic":"class","members":{}},"FileTypes":{"User":0},"NgxMatCdkUploader":{"__symbolic":"class","members":{}},"GetObjectByValueMemberPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"getObjectByValueMember"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"NgxMatSelectService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"getMaxSize":[{"__symbolic":"method"}],"validInputSearch":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"SeparateThreeCommaPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"separateThreeComma"}]}],"members":{"numberWithCommas":[{"__symbolic":"method"}],"transform":[{"__symbolic":"method"}]}},"MatSelectSearchDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵa"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":13,"character":1},"arguments":[{"selector":"[matSelectSearch],[mat-select-search]","exportAs":"matSelectSearch"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":21,"character":23}]}],"valueMember":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"displayMember":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"isLazy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"initSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"filterSourceChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":3}}]}],"filterSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"searcher":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"isStringArray":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"maximumCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"SelectSearchDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵa"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":13,"character":1},"arguments":[{"selector":"[selectSearch]","exportAs":"selectSearch"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":21,"character":22}]}],"maximumCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"initSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"filterSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"displayMember":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"valueMember":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"isLazy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"searcher":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"filterSourceChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":3}}]}],"isStringArray":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"MediaTracker":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":13,"character":14}]}],"ngOnDestroy":[{"__symbolic":"method"}]}},"PERSIAN_DATE_FORMATS":{"parse":{"dateInput":"jYYYY/jMM/jDD"},"display":{"dateInput":"jYYYY/jMM/jDD","monthYearLabel":"jYYYY jMMMM","dateA11yLabel":"jYYYY/jMM/jDD","monthYearA11yLabel":"jYYYY jMMMM"}},"MaterialPersianDateAdapter":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/material/core","name":"DateAdapter","line":15,"character":48},"members":{"__ctor__":[{"__symbolic":"constructor"}],"getYear":[{"__symbolic":"method"}],"getMonth":[{"__symbolic":"method"}],"getDate":[{"__symbolic":"method"}],"getDayOfWeek":[{"__symbolic":"method"}],"getMonthNames":[{"__symbolic":"method"}],"getDateNames":[{"__symbolic":"method"}],"getDayOfWeekNames":[{"__symbolic":"method"}],"getYearName":[{"__symbolic":"method"}],"getFirstDayOfWeek":[{"__symbolic":"method"}],"getNumDaysInMonth":[{"__symbolic":"method"}],"clone":[{"__symbolic":"method"}],"createDate":[{"__symbolic":"method"}],"today":[{"__symbolic":"method"}],"parse":[{"__symbolic":"method"}],"format":[{"__symbolic":"method"}],"addCalendarYears":[{"__symbolic":"method"}],"addCalendarMonths":[{"__symbolic":"method"}],"addCalendarDays":[{"__symbolic":"method"}],"toIso8601":[{"__symbolic":"method"}],"isDateInstance":[{"__symbolic":"method"}],"isValid":[{"__symbolic":"method"}],"invalid":[{"__symbolic":"method"}],"deserialize":[{"__symbolic":"method"}]}},"NgxMatCdkUtilityService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":10,"character":30}]}],"setClassToDialogContainer":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"NgxMatSelectTriggerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ngx-mat-select-trigger","template":"<mat-chip-list *ngIf=\"values && values.length > 0\">\r\n <mat-chip (removed)=\"remove(chip)\" *ngFor=\"let chip of values\">\r\n {{chip[displayMember]}}\r\n <mat-icon matChipRemove>cancel</mat-icon>\r\n </mat-chip>\r\n</mat-chip-list>\r\n","styles":[""]}]}],"members":{"displayMember":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"valueMember":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"matSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"values":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"remove":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"FiltersBase":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":7,"character":34}]}],"ngOnInit":[{"__symbolic":"method"}]}},"PageFilter":{"__symbolic":"class","members":{}},"Filter":{"__symbolic":"class","members":{}},"FilterOptions":{"__symbolic":"class","members":{}},"FilterConditionOptions":{"__symbolic":"class","members":{}},"FilterDateTimeOptions":{"__symbolic":"class","members":{}},"FilterTrueFalseOptions":{"__symbolic":"class","members":{}},"FilterNumberBoxOptions":{"__symbolic":"class","members":{}},"FilterSelectBoxOptions":{"__symbolic":"class","members":{}},"LogicalOperator":{"And":"And","Or":"Or"},"ConditionOperator":{"None":"None","Contains":"Contains","StartWith":"StartWith","EndWith":"EndWith","Equal":"Equal","NotEqual":"NotEqual","GreaterThan":"GreaterThan","GreaterThanOrEqual":"GreaterThanOrEqual","LessThan":"LessThan","LessThanOrEqual":"LessThanOrEqual","Between":"Between","Exact":"Exact","LastWeek":"LastWeek","LastMonth":"LastMonth","CurrentWeek":"CurrentWeek","CurrentMonth":"CurrentMonth","CurrentYear":"CurrentYear","InRange":"InRange","NotIn":"NotIn","NotContains":"NotContains"},"FilterTypes":{"DateTime":1,"Number":2,"SingleSelect":3,"MultiSelect":4,"TextBox":5,"TrueFalse":6,"ListCheck":7},"NgxApplyFilterResult":{"__symbolic":"class","members":{}},"HasFilterPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":4,"character":1},"arguments":[{"name":"hasFilter"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"FiltersService"}]}],"transform":[{"__symbolic":"method"}]}},"ConditionFilterPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"conditionFilter"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"FiltersService"}]}],"transform":[{"__symbolic":"method"}]}},"DisplayLabelFilterPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":4,"character":1},"arguments":[{"name":"displayLabelFilter"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"FiltersService"}]}],"transform":[{"__symbolic":"method"}]}},"FiltersService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"SeparateThreeCommaPipe"}]}],"checkHasFilter":[{"__symbolic":"method"}],"getConditionSource":[{"__symbolic":"method"}],"getDefaultCondition":[{"__symbolic":"method"}],"getConditionLabel":[{"__symbolic":"method"}],"getCondition":[{"__symbolic":"method"}],"clearFilter":[{"__symbolic":"method"}],"getDisplayLabel":[{"__symbolic":"method"}],"toQueryString":[{"__symbolic":"method"}],"getFiltersInQueryString":[{"__symbolic":"method"}],"getPageFilterInQueryString":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"NgxCdkAvatarViewerDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"img[ngxCdkAvatarViewer]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":8,"character":27,"context":{"typeName":"HTMLElement"},"module":"./lib/shared/directives/ngx-cdk-avatar-viewer.directive"}]}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"owner":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"defaultImage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"hasLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"imgSrc":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"NgxCdkAvatarPickerDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":20,"character":1},"arguments":[{"selector":"input[ngxCdkAvatarPicker]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":25,"character":32},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":25,"character":65,"context":{"typeName":"HTMLInputElement"},"module":"./lib/shared/directives/ngx-cdk-avatar-picker.directive"}]},{"__symbolic":"reference","name":"ɵd"}]}],"uploadUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"additionalData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":34,"character":3}}]}],"maxSizeMegabyte":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"hasRemove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"defaultImage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"chooseLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"imageSrc":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"openFileDirectory":[{"__symbolic":"method"}],"removeFile":[{"__symbolic":"method"}],"onChangeFile":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":111,"character":3},"arguments":["change",["$event"]]}]}],"readFile":[{"__symbolic":"method"}],"setSource":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]}},"NgxCdkTouchDetectDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":12,"character":1},"arguments":[{"selector":"[ngxCdkTouchDetect]"}]}],"members":{"swipeLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call