cropper_rails 1.0.2 → 1.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 582b46f8725bd29fe8a8162bf0c74d5954803c5811a3e6d19a0c3ad4e9d9c3c3
-  data.tar.gz: 83aa2d33544e6afa0125da8dc5a1c7e26dcbcd5d470e641253fc49383782454b
+  metadata.gz: a48cf73eef4a56b9f3e4f8ac2194e85d67081e08c69ff1e3285117a903809847
+  data.tar.gz: cf99aed64a5e250797ee0d52c2ff0cb0085cd2f7fe2b724489170c6b6a3d5ea1
 SHA512:
-  metadata.gz: be615203f8efbc328614ed19fe7240ee99ee4b29b514190e503fe2bea9736aae0cce878f9af7faf9161a22e01b3c685d148bc453fe78974409844bd1a1c6ddac
-  data.tar.gz: ca64d45a21a3ab2b108ff44663e1b3d384f7c609204ea997f1c458872f5645afc5991f08dea92d2cb2817db813b807af6d4e32beaf36abc0691a8f4039efa0bb
+  metadata.gz: 8f2bd0297ff274f2b478f23251734d2a66e64a07f4901ce8b9c6a5d528b864ca32e28af51e3b90f49b9e1e41a1f676c40402b3aba7840881e80b8a0aba164133
+  data.tar.gz: 14bcc7f5181847b6435eb24b73bf3c2d4699cb7da97376a116f3484a97e9040a7612572021167a7a3927a1eb5542f6be28cacb806b3561f7eac0ec5271d022a3

data/LICENSE

@@ -1,6 +1,6 @@
-MIT License
+The MIT License (MIT)
 
-Copyright (c) 2018 Fabien LEFEBVRE
+Copyright 2015-present Chen Fengyuan
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
@@ -9,13 +9,13 @@ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 copies of the Software, and to permit persons to whom the Software is
 furnished to do so, subject to the following conditions:
 
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
 
 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/VERSIONS.md

@@ -2,6 +2,7 @@
 
 | Gem    | Cropper.js | jQuery Cropper |
 |--------|------------|----------------|
+| 1.1.0  | 1.5.6      | 1.0.1          |
 | 1.0.2  | 1.4.3      | 1.0.0          |
 | 1.0.1  | 1.4.2      | 1.0.0          |
 | 1.0.0  | 1.4.1      | 1.0.0          |

data/cropper_rails.gemspec

@@ -22,5 +22,5 @@ Gem::Specification.new do |spec|
 
   spec.add_runtime_dependency 'jquery-rails', '~> 4.0'
 
-  spec.add_development_dependency 'bundler', '~> 1.16'
+  spec.add_development_dependency 'bundler', '~> 2.0'
 end

data/lib/cropper_rails/version.rb

@@ -1,7 +1,7 @@
 module Cropper
   module Rails
-    VERSION = '1.0.2'.freeze
-    CROPPER_VERSION = '1.4.3'.freeze
-    JQUERY_CROPPER_VERSION = '1.0.0'.freeze
+    VERSION = '1.1.0'.freeze
+    CROPPER_VERSION = '1.5.6'.freeze
+    JQUERY_CROPPER_VERSION = '1.0.1'.freeze
   end
 end

data/vendor/assets/javascripts/cropper.js

@@ -1,18 +1,18 @@
 /*!
- * Cropper.js v1.4.3
+ * Cropper.js v1.5.6
  * https://fengyuanchen.github.io/cropperjs
  *
  * Copyright 2015-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2018-10-24T13:07:15.032Z
+ * Date: 2019-10-04T04:33:48.372Z
  */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
-  (global.Cropper = factory());
-}(this, (function () { 'use strict';
+  (global = global || self, global.Cropper = factory());
+}(this, function () { 'use strict';
 
   function _typeof(obj) {
     if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
@@ -50,6 +50,55 @@
     return Constructor;
   }
 
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+
+    return obj;
+  }
+
+  function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+      if (enumerableOnly) symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
+      keys.push.apply(keys, symbols);
+    }
+
+    return keys;
+  }
+
+  function _objectSpread2(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i] != null ? arguments[i] : {};
+
+      if (i % 2) {
+        ownKeys(source, true).forEach(function (key) {
+          _defineProperty(target, key, source[key]);
+        });
+      } else if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+      } else {
+        ownKeys(source).forEach(function (key) {
+          Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+      }
+    }
+
+    return target;
+  }
+
   function _toConsumableArray(arr) {
     return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
   }
@@ -70,8 +119,10 @@
     throw new TypeError("Invalid attempt to spread non-iterable instance");
   }
 
