{"__symbolic":"module","version":3,"metadata":{"ɵa":{"width":800,"height":600,"bgStyle":"#ECEFF1","scaleStep":0.1,"rotateStepper":false,"showPaginator":true,"loadingMessage":"Loading...","loadingErrorMessage":"Whoops, something bad happend.","messageStyle":{"color":"#333","errorColor":"red","fontSize":25,"fontFamily":"Verdana, Geneva, sans-serif"},"buttonStyle":{"iconFontFamily":"Material Icons","alpha":0.5,"hoverAlpha":0.7,"bgStyle":"#000000","iconStyle":"#ffffff","borderStyle":"#000000","borderWidth":0},"tooltips":{"enabled":true,"bgStyle":"#000000","bgAlpha":0.5,"textStyle":"#ffffff","textAlpha":0.9,"padding":15,"radius":20},"nextPageButton":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"createButtonConfig"},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"String"},"member":"fromCharCode"},"arguments":[58377]},"Next page",0]},"beforePageButton":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"createButtonConfig"},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"String"},"member":"fromCharCode"},"arguments":[58376]},"Previous page",1]},"zoomOutButton":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"createButtonConfig"},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"String"},"member":"fromCharCode"},"arguments":[59648]},"Zoom out",0]},"zoomInButton":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"createButtonConfig"},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"String"},"member":"fromCharCode"},"arguments":[59647]},"Zoom in",1]},"rotateLeftButton":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"createButtonConfig"},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"String"},"member":"fromCharCode"},"arguments":[58393]},"Rotate left",2]},"rotateRightButton":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"createButtonConfig"},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"String"},"member":"fromCharCode"},"arguments":[58394]},"Rotate right",3]},"resetButton":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"createButtonConfig"},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"String"},"member":"fromCharCode"},"arguments":[59491]},"Reset",4]}},"ButtonConfig":{"__symbolic":"interface"},"ButtonStyle":{"__symbolic":"interface"},"createButtonConfig":{"__symbolic":"function","parameters":["icon","tooltip","sortId","show"],"defaults":[null,null,0,true],"value":{"icon":{"__symbolic":"reference","name":"icon"},"tooltip":{"__symbolic":"reference","name":"tooltip"},"sortId":{"__symbolic":"reference","name":"sortId"},"show":{"__symbolic":"reference","name":"show"}}},"ImageViewerConfig":{"__symbolic":"class","members":{}},"IMAGEVIEWER_CONFIG":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken"},"arguments":["imageviewer.config"]},"ImageViewerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ngx-imageviewer","template":"\n    <ng-container *ngIf=\"_isHammerPreset\">\n      <canvas\n        (panend)=\"onTouchEnd()\"\n        (panmove)=\"processTouchEvent($event)\"\n        (pinchin)=\"processTouchEvent($event)\"\n        (pinchout)=\"processTouchEvent($event)\"\n        (rotateend)=\"onTouchEnd()\"\n        (rotatemove)=\"processTouchEvent($event)\"\n        (tap)=\"onTap($event)\"\n        [height]=\"height\"\n        [width]=\"width\"\n        #imageContainer\n      ></canvas>\n    </ng-container>\n\n    <ng-container *ngIf=\"!_isHammerPreset\">\n      <canvas\n        [height]=\"height\"\n        [width]=\"width\"\n        #imageContainer\n      ></canvas>\n    </ng-container>\n  ","styles":["\n    :host {\n      display: block; }\n      :host canvas {\n        margin: 0 auto;\n        display: block; }\n\n    [hidden] {\n      display: none !important; }\n  "]}]}],"members":{"src":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["src"]}]}],"filetype":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["filetype"]}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["width"]}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["height"]}]}],"nextPageBinding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["nextPage"]}]}],"prevPageBinding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["prevPage"]}]}],"zoomOutBinding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["zoomOut"]}]}],"zoomInBinding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["zoomIn"]}]}],"rotateLeftBinding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["rotateLeft"]}]}],"rotateRightBinding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["rotateRight"]}]}],"resetZoomBinding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["resetZoom"]}]}],"canvasRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["imageContainer"]}]}],"onLoadError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onResourceStateChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","name":"IMAGEVIEWER_CONFIG"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ImageViewerConfig"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setUpResource":[{"__symbolic":"method"}],"onTap":[{"__symbolic":"method"}],"onTouchEnd":[{"__symbolic":"method"}],"processTouchEvent":[{"__symbolic":"method"}],"addEventListeners":[{"__symbolic":"method"}],"onMouseWheel":[{"__symbolic":"method"}],"checkTooltipActivation":[{"__symbolic":"method"}],"nextPage":[{"__symbolic":"method"}],"previousPage":[{"__symbolic":"method"}],"zoomIn":[{"__symbolic":"method"}],"zoomOut":[{"__symbolic":"method"}],"rotateLeft":[{"__symbolic":"method"}],"rotateRight":[{"__symbolic":"method"}],"resetImage":[{"__symbolic":"method"}],"updateCanvas":[{"__symbolic":"method"}],"render":[{"__symbolic":"method"}],"drawButtons":[{"__symbolic":"method"}],"drawPaginator":[{"__symbolic":"method"}],"drawRoundRectangle":[{"__symbolic":"method"}],"extendsDefaultConfig":[{"__symbolic":"method"}],"screenToCanvasCentre":[{"__symbolic":"method"}],"getUIElements":[{"__symbolic":"method"}],"getUIElement":[{"__symbolic":"method"}],"isImage":[{"__symbolic":"method"}],"isPdf":[{"__symbolic":"method"}]}},"ImageViewerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"declarations":[{"__symbolic":"reference","name":"ImageViewerComponent"}],"providers":[{"provide":{"__symbolic":"reference","name":"IMAGEVIEWER_CONFIG"},"useValue":{"__symbolic":"reference","name":"ɵa"}},{"__symbolic":"reference","name":"ɵb"}],"exports":[{"__symbolic":"reference","name":"ImageViewerComponent"}]}]}],"members":{}},"ResourceLoadState":{"Failed":0,"Loaded":1,"Loading":2,"Pristine":3},"ResourceState":{"__symbolic":"interface"},"ResourceType":{"Image":0,"PDF":1},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"getCache":[{"__symbolic":"method"}],"getImage":[{"__symbolic":"method"}],"saveImage":[{"__symbolic":"method"}],"disposeCache":[{"__symbolic":"method"}]}}},"origins":{"ɵa":"./src/app/imageviewer/imageviewer.config","ButtonConfig":"./src/app/imageviewer/imageviewer.config","ButtonStyle":"./src/app/imageviewer/imageviewer.config","createButtonConfig":"./src/app/imageviewer/imageviewer.config","ImageViewerConfig":"./src/app/imageviewer/imageviewer.config","IMAGEVIEWER_CONFIG":"./src/app/imageviewer/imageviewer.config","ImageViewerComponent":"./src/app/imageviewer/imageviewer.component","ImageViewerModule":"./src/app/imageviewer/imageviewer.module","ResourceLoadState":"./src/app/imageviewer/imageviewer.model","ResourceState":"./src/app/imageviewer/imageviewer.model","ResourceType":"./src/app/imageviewer/imageviewer.model","ɵb":"./src/app/imageviewer/imagecache.service"},"importAs":"@onlytabs/ngx-imageviewer"}