@autonomdev/ngx-document-scanner
Version:
Angular 2+ component for cropping and enhancing images of documents
1 lines • 14.6 kB
JSON
{"__symbolic":"module","version":4,"metadata":{"NgxDocumentScannerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":17,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"NgxDocScannerComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":25,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":26,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":27,"character":4},{"__symbolic":"reference","module":"@angular/material/bottom-sheet","name":"MatBottomSheetModule","line":28,"character":4},{"__symbolic":"reference","module":"@angular/material/list","name":"MatListModule","line":29,"character":4},{"__symbolic":"reference","module":"angular2-draggable","name":"AngularDraggableModule","line":30,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":31,"character":4},{"__symbolic":"reference","module":"ngx-opencv","name":"NgxOpenCVModule","line":32,"character":4}],"exports":[{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":35,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":36,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":37,"character":4},{"__symbolic":"reference","module":"@angular/material/bottom-sheet","name":"MatBottomSheetModule","line":38,"character":4},{"__symbolic":"reference","module":"@angular/material/list","name":"MatListModule","line":39,"character":4},{"__symbolic":"reference","module":"angular2-draggable","name":"AngularDraggableModule","line":40,"character":4},{"__symbolic":"reference","name":"NgxDocScannerComponent"}],"entryComponents":[{"__symbolic":"reference","name":"ɵc"}],"providers":[{"__symbolic":"reference","module":"ngx-opencv","name":"NgxOpenCVService","line":47,"character":4},{"__symbolic":"reference","name":"ɵb"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["config"],"value":{"ngModule":{"__symbolic":"reference","name":"NgxDocumentScannerModule"},"providers":[{"provide":{"__symbolic":"reference","module":"ngx-opencv","name":"OpenCvConfigToken","line":56,"character":19},"useValue":{"__symbolic":"reference","name":"config"}}]}}}},"NgxDocScannerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"ngx-doc-scanner","template":"<div [ngStyle]=\"editorStyle\" fxLayoutAlign=\"space-around\" style=\"direction: ltr !important\">\n <div #imageContainer [ngStyle]=\"imageDivStyle\" style=\"margin: auto;\" >\n <ng-container *ngIf=\"imageLoaded && mode === 'crop'\">\n <ngx-shape-outine #shapeOutline [color]=\"options.cropToolColor\" [weight]=\"options.cropToolLineWeight\" [dimensions]=\"previewDimensions\"></ngx-shape-outine>\n <ngx-draggable-point #topLeft [pointOptions]=\"options.pointOptions\" [startPosition]=\"{x: 0, y: 0}\" [limitRoles]=\"['top', 'left']\" [container]=\"imageContainer\"></ngx-draggable-point>\n <ngx-draggable-point #topRight [pointOptions]=\"options.pointOptions\" [startPosition]=\"{x: previewDimensions.width, y: 0}\" [limitRoles]=\"['top', 'right']\" [container]=\"imageContainer\"></ngx-draggable-point>\n <ngx-draggable-point #bottomLeft [pointOptions]=\"options.pointOptions\" [startPosition]=\"{x: 0, y: previewDimensions.height}\" [limitRoles]=\"['bottom', 'left']\" [container]=\"imageContainer\"></ngx-draggable-point>\n <ngx-draggable-point #bottomRight [pointOptions]=\"options.pointOptions\" [startPosition]=\"{x: previewDimensions.width, y: previewDimensions.height}\" [limitRoles]=\"['bottom', 'right']\" [container]=\"imageContainer\"></ngx-draggable-point>\n </ng-container>\n <canvas #PreviewCanvas [ngStyle]=\"{'max-width': options.maxPreviewWidth}\" style=\"z-index: 5\" ></canvas>\n </div>\n <div class=\"editor-actions\" fxLayout=\"row\" fxLayoutAlign=\"space-around\" style=\"position: absolute; bottom: 0; width: 100vw\">\n <ng-container *ngFor=\"let button of displayedButtons\" [ngSwitch]=\"button.type\">\n <button mat-mini-fab *ngSwitchCase=\"'fab'\" [name]=\"button.name\" (click)=\"button.action()\" [color]=\"options.buttonThemeColor\">\n <mat-icon>{{button.icon}}</mat-icon>\n </button>\n <button mat-raised-button *ngSwitchCase=\"'button'\" [name]=\"button.name\" (click)=\"button.action()\" [color]=\"options.buttonThemeColor\">\n <mat-icon>{{button.icon}}</mat-icon>\n <span>{{button.text}}}</span>\n </button>\n </ng-container>\n </div>\n</div>\n\n\n","styles":[".editor-actions{padding:12px}.editor-actions button{margin:5px}"]}]}],"members":{"previewCanvas":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":157,"character":3},"arguments":["PreviewCanvas",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":157,"character":37}}]}]}],"exitEditor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":169,"character":3}}]}],"editResult":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":173,"character":3}}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":177,"character":3}}]}],"ready":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":181,"character":3}}]}],"processing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":185,"character":3}}]}],"file":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":194,"character":3}}]}],"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":215,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ngx-opencv","name":"NgxOpenCVService","line":218,"character":33},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/material/bottom-sheet","name":"MatBottomSheet","line":218,"character":110}]}],"ngOnInit":[{"__symbolic":"method"}],"exit":[{"__symbolic":"method"}],"exportImage":[{"__symbolic":"method"}],"chooseFilters":[{"__symbolic":"method"}],"loadFile":[{"__symbolic":"method"}],"readImage":[{"__symbolic":"method"}],"rotateImage":[{"__symbolic":"method"}],"detectContours":[{"__symbolic":"method"}],"transform":[{"__symbolic":"method"}],"applyFilter":[{"__symbolic":"method"}],"resize":[{"__symbolic":"method"}],"showPreview":[{"__symbolic":"method"}],"setPreviewPaneDimensions":[{"__symbolic":"method"}],"calculateDimensions":[{"__symbolic":"method"}],"getPoint":[{"__symbolic":"method"}]}},"OpenCVState":{"__symbolic":"interface"},"ImageDimensions":{"__symbolic":"interface"},"DocScannerConfig":{"__symbolic":"interface"},"OpenCVConfig":{"__symbolic":"interface"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ngx-draggable-point","template":"<div #point ngDraggable=\"draggable\"\n (movingOffset)=\"positionChange($event)\"\n [ngStyle]=\"pointStyle()\"\n [position]=\"position\"\n [bounds]=\"container\"\n [inBounds]=\"true\"\n (endOffset)=\"movementEnd($event)\"\n style=\"z-index: 1000\">\n</div>\n"}]}],"members":{"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"shape":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"pointOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"limitRoles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"startPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"_currentPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"pointStyle":[{"__symbolic":"method"}],"positionChange":[{"__symbolic":"method"}],"adjustPosition":[{"__symbolic":"method"}],"movementEnd":[{"__symbolic":"method"}],"getInitialPosition":[{"__symbolic":"method"}],"externalReposition":[{"__symbolic":"method"}],"enforcePaneLimits":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"setPaneDimensions":[{"__symbolic":"method"}],"repositionPoints":[{"__symbolic":"method"}],"positionChange":[{"__symbolic":"method"}],"updatePosition":[{"__symbolic":"method"}],"exceedsLimit":[{"__symbolic":"method"}],"rotateClockwise":[{"__symbolic":"method"}],"rotateCornerClockwise":[{"__symbolic":"method"}],"compareArray":[{"__symbolic":"method"}],"getDirectionAxis":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ngx-filter-menu","template":"<mat-action-list>\n <button mat-list-item *ngFor=\"let option of filterOptions\" (click)=\"selectOption(option.name)\">\n <mat-icon>{{option.icon}}</mat-icon>\n <span fxFlex=\"100\" style=\"text-align: start; margin: 5px\">{{option.text}}</span>\n <span fxFlex=\"100\"></span>\n <mat-icon *ngIf=\"option.name === data.filter\">done</mat-icon>\n </button>\n</mat-action-list>\n"}]}],"members":{"filterSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":43,"character":3}}]}],"selectOption":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":50,"character":15},"arguments":[{"__symbolic":"reference","module":"@angular/material/bottom-sheet","name":"MAT_BOTTOM_SHEET_DATA","line":50,"character":22}]}]],"parameters":[{"__symbolic":"reference","name":"MatBottomSheetRef","module":"@angular/material/bottom-sheet","arguments":[{"__symbolic":"reference","name":"ɵc"}]},{"__symbolic":"reference","name":"any"}]}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ngx-shape-outine","template":"<canvas #outline\n style=\"position: absolute; z-index: 1000\"\n [ngStyle]=\"{width: dimensions.width + 'px', height: dimensions.height + 'px'}\"\n *ngIf=\"dimensions\">\n</canvas>\n"}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"weight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"dimensions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"canvas":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":13,"character":3},"arguments":["outline"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"clearCanvas":[{"__symbolic":"method"}],"sortPoints":[{"__symbolic":"method"}],"drawShape":[{"__symbolic":"method"}]}}},"origins":{"NgxDocumentScannerModule":"./lib/ngx-document-scanner.module","NgxDocScannerComponent":"./lib/components/image-editor/ngx-doc-scanner.component","OpenCVState":"./lib/PublicModels","ImageDimensions":"./lib/PublicModels","DocScannerConfig":"./lib/PublicModels","OpenCVConfig":"./lib/PublicModels","ɵa":"./lib/components/draggable-point/ngx-draggable-point.component","ɵb":"./lib/services/limits.service","ɵc":"./lib/components/filter-menu/ngx-filter-menu.component","ɵd":"./lib/components/shape-outline/ngx-shape-outline.component"},"importAs":"@autonomdev/ngx-document-scanner"}