-  var IN_BROWSER = typeof window !== 'undefined';
-  var WINDOW = IN_BROWSER ? window : {};
+  var IS_BROWSER = typeof window !== 'undefined' && typeof window.document !== 'undefined';
+  var WINDOW = IS_BROWSER ? window : {};
+  var IS_TOUCH_DEVICE = IS_BROWSER ? 'ontouchstart' in WINDOW.document.documentElement : false;
+  var HAS_POINTER_EVENT = IS_BROWSER ? 'PointerEvent' in WINDOW : false;
   var NAMESPACE = 'cropper'; // Actions
 
   var ACTION_ALL = 'all';
@@ -107,20 +158,27 @@
   var EVENT_CROP_MOVE = 'cropmove';
   var EVENT_CROP_START = 'cropstart';
   var EVENT_DBLCLICK = 'dblclick';
-  var EVENT_POINTER_DOWN = WINDOW.PointerEvent ? 'pointerdown' : 'touchstart mousedown';
-  var EVENT_POINTER_MOVE = WINDOW.PointerEvent ? 'pointermove' : 'touchmove mousemove';
-  var EVENT_POINTER_UP = WINDOW.PointerEvent ? 'pointerup pointercancel' : 'touchend touchcancel mouseup';
+  var EVENT_TOUCH_START = IS_TOUCH_DEVICE ? 'touchstart' : 'mousedown';
+  var EVENT_TOUCH_MOVE = IS_TOUCH_DEVICE ? 'touchmove' : 'mousemove';
+  var EVENT_TOUCH_END = IS_TOUCH_DEVICE ? 'touchend touchcancel' : 'mouseup';
+  var EVENT_POINTER_DOWN = HAS_POINTER_EVENT ? 'pointerdown' : EVENT_TOUCH_START;
+  var EVENT_POINTER_MOVE = HAS_POINTER_EVENT ? 'pointermove' : EVENT_TOUCH_MOVE;
+  var EVENT_POINTER_UP = HAS_POINTER_EVENT ? 'pointerup pointercancel' : EVENT_TOUCH_END;
   var EVENT_READY = 'ready';
   var EVENT_RESIZE = 'resize';
-  var EVENT_WHEEL = 'wheel mousewheel DOMMouseScroll';
+  var EVENT_WHEEL = 'wheel';
   var EVENT_ZOOM = 'zoom'; // Mime types
 
   var MIME_TYPE_JPEG = 'image/jpeg'; // RegExps
 
-  var REGEXP_ACTIONS = /^(?:e|w|s|n|se|sw|ne|nw|all|crop|move|zoom)$/;
+  var REGEXP_ACTIONS = /^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/;
   var REGEXP_DATA_URL = /^data:/;
   var REGEXP_DATA_URL_JPEG = /^data:image\/jpeg;base64,/;
