canvas-editor-engine 1.0.10 → 1.0.12

package/dist/components/excretions.component.d.ts

@@ -10,9 +10,9 @@ export default class ExcretionsComponent extends ComponentService {
     private static _excretionToolState;
     private static _tempCoords;
     static excretionsCoords: IExcretionsCoords[];
-    private static _style;
-    static get style(): TExcretionStyle;
-    static set style(value: TExcretionStyle);
+    private static _additionStyle;
+    static get additionStyle(): TExcretionStyle;
+    static set additionStyle(value: TExcretionStyle);
     private static applyExcretionStyle;
     private static tool;
     static getComponent(): {

package/dist/components/excretions.component.js

@@ -5,15 +5,15 @@ const tool_service_1 = require("../services/tool.service");
 const canvas_component_1 = require("./canvas.component");
 const logger_service_1 = require("../services/logger.service");
 class ExcretionsComponent extends component_service_1.default {
-    static get style() {
-        return ExcretionsComponent._style;
+    static get additionStyle() {
+        return ExcretionsComponent._additionStyle;
     }
-    static set style(value) {
-        ExcretionsComponent._style = value;
+    static set additionStyle(value) {
+        ExcretionsComponent._additionStyle = value;
         ExcretionsComponent.applyExcretionStyle();
     }
     static applyExcretionStyle() {
-        if (ExcretionsComponent._style === 'crop') {
+        if (ExcretionsComponent._additionStyle === 'crop') {
             ExcretionsComponent._excretions.forEach((excretion) => {
                 if (!!excretion) {
                     if (!excretion.classList.contains('excretion_crop')) {
@@ -214,13 +214,16 @@ ExcretionsComponent._excretionActivity = 'abandoned';
 ExcretionsComponent._excretionToolState = 'abandoned';
 ExcretionsComponent._tempCoords = [];
 ExcretionsComponent.excretionsCoords = [];
-ExcretionsComponent._style = 'default';
+ExcretionsComponent._additionStyle = 'default';
 ExcretionsComponent.tool = {
     id: 1,
     name: 'excretion',
     onAction: () => ExcretionsComponent.setToolState('taken'),
     offAction: () => ExcretionsComponent.setToolState('abandoned'),
-    support: () => ExcretionsComponent.clearExcretionsCoords(),
+    support: () => {
+        ExcretionsComponent.clearExcretionsCoords();
+        ExcretionsComponent.additionStyle = 'default';
+    },
 };
 (() => {
     tool_service_1.default.add(ExcretionsComponent.tool);

package/dist/services/crop.service.d.ts

@@ -1,3 +1,4 @@
 export default class CropService {
     static crop(): void;
+    private static get options();
 }

package/dist/services/crop.service.js

@@ -3,8 +3,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const excretions_component_1 = require("../components/excretions.component");
 class CropService {
     static crop() {
-        excretions_component_1.default.style = 'crop';
-        console.log('ExcretionComponent.excretionsCoords', excretions_component_1.default.excretionsCoords);
+        excretions_component_1.default.additionStyle = 'crop';
+        console.log(CropService.options);
+    }
+    static get options() {
+        const excretionLastIndex = excretions_component_1.default.excretionsCoords.length;
+        const coords = excretions_component_1.default.excretionsCoords[excretionLastIndex];
+        const excWidth = Math.abs(coords.start.x - coords.end.x);
+        const excHeight = Math.abs(coords.start.y - coords.end.y);
+        return {
+            x: coords.start.x,
+            y: coords.start.y,
+            width: excWidth,
+            height: excHeight,
+        };
     }
 }
 exports.default = CropService;

package/dist/web-component.js

@@ -11,6 +11,7 @@ class WebComponentWrapper {
         base.className = 'wc-editor';
         base.style.position = 'relative';
         base.style.display = 'flex';
+        base.style.overflow = 'hidden';
         const stylesWrap = document.createElement('div');
         stylesWrap.className = 'styles-wrap';
         const editorWrap = document.createElement('div');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "canvas-editor-engine",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "description": "CanvasEditorEngine library, use: [typescript] [canvas]",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",