You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
8.7 KiB
JSON
1 line
8.7 KiB
JSON
[{"__symbolic":"module","version":3,"metadata":{"ImageModal":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ImageModal","animations":[{"__symbolic":"reference","module":"../../pro/animations/animations","name":"zoomState"},{"__symbolic":"reference","module":"../../pro/animations/animations","name":"restartState"}],"template":"\n <div class=\"ng-gallery mdb-lightbox {{ type }}\" *ngIf=\"showRepeat\"> \n <figure class=\"col-md-4\" *ngFor =\"let i of modalImages; let index = index\">\n <img src=\"{{ !i.thumb ? i.img : i.thumb }}\" class=\"ng-thumb\" (click)=\"openGallery(index)\" alt=\"Image {{ index + 1 }}\" />\n </figure>\n </div>\n <div tabindex=\"0\" class=\"ng-overlay\" [class.hide_lightbox]=\"opened == false\">\n <div class=\"top-bar\">\n <span class=\"info-text\">{{ currentImageIndex + 1 }}/{{ modalImages.length }}</span> \n <a class=\"close-popup\" (click)=\"closeGallery()\" (click)=\"toggleRestart()\">\n </a>\n <a *ngIf=\"!is_iPhone_or_iPod\" class=\"fullscreen-toogle\" [class.toggled]='fullscreen' (click)=\"fullScreen()\">\n </a>\n <a class=\"zoom-toogle\" [class.zoom]='zoom' (click)=\"toggleZoomed()\" *ngIf=\"!isMobile\">\n </a>\n </div>\n <div class=\"ng-gallery-content\">\n <!--<img *ngIf=\"!loading\" src=\"{{imgSrc}}\" (mousedown)=\"checkEvent($event)\" (mouseup)=\"setZoom($event)\" [class.zoom]='zoom' [class.smooth]='smooth' class=\"effect\" (swipeleft)=\"swipe($event, $event.type)\" (swiperight)=\"swipe($event, $event.type)\"/>-->\n <img *ngIf=\"!loading\" src=\"{{imgSrc}}\" [class.smooth]='smooth' class=\"effect\" (swipeleft)=\"swipe($event, $event.type)\" (swiperight)=\"swipe($event, $event.type)\" (click)=\"toggleZoomed()\" [@zoomState]=\"zoomed\" [@restartState]=\"restart\"/>\n\n <div class=\"uil-ring-css\" *ngIf=\"loading\">\n <div></div>\n </div> \n <a class=\"nav-left\" *ngIf=\"modalImages.length >1 && !isMobile\" (click)=\"prevImage()\" >\n <span></span>\n </a>\n <a class=\"nav-right\" *ngIf=\"modalImages.length >1 && !isMobile\" (click)=\"nextImage()\">\n <span></span>\n </a>\n \n </div>\n </div>\n\n <div *ngIf=\"openModalWindow\">\n <ImageModal [modalImages]=\"images\" [imagePointer]=\"imagePointer\" (cancelEvent)=\"cancelImageModel()\"></ImageModal>\n </div>\n ","host":{"(document:keyup)":"keyboardControl($event)","$quoted$":["(document:keyup)"]}}]}],"members":{"modalImages":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["modalImages"]}]}],"imagePointer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["imagePointer"]}]}],"fullscreen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["fullscreen"]}]}],"zoom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["zoom"]}]}],"smooth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["smooth"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["type"]}]}],"cancelEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["cancelEvent"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"toggleZoomed":[{"__symbolic":"method"}],"toggleRestart":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"closeGallery":[{"__symbolic":"method"}],"prevImage":[{"__symbolic":"method"}],"nextImage":[{"__symbolic":"method"}],"openGallery":[{"__symbolic":"method"}],"fullScreen":[{"__symbolic":"method"}],"keyboardControl":[{"__symbolic":"method"}],"swipe":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ImageModal":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ImageModal","animations":[{"__symbolic":"reference","module":"../../pro/animations/animations","name":"zoomState"},{"__symbolic":"reference","module":"../../pro/animations/animations","name":"restartState"}],"template":"\n <div class=\"ng-gallery mdb-lightbox {{ type }}\" *ngIf=\"showRepeat\"> \n <figure class=\"col-md-4\" *ngFor =\"let i of modalImages; let index = index\">\n <img src=\"{{ !i.thumb ? i.img : i.thumb }}\" class=\"ng-thumb\" (click)=\"openGallery(index)\" alt=\"Image {{ index + 1 }}\" />\n </figure>\n </div>\n <div tabindex=\"0\" class=\"ng-overlay\" [class.hide_lightbox]=\"opened == false\">\n <div class=\"top-bar\">\n <span class=\"info-text\">{{ currentImageIndex + 1 }}/{{ modalImages.length }}</span> \n <a class=\"close-popup\" (click)=\"closeGallery()\" (click)=\"toggleRestart()\">\n </a>\n <a *ngIf=\"!is_iPhone_or_iPod\" class=\"fullscreen-toogle\" [class.toggled]='fullscreen' (click)=\"fullScreen()\">\n </a>\n <a class=\"zoom-toogle\" [class.zoom]='zoom' (click)=\"toggleZoomed()\" *ngIf=\"!isMobile\">\n </a>\n </div>\n <div class=\"ng-gallery-content\">\n <!--<img *ngIf=\"!loading\" src=\"{{imgSrc}}\" (mousedown)=\"checkEvent($event)\" (mouseup)=\"setZoom($event)\" [class.zoom]='zoom' [class.smooth]='smooth' class=\"effect\" (swipeleft)=\"swipe($event, $event.type)\" (swiperight)=\"swipe($event, $event.type)\"/>-->\n <img *ngIf=\"!loading\" src=\"{{imgSrc}}\" [class.smooth]='smooth' class=\"effect\" (swipeleft)=\"swipe($event, $event.type)\" (swiperight)=\"swipe($event, $event.type)\" (click)=\"toggleZoomed()\" [@zoomState]=\"zoomed\" [@restartState]=\"restart\"/>\n\n <div class=\"uil-ring-css\" *ngIf=\"loading\">\n <div></div>\n </div> \n <a class=\"nav-left\" *ngIf=\"modalImages.length >1 && !isMobile\" (click)=\"prevImage()\" >\n <span></span>\n </a>\n <a class=\"nav-right\" *ngIf=\"modalImages.length >1 && !isMobile\" (click)=\"nextImage()\">\n <span></span>\n </a>\n \n </div>\n </div>\n\n <div *ngIf=\"openModalWindow\">\n <ImageModal [modalImages]=\"images\" [imagePointer]=\"imagePointer\" (cancelEvent)=\"cancelImageModel()\"></ImageModal>\n </div>\n ","host":{"(document:keyup)":"keyboardControl($event)"}}]}],"members":{"modalImages":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["modalImages"]}]}],"imagePointer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["imagePointer"]}]}],"fullscreen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["fullscreen"]}]}],"zoom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["zoom"]}]}],"smooth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["smooth"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["type"]}]}],"cancelEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["cancelEvent"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"toggleZoomed":[{"__symbolic":"method"}],"toggleRestart":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"closeGallery":[{"__symbolic":"method"}],"prevImage":[{"__symbolic":"method"}],"nextImage":[{"__symbolic":"method"}],"openGallery":[{"__symbolic":"method"}],"fullScreen":[{"__symbolic":"method"}],"keyboardControl":[{"__symbolic":"method"}],"swipe":[{"__symbolic":"method"}]}}}}] |