@lemonadejs/cropper 1.5.1 → 1.6.0

package/dist/cropper.js

@@ -2,7 +2,7 @@
  * (c) LemonadeJS components
  *
  * Website: https://lemonadejs.net
- * Description: Image cropper v1.4.1
+ * Description: Image cropper v1.5.2
  *
  * MIT License
  *
@@ -11,7 +11,7 @@
 ;(function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
     typeof define === 'function' && define.amd ? define(factory) :
-    global.cropper = factory();
+    global.Cropper = factory();
 }(this, (function () {
 
     'use strict';
@@ -34,16 +34,18 @@
         }
     }
 
-    if (typeof(jSuites.crop) == 'undefined') {
-        if (typeof(require) === 'function') {
-            var Cropper = require('@jsuites/cropper');
-        } else if (window.jSuites) {
-            var Cropper = jSuites.crop;
+    if (typeof(cropper) == 'undefined') {
+        if (typeof(Crop) === 'function') {
+            var Crop = require('@jsuites/cropper');
+        } else if (window.cropper) {
+            var Crop = window.cropper;
         }
+    } else {
+        var Crop = cropper;
     }
 
     return (function() {
-        var self = {};
+        var self = this;
         var original = self.original ? 1 : 0;
         var width = self.width || 300;
         var height = self.height || 240;
@@ -76,7 +78,7 @@
                 var a = [798, 360];
                 var c = [width, height];
             }
-            crop = Cropper(o, {
+            crop = Crop(o, {
                 area: a,
                 crop: c ,
                 allowResize: false,
@@ -163,13 +165,11 @@
                     newImage.src = filename;
                     // Integration with jSuites.form
                     if (self.name) {
-                        //self.el.content = [data];
-
                         newImage.classList.remove('jfile');
-                    } else {
-                        // Legacy
-                        newImage.content = data;
                     }
+                    // Value
+                    self.value = [data];
+                    // Append new image
                     self.image.appendChild(newImage);
                 }
                 // Create image
@@ -255,14 +255,14 @@
         }
 
         self.onload = function() {
-            self.image.style.width = self.width + 'px';
-            self.image.style.height = self.height + 'px';
+            self.image.style.maxWidth = self.width + 'px';
+            self.image.style.maxHeight = self.height + 'px';
         }
 
         // Template
         var template = `
             <div name="{{self.name}}" value="{{self.value}}">
-                <div @ref='self.image' class="jphoto"></div>
+                <div @ref='self.image' class="jphoto jcropper"></div>
                 <div @ready='self.createModal(this)'>
                     <div @ready='self.createCropper(this)' @ref='self.cropperArea'></div>
                     <div @ready='self.createControls(this)' class="controls">
@@ -303,7 +303,8 @@
         var root = lemonade.element(template, self);
 
         // Onclick event
-        root.addEventListener('click',  function(e) {
+        root.addEventListener('mousedown',  function(e) {
+
             e = e || window.event;
             if (e.buttons) {
                 var mouseButton = e.buttons;

package/package.json

@@ -14,10 +14,10 @@
         "javascript plugins"
     ],
     "dependencies": {
-        "lemonadejs": "^2.5.0",
+        "lemonadejs": "^2.2.6",
         "jsuites": "^4.10.1",
         "@jsuites/cropper": "^1.6.0"
     },
     "main": "dist/cropper.js",
-    "version": "1.5.1"
+    "version": "1.6.0"
 }