canvas-editor-engine 1.0.16 → 1.0.18

package/dist/components/excretions.component.js

@@ -205,18 +205,22 @@ ExcretionsComponent.css = `
     }
 
     .crop-button {
+      display: none;
+      justify-content: center;
+      align-items: center;
       position: absolute;
-      padding: 3px;
+      padding: 5px;
       right: -35px;
       top: 0;
       background: #232222;
-      border: none;
+      border: 1px solid #ffffff50;
       border-radius: 4px;
       width: 30px;
       height: 30px;
+    }
+
+    .crop-button--view {
       display: flex;
-      justify-content: center;
-      alight-items: center;
     }
 
     @keyframes border-dance {

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

@@ -1,4 +1,10 @@
 export default class CropService {
     static crop(): void;
-    private static get options();
+    static viewCropButton(): void;
+    static get options(): {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
 }

package/dist/services/crop.service.js

@@ -4,8 +4,15 @@ const excretions_component_1 = require("../components/excretions.component");
 class CropService {
     static crop() {
         excretions_component_1.default.additionStyle = 'crop';
+        CropService.viewCropButton();
         console.log(CropService.options);
     }
+    static viewCropButton() {
+        const cropButtons = excretions_component_1.default.excretionWrap.querySelectorAll('.crop-button');
+        const lastCropButtonIndex = cropButtons.length - 1;
+        const cropButton = cropButtons[lastCropButtonIndex];
+        cropButton.classList.add('crop-button--view');
+    }
     static get options() {
         const excretionLastIndex = excretions_component_1.default.excretionsCoords.length - 1;
         const coords = excretions_component_1.default.excretionsCoords[excretionLastIndex];

package/package.json

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