| 1 | {"__symbolic":"module","version":4,"metadata":{"MobileSketchToolComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"lib-mobile-sketch-tool","template":"<ion-content>\n <div\n class=\"div-canvas-container\"\n (touchstart)=\"mouseDown($event)\"\n (touchmove)=\"mouseMove($event)\"\n (touchend)=\"mouseUp($event)\"\n #pinchElement\n >\n <canvas id=\"canvas\"></canvas>\n\n <div\n class=\"color-picker\"\n *ngIf=\"isSelectingColor\"\n >\n <ion-grid fixed>\n <ion-row>\n <ion-col\n style=\"background:#660000\"\n (tap)=\"setColor('#660000')\"\n > \n </ion-col>\n <ion-col\n style=\"background:#663300\"\n (tap)=\"setColor('#663300')\"\n > \n </ion-col>\n <ion-col\n style=\"background:#666600\"\n (tap)=\"setColor('#666600')\"\n > \n </ion-col>\n <ion-col\n style=\"background:#006600\"\n (tap)=\"setColor('#006600')\"\n > \n </ion-col>\n <ion-col\n style=\"background:#000066\"\n (tap)=\"setColor('#000066')\"\n > \n </ion-col>\n <ion-col\n style=\"background:#660066\"\n (tap)=\"setColor('#660066')\"\n > \n </ion-col>\n\n </ion-row>\n <ion-row>\n <ion-col\n style=\"background:#CC0000\"\n (tap)=\"setColor('#CC0000')\"\n > \n </ion-col>\n <ion-col\n style=\"background:#CC6600\"\n (tap)=\"setColor('#CC6600')\"\n > \n </ion-col>\n <ion-col\n style=\"background:#CCCC00\"\n (tap)=\"setColor('#CCCC00')\"\n > \n </ion-col>\n <ion-col\n style=\"background:#00CC00\"\n (tap)=\"setColor('#00CC00')\"\n > \n </ion-col>\n <ion-col\n style=\"background:#0000CC\"\n (tap)=\"setColor('#0000CC')\"\n > \n </ion-col>\n <ion-col\n style=\"background:#CC00CC\"\n (tap)=\"setColor('#CC00CC')\"\n > \n </ion-col>\n\n </ion-row>\n <ion-row>\n <ion-col\n style=\"background:#FF0000\"\n (tap)=\"setColor('#FF0000')\"\n > \n </ion-col>\n <ion-col\n style=\"background:#FF8000\"\n (tap)=\"setColor('#FF8000')\"\n > \n </ion-col>\n <ion-col\n style=\"background:#FFFF00\"\n (tap)=\"setColor('#FFFF00')\"\n > \n </ion-col>\n <ion-col\n style=\"background:#00FF00\"\n (tap)=\"setColor('#00FF00')\"\n > \n </ion-col>\n <ion-col\n style=\"background:#0000FF\"\n (tap)=\"setColor('#0000FF')\"\n > \n </ion-col>\n <ion-col\n style=\"background:#FF00FF\"\n (tap)=\"setColor('#FF00FF')\"\n > \n </ion-col>\n\n </ion-row>\n <ion-row>\n <ion-col\n style=\"background:#FF6666\"\n (tap)=\"setColor('#FF6666')\"\n > \n </ion-col>\n <ion-col\n style=\"background:#FFB266\"\n (tap)=\"setColor('#FFB266')\"\n > \n </ion-col>\n <ion-col\n style=\"background:#FFFF66\"\n (tap)=\"setColor('#FFFF66')\"\n > \n </ion-col>\n <ion-col\n style=\"background:#66FF66\"\n (tap)=\"setColor('#66FF66')\"\n > \n </ion-col>\n <ion-col\n style=\"background:#6666FF\"\n (tap)=\"setColor('#6666FF')\"\n > \n </ion-col>\n <ion-col\n style=\"background:#FF66FF\"\n (tap)=\"setColor('#FF66FF')\"\n > \n </ion-col>\n\n </ion-row>\n <ion-row>\n <ion-col\n style=\"background:#FF9999\"\n (tap)=\"setColor('#FF9999')\"\n > \n </ion-col>\n <ion-col\n style=\"background:#FFCC99\"\n (tap)=\"setColor('#FFCC99')\"\n > \n </ion-col>\n <ion-col\n style=\"background:#FFFF99\"\n (tap)=\"setColor('#FFFF99')\"\n > \n </ion-col>\n <ion-col\n style=\"background:#99FF99\"\n (tap)=\"setColor('#99FF99')\"\n > \n </ion-col>\n <ion-col\n style=\"background:#9999FF\"\n (tap)=\"setColor('#9999FF')\"\n > \n </ion-col>\n <ion-col\n style=\"background:#FF99FF\"\n (tap)=\"setColor('#FF99FF')\"\n > \n </ion-col>\n\n </ion-row>\n <ion-row>\n <ion-col\n style=\"background:#FFFFFF\"\n (tap)=\"setColor('#FFFFFF')\"\n > \n </ion-col>\n <ion-col\n style=\"background:#C0C0C0\"\n (tap)=\"setColor('#C0C0C0')\"\n > \n </ion-col>\n <ion-col\n style=\"background:#808080\"\n (tap)=\"setColor('#808080')\"\n > \n </ion-col>\n <ion-col\n style=\"background:#606060\"\n (tap)=\"setColor('#606060')\"\n > \n </ion-col>\n <ion-col\n style=\"background:#303030\"\n (tap)=\"setColor('#606060')\"\n > \n </ion-col>\n <ion-col\n style=\"background:#000000\"\n (tap)=\"setColor('#000000')\"\n > \n </ion-col>\n </ion-row>\n </ion-grid>\n </div>\n </div>\n</ion-content>\n\n<ion-footer>\n <ion-toolbar>\n <div class=\"div-edit-toolbar\">\n <button\n class=\"button-edit-toolbar\"\n ion-button\n large\n [clear]=\"true\"\n (click)=\"presentShapeActionSheet()\"\n >\n <i\n class=\"fas fa-shapes\"\n id=\"icon\"\n ></i>\n </button>\n\n <button\n class=\"button-edit-toolbar\"\n ion-button\n large\n [clear]=\"true\"\n (click)=\"presentPictogramsActionSheet()\"\n *ngIf=\"hasPictograms\"\n >\n <i\n class=\"fas fa-images\"\n id=\"icon\"\n ></i>\n </button>\n\n <button\n class=\"button-edit-toolbar\"\n ion-button\n large\n [clear]=\"true\"\n (click)=\"presentEditActionSheet()\"\n >\n <i\n class=\"fas fa-edit\"\n id=\"icon\"\n ></i>\n </button>\n\n <button\n class=\"button-edit-toolbar\"\n ion-button\n large\n [clear]=\"true\"\n (click)=\"draw()\"\n >\n <i\n class=\"fas fa-pencil-alt\"\n id=\"icon\"\n ></i>\n </button>\n\n <button\n class=\"button-edit-toolbar\"\n ion-button\n large\n [clear]=\"true\"\n (click)=\"onColorClicked()\"\n >\n <i\n class=\"fas fa-palette\"\n id=\"icon\"\n ></i>\n </button>\n\n <button\n class=\"button-edit-toolbar\"\n ion-button\n large\n [clear]=\"true\"\n (click)=\"undo()\"\n *ngIf=\"isUndoAvailable\"\n >\n <i\n class=\"fas fa-undo\"\n id=\"icon\"\n ></i>\n </button>\n\n </div>\n </ion-toolbar>\n</ion-footer>\n","styles":[".div-canvas-container{text-align:center;height:100%;width:100%;-o-object-fit:contain;object-fit:contain}.scroll-content{padding:0!important;overflow-y:hidden}.div-edit-toolbar{text-align:center}.button-edit-toolbar{padding:4%!important;margin:0!important}.action-sheet-button{font-family:FontAwesome,Arial}.color-picker{position:absolute;width:100%;height:auto;bottom:0;left:0}#icon{color:#b32017}"],"providers":[{"__symbolic":"reference","name":"CanvasManagerService"}]}]}],"members":{"element":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":322,"character":3},"arguments":["pinchElement"]}]}],"imageData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":331,"character":3}}]}],"loadedJson":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":332,"character":3}}]}],"iconsPath":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":333,"character":3}}]}],"icons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":334,"character":3}}]}],"canvas":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":336,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ionic-angular","name":"ActionSheetController","line":345,"character":28},{"__symbolic":"reference","name":"CanvasManagerService"},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":347,"character":23}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"pinchEvent":[{"__symbolic":"method"}],"addText":[{"__symbolic":"method"}],"addShape":[{"__symbolic":"method"}],"addImage":[{"__symbolic":"method"}],"changeStrokeColor":[{"__symbolic":"method"}],"bringFoward":[{"__symbolic":"method"}],"sendToBack":[{"__symbolic":"method"}],"crop":[{"__symbolic":"method"}],"deleteSelection":[{"__symbolic":"method"}],"mouseUp":[{"__symbolic":"method"}],"mouseMove":[{"__symbolic":"method"}],"mouseDown":[{"__symbolic":"method"}],"pinch":[{"__symbolic":"method"}],"group":[{"__symbolic":"method"}],"undo":[{"__symbolic":"method"}],"onColorClicked":[{"__symbolic":"method"}],"setColor":[{"__symbolic":"method"}],"draw":[{"__symbolic":"method"}],"disableDrawing":[{"__symbolic":"method"}],"translateShapeButtonsText":[{"__symbolic":"method"}],"presentShapeActionSheet":[{"__symbolic":"method"}],"translateEditButtonsText":[{"__symbolic":"method"}],"presentEditActionSheet":[{"__symbolic":"method"}],"presentPictogramsActionSheet":[{"__symbolic":"method"}],"emitCanvas":[{"__symbolic":"method"}]}},"CanvasManagerService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":17,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"emptyCanvas":[{"__symbolic":"method"}],"loadNewImage":[{"__symbolic":"method"}],"renderCanvas":[{"__symbolic":"method"}],"addGeometricShape":[{"__symbolic":"method"}],"addRectangle":[{"__symbolic":"method"}],"addCircle":[{"__symbolic":"method"}],"addTriangle":[{"__symbolic":"method"}],"addHorizontalLine":[{"__symbolic":"method"}],"createHorizontalLine":[{"__symbolic":"method"}],"createVerticalLine":[{"__symbolic":"method"}],"addCross":[{"__symbolic":"method"}],"toggleFreeDrawing":[{"__symbolic":"method"}],"setFreeDrawingBrushColor":[{"__symbolic":"method"}],"addText":[{"__symbolic":"method"}],"addImage":[{"__symbolic":"method"}],"setBackgroundFromURL":[{"__symbolic":"method"}],"resizeCanvasAndComputeScaleFactor":[{"__symbolic":"method"}],"onOrientationChange":[{"__symbolic":"method"}],"changeSelectedObjectsFillColor":[{"__symbolic":"method"}],"changeSelectedObjectsStrokeColor":[{"__symbolic":"method"}],"deleteSelectedObjects":[{"__symbolic":"method"}],"bringSelectedObjectsToFront":[{"__symbolic":"method"}],"sendSelectedObjectsToBack":[{"__symbolic":"method"}],"jsonFromCanvas":[{"__symbolic":"method"}],"loadfromJson":[{"__symbolic":"method"}],"adjustCanvas":[{"__symbolic":"method"}],"exportImageAsDataURL":[{"__symbolic":"method"}],"selectItem":[{"__symbolic":"method"}],"getIndexOf":[{"__symbolic":"method"}],"selectLastObject":[{"__symbolic":"method"}],"markSelectedObjectsDirty":[{"__symbolic":"method"}],"addSelectionRectangle":[{"__symbolic":"method"}],"ajustCropRectangleFromMouse":[{"__symbolic":"method"}],"startSelectingCropRectangleFromMouse":[{"__symbolic":"method"}],"cropImage":[{"__symbolic":"method"}],"ajustCropRectangle":[{"__symbolic":"method"}],"startSelectingCropRectangle":[{"__symbolic":"method"}],"disableSelection":[{"__symbolic":"method"}],"moveAllObjectsInCanvas":[{"__symbolic":"method"}],"groupSelectedObjects":[{"__symbolic":"method"}],"setLastPanPosition":[{"__symbolic":"method"}],"panCanvas":[{"__symbolic":"method"}],"preventPanOutsideCanvas":[{"__symbolic":"method"}],"zoom":[{"__symbolic":"method"}]}},"SketchToolModule":{"__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":"ionic-angular","name":"IonicModule","line":8,"character":26}],"declarations":[{"__symbolic":"reference","name":"MobileSketchToolComponent"}],"providers":[{"__symbolic":"reference","name":"CanvasManagerService"}],"exports":[{"__symbolic":"reference","name":"MobileSketchToolComponent"}]}]}],"members":{}}},"origins":{"MobileSketchToolComponent":"./app/lib-sketch-tool/mobile-component/mobile-sketch-tool.component","CanvasManagerService":"./app/lib-sketch-tool/services/canvas-manager.service","SketchToolModule":"./app/lib-sketch-tool/sketch-tool.module"},"importAs":"lib-sketch-tool"} |