UNPKG

@nbxx/nb-input

Version:
1 lines 4.51 kB
[{"__symbolic":"module","version":4,"metadata":{"NbinputSignComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"nbinput-sign","template":"\n <div *ngIf=\"readonly\">\n <img [src]=\"bgImage\">\n </div>\n <div [hidden]=\"readonly\" class=\"canmap\" [ngClass]=\"{'disabled': disabled||!editable}\">\n <canvas #back id=\"canvas-back\"></canvas>\n <canvas #canvas id=\"canvas-front\"></canvas>\n <i *ngIf=\"!disabled&&!editable\" (click)=\"switchEditable()\" class=\"fa fa-pencil-square-o text-info canmode\"></i>\n <i *ngIf=\"!disabled&&editable\" (click)=\"switchEditable()\" class=\"fa fa-check text-success canmode\"></i>\n <i *ngIf=\"!disabled&&editable\" class=\"fa fa-refresh cantool\" (click)=\"clearCanvas()\"></i>\n <i *ngIf=\"!disabled&&!editable\" class=\"fa fa-upload cantool\" (click)=\"chooseImage($event)\"></i>\n <input type=\"file\" (change)=\"uploadImage($event)\" #fileInput>\n </div>\n ","styles":["\n .canmap{position:relative;border-radius:10px;height:250px;width:100%}.canmap canvas#canvas-front{width:100%;height:100%;border:1px dashed #999;border-radius:10px;position:absolute;z-index:2}.canmap canvas#canvas-back{width:100%;height:100%;border:1px dashed #999;border-radius:10px;position:absolute;z-index:1}.canmap i{font-size:20px;z-index:3}.canmap .cantool{position:absolute;right:10px;top:10px;cursor:pointer}.canmap .canmode{position:absolute;left:10px;top:10px;cursor:pointer}.canmap.disabled{background:#e1e6ef}.canmap input[type=\"file\"]{display:none}img{width:100%}\n "],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":33,"character":21},"useExisting":{"__symbolic":"reference","name":"NbinputSignComponent"},"multi":true}]}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":5}}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"scaleRatio":[{"__symbolic":"method"}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":5}}]}],"canvas":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":78,"character":5},"arguments":["canvas"]}]}],"background":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":79,"character":5},"arguments":["back"]}]}],"onResize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":81,"character":5},"arguments":["window:resize",["$event.target"]]}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":5}}]}],"switchEditable":[{"__symbolic":"method"}],"getTrimedImage":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":168,"character":5}}]}],"submit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"captureEvents":[{"__symbolic":"method"}],"drawOnCanvas":[{"__symbolic":"method"}],"initBackground":[{"__symbolic":"method"}],"clearCanvas":[{"__symbolic":"method"}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":304,"character":5}}]}],"fileInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":307,"character":5},"arguments":["fileInput"]}]}],"uploadImage":[{"__symbolic":"method"}],"chooseImage":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./nbinput-upload","name":"NbinputUploadService","line":325,"character":26}]}]}}}}]