{"__symbolic":"module","version":4,"metadata":{"ImageResizerCropperComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"irc-image-resizer-cropper","template":"<ng-container *ngIf=\"sourceImage\">\n  <div class=\"cr-container\">\n    <div id=\"cr-lens\">\n      <span></span>\n      <span></span>\n      <span></span>\n      <span></span>\n    </div>\n    <img\n      src=\"{{ loadedSourceImage }}\"\n      style=\"transform: scale(1);\"\n      draggable=\"false\"\n      id=\"cr-image\"\n    />\n    <div *ngIf=\"errorMessage\" id=\"error-message\">{{ errorMessage }}</div>\n  </div>\n  <div class=\"cr-range-selector\">\n    <input type=\"range\" id=\"cr-range\" min=\"10\" max=\"200\" />\n  </div>\n  <div class=\"text-center\">\n    <button id=\"crop\" type=\"button\">Crop</button>\n  </div>\n  <div>\n    <img src=\"#\" id=\"test-img\" style=\"display:none;\" />\n    <img src=\"#\" *ngIf=\"previewCrop && cropAvailable\" id=\"final-crop\" />\n  </div>\n</ng-container>\n","styles":[".text-center{text-align:center}.cr-container{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:relative;min-height:300px;margin:0 auto;overflow:hidden;border:2px dashed #333}.cr-range-selector{margin:1rem 0;text-align:center}#cr-lens{height:150px;width:150px;border:2px solid #333;z-index:999999;box-shadow:0 0 0 200000px rgba(0,0,0,.2);position:relative}#cr-lens.rounded{border-radius:50%}#cr-lens span{position:absolute;width:15px;height:15px}#cr-lens span:nth-child(1){top:-17px;left:-17px;border-right:2px dashed #333;border-bottom:2px dashed #333}#cr-lens span:nth-child(2){top:-17px;right:-17px;border-left:2px dashed #333;border-bottom:2px dashed #333}#cr-lens span:nth-child(3){bottom:-17px;right:-17px;border-left:2px dashed #333;border-top:2px dashed #333}#cr-lens span:nth-child(4){bottom:-17px;left:-17px;border-right:2px dashed #333;border-top:2px dashed #333}#cr-image{display:block;position:absolute;-webkit-transform-origin:center center;transform-origin:center center;cursor:move}"]}]}],"members":{"sourceImage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"lensHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"lensWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"autoCrop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"previewCrop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"roundCrop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"borderColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"backgroundOpacity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"croppedImage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":34,"character":3}}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":61,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"PLATFORM_ID","line":61,"character":12}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":59,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":60,"character":23},{"__symbolic":"reference","name":"Object"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"setUpListeners":[{"__symbolic":"method"}],"setUpConfigurations":[{"__symbolic":"method"}],"linkImageToRangeInput":[{"__symbolic":"method"}],"mouseDownOnImage":[{"__symbolic":"method"}],"mouseUpOnImage":[{"__symbolic":"method"}],"mouseMoveOnImage":[{"__symbolic":"method"}],"keepMouseMoveInsideContainer":[{"__symbolic":"method"}],"checkForOverlap":[{"__symbolic":"method"}],"getResizeRatio":[{"__symbolic":"method"}],"drawImageResize":[{"__symbolic":"method"}],"drawImageCrop":[{"__symbolic":"method"}],"resizeAndCropImage":[{"__symbolic":"method"}],"setLensHeightAndWidth":[{"__symbolic":"method"}],"setBorderColor":[{"__symbolic":"method"}],"setBackgroundOpacity":[{"__symbolic":"method"}],"parseFile":[{"__symbolic":"method"}],"clearImagePosition":[{"__symbolic":"method"}]}},"ImageResizerCropperModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":5,"character":12}],"declarations":[{"__symbolic":"reference","name":"ImageResizerCropperComponent"}],"exports":[{"__symbolic":"reference","name":"ImageResizerCropperComponent"}]}]}],"members":{}}},"origins":{"ImageResizerCropperComponent":"./lib/image-resizer-cropper.component","ImageResizerCropperModule":"./lib/image-resizer-cropper.module"},"importAs":"image-resizer-cropper"}