-  var REGEXP_TAG_NAME = /^(?:img|canvas)$/i;
+  var REGEXP_TAG_NAME = /^img|canvas$/i; // Misc
+  // Inspired by the default width and height of a canvas element.
+
+  var MIN_CONTAINER_WIDTH = 200;
+  var MIN_CONTAINER_HEIGHT = 100;
 
   var DEFAULTS = {
     // Define the view mode of the cropper
@@ -211,6 +269,15 @@
   function isNumber(value) {
     return typeof value === 'number' && !isNaN(value);
   }
+  /**
+   * Check if the given value is a positive number.
+   * @param {*} value - The value to check.
+   * @returns {boolean} Returns `true` if the given value is a positive number, else `false`.
+   */
+
+  var isPositiveNumber = function isPositiveNumber(value) {
+    return value > 0 && value < Infinity;
+  };
   /**
    * Check if the given value is undefined.
    * @param {*} value - The value to check.
@@ -245,7 +312,7 @@
       var _constructor = value.constructor;
       var prototype = _constructor.prototype;
       return _constructor && prototype && hasOwnProperty.call(prototype, 'isPrototypeOf');
-    } catch (e) {
+    } catch (error) {
       return false;
     }
   }
@@ -258,6 +325,16 @@
   function isFunction(value) {
     return typeof value === 'function';
   }
+  var slice = Array.prototype.slice;
+  /**
+   * Convert array-like or iterable object to an array.
+   * @param {*} value - The value to convert.
+   * @returns {Array} Returns a new array.
+   */
+
+  function toArray(value) {
+    return Array.from ? Array.from(value) : slice.call(value);
+  }
   /**
    * Iterate the given data.
    * @param {*} data - The data to iterate.
@@ -270,14 +347,9 @@
       if (Array.isArray(data) || isNumber(data.length)
       /* array-like */
       ) {
-          var length = data.length;
-          var i;
-
-          for (i = 0; i < length; i += 1) {
-            if (callback.call(data, data[i], i, data) === false) {
-              break;
-            }
-          }
+          toArray(data).forEach(function (value, key) {
+            callback.call(data, value, key, data);
+          });
         } else if (isObject(data)) {
         Object.keys(data).forEach(function (key) {
           callback.call(data, data[key], key, data);
@@ -289,27 +361,27 @@
   }
   /**
    * Extend the given object.
-   * @param {*} obj - The object to be extended.
-   * @param {*} args - The rest objects which will be merged to the first object.
+   * @param {*} target - The target object to extend.
+   * @param {*} args - The rest objects for merging to the target object.
    * @returns {Object} The extended object.
    */
 
-  var assign = Object.assign || function assign(obj) {
+  var assign = Object.assign || function assign(target) {
     for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
       args[_key - 1] = arguments[_key];
     }
 
-    if (isObject(obj) && args.length > 0) {
+    if (isObject(target) && args.length > 0) {
       args.forEach(function (arg) {
         if (isObject(arg)) {
           Object.keys(arg).forEach(function (key) {
-            obj[key] = arg[key];
+            target[key] = arg[key];
           });
         }
       });
     }
 
-    return obj;
+    return target;
   };
   var REGEXP_DECIMALS = /\.\d*(?:0|9){12}\d*$/;
   /**
@@ -324,7 +396,7 @@
     var times = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 100000000000;
     return REGEXP_DECIMALS.test(value) ? Math.round(value * times) / times : value;
   }
-  var REGEXP_SUFFIX = /^(?:width|height|left|top|marginLeft|marginTop)$/;
+  var REGEXP_SUFFIX = /^width|height|left|top|marginLeft|marginTop$/;
   /**
    * Apply styles to the given element.
    * @param {Element} element - The target element.
@@ -335,7 +407,7 @@
     var style = element.style;
     forEach(styles, function (value, property) {
       if (REGEXP_SUFFIX.test(property) && isNumber(value)) {
-        value += 'px';
+        value = "".concat(value, "px");
       }
 
       style[property] = value;
@@ -435,15 +507,15 @@
       removeClass(element, value);
     }
   }
-  var REGEXP_HYPHENATE = /([a-z\d])([A-Z])/g;
+  var REGEXP_CAMEL_CASE = /([a-z\d])([A-Z])/g;
   /**
    * Transform the given string from camelCase to kebab-case
    * @param {string} value - The value to transform.
    * @returns {string} The transformed value.
    */
 
-  function hyphenate(value) {
-    return value.replace(REGEXP_HYPHENATE, '$1-$2').toLowerCase();
+  function toParamCase(value) {
+    return value.replace(REGEXP_CAMEL_CASE, '$1-$2').toLowerCase();
   }
   /**
    * Get data from the given element.
@@ -461,7 +533,7 @@
       return element.dataset[name];
     }
 
-    return element.getAttribute("data-".concat(hyphenate(name)));
+    return element.getAttribute("data-".concat(toParamCase(name)));
   }
   /**
    * Set data to the given element.
@@ -476,7 +548,7 @@
     } else if (element.dataset) {
       element.dataset[name] = data;
     } else {
-      element.setAttribute("data-".concat(hyphenate(name)), data);
+      element.setAttribute("data-".concat(toParamCase(name)), data);
     }
   }
   /**
@@ -489,18 +561,18 @@
     if (isObject(element[name])) {
       try {
         delete element[name];
-      } catch (e) {
+      } catch (error) {
         element[name] = undefined;
       }
     } else if (element.dataset) {
       // #128 Safari not allows to delete dataset property
       try {
         delete element.dataset[name];
-      } catch (e) {
+      } catch (error) {
         element.dataset[name] = undefined;
       }
     } else {
-      element.removeAttribute("data-".concat(hyphenate(name)));
+      element.removeAttribute("data-".concat(toParamCase(name)));
     }
   }
   var REGEXP_SPACES = /\s\s*/;
@@ -508,7 +580,7 @@
   var onceSupported = function () {
     var supported = false;
 
-    if (IN_BROWSER) {
+    if (IS_BROWSER) {
       var once = false;
 
       var listener = function listener() {};
@@ -647,7 +719,7 @@
     };
   }
   var location = WINDOW.location;
-  var REGEXP_ORIGINS = /^(https?:)\/\/([^:/?#]+):?(\d*)/i;
+  var REGEXP_ORIGINS = /^(\w+:)\/\/([^:/?#]*):?(\d*)/i;
   /**
    * Check if the given URL is a cross origin URL.
    * @param {string} url - The target URL.
@@ -656,7 +728,7 @@
 
   function isCrossOriginURL(url) {
     var parts = url.match(REGEXP_ORIGINS);
-    return parts && (parts[1] !== location.protocol || parts[2] !== location.hostname || parts[3] !== location.port);
+    return parts !== null && (parts[1] !== location.protocol || parts[2] !== location.hostname || parts[3] !== location.port);
   }
   /**
    * Add timestamp to the given URL.
@@ -717,7 +789,8 @@
    */
 
   function getMaxZoomRatio(pointers) {
-    var pointers2 = assign({}, pointers);
+    var pointers2 = _objectSpread2({}, pointers);
+
     var ratios = [];
     forEach(pointers, function (pointer, pointerId) {
       delete pointers2[pointerId];
@@ -751,7 +824,7 @@
       endX: pageX,
       endY: pageY
     };
-    return endOnly ? end : assign({
+    return endOnly ? end : _objectSpread2({
       startX: pageX,
       startY: pageY
     }, end);
@@ -780,11 +853,6 @@
       pageY: pageY
     };
   }
-  /**
-   * Check if the given value is a finite number.
-   */
-
-  var isFinite = Number.isFinite || WINDOW.isFinite;
   /**
    * Get the max sizes in a rectangle under the given aspect ratio.
    * @param {Object} data - The original sizes.
@@ -798,12 +866,10 @@
         height = _ref4.height,
         width = _ref4.width;
     var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'contain';
+    var isValidWidth = isPositiveNumber(width);
+    var isValidHeight = isPositiveNumber(height);
 
-    var isValidNumber = function isValidNumber(value) {
-      return isFinite(value) && value > 0;
-    };
-
-    if (isValidNumber(width) && isValidNumber(height)) {
+    if (isValidWidth && isValidHeight) {
       var adjustedWidth = height * aspectRatio;
 
       if (type === 'contain' && adjustedWidth > width || type === 'cover' && adjustedWidth < width) {
@@ -811,9 +877,9 @@
       } else {
         width = height * aspectRatio;
       }
-    } else if (isValidNumber(width)) {
+    } else if (isValidWidth) {
       height = width / aspectRatio;
-    } else if (isValidNumber(height)) {
+    } else if (isValidHeight) {
       width = height * aspectRatio;
     }
 
@@ -946,10 +1012,9 @@
 
   function getStringFromCharCode(dataView, start, length) {
     var str = '';
-    var i;
     length += start;
 
-    for (i = start; i < length; i += 1) {
+    for (var i = start; i < length; i += 1) {
       str += fromCharCode(dataView.getUint8(i));
     }
 
@@ -980,12 +1045,15 @@
    */
 
   function arrayBufferToDataURL(arrayBuffer, mimeType) {
-    var chunks = [];
+    var chunks = []; // Chunk Typed Array for better performance (#435)
+
     var chunkSize = 8192;
     var uint8 = new Uint8Array(arrayBuffer);
 
     while (uint8.length > 0) {
-      chunks.push(fromCharCode.apply(void 0, _toConsumableArray(uint8.subarray(0, chunkSize))));
+      // XXX: Babel's `toConsumableArray` helper will throw error in IE or Safari 9
+      // eslint-disable-next-line prefer-spread
+      chunks.push(fromCharCode.apply(null, toArray(uint8.subarray(0, chunkSize))));
       uint8 = uint8.subarray(chunkSize);
     }
 
@@ -1065,7 +1133,7 @@
             }
         }
       }
-    } catch (e) {
+    } catch (error) {
       orientation = 1;
     }
 
@@ -1507,9 +1575,11 @@
 
   var preview = {
     initPreview: function initPreview() {
-      var crossOrigin = this.crossOrigin;
+      var element = this.element,
+          crossOrigin = this.crossOrigin;
       var preview = this.options.preview;
       var url = crossOrigin ? this.crossOriginUrl : this.url;
+      var alt = element.alt || 'The image to preview';
       var image = document.createElement('img');
 
       if (crossOrigin) {
@@ -1517,6 +1587,7 @@
       }
 
       image.src = url;
+      image.alt = alt;
       this.viewBox.appendChild(image);
       this.viewBoxImage = image;
 
@@ -1527,7 +1598,7 @@
       var previews = preview;
 
       if (typeof preview === 'string') {
-        previews = this.element.ownerDocument.querySelectorAll(preview);
+        previews = element.ownerDocument.querySelectorAll(preview);
       } else if (preview.querySelector) {
         previews = [preview];
       }
@@ -1547,6 +1618,7 @@
         }
 
         img.src = url;
+        img.alt = alt;
         /**
          * Override img element styles
          * Add `display:block` to avoid margin top issue
@@ -1655,7 +1727,10 @@
       addListener(cropper, EVENT_POINTER_DOWN, this.onCropStart = this.cropStart.bind(this));
 
       if (options.zoomable && options.zoomOnWheel) {
-        addListener(cropper, EVENT_WHEEL, this.onWheel = this.wheel.bind(this));
+        addListener(cropper, EVENT_WHEEL, this.onWheel = this.wheel.bind(this), {
+          passive: false,
+          capture: true
+        });
       }
 
       if (options.toggleDragModeOnDblclick) {
@@ -1697,7 +1772,10 @@
       removeListener(cropper, EVENT_POINTER_DOWN, this.onCropStart);
 
       if (options.zoomable && options.zoomOnWheel) {
-        removeListener(cropper, EVENT_WHEEL, this.onWheel);
+        removeListener(cropper, EVENT_WHEEL, this.onWheel, {
+          passive: false,
+          capture: true
+        });
       }
 
       if (options.toggleDragModeOnDblclick) {
@@ -1718,8 +1796,8 @@
       var options = this.options,
           container = this.container,
           containerData = this.containerData;
-      var minContainerWidth = Number(options.minContainerWidth) || 200;
-      var minContainerHeight = Number(options.minContainerHeight) || 100;
+      var minContainerWidth = Number(options.minContainerWidth) || MIN_CONTAINER_WIDTH;
+      var minContainerHeight = Number(options.minContainerHeight) || MIN_CONTAINER_HEIGHT;
 
       if (this.disabled || containerData.width <= minContainerWidth || containerData.height <= minContainerHeight) {
         return;
@@ -1755,7 +1833,7 @@
 
       this.setDragMode(hasClass(this.dragBox, CLASS_CROP) ? DRAG_MODE_MOVE : DRAG_MODE_CROP);
     },
-    wheel: function wheel(e) {
+    wheel: function wheel(event) {
       var _this = this;
 
       var ratio = Number(this.options.wheelZoomRatio) || 0.1;
@@ -1765,7 +1843,7 @@
         return;
       }
 
-      e.preventDefault(); // Limit wheel speed to prevent zoom too fast (#21)
+      event.preventDefault(); // Limit wheel speed to prevent zoom too fast (#21)
 
       if (this.wheeling) {
         return;
@@ -1776,18 +1854,24 @@
         _this.wheeling = false;
       }, 50);
 
-      if (e.deltaY) {
-        delta = e.deltaY > 0 ? 1 : -1;
-      } else if (e.wheelDelta) {
-        delta = -e.wheelDelta / 120;
-      } else if (e.detail) {
-        delta = e.detail > 0 ? 1 : -1;
+      if (event.deltaY) {
+        delta = event.deltaY > 0 ? 1 : -1;
+      } else if (event.wheelDelta) {
+        delta = -event.wheelDelta / 120;
+      } else if (event.detail) {
+        delta = event.detail > 0 ? 1 : -1;
       }
 
-      this.zoom(-delta * ratio, e);
+      this.zoom(-delta * ratio, event);
     },
-    cropStart: function cropStart(e) {
-      if (this.disabled) {
+    cropStart: function cropStart(event) {
+      var buttons = event.buttons,
+          button = event.button;
+
+      if (this.disabled // Handle mouse event and pointer event and ignore touch event
+      || (event.type === 'mousedown' || event.type === 'pointerdown' && event.pointerType === 'mouse') && ( // No primary button (Usually the left button)
+      isNumber(buttons) && buttons !== 1 || isNumber(button) && button !== 0 // Open context menu
+      || event.ctrlKey)) {
         return;
       }
 
@@ -1795,20 +1879,20 @@
           pointers = this.pointers;
       var action;
 
-      if (e.changedTouches) {
+      if (event.changedTouches) {
         // Handle touch event
-        forEach(e.changedTouches, function (touch) {
+        forEach(event.changedTouches, function (touch) {
           pointers[touch.identifier] = getPointer(touch);
         });
       } else {
         // Handle mouse event and pointer event
-        pointers[e.pointerId || 0] = getPointer(e);
+        pointers[event.pointerId || 0] = getPointer(event);
       }
 
       if (Object.keys(pointers).length > 1 && options.zoomable && options.zoomOnTouch) {
         action = ACTION_ZOOM;
       } else {
-        action = getData(e.target, DATA_ACTION);
+        action = getData(event.target, DATA_ACTION);
       }
 
       if (!REGEXP_ACTIONS.test(action)) {
@@ -1816,14 +1900,14 @@
       }
 
       if (dispatchEvent(this.element, EVENT_CROP_START, {
-        originalEvent: e,
+        originalEvent: event,
         action: action
       }) === false) {
         return;
       } // This line is required for preventing page zooming in iOS browsers
 
 
-      e.preventDefault();
+      event.preventDefault();
       this.action = action;
       this.cropping = false;
 
@@ -1832,7 +1916,7 @@
         addClass(this.dragBox, CLASS_MODAL);
       }
     },
-    cropMove: function cropMove(e) {
+    cropMove: function cropMove(event) {
       var action = this.action;
 
       if (this.disabled || !action) {
@@ -1840,27 +1924,27 @@
       }
 
       var pointers = this.pointers;
-      e.preventDefault();
+      event.preventDefault();
 
       if (dispatchEvent(this.element, EVENT_CROP_MOVE, {
-        originalEvent: e,
+        originalEvent: event,
         action: action
       }) === false) {
         return;
       }
 
-      if (e.changedTouches) {
-        forEach(e.changedTouches, function (touch) {
+      if (event.changedTouches) {
+        forEach(event.changedTouches, function (touch) {
           // The first parameter should not be undefined (#432)
           assign(pointers[touch.identifier] || {}, getPointer(touch, true));
         });
       } else {
-        assign(pointers[e.pointerId || 0] || {}, getPointer(e, true));
+        assign(pointers[event.pointerId || 0] || {}, getPointer(event, true));
       }
 
-      this.change(e);
+      this.change(event);
     },
-    cropEnd: function cropEnd(e) {
+    cropEnd: function cropEnd(event) {
       if (this.disabled) {
         return;
       }
@@ -1868,19 +1952,19 @@
       var action = this.action,
           pointers = this.pointers;
 
-      if (e.changedTouches) {
-        forEach(e.changedTouches, function (touch) {
+      if (event.changedTouches) {
+        forEach(event.changedTouches, function (touch) {
           delete pointers[touch.identifier];
         });
       } else {
-        delete pointers[e.pointerId || 0];
+        delete pointers[event.pointerId || 0];
       }
 
       if (!action) {
         return;
       }
 
-      e.preventDefault();
+      event.preventDefault();
 
       if (!Object.keys(pointers).length) {
         this.action = '';
@@ -1892,14 +1976,14 @@
       }
 
       dispatchEvent(this.element, EVENT_CROP_END, {
-        originalEvent: e,
+        originalEvent: event,
         action: action
       });
     }
   };
 
   var change = {
-    change: function change(e) {
+    change: function change(event) {
       var options = this.options,
           canvasData = this.canvasData,
           containerData = this.containerData,
@@ -1920,7 +2004,7 @@
       var renderable = true;
       var offset; // Locking aspect ratio in "free mode" by holding shift key
 
-      if (!aspectRatio && e.shiftKey) {
+      if (!aspectRatio && event.shiftKey) {
         aspectRatio = width && height ? width / height : 1;
       }
 
@@ -2293,7 +2377,7 @@
         // Zoom canvas
 
         case ACTION_ZOOM:
-          this.zoom(getMaxZoomRatio(pointers), e);
+          this.zoom(getMaxZoomRatio(pointers), event);
           renderable = false;
           break;
         // Create crop box
@@ -2685,7 +2769,7 @@
      * @param {boolean} [rounded=false] - Indicate if round the data values or not.
      * @returns {Object} The result cropped data.
      */
-    getData: function getData$$1() {
+    getData: function getData() {
       var rounded = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
       var options = this.options,
           imageData = this.imageData,
@@ -2741,7 +2825,7 @@
      * @param {Object} data - The new data.
      * @returns {Cropper} this
      */
-    setData: function setData$$1(data) {
+    setData: function setData(data) {
       var options = this.options,
           imageData = this.imageData,
           canvasData = this.canvasData;
@@ -3198,28 +3282,38 @@
         if (!options.checkOrientation || !window.ArrayBuffer) {
           this.clone();
           return;
-        } // XMLHttpRequest disallows to open a Data URL in some browsers like IE11 and Safari
+        } // Detect the mime type of the image directly if it is a Data URL
 
 
         if (REGEXP_DATA_URL.test(url)) {
+          // Read ArrayBuffer from Data URL of JPEG images directly for better performance
           if (REGEXP_DATA_URL_JPEG.test(url)) {
             this.read(dataURLToArrayBuffer(url));
           } else {
+            // Only a JPEG image may contains Exif Orientation information,
+            // the rest types of Data URLs are not necessary to check orientation at all.
             this.clone();
           }
 
           return;
-        }
+        } // 1. Detect the mime type of the image by a XMLHttpRequest.
+        // 2. Load the image as ArrayBuffer for reading orientation if its a JPEG image.
+
 
         var xhr = new XMLHttpRequest();
         var clone = this.clone.bind(this);
         this.reloading = true;
-        this.xhr = xhr;
-        xhr.ontimeout = clone;
+        this.xhr = xhr; // 1. Cross origin requests are only supported for protocol schemes:
+        // http, https, data, chrome, chrome-extension.
+        // 2. Access to XMLHttpRequest from a Data URL will be blocked by CORS policy
+        // in some browsers as IE11 and Safari.
+
         xhr.onabort = clone;
         xhr.onerror = clone;
+        xhr.ontimeout = clone;
 
         xhr.onprogress = function () {
+          // Abort the request directly if it not a JPEG image for better performance
           if (xhr.getResponseHeader('content-type') !== MIME_TYPE_JPEG) {
             xhr.abort();
           }
@@ -3248,15 +3342,16 @@
       key: "read",
       value: function read(arrayBuffer) {
         var options = this.options,
-            imageData = this.imageData;
+            imageData = this.imageData; // Reset the orientation value to its default value 1
+        // as some iOS browsers will render image with its orientation
+
         var orientation = resetAndGetOrientation(arrayBuffer);
         var rotate = 0;
         var scaleX = 1;
         var scaleY = 1;
 
         if (orientation > 1) {
-          // Generate a new Data URL with the orientation value set to 1
-          // as some iOS browsers will render image with its orientation
+          // Generate a new URL which has the default orientation value
           this.url = arrayBufferToDataURL(arrayBuffer, MIME_TYPE_JPEG);
 
           var _parseOrientation = parseOrientation(orientation);
@@ -3282,19 +3377,16 @@
       value: function clone() {
         var element = this.element,
             url = this.url;
-        var crossOrigin;
-        var crossOriginUrl;
+        var crossOrigin = element.crossOrigin;
+        var crossOriginUrl = url;
 
         if (this.options.checkCrossOrigin && isCrossOriginURL(url)) {
-          crossOrigin = element.crossOrigin;
+          if (!crossOrigin) {
+            crossOrigin = 'anonymous';
+          } // Bust cache when there is not a "crossOrigin" property (#519)
 
-          if (crossOrigin) {
-            crossOriginUrl = url;
-          } else {
-            crossOrigin = 'anonymous'; // Bust cache when there is not a "crossOrigin" property
 
-            crossOriginUrl = addTimestamp(url);
-          }
+          crossOriginUrl = addTimestamp(url);
         }
 
         this.crossOrigin = crossOrigin;
@@ -3306,6 +3398,7 @@
         }
 
         image.src = crossOriginUrl || url;
+        image.alt = element.alt || 'The image to crop';
         this.image = image;
         image.onload = this.start.bind(this);
         image.onerror = this.stop.bind(this);
@@ -3317,11 +3410,13 @@
       value: function start() {
         var _this2 = this;
 
-        var image = this.isImg ? this.element : this.image;
+        var image = this.image;
         image.onload = null;
         image.onerror = null;
-        this.sizing = true;
-        var IS_SAFARI = WINDOW.navigator && /(Macintosh|iPhone|iPod|iPad).*AppleWebKit/i.test(WINDOW.navigator.userAgent);
+        this.sizing = true; // Match all browsers that use WebKit as the layout engine in iOS devices,
+        // such as Safari for iOS, Chrome for iOS, and in-app browsers.
+
+        var isIOSWebKit = WINDOW.navigator && /(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(WINDOW.navigator.userAgent);
 
         var done = function done(naturalWidth, naturalHeight) {
           assign(_this2.imageData, {
@@ -3333,10 +3428,10 @@
           _this2.sized = true;
 
           _this2.build();
-        }; // Modern browsers (except Safari)
+        }; // Most modern browsers (excepts iOS WebKit)
 
 
-        if (image.naturalWidth && !IS_SAFARI) {
+        if (image.naturalWidth && !isIOSWebKit) {
           done(image.naturalWidth, image.naturalHeight);
           return;
         }
@@ -3348,15 +3443,15 @@
         sizingImage.onload = function () {
           done(sizingImage.width, sizingImage.height);
 
-          if (!IS_SAFARI) {
+          if (!isIOSWebKit) {
             body.removeChild(sizingImage);
           }
         };
 
-        sizingImage.src = image.src; // iOS Safari will convert the image automatically
+        sizingImage.src = image.src; // iOS WebKit will convert the image automatically
         // with its orientation once append it into DOM (#279)
 
-        if (!IS_SAFARI) {
+        if (!isIOSWebKit) {
           sizingImage.style.cssText = 'left:0;' + 'max-height:none!important;' + 'max-width:none!important;' + 'min-height:0!important;' + 'min-width:0!important;' + 'opacity:0;' + 'position:absolute;' + 'top:0;' + 'z-index:-1;';
           body.appendChild(sizingImage);
         }
@@ -3518,4 +3613,4 @@
 
   return Cropper;
 
-})));
+}));

data/vendor/assets/javascripts/jquery-cropper.js

@@ -1,33 +1,32 @@
 /*!
- * jQuery Cropper v1.0.0
- * https://github.com/fengyuanchen/jquery-cropper
+ * jQuery Cropper v1.0.1
+ * https://fengyuanchen.github.io/jquery-cropper
  *
- * Copyright (c) 2018 Chen Fengyuan
+ * Copyright 2018-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2018-04-01T06:20:13.168Z
+ * Date: 2019-10-19T08:48:33.062Z
  */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('jquery'), require('cropperjs')) :
   typeof define === 'function' && define.amd ? define(['jquery', 'cropperjs'], factory) :
-  (factory(global.jQuery,global.Cropper));
-}(this, (function ($,Cropper) { 'use strict';
+  (global = global || self, factory(global.jQuery, global.Cropper));
+}(this, function ($, Cropper) { 'use strict';
 
   $ = $ && $.hasOwnProperty('default') ? $['default'] : $;
   Cropper = Cropper && Cropper.hasOwnProperty('default') ? Cropper['default'] : Cropper;
 
-  if ($.fn) {
+  if ($ && $.fn && Cropper) {
     var AnotherCropper = $.fn.cropper;
     var NAMESPACE = 'cropper';
 
     $.fn.cropper = function jQueryCropper(option) {
-      for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
         args[_key - 1] = arguments[_key];
       }
 
-      var result = void 0;
-
+      var result;
       this.each(function (i, element) {
         var $element = $(element);
         var isDestroy = option === 'destroy';
@@ -39,7 +38,6 @@
           }
 
           var options = $.extend({}, $element.data(), $.isPlainObject(option) && option);
-
           cropper = new Cropper(element, options);
           $element.data(NAMESPACE, cropper);
         }
@@ -60,16 +58,16 @@
           }
         }
       });
-
       return result !== undefined ? result : this;
     };
 
     $.fn.cropper.Constructor = Cropper;
     $.fn.cropper.setDefaults = Cropper.setDefaults;
+
     $.fn.cropper.noConflict = function noConflict() {
       $.fn.cropper = AnotherCropper;
       return this;
     };
   }
 
-})));
+}));

data/vendor/assets/stylesheets/cropper.css

@@ -1,11 +1,11 @@
 /*!
- * Cropper.js v1.4.3
+ * Cropper.js v1.5.6
  * https://fengyuanchen.github.io/cropperjs
  *
  * Copyright 2015-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2018-10-24T13:07:11.429Z
+ * Date: 2019-10-04T04:33:44.164Z
  */
 
  .cropper-container {
@@ -56,14 +56,14 @@
 
 .cropper-modal {
   background-color: #000;
-  opacity: .5;
+  opacity: 0.5;
 }
 
 .cropper-view-box {
   display: block;
   height: 100%;
-  outline-color: rgba(51, 153, 255, 0.75);
   outline: 1px solid #39f;
+  outline-color: rgba(51, 153, 255, 0.75);
   overflow: hidden;
   width: 100%;
 }
@@ -71,7 +71,7 @@
 .cropper-dashed {
   border: 0 dashed #eee;
   display: block;
-  opacity: .5;
+  opacity: 0.5;
   position: absolute;
 }
 
@@ -97,28 +97,28 @@
   display: block;
   height: 0;
   left: 50%;
-  opacity: .75;
+  opacity: 0.75;
   position: absolute;
   top: 50%;
   width: 0;
 }
 
-.cropper-center:before,
-.cropper-center:after {
+.cropper-center::before,
+.cropper-center::after {
   background-color: #eee;
   content: ' ';
   display: block;
   position: absolute;
 }
 
-.cropper-center:before {
+.cropper-center::before {
   height: 1px;
   left: -3px;
   top: 0;
   width: 7px;
 }
 
-.cropper-center:after {
+.cropper-center::after {
   height: 7px;
   left: 0;
   top: -3px;
@@ -130,7 +130,7 @@
 .cropper-point {
   display: block;
   height: 100%;
-  opacity: .1;
+  opacity: 0.1;
   position: absolute;
   width: 100%;
 }
@@ -176,7 +176,7 @@
 .cropper-point {
   background-color: #39f;
   height: 5px;
-  opacity: .75;
+  opacity: 0.75;
   width: 5px;
 }
 
@@ -252,12 +252,12 @@
 @media (min-width: 1200px) {
   .cropper-point.point-se {
     height: 5px;
-    opacity: .75;
+    opacity: 0.75;
     width: 5px;
   }
 }
 
-.cropper-point.point-se:before {
+.cropper-point.point-se::before {
   background-color: #39f;
   bottom: -50%;
   content: ' ';

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: cropper_rails
 version: !ruby/object:Gem::Version
-  version: 1.0.2
+  version: 1.1.0
 platform: ruby
 authors:
 - D1ceWard
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2018-10-30 00:00:00.000000000 Z
+date: 2020-05-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jquery-rails
@@ -30,14 +30,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.16'
+        version: '2.0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.16'
+        version: '2.0'
 description: Cropper is a simple image cropping library. This gem integrates Cropper
   with Rails asset pipeline for ease of use.
 email:
@@ -49,7 +49,6 @@ files:
 - ".github/ISSUE_TEMPLATE/bug_report.md"
 - ".github/ISSUE_TEMPLATE/feature_request.md"
 - ".gitignore"
-- ".rubocop.yml"
 - CODE_OF_CONDUCT.md
 - CONTRIBUTING.md
 - Gemfile
@@ -82,8 +81,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.7.7
+rubygems_version: 3.1.2
 signing_key: 
 specification_version: 4
 summary: Integrate Cropper library with Rails asset pipeline

data/.rubocop.yml

@@ -1,13 +0,0 @@
-AllCops:
-  DisplayCopNames: true
-  Exclude:
-    - '*.gem'
-
-Style/HashSyntax:
-  Enabled: true
-
-Metrics/LineLength:
-  Max: 100
-
-Metrics/MethodLength:
-  Max: 20