{"__symbolic":"module","version":4,"metadata":{"ImageService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":12,"character":41},"arguments":["config"]}]],"parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":12,"character":28},null]}],"fetchList":[{"__symbolic":"method"}],"searchImages":[{"__symbolic":"method"}],"saveImages":[{"__symbolic":"method"}],"saveImagesByUrl":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"SelectedImages":{"__symbolic":"interface"},"ModalTab":{"upload":0,"gallery":1,"collage":2,"image_parser":3,"crop":4},"ModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"lib-modal","template":"<mat-tab-group class=\"demo-tab-group\" (selectedTabChange)=\"changeTab($event)\">\n    <mat-tab label=\"Tab 1\">\n      <ng-template mat-tab-label>Upload<mat-icon>cloud_upload</mat-icon></ng-template>\n      <div class=\"demo-tab-content\">\n        <div class=\"custom-dropzone\" ngx-dropzone [accept]=\"'image/*'\" (change)=\"onSelect($event)\" [multiple]=\"multiple\">\n          <ngx-dropzone-label class=\"dropzone-label\">\n            <div>\n              <h2>Кликните чтобы загрузить изображение\n                <mat-icon>cloud_upload</mat-icon>\n              </h2>\n            </div>\n          </ngx-dropzone-label>\n        </div>\n\n\n        <div class=\"myDropzone\">\n          <ngx-dropzone-image-preview #dropzoneComponent ngProjectAs=\"ngx-dropzone-preview\"\n                                      *ngFor=\"let f of files\" [file]=\"f\" [removable]=\"true\"\n                                      (removed)=\"onRemove(f)\">\n            <ngx-dropzone-label class=\"dropzone-label\">\n              <input placeholder=\"Favorite food\" value=\"Sushi\" [value]=\"f.name.split('.')[0]\">\n            </ngx-dropzone-label>\n          </ngx-dropzone-image-preview>\n        </div>\n      </div>\n    </mat-tab>\n    <mat-tab label=\"Tab 2\">\n      <ng-template mat-tab-label>Gallery\n        <mat-icon>image_search</mat-icon>\n      </ng-template>\n      <div class=\"demo-tab-content \">\n        <input type=\"text\" class=\"form-control\" id=\"title_ru\" aria-describedby=\"title_ru\" name=\"title_am\"\n               placeholder=\"Enter title am\" #searchStr (keyup)=\"search($event)\" [(ngModel)]=\"imageStr\">\n        <div class=\"mainGallery\">\n          <div *ngFor=\"let image of images\" class=\"modalGallery\" (scroll)=\"onScroll($event)\" #img\n               (click)=\"onSelectGalleryImg(img,image.id,image.image_path,image.image_alt)\">\n            <img src=\"/upload/{{image.image_path}}\" alt=\"{{image.image_alt}}\" width=\"250px\">\n            <p>{{image.image_alt}}</p>\n          </div>\n        </div>\n\n\n      </div>\n    </mat-tab>\n    <mat-tab label=\"Tab 3\">\n      <ng-template mat-tab-label>\n        collage\n        <mat-icon>view_compact</mat-icon>\n      </ng-template>\n      No content\n    </mat-tab>\n    <mat-tab label=\"Tab 4\">\n      <ng-template mat-tab-label>\n        Image Parser\n        <mat-icon>save_alt</mat-icon>\n      </ng-template>\n      <div class=\"demo-tab-content\">\n        <form>\n\n          <div class=\"form-group\">\n            <label for=\"youtube_link\">Youtube url</label>\n            <input type=\"text\" class=\"form-control\" id=\"youtube_link\" name=\"youtube_link\"\n                   placeholder=\"Enter youtube_link \" [(ngModel)]=\"youtubeLink\" (change)=\"youtubeLinkFunc()\">\n            <br>\n            <img [src]=\"youtubeImageUrl\" width=\"300\" alt=\"\">\n          </div>\n        </form>\n\n\n      </div>\n    </mat-tab>\n    <mat-tab label=\"Tab 5\">\n      <ng-template mat-tab-label>crop<mat-icon>crop</mat-icon></ng-template>\n      No content\n    </mat-tab>\n\n  </mat-tab-group>\n  <div style=\"text-align: right\">\n    <button mat-raised-button color=\"accent\" (click)=\"uploadImages()\" [mat-dialog-close]=\"true\">Загрузить изображения </button>\n  </div>","styles":[".myDropzone{align-items:center;background:#fff;border:2px dashed #717386;border-radius:5px;color:#717386;cursor:pointer;display:flex;font-size:16px;height:211px;overflow-x:auto}.custom-dropzone{height:80px}.dropzone-label{bottom:-30px}.mainGallery{align-content:stretch;align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;height:400px;justify-content:center}.mainGallery:after{display:block}.modalGallery{border:3px solid #c1c1c1;flex:0 0 auto;margin:3px}.selectedImg{border:3px solid #00f}.unselectedImg{border:3px solid #c1c1c1}"]}]}],"members":{"searchStr":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":110,"character":3},"arguments":["searchStr",{"static":true}]}]}],"dropzoneContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":112,"character":3},"arguments":["dropzoneComponent",{"static":true}]}]}],"OnImages":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":113,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":122,"character":56},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":122,"character":63}]}]],"parameters":[{"__symbolic":"reference","name":"ImageService"},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":121,"character":22},{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"ModalComponent"}]},null]}],"onSelect":[{"__symbolic":"method"}],"onRemove":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"uploadImages":[{"__symbolic":"method"}],"pastImages":[{"__symbolic":"method"}],"changeTab":[{"__symbolic":"method"}],"listPhotos":[{"__symbolic":"method"}],"search":[{"__symbolic":"method"}],"onScroll":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":208,"character":3},"arguments":["window:scroll",["$event"]]}]}],"onSelectGalleryImg":[{"__symbolic":"method"}],"youtubeLinkFunc":[{"__symbolic":"method"}]}},"ImageComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-formly/core","name":"FieldType","line":36,"character":36},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"lib-image","template":"\n    <div class=\"xxx\"> test message</div>\n\n    <div *ngIf=\"image.image_path else uploadImage\">\n    <img [src]=\"image.image_path\" alt=\"\" style=\"width: 100%\">\n    <div>\n      <button type=\"button\"  class=\" btn  btn-outline-danger\"   style=\"margin-top: 3px; width: 100%\"   (click)=\"onRemoveCurrentImage()\">\n        <mat-icon style=\"width: auto\" aria-hidden=\"false\" aria-label=\"Example home icon\">delete\n        </mat-icon>\n      </button>\n    </div>\n  </div>\n\n  <ng-template #uploadImage>\n\n    <div class=\"featuredImage\" (click)=\"imageModal()\" >\n      <mat-icon>cloud_upload</mat-icon>\n      <span>Изображение поста </span>\n    </div>\n  </ng-template>\n  ","styles":[".featuredImage{background-color:#fff;border:2px dashed #3578e5;border-radius:12px;color:#3578e5;cursor:pointer;height:270px;margin-top:5px;text-align:center}.xxx{color:#d2691e}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":45,"character":41},"arguments":["config"]}]],"parameters":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":45,"character":29},null]}],"imageModal":[{"__symbolic":"method"}],"onRemoveCurrentImage":[{"__symbolic":"method"}]}},"IImage":{"__symbolic":"interface"},"GalleryComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-formly/core","name":"FieldType","line":16,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"lib-gallery","template":"<div class=\"row\">\n    <div class=\"col-lg-12 col-md-12 col-sm-12\" (click)=\"uploadGalleryImages()\">\n        <div class=\"uploadGallery\">\n            <mat-icon>cloud_upload</mat-icon>\n\n        </div>\n    </div>\n\n    <div class=\"col-3 image-item\" *ngFor=\"let image of gallery\">\n        <img class=\"img-fluid \" src=\"{{image.image_path}}\" alt=\"{{image.image_alt}}\" data-id=\"{{image.id}}\">\n        <div>\n            <button type=\"button\" data-id=\"{{image.id}}\" class=\" btn  btn-outline-danger\" (click)=\"onRemoveImageGallery(image.id)\">\n                <mat-icon aria-hidden=\"false\" aria-label=\"Example ho\n                me icon\">delete</mat-icon>\n            </button>\n        </div>\n    </div>\n    <hr>\n    <hr>\n</div>\n","styles":[".uploadGallery{border:2px dashed #3578e5;border-radius:12px;color:#3578e5;cursor:pointer;font-size:15px;height:57px;margin:5px 10%;padding-top:8px;text-align:center}.image-item{background-color:#fff;margin-bottom:1.5rem}.image-item button{width:100%}.img-fluid{-o-object-fit:cover;height:205px;object-fit:cover;width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":22,"character":41},"arguments":["config"]}]],"parameters":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":22,"character":29},null]}],"onRemoveImageGallery":[{"__symbolic":"method"}],"uploadGalleryImages":[{"__symbolic":"method"}]}},"EditorComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-formly/core","name":"FieldType","line":8,"character":37},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"lib-editor","template":"<angular-editor id=\"editor1\" [config]=\"config\" [formControl]=\"formControl\" [formlyAttributes]=\"field\"></angular-editor>"}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}]}},"VahaglibdevModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":18,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ModalComponent"},{"__symbolic":"reference","name":"ImageComponent"},{"__symbolic":"reference","name":"GalleryComponent"},{"__symbolic":"reference","name":"EditorComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":21,"character":8},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":22,"character":8},{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":23,"character":8},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":24,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":25,"character":8},{"__symbolic":"reference","module":"ngx-dropzone","name":"NgxDropzoneModule","line":26,"character":8},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":28,"character":8},{"__symbolic":"reference","module":"@kolkov/angular-editor","name":"AngularEditorModule","line":29,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":30,"character":8},{"__symbolic":"reference","module":"@ngx-formly/core","name":"FormlyModule","line":31,"character":8}],"exports":[{"__symbolic":"reference","name":"ModalComponent"},{"__symbolic":"reference","name":"ImageComponent"},{"__symbolic":"reference","name":"GalleryComponent"},{"__symbolic":"reference","name":"EditorComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["configuration"],"value":{"ngModule":{"__symbolic":"reference","name":"VahaglibdevModule"},"providers":[{"__symbolic":"reference","name":"VahaglibdevModule"},{"provide":"config","useValue":{"__symbolic":"reference","name":"configuration"}}]}}}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":46,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule","line":48,"character":4},{"__symbolic":"reference","module":"@angular/cdk/accordion","name":"CdkAccordionModule","line":49,"character":4},{"__symbolic":"reference","module":"@angular/cdk/clipboard","name":"ClipboardModule","line":50,"character":4},{"__symbolic":"reference","module":"@angular/cdk/stepper","name":"CdkStepperModule","line":51,"character":4},{"__symbolic":"reference","module":"@angular/cdk/table","name":"CdkTableModule","line":52,"character":4},{"__symbolic":"reference","module":"@angular/cdk/tree","name":"CdkTreeModule","line":53,"character":4},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragDropModule","line":54,"character":4},{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteModule","line":55,"character":4},{"__symbolic":"reference","module":"@angular/material/badge","name":"MatBadgeModule","line":56,"character":4},{"__symbolic":"reference","module":"@angular/material/bottom-sheet","name":"MatBottomSheetModule","line":57,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":58,"character":4},{"__symbolic":"reference","module":"@angular/material/button-toggle","name":"MatButtonToggleModule","line":59,"character":4},{"__symbolic":"reference","module":"@angular/material/card","name":"MatCardModule","line":60,"character":4},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":61,"character":4},{"__symbolic":"reference","module":"@angular/material/chips","name":"MatChipsModule","line":62,"character":4},{"__symbolic":"reference","module":"@angular/material/stepper","name":"MatStepperModule","line":63,"character":4},{"__symbolic":"reference","module":"@angular/material/datepicker","name":"MatDatepickerModule","line":64,"character":4},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":65,"character":4},{"__symbolic":"reference","module":"@angular/material/divider","name":"MatDividerModule","line":66,"character":4},{"__symbolic":"reference","module":"@angular/material/expansion","name":"MatExpansionModule","line":67,"character":4},{"__symbolic":"reference","module":"@angular/material/grid-list","name":"MatGridListModule","line":68,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":69,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":70,"character":4},{"__symbolic":"reference","module":"@angular/material/list","name":"MatListModule","line":71,"character":4},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":72,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatNativeDateModule","line":73,"character":4},{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginatorModule","line":74,"character":4},{"__symbolic":"reference","module":"@angular/material/progress-bar","name":"MatProgressBarModule","line":75,"character":4},{"__symbolic":"reference","module":"@angular/material/progress-spinner","name":"MatProgressSpinnerModule","line":76,"character":4},{"__symbolic":"reference","module":"@angular/material/radio","name":"MatRadioModule","line":77,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatRippleModule","line":78,"character":4},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":79,"character":4},{"__symbolic":"reference","module":"@angular/material/sidenav","name":"MatSidenavModule","line":80,"character":4},{"__symbolic":"reference","module":"@angular/material/slider","name":"MatSliderModule","line":81,"character":4},{"__symbolic":"reference","module":"@angular/material/slide-toggle","name":"MatSlideToggleModule","line":82,"character":4},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBarModule","line":83,"character":4},{"__symbolic":"reference","module":"@angular/material/sort","name":"MatSortModule","line":84,"character":4},{"__symbolic":"reference","module":"@angular/material/table","name":"MatTableModule","line":85,"character":4},{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabsModule","line":86,"character":4},{"__symbolic":"reference","module":"@angular/material/toolbar","name":"MatToolbarModule","line":87,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":88,"character":4},{"__symbolic":"reference","module":"@angular/material/tree","name":"MatTreeModule","line":89,"character":4},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":90,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":91,"character":4},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"ScrollingModule","line":92,"character":4}]}]}],"members":{}}},"origins":{"ImageService":"./lib/image.service","SelectedImages":"./lib/modal/modal.component","ModalTab":"./lib/modal/modal.component","ModalComponent":"./lib/modal/modal.component","ImageComponent":"./lib/image/image.component","IImage":"./lib/gallery/gallery.component","GalleryComponent":"./lib/gallery/gallery.component","EditorComponent":"./lib/editor/editor.component","VahaglibdevModule":"./lib/vahaglibdev.module","ɵa":"./lib/material/material.module"},"importAs":"vahaglibdev"}