{"__symbolic":"module","version":4,"metadata":{"LightboxService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1}}],"members":{"createGallery":[{"__symbolic":"method"}],"setImages":[{"__symbolic":"method"}],"addImage":[{"__symbolic":"method"}],"getImages":[{"__symbolic":"method"}],"removeImage":[{"__symbolic":"method"}]}},"LightboxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"ngx-lightbox","template":"<div class=\"ngx_photoswipe\" [id]=\"key\" itemscope itemtype=\"http://schema.org/ImageGallery\">\n  <figure itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\" *ngFor=\"let image of getImages()\">\n    <a href=\"{{image.largeUrl}}\" itemprop=\"contentUrl\" [attr.data-size]=\"image.width + 'x' + image.height\" (click)=\"openImage(image)\">\n      <img src=\"{{image.thumbUrl}}\" itemprop=\"thumbnail\" alt=\"{{image.description}}\" />\n    </a>\n    <figcaption itemprop=\"caption description\">{{ image.description }}</figcaption>\n  </figure>\n</div>\n\n<!-- Root element of PhotoSwipe. Must have class pswp. -->\n<div class=\"pswp\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\">\n  <!-- Background of PhotoSwipe.\n           It's a separate element, as animating opacity is faster than rgba(). -->\n  <div class=\"pswp__bg\"></div>\n  <!-- Slides wrapper with overflow:hidden. -->\n  <div class=\"pswp__scroll-wrap\">\n    <!-- Container that holds slides. PhotoSwipe keeps only 3 slides in DOM to save memory. -->\n    <!-- don't modify these 3 pswp__item elements, data is added later on. -->\n    <div class=\"pswp__container\">\n      <div class=\"pswp__item\"></div>\n      <div class=\"pswp__item\"></div>\n      <div class=\"pswp__item\"></div>\n    </div>\n    <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->\n    <div class=\"pswp__ui pswp__ui--hidden\">\n      <div class=\"pswp__top-bar\">\n        <!--  Controls are self-explanatory. Order can be changed. -->\n        <div class=\"pswp__counter\"></div>\n        <button class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"></button>\n        <button class=\"pswp__button pswp__button--share\" title=\"Share\"></button>\n        <button class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"></button>\n        <button class=\"pswp__button pswp__button--zoom\" title=\"Zoom in/out\"></button>\n        <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->\n        <!-- element will get class pswp__preloader--active when preloader is running -->\n        <div class=\"pswp__preloader\">\n          <div class=\"pswp__preloader__icn\">\n            <div class=\"pswp__preloader__cut\">\n              <div class=\"pswp__preloader__donut\"></div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\">\n        <div class=\"pswp__share-tooltip\"></div>\n      </div>\n      <button class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\">\n      </button>\n      <button class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\">\n      </button>\n      <div class=\"pswp__caption\">\n        <div class=\"pswp__caption__center\"></div>\n      </div>\n    </div>\n  </div>\n</div>","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":71,"character":17},"member":"None"}}]}],"members":{"galleryKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":3},"arguments":["galleryKey"]}]}],"imagesLoaded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":75,"character":3},"arguments":["imagesLoaded"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":79,"character":83},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"PLATFORM_ID","line":79,"character":90}]}]],"parameters":[{"__symbolic":"reference","name":"LightboxService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":79,"character":63},{"__symbolic":"reference","name":"string"}]}],"ngOnChanges":[{"__symbolic":"method"}],"openImage":[{"__symbolic":"method"}],"getImages":[{"__symbolic":"method"}],"checkImageLoad":[{"__symbolic":"method"}],"openPhotoSwipe":[{"__symbolic":"method"}],"getImagesAsPhotoswipe":[{"__symbolic":"method"}]}},"Image":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}]}},"providers":[{"__symbolic":"reference","name":"LightboxService"}],"NgxPhotoswipeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":12}],"declarations":[{"__symbolic":"reference","name":"LightboxComponent"}],"providers":[{"__symbolic":"reference","name":"LightboxService"}],"exports":[{"__symbolic":"reference","name":"LightboxComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"NgxPhotoswipeModule"},"providers":{"__symbolic":"reference","name":"providers"}}}}}},"origins":{"LightboxService":"./service/lightbox.service","LightboxComponent":"./component/lightbox.component","Image":"./model/image.model","providers":"./ngxPhotoswipeModule","NgxPhotoswipeModule":"./ngxPhotoswipeModule"},"importAs":"ngx-photoswipe"}