{"__symbolic":"module","version":4,"metadata":{"EasyZoomService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ngInjectableDef":{}}},"Coord":{"__symbolic":"interface"},"EasyZoomComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"lib-easy-zoom","template":"<div #viewContainer class=\"easy-zoom-inline\">\r\n  <div #zoomContainer class=\"easy-zoom-container\"> \r\n    <img #imageThumbnail class=\"easy-zoom-small-image\" src=\"{{ thumbImage }}\"\r\n    (load)=\"onThumbImageLoaded()\" alt=\"{{ imageTitle }}\"/>\r\n    <div [ngClass]=\"{'easy-zoom-wrp': true, 'easy-zoom-lens': this.enableLens}\"\r\n    [style.display]=\"this.display\"\r\n    [style.top.px]=\"this.lensTop\"\r\n    [style.left.px]=\"this.lensLeft\"\r\n    [style.width.px]=\"this.lensWidth\"\r\n    [style.height.px]=\"this.lensHeight\"\r\n    [style.border-radius.px]=\"this.lensBorderRadius\"\r\n    [style.border-color]=\"this.lensColor\"\r\n    >    \r\n    <img #fullSizeImage class=\"easy-zoom-full-image\" src=\"{{ fullImage }}\"\r\n    (load)=\"onFullImageLoaded()\"\r\n    [style.display]=\"this.display\"\r\n    [style.top.px]=\"this.fullImageTop\"\r\n    [style.left.px]=\"this.fullImageLeft\"\r\n    [style.width.px]=\"this.magnifiedWidth\"\r\n    [style.height.px]=\"this.magnifiedHeight\"\r\n    alt=\"{{ imageTitle }}\"\r\n    />\r\n  </div>\r\n</div>\r\n</div>","styles":[".easy-zoom-inline{display:inline-block}.easy-zoom-container{position:relative;margin:auto;overflow:hidden}.easy-zoom-full-image{position:absolute;max-width:none;max-height:none;display:none}.easy-zoom-wrp{position:absolute;overflow:hidden}.easy-zoom-wrp.easy-zoom-lens{border:3px solid #000;cursor:crosshair}"]}]}],"members":{"viewContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":15,"character":3},"arguments":["viewContainer",{"static":true}]}]}],"zoomContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":16,"character":3},"arguments":["zoomContainer",{"static":true}]}]}],"imageThumbnail":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":17,"character":3},"arguments":["imageThumbnail",{"static":true}]}]}],"fullSizeImage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":18,"character":3},"arguments":["fullSizeImage",{"static":true}]}]}],"ZoomScroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"ZoomPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":68,"character":32}]}],"setThumbImage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3},"arguments":["thumbImage"]}]}],"setFullImage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3},"arguments":["fullImage"]}]}],"setZoomMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3},"arguments":["zoomMode"]}]}],"setMagnification":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3},"arguments":["magnification"]}]}],"setMinZoomRatio":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":3},"arguments":["minZoomRatio"]}]}],"setMaxZoomRatio":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":3},"arguments":["maxZoomRatio"]}]}],"setScrollStepSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":3},"arguments":["scrollStepSize"]}]}],"setEnableLens":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":113,"character":3},"arguments":["enableLens"]}]}],"setLensWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":118,"character":3},"arguments":["lensWidth"]}]}],"setLensHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":123,"character":3},"arguments":["lensHeight"]}]}],"setLensColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":128,"character":3},"arguments":["lensColor"]}]}],"setCircularLens":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":133,"character":3},"arguments":["circularLens"]}]}],"setEnableScrollZoom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":138,"character":3},"arguments":["enableScrollZoom"]}]}],"setThumbTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":143,"character":3},"arguments":["imageTitle"]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onThumbImageLoaded":[{"__symbolic":"method"}],"onFullImageLoaded":[{"__symbolic":"method"}],"checkImagesLoaded":[{"__symbolic":"method"}],"setZoomPosition":[{"__symbolic":"method"}],"onMouseWheel":[{"__symbolic":"method"}],"hoverMouseEnter":[{"__symbolic":"method"}],"hoverMouseLeave":[{"__symbolic":"method"}],"hoverMouseMove":[{"__symbolic":"method"}],"toggleClick":[{"__symbolic":"method"}],"clickStarter":[{"__symbolic":"method"}],"clickMouseLeave":[{"__symbolic":"method"}],"clickMouseMove":[{"__symbolic":"method"}],"hoverFreezeMouseEnter":[{"__symbolic":"method"}],"hoverFreezeMouseLeave":[{"__symbolic":"method"}],"hoverFreezeMouseMove":[{"__symbolic":"method"}],"hoverFreezeClick":[{"__symbolic":"method"}],"zoomOn":[{"__symbolic":"method"}],"zoomOff":[{"__symbolic":"method"}],"calculateZoomPosition":[{"__symbolic":"method"}],"calculateImageAndLensPosition":[{"__symbolic":"method"}],"calculateRatioAndOffset":[{"__symbolic":"method"}],"calculateRatio":[{"__symbolic":"method"}]}},"EasyZoomModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"EasyZoomComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":7,"character":4}],"exports":[{"__symbolic":"reference","name":"EasyZoomComponent"}]}]}],"members":{}}},"origins":{"EasyZoomService":"./lib/easy-zoom.service","Coord":"./lib/easy-zoom.component","EasyZoomComponent":"./lib/easy-zoom.component","EasyZoomModule":"./lib/easy-zoom.module"},"importAs":"angular-easy-zoom"}