custom-lightbox/custom-lightbox/lightbox.component.metadata.json

custom-lightbox

[{"__symbolic":"module","version":4,"metadata":{"LightboxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"template":"\n    <div class=\"lb-outerContainer transition\" #outerContainer>\n      <div class=\"lb-container\" #container>\n        <img class=\"lb-image\" [src]=\"album[currentImageIndex].src\" class=\"lb-image animation fadeIn\" [hidden]=\"ui.showReloader\" #image>\n        <div class=\"lb-nav\" [hidden]=\"!ui.showArrowNav\" #navArrow>\n          <a class=\"lb-prev\" [hidden]=\"!ui.showLeftArrow\" (click)=\"prevImage()\" #leftArrow></a>\n          <a class=\"lb-next\"[hidden]=\"!ui.showRightArrow\" (click)=\"nextImage()\" #rightArrow></a>\n        </div>\n        <div class=\"lb-loader\" [hidden]=\"!ui.showReloader\" (click)=\"close($event)\">\n          <a class=\"lb-cancel\"></a>\n        </div>\n      </div>\n    </div>\n    <div class=\"lb-dataContainer\" [hidden]=\"ui.showReloader\" #dataContainer>\n      <div class=\"lb-data\">\n        <div class=\"lb-details\">\n          <span class=\"lb-caption animation fadeIn\" [hidden]=\"!ui.showCaption\" [innerHtml]=\"album[currentImageIndex].caption\" #caption>\n          </span>\n          <span class=\"lb-number animation fadeIn\" [hidden]=\"!ui.showPageNumber\" #number>{{ content.pageNumber }}</span>\n        </div>\n        <div class=\"lb-closeContainer\">\n          <a class=\"lb-close\" (click)=\"close($event)\"></a>\n        </div>\n      </div>\n    </div>","selector":"[lb-content]","host":{"(click)":"close($event)","[class]":"ui.classList","$quoted$":["(click)","[class]"]}}]}],"members":{"album":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"currentImageIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"cmpRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"_outerContainerElem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":58,"character":3},"arguments":["outerContainer",{"static":false}]}]}],"_containerElem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":59,"character":3},"arguments":["container",{"static":false}]}]}],"_leftArrowElem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":60,"character":3},"arguments":["leftArrow",{"static":false}]}]}],"_rightArrowElem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":61,"character":3},"arguments":["rightArrow",{"static":false}]}]}],"_navArrowElem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":62,"character":3},"arguments":["navArrow",{"static":false}]}]}],"_dataContainerElem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":63,"character":3},"arguments":["dataContainer",{"static":false}]}]}],"_imageElem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":64,"character":3},"arguments":["image",{"static":false}]}]}],"_captionElem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":65,"character":3},"arguments":["caption",{"static":false}]}]}],"_numberElem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":66,"character":3},"arguments":["number",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":74,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":75,"character":26},{"__symbolic":"reference","module":"./lightbox-event.service","name":"LightboxEvent","line":76,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":74,"character":22},{"__symbolic":"reference","module":"./lightbox-event.service","name":"LightboxWindowRef","line":78,"character":32},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":79,"character":24}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"nextImage":[{"__symbolic":"method"}],"prevImage":[{"__symbolic":"method"}],"_validateInputData":[{"__symbolic":"method"}],"_registerImageLoadingEvent":[{"__symbolic":"method"}],"_onLoadImageSuccess":[{"__symbolic":"method"}],"_centerVertically":[{"__symbolic":"method"}],"_sizeContainer":[{"__symbolic":"method"}],"_postResize":[{"__symbolic":"method"}],"_showImage":[{"__symbolic":"method"}],"_prepareComponent":[{"__symbolic":"method"}],"_positionLightBox":[{"__symbolic":"method"}],"_addCssAnimation":[{"__symbolic":"method"}],"_end":[{"__symbolic":"method"}],"_updateDetails":[{"__symbolic":"method"}],"_albumLabel":[{"__symbolic":"method"}],"_changeImage":[{"__symbolic":"method"}],"_hideImage":[{"__symbolic":"method"}],"_updateNav":[{"__symbolic":"method"}],"_showLeftArrowNav":[{"__symbolic":"method"}],"_showRightArrowNav":[{"__symbolic":"method"}],"_showArrowNav":[{"__symbolic":"method"}],"_enableKeyboardNav":[{"__symbolic":"method"}],"_disableKeyboardNav":[{"__symbolic":"method"}],"_keyboardAction":[{"__symbolic":"method"}],"_getCssStyleValue":[{"__symbolic":"method"}],"_onReceivedEvent":[{"__symbolic":"method"}]}}}}]