{"__symbolic":"module","version":4,"metadata":{"LyResizingCroppingImagesConfig":{"__symbolic":"interface"},"ImageResolution":{"Default":0,"OriginalImage":1},"CroppedImage":{"__symbolic":"interface"},"ImageState":{"__symbolic":"interface"},"LyResizingCroppingImages":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":60,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":61,"character":19},"member":"OnPush"},"preserveWhitespaces":false,"selector":"ly-cropping","styles":[":host { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; overflow: hidden; position: relative; justify-content: center; align-items: center; } .ly-img-container { cursor: move; position: absolute; top: 0; left: 0; } .ly-img-container img { width: 100%; height: 100%; pointer-events: none; } .ly-cropping-container { z-index: 11; position: absolute; pointer-events: none; box-shadow: 0 0 0 20000px rgba(0, 0, 0, 0.29); } .ly-cropping-container::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: solid 2px white; } .ly-cropp-content { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .ly-cropp-content /deep/ *:not(input) { pointer-events: none; } .ly-cropp-content input { position: absolute; background: transparent; opacity: 0; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } "],"template":"<div #_croppingContainer *ngIf=\"isLoaded; else content\" class=\"ly-cropping-container\" [ngStyle]=\"{ width: config.width + 'px', height: config.height + 'px' }\"></div> <div class=\"ly-img-container\" #_imgContainer (pan)=\"_move($event)\" (touchstart)=\"_moveStart($event)\" (mousedown)=\"_moveStart($event)\" [ngStyle]=\"dragData | async\"> <img *ngIf=\"isLoaded\" [src]=\"src\"> </div> <ng-template #content> <div class=\"ly-cropp-content\"> <input #_fileInput type=\"file\" (change)=\"selectInputEvent($event)\" accept=\"image/*\"> <ng-content></ng-content> </div> </ng-template>"}]}],"members":{"imgContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":78,"character":3},"arguments":["_imgContainer"]}]}],"croppingContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":79,"character":3},"arguments":["_croppingContainer"]}]}],"src":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3}}]}],"format":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3}}]}],"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}}]}],"loaded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":86,"character":3}}]}],"cropped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":88,"character":3}}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":90,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":96,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":96,"character":58}]}],"selectInputEvent":[{"__symbolic":"method"}],"fixedNum":[{"__symbolic":"method"}],"setScale":[{"__symbolic":"method"}],"customCenter":[{"__symbolic":"method"}],"fitToScreen":[{"__symbolic":"method"}],"fit":[{"__symbolic":"method"}],"_moveStart":[{"__symbolic":"method"}],"_move":[{"__symbolic":"method"}],"roundNumber":[{"__symbolic":"method"}],"zoomIn":[{"__symbolic":"method"}],"zoomOut":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"center":[{"__symbolic":"method"}],"setImageUrl":[{"__symbolic":"method"}],"max":[{"__symbolic":"method"}],"imageSmoothingQuality":[{"__symbolic":"method"}],"crop":[{"__symbolic":"method"}],"cropp":[{"__symbolic":"method"}]}},"LyResizingCroppingImageModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":8,"character":26},{"__symbolic":"reference","module":"alyle-ui/core","name":"ThemeModule","line":8,"character":39}],"exports":[{"__symbolic":"reference","name":"LyResizingCroppingImages"}],"declarations":[{"__symbolic":"reference","name":"LyResizingCroppingImages"}]}]}],"members":{}}},"origins":{"LyResizingCroppingImagesConfig":"./resizing-cropping-images","ImageResolution":"./resizing-cropping-images","CroppedImage":"./resizing-cropping-images","ImageState":"./resizing-cropping-images","LyResizingCroppingImages":"./resizing-cropping-images","LyResizingCroppingImageModule":"./resizing-cropping-images.module"},"importAs":"alyle-ui/resizing-cropping-images"}