[{"__symbolic":"module","version":4,"metadata":{"CalloutPointToolComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"app-callout-point-tool","template":"\n    <div class=\"absolute-position fill-parent\"\n      (mousedown)=\"onBackgroundMouseDown($event)\"\n      (mousemove)=\"onBackgroundMouseMove($event)\"\n      (mouseup)=\"onBackgroundMouseUp($event)\">\n\n      <svg xmlns=\"http://www.w3.org/2000/svg\" *ngIf=\"polyBounds && point1Bounds && point2Bounds && pointerBounds\"\n        [ngStyle]=\"pixelizeBounds(polyBounds)\" class=\"no-interact\">\n        <svg:polygon\n          [attr.points]=\"getPoints()\"\n          fill=\"transparent\"\n          stroke=\"red\"\n          stroke-width=\"1\">\n        </svg:polygon>\n      </svg>\n\n        <svg xmlns=\"http://www.w3.org/2000/svg\" *ngIf=\"point1Bounds && (!mouseDown || sizer === 0)\"\n          [ngStyle]=\"pixelizeBounds(point1Bounds)\" [ngClass]=\"{ 'no-interact': mouseDown }\">\n           <rect id='point1'\n                class='crosshair'\n                (mousedown)=\"onSizerMouseDown($event, 0)\" \n                [attr.width]=\"SIZER_SIZE\" \n                [attr.height]= \"SIZER_SIZE\" \n                fill=\"green\">\n            </rect>\n        </svg>\n        <svg xmlns=\"http://www.w3.org/2000/svg\" *ngIf=\"point2Bounds && (!mouseDown || sizer === 1)\"\n          [ngStyle]=\"pixelizeBounds(point2Bounds)\" [ngClass]=\"{ 'no-interact': mouseDown }\">\n           <rect id='point2'\n                class='crosshair'\n                (mousedown)=\"onSizerMouseDown($event, 1)\" \n                [attr.width]=\"SIZER_SIZE\" \n                [attr.height]= \"SIZER_SIZE\" \n                fill=\"green\">\n            </rect>\n        </svg>\n        <svg xmlns=\"http://www.w3.org/2000/svg\" *ngIf=\"pointerBounds && (!mouseDown || sizer === 2)\"\n          [ngStyle]=\"pixelizeBounds(pointerBounds)\" [ngClass]=\"{ 'no-interact': mouseDown }\">\n           <rect id='pointer'\n                class='crosshair'\n                (mousedown)=\"onSizerMouseDown($event, 2)\" \n                [attr.width]=\"SIZER_SIZE\" \n                [attr.height]= \"SIZER_SIZE\" \n                fill=\"green\">\n            </rect>\n        </svg>\n    </div>\n  ","styles":["\n\n  "]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../services/data-store.service","name":"DataStoreService","line":32,"character":35}]}],"ngOnInit":[{"__symbolic":"method"}],"getPolyBounds":[{"__symbolic":"method"}],"getPoints":[{"__symbolic":"method"}],"onSizerMouseDown":[{"__symbolic":"method"}],"onBackgroundMouseDown":[{"__symbolic":"method"}],"onBackgroundMouseMove":[{"__symbolic":"method"}],"onBackgroundMouseUp":[{"__symbolic":"method"}],"pixelizeBounds":[{"__symbolic":"method"}],"finalize":[{"__symbolic":"method"}],"isInBounds":[{"__symbolic":"method"}]}}}}]