{"__symbolic":"module","version":4,"metadata":{"EwMaImageService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ew-common-lib","name":"HttpService","line":38,"character":25},{"__symbolic":"reference","module":"ew-common-lib","name":"AuthenticationService","line":39,"character":35}]}],"getUrl":[{"__symbolic":"method"}],"getS3BucketUrl":[{"__symbolic":"method"}],"getResourceUrl":[{"__symbolic":"method"}],"setAwsHeaders":[{"__symbolic":"method"}],"uploadAWSObject":[{"__symbolic":"method"}],"getSignedAWSResponseUrl":[{"__symbolic":"method"}],"getImageMeta":[{"__symbolic":"method"}],"getImages":[{"__symbolic":"method"}],"addImage":[{"__symbolic":"method"}],"getUnsplashImages":[{"__symbolic":"method"}],"searchUnsplashImages":[{"__symbolic":"method"}],"handleError":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"EwMaImageComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"lib-ew-ma-image","styles":[],"template":"<!-- <div class=\"image-gallery-select\">\r\n  <label *ngIf=\"label_text.length\">\r\n    {{ label_text }}\r\n  </label>\r\n  <div class=\"uploaded-img-sec\">\r\n    <div class=\"uploaded-img-left no-img-upload\">\r\n      <svg\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n        width=\"124.144\"\r\n        height=\"134.867\"\r\n        viewBox=\"0 0 124.144 134.867\"\r\n      >\r\n        <defs>\r\n          <style>\r\n            .a-gallary-placeholder {\r\n              fill: #e6e6e6;\r\n            }\r\n            .b-gallary-placeholder {\r\n              fill: #bcbcbc;\r\n            }\r\n            .c-gallary-placeholder {\r\n              fill: #fff;\r\n            }\r\n            .d-gallary-placeholder {\r\n              fill: #3f3d56;\r\n            }\r\n            .e-gallary-placeholder {\r\n              fill: #e3e3e3;\r\n            }\r\n            .f-gallary-placeholder {\r\n              opacity: 0.2;\r\n            }\r\n          </style>\r\n        </defs>\r\n        <g transform=\"translate(0 -4.855)\">\r\n          <path\r\n            class=\"a-gallary-placeholder\"\r\n            d=\"M169.859,280.012V152.249a2.1,2.1,0,0,1,2.1-2.1H289.095a2.1,2.1,0,0,1,2.1,2.1V280.012a2.1,2.1,0,0,1-2.1,2.1H171.956A2.1,2.1,0,0,1,169.859,280.012Zm2.1-129.021a1.259,1.259,0,0,0-1.258,1.258V280.012a1.259,1.259,0,0,0,1.258,1.258H289.095a1.259,1.259,0,0,0,1.258-1.258V152.249a1.259,1.259,0,0,0-1.258-1.258Z\"\r\n            transform=\"translate(-169.859 -142.386)\"\r\n          />\r\n          <path\r\n            class=\"b-gallary-placeholder\"\r\n            d=\"M365.655,202.12a1.662,1.662,0,1,1,0,3.325h-41.68a1.663,1.663,0,0,1-.055-3.325h41.734Z\"\r\n            transform=\"translate(-284.157 -181.355)\"\r\n          />\r\n          <path\r\n            class=\"a-gallary-placeholder\"\r\n            d=\"M283.7,199.984a.327.327,0,0,1,0,.463l-1.4,1.4h3.463a.327.327,0,0,1,0,.654h-3.463l1.4,1.4a.327.327,0,1,1-.463.463l-1.963-1.963a.327.327,0,0,1,0-.463l1.963-1.963A.327.327,0,0,1,283.7,199.984Z\"\r\n            transform=\"translate(-253.331 -179.681)\"\r\n          />\r\n          <path\r\n            class=\"a-gallary-placeholder\"\r\n            d=\"M526.373,199.984a.327.327,0,0,0,0,.463l1.4,1.4h-3.463a.327.327,0,1,0,0,.654h3.463l-1.4,1.4a.327.327,0,0,0,.463.463l1.963-1.963a.327.327,0,0,0,0-.463l-1.963-1.963A.327.327,0,0,0,526.373,199.984Z\"\r\n            transform=\"translate(-435.405 -179.681)\"\r\n          />\r\n          <path\r\n            class=\"a-gallary-placeholder\"\r\n            d=\"M301.924,588.1a5.962,5.962,0,1,0,0,11.924h46.322a5.962,5.962,0,0,0,0-11.924Z\"\r\n            transform=\"translate(-264.418 -470.787)\"\r\n          />\r\n          <path\r\n            class=\"c-gallary-placeholder\"\r\n            d=\"M629.32,142.3h2.835v-2.836a.945.945,0,1,1,1.89,0V142.3h2.835a.945.945,0,1,1,0,1.89h-2.836v2.835a.945.945,0,1,1-1.89,0v-2.835H629.32a.945.945,0,1,1,0-1.89Z\"\r\n            transform=\"translate(-513.681 -133.66)\"\r\n          />\r\n          <rect\r\n            class=\"a-gallary-placeholder\"\r\n            width=\"88.411\"\r\n            height=\"0.559\"\r\n            transform=\"matrix(0.773, -0.634, 0.634, 0.773, 31.837, 96.732)\"\r\n          />\r\n          <rect\r\n            class=\"a-gallary-placeholder\"\r\n            width=\"0.559\"\r\n            height=\"88.589\"\r\n            transform=\"matrix(0.636, -0.772, 0.772, 0.636, 31.846, 41.117)\"\r\n          />\r\n          <path\r\n            class=\"d-gallary-placeholder\"\r\n            d=\"M293.359,334.6V280.639a1.959,1.959,0,0,1,1.957-1.957h66.537a1.959,1.959,0,0,1,1.957,1.957V334.6a1.959,1.959,0,0,1-1.957,1.957H295.316A1.959,1.959,0,0,1,293.359,334.6Zm1.957-55.355a1.4,1.4,0,0,0-1.4,1.4V334.6a1.4,1.4,0,0,0,1.4,1.4h66.537a1.4,1.4,0,0,0,1.4-1.4V280.639a1.4,1.4,0,0,0-1.4-1.4Z\"\r\n            transform=\"translate(-262.467 -238.766)\"\r\n          />\r\n          <path\r\n            class=\"e-gallary-placeholder\"\r\n            d=\"M249.771,373.714V319.757a1.959,1.959,0,0,1,1.957-1.957h66.537a1.959,1.959,0,0,1,1.957,1.957v53.957a1.959,1.959,0,0,1-1.957,1.957H251.728A1.959,1.959,0,0,1,249.771,373.714Z\"\r\n            transform=\"translate(-229.782 -268.099)\"\r\n          />\r\n          <path\r\n            class=\"c-gallary-placeholder\"\r\n            d=\"M360.247,410.9h33.969a.694.694,0,0,0,.127-.01l-16.066-27.828a1.125,1.125,0,0,0-1.958,0l-10.782,18.675-.517.894Z\"\r\n            transform=\"translate(-312.623 -316.608)\"\r\n          />\r\n          <path\r\n            class=\"f-gallary-placeholder\"\r\n            d=\"M190.389,349.491h11.6l-5.693-8.27-.41-.6-.2-.3-.517.894Z\"\r\n            transform=\"translate(-142.765 -255.199)\"\r\n          />\r\n          <path\r\n            class=\"c-gallary-placeholder\"\r\n            d=\"M284.634,435.487h29.381l-5.693-8.27-.41-.6-7.419-10.777a1.5,1.5,0,0,0-2.228-.133,1.347,1.347,0,0,0-.107.133Z\"\r\n            transform=\"translate(-255.924 -341.194)\"\r\n          />\r\n          <circle\r\n            class=\"c-gallary-placeholder\"\r\n            cx=\"5.032\"\r\n            cy=\"5.032\"\r\n            r=\"5.032\"\r\n            transform=\"translate(45.822 62.981)\"\r\n          />\r\n          <rect\r\n            class=\"b-gallary-placeholder\"\r\n            width=\"6.151\"\r\n            height=\"6.151\"\r\n            transform=\"translate(86.806 59.766) rotate(180)\"\r\n          />\r\n        </g>\r\n      </svg>\r\n    </div>\r\n\r\n\r\n    <div class=\"uploader-img-right\">\r\n      <span class=\"no-image-selected\">No Image Selected</span>\r\n      <button\r\n        mat-flat-button\r\n        class=\"extra-small-button\"\r\n        (click)=\"imageGallary()\"\r\n        color=\"accent\"\r\n      >\r\n        {{ \"EW_IMAGE.SELECT_IMAGE\" | translate }}\r\n      </button>\r\n    </div>\r\n  </div>\r\n\r\n  <span class=\"upload-img-notify\"\r\n    >{{ \"EW_IMAGE.RECOMMENDED_SIZE\" | translate }}: {{ img_width }}x{{\r\n      img_height\r\n    }}\r\n    PX\r\n  </span>\r\n</div> -->\r\n\r\n<div class=\"common-builder-right select-img-btn\" *ngIf=\"showImageLibPopup == false\">\r\n  <span class=\"selectimage-builder-placeholder\" (click)=\"imageGallary()\">{{ \"EW_IMAGE.SELECT_IMAGE\" | translate }}</span>\r\n</div>\r\n"}]}],"members":{"event_id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"unsplash":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"showImageLibPopup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"label_text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"default_language":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"img_width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"img_height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"env":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"showImageLibraryPopup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"selectedImage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"EwTranslateService"},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":44,"character":22},{"__symbolic":"reference","module":"ew-common-lib","name":"LoggerService","line":45,"character":29},{"__symbolic":"reference","name":"EwMaImageService"},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":47,"character":19}]}],"ngOnInit":[{"__symbolic":"method"}],"initLanguage":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"imageGallary":[{"__symbolic":"method"}]}},"EwMaImageModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"EwMaImageComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"}],"imports":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":25,"character":4},{"__symbolic":"reference","module":"ew-common-lib","name":"EwCommonModule","line":26,"character":4},{"__symbolic":"reference","module":"ew-common-lib","name":"EwMaterialComponentsModule","line":27,"character":4},{"__symbolic":"reference","module":"ngx-pagination","name":"NgxPaginationModule","line":28,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":29,"character":4},"member":"forChild"}},{"__symbolic":"reference","module":"ngx-dropzone","name":"NgxDropzoneModule","line":30,"character":4}],"providers":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateStore","line":32,"character":14},{"__symbolic":"reference","name":"EwTranslateService"}],"exports":[{"__symbolic":"reference","name":"EwMaImageComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["environment"],"value":{"ngModule":{"__symbolic":"reference","name":"EwMaImageModule"},"providers":[{"__symbolic":"reference","name":"EwMaImageService"},{"provide":"env","useValue":{"__symbolic":"reference","name":"environment"}}]}}}},"EwTranslateService":{"__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":"@ngx-translate/core","name":"TranslateService","line":11,"character":40}]}],"init":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"lib-image-lib","template":"<div class=\"mat-dialog-header\">\r\n  <div class=\"col m12 modal-header-common\">\r\n    <h3 mat-dialog-title>{{ \"EW_IMAGE.HEADER\" | translate }}</h3>\r\n    <div class=\"image-gallery-toggle\">\r\n      <mat-button-toggle-group name=\"fontStyle\" aria-label=\"Font Style\">\r\n        <mat-button-toggle checked (click)=\"changeSection(true)\">{{ \"EW_IMAGE.MY_IMAGE\" | translate }}</mat-button-toggle>\r\n        <mat-button-toggle *ngIf=\"showUnsplashSection\" (click)=\"changeSection(false)\">{{ \"EW_IMAGE.UNSPLASH\" | translate }}</mat-button-toggle>\r\n      </mat-button-toggle-group>\r\n    </div>\r\n    <span class=\"close-dialog\" (click)=\"closeDailog()\"\r\n      ><mat-icon>close</mat-icon></span\r\n    >\r\n  </div>\r\n</div>\r\n<mat-dialog-content [ngClass]=\"{'overflow-hidden': showLoader}\">\r\n  <lib-my-images (selectedImage)=\"selectedImage($event)\" (loaderShown)=\"loaderState($event)\" *ngIf=\"showMyImages\"></lib-my-images>\r\n  <lib-unsplash-images (selectedImage)=\"selectedUnsplashImage($event)\" (loaderShown)=\"loaderState($event)\" *ngIf=\"!showMyImages && showUnsplashSection\"></lib-unsplash-images>\r\n</mat-dialog-content>\r\n<mat-dialog-actions align=\"start\">\r\n  <div class=\"col m12\">\r\n    <button mat-flat-button color=\"accent\" [disabled]=\"!isAddPhoto\" (click)=\"addPhoto()\">{{ \"EW_IMAGE.DONE\" | translate }}</button>\r\n    <button\r\n      mat-flat-button\r\n      class=\"small-button no-bg-btn\"\r\n      (click)=\"closeDailog()\"\r\n    >\r\n    {{ \"EW_IMAGE.CANCEL\" | translate }}\r\n    </button>\r\n  </div>\r\n</mat-dialog-actions>\r\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":17,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":17,"character":12}]}]],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"ɵa"}]},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"closeDailog":[{"__symbolic":"method"}],"selectedImage":[{"__symbolic":"method"}],"selectedUnsplashImage":[{"__symbolic":"method"}],"addPhoto":[{"__symbolic":"method"}],"changeSection":[{"__symbolic":"method"}],"loaderState":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-list-images","template":"","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"lib-my-images","template":"<lib-ew-section-loader *ngIf=\"showLoader\"></lib-ew-section-loader>\r\n<div class=\"img-gallry-content\">\r\n  <div class=\"file-uploader-ew\">\r\n    <ngx-dropzone\r\n      (change)=\"onSelect($event)\"\r\n      [accept]=\"accepts\"\r\n      [maxFileSize]=\"maxFileSize\"\r\n    >\r\n      <ngx-dropzone-label>\r\n        <mat-icon class=\"upload-icon-uploader\">backup</mat-icon>\r\n        <h4>{{ \"EW_IMAGE.DRAG_DROP_MESSAGE\" | translate }}</h4>\r\n        <span class=\"file-size-uploader\">{{ \"EW_IMAGE.FILE_SIZE\" | translate }} </span>\r\n      </ngx-dropzone-label>\r\n    </ngx-dropzone>\r\n  </div>\r\n  <div class=\"search-gallary\" *ngIf=\"totalItems > 0\">\r\n    <mat-form-field floatLabel=\"never\">\r\n      <mat-icon matPrefix>search</mat-icon>\r\n      <input type=\"text\" matInput placeholder=\"Search\" [value]=\"searchQuery\"\r\n      (keyup.enter)=\"searchImage($event.target.value)\"\r\n      (keyup.backspace)=\"searchImage($event.target.value)\" />\r\n    </mat-form-field>\r\n  </div>\r\n  <div class=\"image-gallery-sec\" *ngIf=\"images && images.length\">\r\n    <ul>\r\n      <li\r\n        *ngFor=\"\r\n          let image of images\r\n            | paginate\r\n              : {\r\n                  id: 'my-images',\r\n                  itemsPerPage: limit,\r\n                  currentPage: page,\r\n                  totalItems: totalItems\r\n                };\r\n          let i = index\r\n        \"\r\n        (click)=\"selectImage(image,i)\"\r\n        [class.active]=\"selectedIndex === i\"\r\n      >\r\n        <span class=\"img-section-gallary\"\r\n          ><img src=\"{{ image.url }}\"\r\n        /></span>\r\n        <span class=\"title-img-gallry\">{{ image.name }}</span>\r\n        <span class=\"size-img-gallry\">{{ getImageHeight(image.properties) }}X{{ getImageWidth(image.properties) }} px</span>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n  <div class=\"empty-states-full-screen library-empty-screen\">\r\n\r\n<div *ngIf=\"images && images.length < 1\"\r\nclass=\"no-event-data\">\r\n  <img [src]=\"noImagesIconPath\" alt=\"\">\r\n  <ng-container *ngIf=\"!searchQuery\">\r\n    <h4> {{'EW_IMAGE.EMPTY_IMAGES_SCREEN_MESSAGE' | translate}} </h4>\r\n    <P> {{'EW_IMAGE.EMPTY_IMAGES_SCREEN_SUB_MESSAGE' | translate}} </P>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"searchQuery\">\r\n    <h4> {{'EW_IMAGE.NO_MATCH' | translate}} </h4>\r\n    <P> {{'EW_IMAGE.NO_MATCH_MESSAGES' | translate}} </P>\r\n  </ng-container>\r\n</div>\r\n</div>\r\n\r\n\r\n\r\n\r\n  <div *ngIf=\"totalItems > limit\" class=\"ew-pagination\">\r\n    <pagination-controls\r\n      id=\"my-images\"\r\n      (pageChange)=\"getImages($event)\"\r\n      responsive=\"true\"\r\n      autoHide=\"true\"\r\n      nextLabel=\"\"\r\n      previousLabel=\"\"\r\n    ></pagination-controls>\r\n  </div>\r\n</div>\r\n","styles":[""]}]}],"members":{"selectedImage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":3}}]}],"loaderShown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"EwMaImageService"},{"__symbolic":"reference","module":"ew-common-lib","name":"AuthenticationService","line":40,"character":35}]}],"ngOnInit":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"uploadObject":[{"__symbolic":"method"}],"addImage":[{"__symbolic":"method"}],"getImages":[{"__symbolic":"method"}],"resetRecords":[{"__symbolic":"method"}],"selectImage":[{"__symbolic":"method"}],"getImageHeight":[{"__symbolic":"method"}],"getImageWidth":[{"__symbolic":"method"}],"searchImage":[{"__symbolic":"method"}],"resetSearch":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-unsplash-images","template":"<div class=\"image-gallery-sec unsplash-sec\">\r\n  <div class=\"search-gallary\" *ngIf=\"totalItems > 0\">\r\n    <mat-form-field floatLabel=\"never\">\r\n      <mat-icon matPrefix>search</mat-icon>\r\n      <input\r\n        type=\"text\"\r\n        matInput\r\n        autocomplete=\"off\"\r\n        placeholder=\"Search free high-resolution photos\"\r\n        (keyup.enter)=\"searchImage($event.target.value)\"\r\n      />\r\n    </mat-form-field>\r\n  </div>\r\n  <lib-ew-section-loader *ngIf=\"showLoader\"></lib-ew-section-loader>\r\n  <ul>\r\n    <li\r\n      *ngFor=\"\r\n        let image of images\r\n          | paginate\r\n            : {\r\n                itemsPerPage: limit,\r\n                currentPage: page,\r\n                totalItems: totalItems\r\n              };\r\n        let i = index\r\n      \"\r\n      (click)=\"selectImage(image, i)\"\r\n      [class.active]=\"selectedIndex === i\"\r\n    >\r\n      <span class=\"img-section-gallary\"\r\n          ><img src=\"{{ image.urls.thumb }}\"\r\n        /></span>\r\n        <span class=\"size-img-gallry\">{{ image.width }}X{{ image.height }} px</span>\r\n    </li>\r\n  </ul>\r\n</div>\r\n<div class=\"empty-states-full-screen library-empty-screen\">\r\n<div *ngIf=\"images && images.length < 1\"\r\nclass=\"no-event-data\">\r\n  <img [src]=\"noImagesIconPath\" alt=\"\">\r\n  <ng-container *ngIf=\"!searchQuery\">\r\n    <h4> {{'EW_IMAGE.EMPTY_IMAGES_SCREEN_MESSAGE' | translate}} </h4>\r\n    <P> {{'EW_IMAGE.EMPTY_IMAGES_SCREEN_SUB_MESSAGE' | translate}} </P>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"searchQuery\">\r\n    <h4> {{'EW_IMAGE.NO_MATCH' | translate}} </h4>\r\n    <P> {{'EW_IMAGE.NO_MATCH_MESSAGES' | translate}} </P>\r\n  </ng-container>\r\n</div>\r\n</div>\r\n\r\n\r\n\r\n\r\n <div *ngIf=\"images.length>0\" class=\"ew-pagination\">\r\n    <pagination-controls\r\n      (pageChange)=\"getImages($event)\"\r\n      responsive=\"true\"\r\n      autoHide=\"true\"\r\n      nextLabel=\"\"\r\n      previousLabel=\"\"\r\n    ></pagination-controls>\r\n  </div>\r\n","styles":[""]}]}],"members":{"selectedImage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"loaderShown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"EwMaImageService"}]}],"ngOnInit":[{"__symbolic":"method"}],"getImages":[{"__symbolic":"method"}],"resetRecords":[{"__symbolic":"method"}],"selectImage":[{"__symbolic":"method"}],"searchImage":[{"__symbolic":"method"}]}}},"origins":{"EwMaImageService":"./lib/ew-ma-image.service","EwMaImageComponent":"./lib/ew-ma-image.component","EwMaImageModule":"./lib/ew-ma-image.module","EwTranslateService":"./lib/services/ew-translate.service","ɵa":"./lib/components/image-lib/image-lib.component","ɵb":"./lib/components/list-images/list-images.component","ɵc":"./lib/components/my-images/my-images.component","ɵd":"./lib/components/unsplash-images/unsplash-images.component"},"importAs":"ew-ma-image"}