sortablejs 1.10.0-rc2 → 1.10.2

package/modular/sortable.core.esm.js

@@ -1,5 +1,5 @@
 /**!
- * Sortable 1.10.0-rc2
+ * Sortable 1.10.2
  * @author	RubaXa   <trash@rubaxa.org>
  * @author	owenm    <owen23355@gmail.com>
  * @license MIT
@@ -126,27 +126,22 @@ function _nonIterableSpread() {
   throw new TypeError("Invalid attempt to spread non-iterable instance");
 }
 
-var version = "1.10.0-rc2";
+var version = "1.10.2";
 
 function userAgent(pattern) {
-  return !!navigator.userAgent.match(pattern);
+  if (typeof window !== 'undefined' && window.navigator) {
+    return !!
+    /*@__PURE__*/
+    navigator.userAgent.match(pattern);
+  }
 }
 
-var IE11OrLess =
-/*@__PURE__*/
-userAgent(/(?:Trident.*rv[ :]?11\.|msie|iemobile)/i);
-var Edge =
-/*@__PURE__*/
-userAgent(/Edge/i);
-var FireFox =
-/*@__PURE__*/
-userAgent(/firefox/i);
-var Safari =
-/*@__PURE__*/
-userAgent(/safari/i) && !userAgent(/chrome/i) && !userAgent(/android/i);
-var IOS =
-/*@__PURE__*/
-userAgent(/iP(ad|od|hone)/i);
+var IE11OrLess = userAgent(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i);
+var Edge = userAgent(/Edge/i);
+var FireFox = userAgent(/firefox/i);
+var Safari = userAgent(/safari/i) && !userAgent(/chrome/i) && !userAgent(/android/i);
+var IOS = userAgent(/iP(ad|od|hone)/i);
+var ChromeForAndroid = userAgent(/chrome/i) && userAgent(/android/i);
 
 var captureMode = {
   capture: false,
@@ -251,17 +246,21 @@ function css(el, prop, val) {
 function matrix(el, selfOnly) {
   var appliedTransforms = '';
 
-  do {
-    var transform = css(el, 'transform');
+  if (typeof el === 'string') {
+    appliedTransforms = el;
+  } else {
+    do {
+      var transform = css(el, 'transform');
 
-    if (transform && transform !== 'none') {
-      appliedTransforms = transform + ' ' + appliedTransforms;
-    }
-    /* jshint boss:true */
+      if (transform && transform !== 'none') {
+        appliedTransforms = transform + ' ' + appliedTransforms;
+      }
+      /* jshint boss:true */
 
-  } while (!selfOnly && (el = el.parentNode));
+    } while (!selfOnly && (el = el.parentNode));
+  }
 
-  var matrixFn = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix;
+  var matrixFn = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
   /*jshint -W056 */
 
   return matrixFn && new matrixFn(appliedTransforms);
@@ -286,20 +285,22 @@ function find(ctx, tagName, iterator) {
 }
 
 function getWindowScrollingElement() {
-  if (IE11OrLess) {
-    return document.documentElement;
+  var scrollingElement = document.scrollingElement;
+
+  if (scrollingElement) {
+    return scrollingElement;
   } else {
-    return document.scrollingElement;
+    return document.documentElement;
   }
 }
-/**
- * Returns the "bounding client rect" of given element
- * @param  {HTMLElement} el                       The element whose boundingClientRect is wanted
- * @param  {[Boolean]} relativeToContainingBlock  Whether the rect should be relative to the containing block of (including) the container
- * @param  {[Boolean]} relativeToNonStaticParent  Whether the rect should be relative to the relative parent of (including) the contaienr
- * @param  {[Boolean]} undoScale                  Whether the container's scale() should be undone
- * @param  {[HTMLElement]} container              The parent the element will be placed in
- * @return {Object}                               The boundingClientRect of el, with specified adjustments
+/**
+ * Returns the "bounding client rect" of given element
+ * @param  {HTMLElement} el                       The element whose boundingClientRect is wanted
+ * @param  {[Boolean]} relativeToContainingBlock  Whether the rect should be relative to the containing block of (including) the container
+ * @param  {[Boolean]} relativeToNonStaticParent  Whether the rect should be relative to the relative parent of (including) the contaienr
+ * @param  {[Boolean]} undoScale                  Whether the container's scale() should be undone
+ * @param  {[HTMLElement]} container              The parent the element will be placed in
+ * @return {Object}                               The boundingClientRect of el, with specified adjustments
  */
 
 
@@ -371,19 +372,18 @@ function getRect(el, relativeToContainingBlock, relativeToNonStaticParent, undoS
     height: height
   };
 }
-/**
- * Checks if a side of an element is scrolled past a side of its parents
- * @param  {HTMLElement}  el           The element who's side being scrolled out of view is in question
- * @param  {[DOMRect]}    rect         Optional rect of `el` to use
- * @param  {String}       elSide       Side of the element in question ('top', 'left', 'right', 'bottom')
- * @param  {String}       parentSide   Side of the parent in question ('top', 'left', 'right', 'bottom')
- * @return {HTMLElement}               The parent scroll element that the el's side is scrolled past, or null if there is no such element
+/**
+ * Checks if a side of an element is scrolled past a side of its parents
+ * @param  {HTMLElement}  el           The element who's side being scrolled out of view is in question
+ * @param  {String}       elSide       Side of the element in question ('top', 'left', 'right', 'bottom')
+ * @param  {String}       parentSide   Side of the parent in question ('top', 'left', 'right', 'bottom')
+ * @return {HTMLElement}               The parent scroll element that the el's side is scrolled past, or null if there is no such element
  */
 
 
-function isScrolledPast(el, rect, elSide, parentSide) {
+function isScrolledPast(el, elSide, parentSide) {
   var parent = getParentAutoScrollElement(el, true),
-      elSideVal = (rect ? rect : getRect(el))[elSide];
+      elSideVal = getRect(el)[elSide];
   /* jshint boss:true */
 
   while (parent) {
@@ -403,13 +403,13 @@ function isScrolledPast(el, rect, elSide, parentSide) {
 
   return false;
 }
-/**
- * Gets nth child of el, ignoring hidden children, sortable's elements (does not ignore clone if it's visible)
- * and non-draggable elements
- * @param  {HTMLElement} el       The parent element
- * @param  {Number} childNum      The index of the child
- * @param  {Object} options       Parent Sortable's options
- * @return {HTMLElement}          The child at index childNum, or null if not found
+/**
+ * Gets nth child of el, ignoring hidden children, sortable's elements (does not ignore clone if it's visible)
+ * and non-draggable elements
+ * @param  {HTMLElement} el       The parent element
+ * @param  {Number} childNum      The index of the child
+ * @param  {Object} options       Parent Sortable's options
+ * @return {HTMLElement}          The child at index childNum, or null if not found
  */
 
 
@@ -432,11 +432,11 @@ function getChild(el, childNum, options) {
 
   return null;
 }
-/**
- * Gets the last child in the el, ignoring ghostEl or invisible elements (clones)
- * @param  {HTMLElement} el       Parent element
- * @param  {selector} selector    Any other elements that should be ignored
- * @return {HTMLElement}          The last child, ignoring ghostEl
+/**
+ * Gets the last child in the el, ignoring ghostEl or invisible elements (clones)
+ * @param  {HTMLElement} el       Parent element
+ * @param  {selector} selector    Any other elements that should be ignored
+ * @return {HTMLElement}          The last child, ignoring ghostEl
  */
 
 
@@ -449,12 +449,12 @@ function lastChild(el, selector) {
 
   return last || null;
 }
-/**
- * Returns the index of an element within its parent for a selected set of
- * elements
- * @param  {HTMLElement} el
- * @param  {selector} selector
- * @return {number}
+/**
+ * Returns the index of an element within its parent for a selected set of
+ * elements
+ * @param  {HTMLElement} el
+ * @param  {selector} selector
+ * @return {number}
  */
 
 
@@ -475,11 +475,11 @@ function index(el, selector) {
 
   return index;
 }
-/**
- * Returns the scroll offset of the given element, added with all the scroll offsets of parent elements.
- * The value is returned in real pixels.
- * @param  {HTMLElement} el
- * @return {Array}             Offsets in the format of [left, top]
+/**
+ * Returns the scroll offset of the given element, added with all the scroll offsets of parent elements.
+ * The value is returned in real pixels.
+ * @param  {HTMLElement} el
+ * @return {Array}             Offsets in the format of [left, top]
  */
 
 
@@ -500,18 +500,20 @@ function getRelativeScrollOffset(el) {
 
   return [offsetLeft, offsetTop];
 }
-/**
- * Returns the index of the object within the given array
- * @param  {Array} arr   Array that may or may not hold the object
- * @param  {Object} obj  An object that has a key-value pair unique to and identical to a key-value pair in the object you want to find
- * @return {Number}      The index of the object in the array, or -1
+/**
+ * Returns the index of the object within the given array
+ * @param  {Array} arr   Array that may or may not hold the object
+ * @param  {Object} obj  An object that has a key-value pair unique to and identical to a key-value pair in the object you want to find
+ * @return {Number}      The index of the object in the array, or -1
  */
 
 
 function indexOfObject(arr, obj) {
   for (var i in arr) {
+    if (!arr.hasOwnProperty(i)) continue;
+
     for (var key in obj) {
-      if (obj[key] === arr[i][key]) return Number(i);
+      if (obj.hasOwnProperty(key) && obj[key] === arr[i][key]) return Number(i);
     }
   }
 
@@ -628,17 +630,18 @@ function AnimationStateManager() {
       animationStates = [];
       if (!this.options.animation) return;
       var children = [].slice.call(this.el.children);
-
-      for (var i in children) {
-        if (css(children[i], 'display') === 'none' || children[i] === Sortable.ghost) continue;
+      children.forEach(function (child) {
+        if (css(child, 'display') === 'none' || child === Sortable.ghost) return;
         animationStates.push({
-          target: children[i],
-          rect: getRect(children[i])
+          target: child,
+          rect: getRect(child)
         });
-        var fromRect = getRect(children[i]); // If animating: compensate for current animation
 
-        if (children[i].thisAnimationDuration) {
-          var childMatrix = matrix(children[i], true);
+        var fromRect = _objectSpread({}, animationStates[animationStates.length - 1].rect); // If animating: compensate for current animation
+
+
+        if (child.thisAnimationDuration) {
+          var childMatrix = matrix(child, true);
 
           if (childMatrix) {
             fromRect.top -= childMatrix.f;
@@ -646,8 +649,8 @@ function AnimationStateManager() {
           }
         }
 
-        children[i].fromRect = fromRect;
-      }
+        child.fromRect = fromRect;
+      });
     },
     addAnimationState: function addAnimationState(state) {
       animationStates.push(state);
@@ -658,6 +661,8 @@ function AnimationStateManager() {
       }), 1);
     },
     animateAll: function animateAll(callback) {
+      var _this = this;
+
       if (!this.options.animation) {
         clearTimeout(animationCallbackId);
         if (typeof callback === 'function') callback();
@@ -666,15 +671,14 @@ function AnimationStateManager() {
 
       var animating = false,
           animationTime = 0;
-
-      for (var i in animationStates) {
+      animationStates.forEach(function (state) {
         var time = 0,
-            target = animationStates[i].target,
+            target = state.target,
             fromRect = target.fromRect,
             toRect = getRect(target),
             prevFromRect = target.prevFromRect,
             prevToRect = target.prevToRect,
-            animatingRect = animationStates[i].rect,
+            animatingRect = state.rect,
             targetMatrix = matrix(target, true);
 
         if (targetMatrix) {
@@ -683,16 +687,14 @@ function AnimationStateManager() {
           toRect.left -= targetMatrix.e;
         }
 
-        target.toRect = toRect; // If element is scrolled out of view: Do not animate
-
-        if ((isScrolledPast(target, toRect, 'bottom', 'top') || isScrolledPast(target, toRect, 'top', 'bottom') || isScrolledPast(target, toRect, 'right', 'left') || isScrolledPast(target, toRect, 'left', 'right')) && (isScrolledPast(target, animatingRect, 'bottom', 'top') || isScrolledPast(target, animatingRect, 'top', 'bottom') || isScrolledPast(target, animatingRect, 'right', 'left') || isScrolledPast(target, animatingRect, 'left', 'right')) && (isScrolledPast(target, fromRect, 'bottom', 'top') || isScrolledPast(target, fromRect, 'top', 'bottom') || isScrolledPast(target, fromRect, 'right', 'left') || isScrolledPast(target, fromRect, 'left', 'right'))) continue;
+        target.toRect = toRect;
 
         if (target.thisAnimationDuration) {
           // Could also check if animatingRect is between fromRect and toRect
           if (isRectEqual(prevFromRect, toRect) && !isRectEqual(fromRect, toRect) && // Make sure animatingRect is on line between toRect & fromRect
           (animatingRect.top - toRect.top) / (animatingRect.left - toRect.left) === (fromRect.top - toRect.top) / (fromRect.left - toRect.left)) {
             // If returning to same place as started from animation and on same axis
-            time = calculateRealTime(animatingRect, prevFromRect, prevToRect, this.options);
+            time = calculateRealTime(animatingRect, prevFromRect, prevToRect, _this.options);
           }
         } // if fromRect != toRect: animate
 
@@ -702,10 +704,10 @@ function AnimationStateManager() {
           target.prevToRect = toRect;
 
           if (!time) {
-            time = this.options.animation;
+            time = _this.options.animation;
           }
 
-          this.animate(target, animatingRect, time);
+          _this.animate(target, animatingRect, toRect, time);
         }
 
         if (time) {
@@ -713,19 +715,15 @@ function AnimationStateManager() {
           animationTime = Math.max(animationTime, time);
           clearTimeout(target.animationResetTimer);
           target.animationResetTimer = setTimeout(function () {
-            this.animationStates[this.i].target.animationTime = 0;
-            this.animationStates[this.i].target.prevFromRect = null;
-            this.animationStates[this.i].target.fromRect = null;
-            this.animationStates[this.i].target.prevToRect = null;
-            this.animationStates[this.i].target.thisAnimationDuration = null;
-          }.bind({
-            animationStates: animationStates,
-            i: Number(i)
-          }), time);
+            target.animationTime = 0;
+            target.prevFromRect = null;
+            target.fromRect = null;
+            target.prevToRect = null;
+            target.thisAnimationDuration = null;
+          }, time);
           target.thisAnimationDuration = time;
         }
-      }
-
+      });
       clearTimeout(animationCallbackId);
 
       if (!animating) {
@@ -738,16 +736,15 @@ function AnimationStateManager() {
 
       animationStates = [];
     },
-    animate: function animate(target, prev, duration) {
+    animate: function animate(target, currentRect, toRect, duration) {
       if (duration) {
         css(target, 'transition', '');
         css(target, 'transform', '');
-        var currentRect = getRect(target),
-            elMatrix = matrix(this.el),
+        var elMatrix = matrix(this.el),
             scaleX = elMatrix && elMatrix.a,
             scaleY = elMatrix && elMatrix.d,
-            translateX = (prev.left - currentRect.left) / (scaleX || 1),
-            translateY = (prev.top - currentRect.top) / (scaleY || 1);
+            translateX = (currentRect.left - toRect.left) / (scaleX || 1),
+            translateY = (currentRect.top - toRect.top) / (scaleY || 1);
         target.animatingX = !!translateX;
         target.animatingY = !!translateY;
         css(target, 'transform', 'translate3d(' + translateX + 'px,' + translateY + 'px,0)');
@@ -784,45 +781,55 @@ var PluginManager = {
   mount: function mount(plugin) {
     // Set default static properties
     for (var option in defaults) {
-      !(option in plugin) && (plugin[option] = defaults[option]);
+      if (defaults.hasOwnProperty(option) && !(option in plugin)) {
+        plugin[option] = defaults[option];
+      }
     }
 
     plugins.push(plugin);
   },
   pluginEvent: function pluginEvent(eventName, sortable, evt) {
+    var _this = this;
+
     this.eventCanceled = false;
-    var eventNameGlobal = eventName + 'Global';
 
-    for (var i in plugins) {
-      if (!sortable[plugins[i].pluginName]) continue; // Fire global events if it exists in this sortable
+    evt.cancel = function () {
+      _this.eventCanceled = true;
+    };
 
-      if (sortable[plugins[i].pluginName][eventNameGlobal]) {
-        this.eventCanceled = !!sortable[plugins[i].pluginName][eventNameGlobal](_objectSpread({
+    var eventNameGlobal = eventName + 'Global';
+    plugins.forEach(function (plugin) {
+      if (!sortable[plugin.pluginName]) return; // Fire global events if it exists in this sortable
+
+      if (sortable[plugin.pluginName][eventNameGlobal]) {
+        sortable[plugin.pluginName][eventNameGlobal](_objectSpread({
           sortable: sortable
         }, evt));
       } // Only fire plugin event if plugin is enabled in this sortable,
       // and plugin has event defined
 
 
-      if (sortable.options[plugins[i].pluginName] && sortable[plugins[i].pluginName][eventName]) {
-        this.eventCanceled = this.eventCanceled || !!sortable[plugins[i].pluginName][eventName](_objectSpread({
+      if (sortable.options[plugin.pluginName] && sortable[plugin.pluginName][eventName]) {
+        sortable[plugin.pluginName][eventName](_objectSpread({
           sortable: sortable
         }, evt));
       }
-    }
+    });
   },
-  initializePlugins: function initializePlugins(sortable, el, defaults) {
-    for (var i in plugins) {
-      var pluginName = plugins[i].pluginName;
-      if (!sortable.options[pluginName] && !plugins[i].initializeByDefault) continue;
-      var initialized = new plugins[i](sortable, el);
+  initializePlugins: function initializePlugins(sortable, el, defaults, options) {
+    plugins.forEach(function (plugin) {
+      var pluginName = plugin.pluginName;
+      if (!sortable.options[pluginName] && !plugin.initializeByDefault) return;
+      var initialized = new plugin(sortable, el, sortable.options);
       initialized.sortable = sortable;
+      initialized.options = sortable.options;
       sortable[pluginName] = initialized; // Add default options from plugin
 
-      _extends(defaults, initialized.options);
-    }
+      _extends(defaults, initialized.defaults);
+    });
 
     for (var option in sortable.options) {
+      if (!sortable.options.hasOwnProperty(option)) continue;
       var modified = this.modifyOption(sortable, option, sortable.options[option]);
 
       if (typeof modified !== 'undefined') {
@@ -830,29 +837,25 @@ var PluginManager = {
       }
     }
   },
-  getEventOptions: function getEventOptions(name, sortable) {
-    var eventOptions = {};
+  getEventProperties: function getEventProperties(name, sortable) {
+    var eventProperties = {};
+    plugins.forEach(function (plugin) {
+      if (typeof plugin.eventProperties !== 'function') return;
 
-    for (var i in plugins) {
-      if (typeof plugins[i].eventOptions !== 'function') continue;
-
-      _extends(eventOptions, plugins[i].eventOptions.call(sortable, name));
-    }
-
-    return eventOptions;
+      _extends(eventProperties, plugin.eventProperties.call(sortable[plugin.pluginName], name));
+    });
+    return eventProperties;
   },
   modifyOption: function modifyOption(sortable, name, value) {
     var modifiedValue;
-
-    for (var i in plugins) {
+    plugins.forEach(function (plugin) {
       // Plugin must exist on the Sortable
-      if (!sortable[plugins[i].pluginName]) continue; // If static option listener exists for this option, call in the context of the Sortable's instance of this plugin
+      if (!sortable[plugin.pluginName]) return; // If static option listener exists for this option, call in the context of the Sortable's instance of this plugin
 
-      if (plugins[i].optionListeners && typeof plugins[i].optionListeners[name] === 'function') {
-        modifiedValue = plugins[i].optionListeners[name].call(sortable[plugins[i].pluginName], value);
+      if (plugin.optionListeners && typeof plugin.optionListeners[name] === 'function') {
+        modifiedValue = plugin.optionListeners[name].call(sortable[plugin.pluginName], value);
       }
-    }
-
+    });
     return modifiedValue;
   }
 };
@@ -871,8 +874,9 @@ function dispatchEvent(_ref) {
       newDraggableIndex = _ref.newDraggableIndex,
       originalEvent = _ref.originalEvent,
       putSortable = _ref.putSortable,
-      eventOptions = _ref.eventOptions;
-  sortable = sortable || rootEl[expando];
+      extraEventProperties = _ref.extraEventProperties;
+  sortable = sortable || rootEl && rootEl[expando];
+  if (!sortable) return;
   var evt,
       options = sortable.options,
       onName = 'on' + name.charAt(0).toUpperCase() + name.substr(1); // Support for new CustomEvent feature
@@ -898,10 +902,10 @@ function dispatchEvent(_ref) {
   evt.originalEvent = originalEvent;
   evt.pullMode = putSortable ? putSortable.lastPutMode : undefined;
 
-  var allEventOptions = _objectSpread({}, eventOptions, PluginManager.getEventOptions(name, sortable));
+  var allEventProperties = _objectSpread({}, extraEventProperties, PluginManager.getEventProperties(name, sortable));
 
-  for (var option in allEventOptions) {
-    evt[option] = allEventOptions[option];
+  for (var option in allEventProperties) {
+    evt[option] = allEventProperties[option];
   }
 
   if (rootEl) {
@@ -966,10 +970,6 @@ function _dispatchEvent(info) {
   }, info));
 }
 
-if (typeof window === "undefined" || !window.document) {
-  throw new Error("Sortable.js requires a window with a document");
-}
-
 var dragEl,
     parentEl,
     ghostEl,
@@ -989,6 +989,10 @@ var dragEl,
     sortables = [],
     tapEvt,
     touchEvt,
+    lastDx,
+    lastDy,
+    tapDistanceLeft,
+    tapDistanceTop,
     moved,
     lastTarget,
     lastDirection,
@@ -1003,12 +1007,14 @@ _silent = false,
     savedInputChecked = [];
 /** @const */
 
-var PositionGhostAbsolutely = IOS,
+var documentExists = typeof document !== 'undefined',
+    PositionGhostAbsolutely = IOS,
     CSSFloatProperty = Edge || IE11OrLess ? 'cssFloat' : 'float',
     // This will not pass for IE9, because IE9 DnD only works on anchors
-supportDraggable = 'draggable' in document.createElement('div'),
+supportDraggable = documentExists && !ChromeForAndroid && !IOS && 'draggable' in document.createElement('div'),
     supportCssPointerEvents = function () {
-  // false when <= IE11
+  if (!documentExists) return; // false when <= IE11
+
   if (IE11OrLess) {
     return false;
   }
@@ -1035,7 +1041,7 @@ supportDraggable = 'draggable' in document.createElement('div'),
     return elCSS.gridTemplateColumns.split(' ').length <= 1 ? 'vertical' : 'horizontal';
   }
 
-  if (child1 && firstChildCSS["float"] !== 'none') {
+  if (child1 && firstChildCSS["float"] && firstChildCSS["float"] !== 'none') {
     var touchingSideChild2 = firstChildCSS["float"] === 'left' ? 'left' : 'right';
     return child2 && (secondChildCSS.clear === 'both' || secondChildCSS.clear === touchingSideChild2) ? 'vertical' : 'horizontal';
   }
@@ -1059,17 +1065,19 @@ supportDraggable = 'draggable' in document.createElement('div'),
  * @return {HTMLElement}   Element of the first found nearest Sortable
  */
 _detectNearestEmptySortable = function _detectNearestEmptySortable(x, y) {
-  for (var i in sortables) {
-    if (lastChild(sortables[i])) continue;
-    var rect = getRect(sortables[i]),
-        threshold = sortables[i][expando].options.emptyInsertThreshold,
+  var ret;
+  sortables.some(function (sortable) {
+    if (lastChild(sortable)) return;
+    var rect = getRect(sortable),
+        threshold = sortable[expando].options.emptyInsertThreshold,
         insideHorizontally = x >= rect.left - threshold && x <= rect.right + threshold,
         insideVertically = y >= rect.top - threshold && y <= rect.bottom + threshold;
 
     if (threshold && insideHorizontally && insideVertically) {
-      return sortables[i];
+      return ret = sortable;
     }
-  }
+  });
+  return ret;
 },
     _prepareGroup = function _prepareGroup(options) {
   function toFn(value, pull) {
@@ -1120,15 +1128,17 @@ _detectNearestEmptySortable = function _detectNearestEmptySortable(x, y) {
 }; // #1184 fix - Prevent click event on fallback if dragged but item not changed position
 
 
-document.addEventListener('click', function (evt) {
-  if (ignoreNextClick) {
-    evt.preventDefault();
-    evt.stopPropagation && evt.stopPropagation();
-    evt.stopImmediatePropagation && evt.stopImmediatePropagation();
-    ignoreNextClick = false;
-    return false;
-  }
-}, true);
+if (documentExists) {
+  document.addEventListener('click', function (evt) {
+    if (ignoreNextClick) {
+      evt.preventDefault();
+      evt.stopPropagation && evt.stopPropagation();
+      evt.stopImmediatePropagation && evt.stopImmediatePropagation();
+      ignoreNextClick = false;
+      return false;
+    }
+  }, true);
+}
 
 var nearestEmptyInsertDetectEvent = function nearestEmptyInsertDetectEvent(evt) {
   if (dragEl) {
@@ -1141,7 +1151,9 @@ var nearestEmptyInsertDetectEvent = function nearestEmptyInsertDetectEvent(evt)
       var event = {};
 
       for (var i in evt) {
-        event[i] = evt[i];
+        if (evt.hasOwnProperty(i)) {
+          event[i] = evt[i];
+        }
       }
 
       event.target = event.rootEl = nearest;
@@ -1208,7 +1220,7 @@ function Sortable(el, options) {
     dataIdAttr: 'data-id',
     delay: 0,
     delayOnTouchOnly: false,
-    touchStartThreshold: Number.parseInt(window.devicePixelRatio, 10) || 1,
+    touchStartThreshold: (Number.parseInt ? Number : window).parseInt(window.devicePixelRatio, 10) || 1,
     forceFallback: false,
     fallbackClass: 'sortable-fallback',
     fallbackOnBody: false,
@@ -1285,7 +1297,7 @@ Sortable.prototype =
         options = this.options,
         preventOnFilter = options.preventOnFilter,
         type = evt.type,
-        touch = evt.touches && evt.touches[0],
+        touch = evt.touches && evt.touches[0] || evt.pointerType && evt.pointerType === 'touch' && evt,
         target = (touch || evt).target,
         originalTarget = evt.target.shadowRoot && (evt.path && evt.path[0] || evt.composedPath && evt.composedPath()[0]) || target,
         filter = options.filter;
@@ -1386,6 +1398,7 @@ Sortable.prototype =
         dragStartFn;
 
     if (target && !dragEl && target.parentNode === el) {
+      var dragRect = getRect(target);
       rootEl = el;
       dragEl = target;
       parentEl = dragEl.parentNode;
@@ -1398,6 +1411,8 @@ Sortable.prototype =
         clientX: (touch || evt).clientX,
         clientY: (touch || evt).clientY
       };
+      tapDistanceLeft = tapEvt.clientX - dragRect.left;
+      tapDistanceTop = tapEvt.clientY - dragRect.top;
       this._lastX = (touch || evt).clientX;
       this._lastY = (touch || evt).clientY;
       dragEl.style['will-change'] = 'all';
@@ -1506,7 +1521,7 @@ Sortable.prototype =
   evt,
   /** Touch */
   touch) {
-    touch = touch || (evt.pointerType == 'touch' ? evt : null);
+    touch = touch || evt.pointerType == 'touch' && evt;
 
     if (!this.nativeDraggable || touch) {
       if (this.options.supportPointer) {
@@ -1612,13 +1627,12 @@ Sortable.prototype =
           fallbackTolerance = options.fallbackTolerance,
           fallbackOffset = options.fallbackOffset,
           touch = evt.touches ? evt.touches[0] : evt,
-          ghostMatrix = ghostEl && matrix(ghostEl),
+          ghostMatrix = ghostEl && matrix(ghostEl, true),
           scaleX = ghostEl && ghostMatrix && ghostMatrix.a,
           scaleY = ghostEl && ghostMatrix && ghostMatrix.d,
           relativeScrollOffset = PositionGhostAbsolutely && ghostRelativeParent && getRelativeScrollOffset(ghostRelativeParent),
           dx = (touch.clientX - tapEvt.clientX + fallbackOffset.x) / (scaleX || 1) + (relativeScrollOffset ? relativeScrollOffset[0] - ghostRelativeParentInitialScroll[0] : 0) / (scaleX || 1),
-          dy = (touch.clientY - tapEvt.clientY + fallbackOffset.y) / (scaleY || 1) + (relativeScrollOffset ? relativeScrollOffset[1] - ghostRelativeParentInitialScroll[1] : 0) / (scaleY || 1),
-          translate3d = evt.touches ? 'translate3d(' + dx + 'px,' + dy + 'px,0)' : 'translate(' + dx + 'px,' + dy + 'px)'; // only set the status to dragging, when we are actually dragging
+          dy = (touch.clientY - tapEvt.clientY + fallbackOffset.y) / (scaleY || 1) + (relativeScrollOffset ? relativeScrollOffset[1] - ghostRelativeParentInitialScroll[1] : 0) / (scaleY || 1); // only set the status to dragging, when we are actually dragging
 
       if (!Sortable.active && !awaitingDragStarted) {
         if (fallbackTolerance && Math.max(Math.abs(touch.clientX - this._lastX), Math.abs(touch.clientY - this._lastY)) < fallbackTolerance) {
@@ -1628,11 +1642,31 @@ Sortable.prototype =
         this._onDragStart(evt, true);
       }
 
-      touchEvt = touch;
-      css(ghostEl, 'webkitTransform', translate3d);
-      css(ghostEl, 'mozTransform', translate3d);
-      css(ghostEl, 'msTransform', translate3d);
-      css(ghostEl, 'transform', translate3d);
+      if (ghostEl) {
+        if (ghostMatrix) {
+          ghostMatrix.e += dx - (lastDx || 0);
+          ghostMatrix.f += dy - (lastDy || 0);
+        } else {
+          ghostMatrix = {
+            a: 1,
+            b: 0,
+            c: 0,
+            d: 1,
+            e: dx,
+            f: dy
+          };
+        }
+
+        var cssMatrix = "matrix(".concat(ghostMatrix.a, ",").concat(ghostMatrix.b, ",").concat(ghostMatrix.c, ",").concat(ghostMatrix.d, ",").concat(ghostMatrix.e, ",").concat(ghostMatrix.f, ")");
+        css(ghostEl, 'webkitTransform', cssMatrix);
+        css(ghostEl, 'mozTransform', cssMatrix);
+        css(ghostEl, 'msTransform', cssMatrix);
+        css(ghostEl, 'transform', cssMatrix);
+        lastDx = dx;
+        lastDy = dy;
+        touchEvt = touch;
+      }
+
       evt.cancelable && evt.preventDefault();
     }
   },
@@ -1680,7 +1714,9 @@ Sortable.prototype =
       css(ghostEl, 'zIndex', '100000');
       css(ghostEl, 'pointerEvents', 'none');
       Sortable.ghost = ghostEl;
-      container.appendChild(ghostEl);
+      container.appendChild(ghostEl); // Set transform-origin
+
+      css(ghostEl, 'transform-origin', tapDistanceLeft / parseInt(ghostEl.style.width) * 100 + '% ' + tapDistanceTop / parseInt(ghostEl.style.height) * 100 + '%');
     }
   },
   _onDragStart: function _onDragStart(
@@ -1959,7 +1995,7 @@ Sortable.prototype =
             differentLevel = dragEl.parentNode !== el,
             differentRowCol = !_dragElInRowColumn(dragEl.animated && dragEl.toRect || dragRect, target.animated && target.toRect || targetRect, vertical),
             side1 = vertical ? 'top' : 'left',
-            scrolledPastTop = isScrolledPast(target, null, 'top', 'top') || isScrolledPast(dragEl, null, 'top', 'top'),
+            scrolledPastTop = isScrolledPast(target, 'top', 'top') || isScrolledPast(dragEl, 'top', 'top'),
             scrollBefore = scrolledPastTop ? scrolledPastTop.scrollTop : void 0;
 
         if (lastTarget !== target) {
@@ -1968,7 +2004,7 @@ Sortable.prototype =
           isCircumstantialInvert = !differentRowCol && options.invertSwap || differentLevel;
         }
 
-        direction = _getSwapDirection(evt, target, vertical, differentRowCol ? 1 : options.swapThreshold, options.invertedSwapThreshold == null ? options.swapThreshold : options.invertedSwapThreshold, isCircumstantialInvert, lastTarget === target);
+        direction = _getSwapDirection(evt, target, targetRect, vertical, differentRowCol ? 1 : options.swapThreshold, options.invertedSwapThreshold == null ? options.swapThreshold : options.invertedSwapThreshold, isCircumstantialInvert, lastTarget === target);
         var sibling;
 
         if (direction !== 0) {
@@ -2060,7 +2096,8 @@ Sortable.prototype =
     newDraggableIndex = index(dragEl, options.draggable);
     pluginEvent('drop', this, {
       evt: evt
-    }); // Get again after plugin event
+    });
+    parentEl = dragEl && dragEl.parentNode; // Get again after plugin event
 
     newIndex = index(dragEl);
     newDraggableIndex = index(dragEl, options.draggable);
@@ -2095,6 +2132,8 @@ Sortable.prototype =
       css(document.body, 'user-select', '');
     }
 
+    css(dragEl, 'transform', '');
+
     if (evt) {
       if (moved) {
         evt.cancelable && evt.preventDefault();
@@ -2219,7 +2258,7 @@ Sortable.prototype =
     savedInputChecked.forEach(function (el) {
       el.checked = true;
     });
-    savedInputChecked.length = 0;
+    savedInputChecked.length = lastDx = lastDy = 0;
   },
   handleEvent: function handleEvent(
   /**Event*/
@@ -2359,6 +2398,8 @@ Sortable.prototype =
 
     this._onDrop();
 
+    this._disableDelayedDragEvents();
+
     sortables.splice(sortables.indexOf(this.el), 1);
     this.el = el = null;
   },
@@ -2395,7 +2436,7 @@ Sortable.prototype =
       }
 
       if (this.options.group.revertClone) {
-        this._animate(dragEl, cloneEl);
+        this.animate(dragEl, cloneEl);
       }
 
       css(cloneEl, 'display', '');
@@ -2461,9 +2502,8 @@ function _ghostIsLast(evt, vertical, sortable) {
   return vertical ? evt.clientX > rect.right + spacer || evt.clientX <= rect.right && evt.clientY > rect.bottom && evt.clientX >= rect.left : evt.clientX > rect.right && evt.clientY > rect.top || evt.clientX <= rect.right && evt.clientY > rect.bottom + spacer;
 }
 
-function _getSwapDirection(evt, target, vertical, swapThreshold, invertedSwapThreshold, invertSwap, isLastTarget) {
-  var targetRect = getRect(target),
-      mouseOnAxis = vertical ? evt.clientY : evt.clientX,
+function _getSwapDirection(evt, target, targetRect, vertical, swapThreshold, invertedSwapThreshold, invertSwap, isLastTarget) {
+  var mouseOnAxis = vertical ? evt.clientY : evt.clientX,
       targetLength = vertical ? targetRect.height : targetRect.width,
       targetS1 = vertical ? targetRect.top : targetRect.left,
       targetS2 = vertical ? targetRect.bottom : targetRect.right,
@@ -2548,8 +2588,8 @@ function _saveInputCheckedState(root) {
   var idx = inputs.length;
 
   while (idx--) {
-    var _el = inputs[idx];
-    _el.checked && savedInputChecked.push(_el);
+    var el = inputs[idx];
+    el.checked && savedInputChecked.push(el);
   }
 }
 
@@ -2562,11 +2602,14 @@ function _cancelNextTick(id) {
 } // Fixed #973:
 
 
-on(document, 'touchmove', function (evt) {
-  if ((Sortable.active || awaitingDragStarted) && evt.cancelable) {
-    evt.preventDefault();
-  }
-}); // Export utils
+if (documentExists) {
+  on(document, 'touchmove', function (evt) {
+    if ((Sortable.active || awaitingDragStarted) && evt.cancelable) {
+      evt.preventDefault();
+    }
+  });
+} // Export utils
+
 
 Sortable.utils = {
   on: on,
@@ -2587,28 +2630,35 @@ Sortable.utils = {
   detectDirection: _detectDirection,
   getChild: getChild
 };
+/**
+ * Get the Sortable instance of an element
+ * @param  {HTMLElement} element The element
+ * @return {Sortable|undefined}         The instance of Sortable
+ */
+
+Sortable.get = function (element) {
+  return element[expando];
+};
 /**
  * Mount a plugin to Sortable
  * @param  {...SortablePlugin|SortablePlugin[]} plugins       Plugins being mounted
  */
 
+
 Sortable.mount = function () {
   for (var _len = arguments.length, plugins = new Array(_len), _key = 0; _key < _len; _key++) {
     plugins[_key] = arguments[_key];
   }
 
   if (plugins[0].constructor === Array) plugins = plugins[0];
-
-  for (var i in plugins) {
-    var plugin = plugins[i];
-
+  plugins.forEach(function (plugin) {
     if (!plugin.prototype || !plugin.prototype.constructor) {
-      throw "Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(el));
+      throw "Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(plugin));
     }
 
     if (plugin.utils) Sortable.utils = _objectSpread({}, Sortable.utils, plugin.utils);
     PluginManager.mount(plugin);
-  }
+  });
 };
 /**
  * Create sortable instance
@@ -2635,7 +2685,7 @@ var autoScrolls = [],
 
 function AutoScrollPlugin() {
   function AutoScroll() {
-    this.options = {
+    this.defaults = {
       scroll: true,
       scrollSensitivity: 30,
       scrollSpeed: 10,
@@ -2656,7 +2706,7 @@ function AutoScrollPlugin() {
       if (this.sortable.nativeDraggable) {
         on(document, 'dragover', this._handleAutoScroll);
       } else {
-        if (this.sortable.options.supportPointer) {
+        if (this.options.supportPointer) {
           on(document, 'pointermove', this._handleFallbackAutoScroll);
         } else if (originalEvent.touches) {
           on(document, 'touchmove', this._handleFallbackAutoScroll);
@@ -2669,7 +2719,7 @@ function AutoScrollPlugin() {
       var originalEvent = _ref2.originalEvent;
 
       // For when bubbling is canceled and using fallback (fallback 'touchmove' always reached)
-      if (!this.sortable.options.dragOverBubble && !originalEvent.rootEl) {
+      if (!this.options.dragOverBubble && !originalEvent.rootEl) {
         this._handleAutoScroll(originalEvent);
       }
     },
@@ -2696,8 +2746,8 @@ function AutoScrollPlugin() {
     _handleAutoScroll: function _handleAutoScroll(evt, fallback) {
       var _this = this;
 
-      var x = evt.clientX,
-          y = evt.clientY,
+      var x = (evt.touches ? evt.touches[0] : evt).clientX,
+          y = (evt.touches ? evt.touches[0] : evt).clientY,
           elem = document.elementFromPoint(x, y);
       touchEvt$1 = evt; // IE does not seem to have native autoscroll,
       // Edge's autoscroll seems too conditional,
@@ -2727,7 +2777,7 @@ function AutoScrollPlugin() {
         }
       } else {
         // if DnD is enabled (and browser has good autoscrolling), first autoscroll will already scroll, so get parent autoscroll of first autoscroll
-        if (!this.sortable.options.bubbleScroll || getParentAutoScrollElement(elem, true) === getWindowScrollingElement()) {
+        if (!this.options.bubbleScroll || getParentAutoScrollElement(elem, true) === getWindowScrollingElement()) {
           clearAutoScrolls();
           return;
         }
@@ -2756,7 +2806,9 @@ function clearPointerElemChangedInterval() {
 var autoScroll = throttle(function (evt, options, rootEl, isFallback) {
   // Bug: https://bugzilla.mozilla.org/show_bug.cgi?id=505521
   if (!options.scroll) return;
-  var sens = options.scrollSensitivity,
+  var x = (evt.touches ? evt.touches[0] : evt).clientX,
+      y = (evt.touches ? evt.touches[0] : evt).clientY,
+      sens = options.scrollSensitivity,
       speed = options.scrollSpeed,
       winScroller = getWindowScrollingElement();
   var scrollThisInstance = false,
@@ -2801,8 +2853,8 @@ var autoScroll = throttle(function (evt, options, rootEl, isFallback) {
       canScrollY = height < scrollHeight && (elCSS.overflowY === 'auto' || elCSS.overflowY === 'scroll');
     }
 
-    var vx = canScrollX && (Math.abs(right - evt.clientX) <= sens && scrollPosX + width < scrollWidth) - (Math.abs(left - evt.clientX) <= sens && !!scrollPosX);
-    var vy = canScrollY && (Math.abs(bottom - evt.clientY) <= sens && scrollPosY + height < scrollHeight) - (Math.abs(top - evt.clientY) <= sens && !!scrollPosY);
+    var vx = canScrollX && (Math.abs(right - x) <= sens && scrollPosX + width < scrollWidth) - (Math.abs(left - x) <= sens && !!scrollPosX);
+    var vy = canScrollY && (Math.abs(bottom - y) <= sens && scrollPosY + height < scrollHeight) - (Math.abs(top - y) <= sens && !!scrollPosY);
 
     if (!autoScrolls[layersOut]) {
       for (var i = 0; i <= layersOut; i++) {
@@ -2859,14 +2911,19 @@ var drop = function drop(_ref) {
       dispatchSortableEvent = _ref.dispatchSortableEvent,
       hideGhostForTarget = _ref.hideGhostForTarget,
       unhideGhostForTarget = _ref.unhideGhostForTarget;
+  if (!originalEvent) return;
   var toSortable = putSortable || activeSortable;
   hideGhostForTarget();
-  var target = document.elementFromPoint(originalEvent.clientX, originalEvent.clientY);
+  var touch = originalEvent.changedTouches && originalEvent.changedTouches.length ? originalEvent.changedTouches[0] : originalEvent;
+  var target = document.elementFromPoint(touch.clientX, touch.clientY);
   unhideGhostForTarget();
 
   if (toSortable && !toSortable.el.contains(target)) {
     dispatchSortableEvent('spill');
-    this.onSpill(dragEl);
+    this.onSpill({
+      dragEl: dragEl,
+      putSortable: putSortable
+    });
   }
 };
 
@@ -2878,9 +2935,16 @@ Revert.prototype = {
     var oldDraggableIndex = _ref2.oldDraggableIndex;
     this.startIndex = oldDraggableIndex;
   },
-  onSpill: function onSpill(dragEl) {
+  onSpill: function onSpill(_ref3) {
+    var dragEl = _ref3.dragEl,
+        putSortable = _ref3.putSortable;
     this.sortable.captureAnimationState();
-    var nextSibling = getChild(this.sortable.el, this.startIndex, this.sortable.options);
+
+    if (putSortable) {
+      putSortable.captureAnimationState();
+    }
+
+    var nextSibling = getChild(this.sortable.el, this.startIndex, this.options);
 
     if (nextSibling) {
       this.sortable.el.insertBefore(dragEl, nextSibling);
@@ -2889,6 +2953,10 @@ Revert.prototype = {
     }
 
     this.sortable.animateAll();
+
+    if (putSortable) {
+      putSortable.animateAll();
+    }
   },
   drop: drop
 };
@@ -2900,10 +2968,13 @@ _extends(Revert, {
 function Remove() {}
 
 Remove.prototype = {
-  onSpill: function onSpill(dragEl) {
-    this.sortable.captureAnimationState();
+  onSpill: function onSpill(_ref4) {
+    var dragEl = _ref4.dragEl,
+        putSortable = _ref4.putSortable;
+    var parentSortable = putSortable || this.sortable;
+    parentSortable.captureAnimationState();
     dragEl.parentNode && dragEl.parentNode.removeChild(dragEl);
-    this.sortable.animateAll();
+    parentSortable.animateAll();
   },
   drop: drop
 };
@@ -2918,7 +2989,7 @@ var lastSwapEl;
 
 function SwapPlugin() {
   function Swap() {
-    this.options = {
+    this.defaults = {
       swapClass: 'sortable-swap-highlight'
     };
   }
@@ -2933,10 +3004,11 @@ function SwapPlugin() {
           target = _ref2.target,
           onMove = _ref2.onMove,
           activeSortable = _ref2.activeSortable,
-          changed = _ref2.changed;
+          changed = _ref2.changed,
+          cancel = _ref2.cancel;
       if (!activeSortable.options.swap) return;
       var el = this.sortable.el,
-          options = this.sortable.options;
+          options = this.options;
 
       if (target && target !== el) {
         var prevSwapEl = lastSwapEl;
@@ -2954,14 +3026,15 @@ function SwapPlugin() {
       }
 
       changed();
-      return completed(true);
+      completed(true);
+      cancel();
     },
     drop: function drop(_ref3) {
       var activeSortable = _ref3.activeSortable,
           putSortable = _ref3.putSortable,
           dragEl = _ref3.dragEl;
       var toSortable = putSortable || this.sortable;
-      var options = this.sortable.options;
+      var options = this.options;
       lastSwapEl && toggleClass(lastSwapEl, options.swapClass, false);
 
       if (lastSwapEl && (options.swap || putSortable && putSortable.options.swap)) {
@@ -2980,7 +3053,7 @@ function SwapPlugin() {
   };
   return _extends(Swap, {
     pluginName: 'swap',
-    eventOptions: function eventOptions() {
+    eventProperties: function eventProperties() {
       return {
         swapItem: lastSwapEl
       };
@@ -3037,16 +3110,16 @@ function MultiDragPlugin() {
 
     on(document, 'keydown', this._checkKeyDown);
     on(document, 'keyup', this._checkKeyUp);
-    this.options = {
+    this.defaults = {
       selectedClass: 'sortable-selected',
       multiDragKey: null,
       setData: function setData(dataTransfer, dragEl) {
         var data = '';
 
         if (multiDragElements.length && multiDragSortable === sortable) {
-          for (var i in multiDragElements) {
-            data += (!i ? '' : ', ') + multiDragElements[i].textContent;
-          }
+          multiDragElements.forEach(function (multiDragElement, i) {
+            data += (!i ? '' : ', ') + multiDragElement.textContent;
+          });
         } else {
           data = dragEl.textContent;
         }
@@ -3067,66 +3140,68 @@ function MultiDragPlugin() {
       this.isMultiDrag = ~multiDragElements.indexOf(dragEl$1);
     },
     setupClone: function setupClone(_ref2) {
-      var sortable = _ref2.sortable;
+      var sortable = _ref2.sortable,
+          cancel = _ref2.cancel;
       if (!this.isMultiDrag) return;
 
-      for (var i in multiDragElements) {
+      for (var i = 0; i < multiDragElements.length; i++) {
         multiDragClones.push(clone(multiDragElements[i]));
         multiDragClones[i].sortableIndex = multiDragElements[i].sortableIndex;
         multiDragClones[i].draggable = false;
         multiDragClones[i].style['will-change'] = '';
-        toggleClass(multiDragClones[i], sortable.options.selectedClass, false);
-        multiDragElements[i] === dragEl$1 && toggleClass(multiDragClones[i], sortable.options.chosenClass, false);
+        toggleClass(multiDragClones[i], this.options.selectedClass, false);
+        multiDragElements[i] === dragEl$1 && toggleClass(multiDragClones[i], this.options.chosenClass, false);
       }
 
       sortable._hideClone();
 
-      return true;
+      cancel();
     },
     clone: function clone(_ref3) {
       var sortable = _ref3.sortable,
           rootEl = _ref3.rootEl,
-          dispatchSortableEvent = _ref3.dispatchSortableEvent;
+          dispatchSortableEvent = _ref3.dispatchSortableEvent,
+          cancel = _ref3.cancel;
       if (!this.isMultiDrag) return;
 
-      if (!sortable.options.removeCloneOnHide) {
+      if (!this.options.removeCloneOnHide) {
         if (multiDragElements.length && multiDragSortable === sortable) {
           insertMultiDragClones(true, rootEl);
           dispatchSortableEvent('clone');
-          return true;
+          cancel();
         }
       }
     },
     showClone: function showClone(_ref4) {
       var cloneNowShown = _ref4.cloneNowShown,
-          rootEl = _ref4.rootEl;
+          rootEl = _ref4.rootEl,
+          cancel = _ref4.cancel;
       if (!this.isMultiDrag) return;
       insertMultiDragClones(false, rootEl);
-
-      for (var i in multiDragClones) {
-        css(multiDragClones[i], 'display', '');
-      }
-
+      multiDragClones.forEach(function (clone) {
+        css(clone, 'display', '');
+      });
       cloneNowShown();
       clonesHidden = false;
-      return true;
+      cancel();
     },
     hideClone: function hideClone(_ref5) {
+      var _this = this;
+
       var sortable = _ref5.sortable,
-          cloneNowHidden = _ref5.cloneNowHidden;
+          cloneNowHidden = _ref5.cloneNowHidden,
+          cancel = _ref5.cancel;
       if (!this.isMultiDrag) return;
+      multiDragClones.forEach(function (clone) {
+        css(clone, 'display', 'none');
 
-      for (var i in multiDragClones) {
-        css(multiDragClones[i], 'display', 'none');
-
-        if (sortable.options.removeCloneOnHide && multiDragClones[i].parentNode) {
-          multiDragClones[i].parentNode.removeChild(multiDragClones[i]);
+        if (_this.options.removeCloneOnHide && clone.parentNode) {
+          clone.parentNode.removeChild(clone);
         }
-      }
-
+      });
       cloneNowHidden();
       clonesHidden = true;
-      return true;
+      cancel();
     },
     dragStartGlobal: function dragStartGlobal(_ref6) {
       var sortable = _ref6.sortable;
@@ -3135,10 +3210,9 @@ function MultiDragPlugin() {
         multiDragSortable.multiDrag._deselectMultiDrag();
       }
 
-      for (var i in multiDragElements) {
-        multiDragElements[i].sortableIndex = index(multiDragElements[i]);
-      } // Sort multi-drag elements
-
+      multiDragElements.forEach(function (multiDragElement) {
+        multiDragElement.sortableIndex = index(multiDragElement);
+      }); // Sort multi-drag elements
 
       multiDragElements = multiDragElements.sort(function (a, b) {
         return a.sortableIndex - b.sortableIndex;
@@ -3146,10 +3220,12 @@ function MultiDragPlugin() {
       dragStarted = true;
     },
     dragStarted: function dragStarted(_ref7) {
+      var _this2 = this;
+
       var sortable = _ref7.sortable;
       if (!this.isMultiDrag) return;
 
-      if (sortable.options.sort) {
+      if (this.options.sort) {
         // Capture rects,
         // hide multi drag elements (by positioning them absolute),
         // set multi drag elements rects to dragRect,
@@ -3158,19 +3234,16 @@ function MultiDragPlugin() {
         // unset rects & remove from DOM
         sortable.captureAnimationState();
 
-        if (sortable.options.animation) {
-          for (var i in multiDragElements) {
-            if (multiDragElements[i] === dragEl$1) continue;
-            css(multiDragElements[i], 'position', 'absolute');
-          }
-
+        if (this.options.animation) {
+          multiDragElements.forEach(function (multiDragElement) {
+            if (multiDragElement === dragEl$1) return;
+            css(multiDragElement, 'position', 'absolute');
+          });
           var dragRect = getRect(dragEl$1, false, true, true);
-
-          for (var _i in multiDragElements) {
-            if (multiDragElements[_i] === dragEl$1) continue;
-            setRect(multiDragElements[_i], dragRect);
-          }
-
+          multiDragElements.forEach(function (multiDragElement) {
+            if (multiDragElement === dragEl$1) return;
+            setRect(multiDragElement, dragRect);
+          });
           folding = true;
           initialFolding = true;
         }
@@ -3180,24 +3253,26 @@ function MultiDragPlugin() {
         folding = false;
         initialFolding = false;
 
-        if (sortable.options.animation) {
-          for (var _i2 in multiDragElements) {
-            unsetRect(multiDragElements[_i2]);
-          }
+        if (_this2.options.animation) {
+          multiDragElements.forEach(function (multiDragElement) {
+            unsetRect(multiDragElement);
+          });
         } // Remove all auxiliary multidrag items from el, if sorting enabled
 
 
-        if (sortable.options.sort) {
+        if (_this2.options.sort) {
           removeMultiDragElements();
         }
       });
     },
     dragOver: function dragOver(_ref8) {
       var target = _ref8.target,
-          completed = _ref8.completed;
+          completed = _ref8.completed,
+          cancel = _ref8.cancel;
 
       if (folding && ~multiDragElements.indexOf(target)) {
-        return completed(false);
+        completed(false);
+        cancel();
       }
     },
     revert: function revert(_ref9) {
@@ -3208,18 +3283,17 @@ function MultiDragPlugin() {
 
       if (multiDragElements.length > 1) {
         // Setup unfold animation
-        for (var i in multiDragElements) {
+        multiDragElements.forEach(function (multiDragElement) {
           sortable.addAnimationState({
-            target: multiDragElements[i],
-            rect: folding ? getRect(multiDragElements[i]) : dragRect
+            target: multiDragElement,
+            rect: folding ? getRect(multiDragElement) : dragRect
           });
-          unsetRect(multiDragElements[i]);
-          multiDragElements[i].fromRect = dragRect;
-          fromSortable.removeAnimationState(multiDragElements[i]);
-        }
-
+          unsetRect(multiDragElement);
+          multiDragElement.fromRect = dragRect;
+          fromSortable.removeAnimationState(multiDragElement);
+        });
         folding = false;
-        insertMultiDragElements(!sortable.options.removeCloneOnHide, rootEl);
+        insertMultiDragElements(!this.options.removeCloneOnHide, rootEl);
       }
     },
     dragOverCompleted: function dragOverCompleted(_ref10) {
@@ -3229,7 +3303,7 @@ function MultiDragPlugin() {
           activeSortable = _ref10.activeSortable,
           parentEl = _ref10.parentEl,
           putSortable = _ref10.putSortable;
-      var options = sortable.options;
+      var options = this.options;
 
       if (insertion) {
         // Clones must be hidden before folding animation to capture dragRectAbsolute properly
@@ -3242,15 +3316,13 @@ function MultiDragPlugin() {
         if (options.animation && multiDragElements.length > 1 && (folding || !isOwner && !activeSortable.options.sort && !putSortable)) {
           // Fold: Set all multi drag elements's rects to dragEl's rect when multi-drag elements are invisible
           var dragRectAbsolute = getRect(dragEl$1, false, true, true);
-
-          for (var i in multiDragElements) {
-            if (multiDragElements[i] === dragEl$1) continue;
-            setRect(multiDragElements[i], dragRectAbsolute); // Move element(s) to end of parentEl so that it does not interfere with multi-drag clones insertion if they are inserted
+          multiDragElements.forEach(function (multiDragElement) {
+            if (multiDragElement === dragEl$1) return;
+            setRect(multiDragElement, dragRectAbsolute); // Move element(s) to end of parentEl so that it does not interfere with multi-drag clones insertion if they are inserted
             // while folding, and so that we can capture them again because old sortable will no longer be fromSortable
 
-            parentEl.appendChild(multiDragElements[i]);
-          }
-
+            parentEl.appendChild(multiDragElement);
+          });
           folding = true;
         } // Clones must be shown (and check to remove multi drags) after folding when interfering multiDragElements are moved out
 
@@ -3268,14 +3340,14 @@ function MultiDragPlugin() {
 
 
             if (activeSortable.options.animation && !clonesHidden && clonesHiddenBefore) {
-              for (var _i3 in multiDragClones) {
+              multiDragClones.forEach(function (clone) {
                 activeSortable.addAnimationState({
-                  target: multiDragClones[_i3],
+                  target: clone,
                   rect: clonesFromRect
                 });
-                multiDragClones[_i3].fromRect = clonesFromRect;
-                multiDragClones[_i3].thisAnimationDuration = null;
-              }
+                clone.fromRect = clonesFromRect;
+                clone.thisAnimationDuration = null;
+              });
             }
           } else {
             activeSortable._showClone(sortable);
@@ -3287,10 +3359,9 @@ function MultiDragPlugin() {
       var dragRect = _ref11.dragRect,
           isOwner = _ref11.isOwner,
           activeSortable = _ref11.activeSortable;
-
-      for (var i in multiDragElements) {
-        multiDragElements[i].thisAnimationDuration = null;
-      }
+      multiDragElements.forEach(function (multiDragElement) {
+        multiDragElement.thisAnimationDuration = null;
+      });
 
       if (activeSortable.options.animation && !isOwner && activeSortable.multiDrag.isMultiDrag) {
         clonesFromRect = _extends({}, dragRect);
@@ -3315,7 +3386,7 @@ function MultiDragPlugin() {
           putSortable = _ref12.putSortable;
       var toSortable = putSortable || this.sortable;
       if (!evt) return;
-      var options = sortable.options,
+      var options = this.options,
           children = parentEl.children; // Multi-drag selection
 
       if (!dragStarted) {
@@ -3335,7 +3406,7 @@ function MultiDragPlugin() {
             originalEvt: evt
           }); // Modifier activated, select from last to dragEl
 
-          if ((!options.multiDragKey || this.multiDragKeyDown) && evt.shiftKey && lastMultiDragSelect && sortable.el.contains(lastMultiDragSelect)) {
+          if (evt.shiftKey && lastMultiDragSelect && sortable.el.contains(lastMultiDragSelect)) {
             var lastIndex = index(lastMultiDragSelect),
                 currentIndex = index(dragEl$1);
 
@@ -3395,48 +3466,44 @@ function MultiDragPlugin() {
           if (!initialFolding) {
             if (options.animation) {
               dragEl$1.fromRect = dragRect;
+              multiDragElements.forEach(function (multiDragElement) {
+                multiDragElement.thisAnimationDuration = null;
 
-              for (var _i4 in multiDragElements) {
-                multiDragElements[_i4].thisAnimationDuration = null;
-
-                if (multiDragElements[_i4] !== dragEl$1) {
-                  var rect = folding ? getRect(multiDragElements[_i4]) : dragRect;
-                  multiDragElements[_i4].fromRect = rect; // Prepare unfold animation
+                if (multiDragElement !== dragEl$1) {
+                  var rect = folding ? getRect(multiDragElement) : dragRect;
+                  multiDragElement.fromRect = rect; // Prepare unfold animation
 
                   toSortable.addAnimationState({
-                    target: multiDragElements[_i4],
+                    target: multiDragElement,
                     rect: rect
                   });
                 }
-              }
+              });
             } // Multi drag elements are not necessarily removed from the DOM on drop, so to reinsert
             // properly they must all be removed
 
 
             removeMultiDragElements();
-
-            for (var _i5 in multiDragElements) {
+            multiDragElements.forEach(function (multiDragElement) {
               if (children[multiDragIndex]) {
-                parentEl.insertBefore(multiDragElements[_i5], children[multiDragIndex]);
+                parentEl.insertBefore(multiDragElement, children[multiDragIndex]);
               } else {
-                parentEl.appendChild(multiDragElements[_i5]);
+                parentEl.appendChild(multiDragElement);
               }
 
               multiDragIndex++;
-            } // If initial folding is done, the elements may have changed position because they are now
+            }); // If initial folding is done, the elements may have changed position because they are now
             // unfolding around dragEl, even though dragEl may not have his index changed, so update event
             // must be fired here as Sortable will not.
 
-
             if (oldIndex === index(dragEl$1)) {
               var update = false;
-
-              for (var _i6 in multiDragElements) {
-                if (multiDragElements[_i6].sortableIndex !== index(multiDragElements[_i6])) {
+              multiDragElements.forEach(function (multiDragElement) {
+                if (multiDragElement.sortableIndex !== index(multiDragElement)) {
                   update = true;
-                  break;
+                  return;
                 }
-              }
+              });
 
               if (update) {
                 dispatchSortableEvent('update');
@@ -3445,10 +3512,9 @@ function MultiDragPlugin() {
           } // Must be done after capturing individual rects (scroll bar)
 
 
-          for (var _i7 in multiDragElements) {
-            unsetRect(multiDragElements[_i7]);
-          }
-
+          multiDragElements.forEach(function (multiDragElement) {
+            unsetRect(multiDragElement);
+          });
           toSortable.animateAll();
         }
 
@@ -3457,16 +3523,16 @@ function MultiDragPlugin() {
 
 
       if (rootEl === parentEl || putSortable && putSortable.lastPutMode !== 'clone') {
-        for (var _i8 in multiDragClones) {
-          multiDragClones[_i8].parentNode && multiDragClones[_i8].parentNode.removeChild(multiDragClones[_i8]);
-        }
+        multiDragClones.forEach(function (clone) {
+          clone.parentNode && clone.parentNode.removeChild(clone);
+        });
       }
     },
     nullingGlobal: function nullingGlobal() {
       this.isMultiDrag = dragStarted = false;
       multiDragClones.length = 0;
     },
-    destroy: function destroy() {
+    destroyGlobal: function destroyGlobal() {
       this._deselectMultiDrag();
 
       off(document, 'pointerup', this._deselectMultiDrag);
@@ -3476,17 +3542,17 @@ function MultiDragPlugin() {
       off(document, 'keyup', this._checkKeyUp);
     },
     _deselectMultiDrag: function _deselectMultiDrag(evt) {
-      if (dragStarted) return; // Only deselect if selection is in this sortable
+      if (typeof dragStarted !== "undefined" && dragStarted) return; // Only deselect if selection is in this sortable
 
       if (multiDragSortable !== this.sortable) return; // Only deselect if target is not item in this sortable
 
-      if (evt && closest(evt.target, this.sortable.options.draggable, this.sortable.el, false)) return; // Only deselect if left click
+      if (evt && closest(evt.target, this.options.draggable, this.sortable.el, false)) return; // Only deselect if left click
 
       if (evt && evt.button !== 0) return;
 
       while (multiDragElements.length) {
         var el = multiDragElements[0];
-        toggleClass(el, this.sortable.options.selectedClass, false);
+        toggleClass(el, this.options.selectedClass, false);
         multiDragElements.shift();
         dispatchEvent({
           sortable: this.sortable,
@@ -3498,12 +3564,12 @@ function MultiDragPlugin() {
       }
     },
     _checkKeyDown: function _checkKeyDown(evt) {
-      if (evt.key === this.sortable.options.multiDragKey) {
+      if (evt.key === this.options.multiDragKey) {
         this.multiDragKeyDown = true;
       }
     },
     _checkKeyUp: function _checkKeyUp(evt) {
-      if (evt.key === this.sortable.options.multiDragKey) {
+      if (evt.key === this.options.multiDragKey) {
         this.multiDragKeyDown = false;
       }
     }
@@ -3512,9 +3578,9 @@ function MultiDragPlugin() {
     // Static methods & properties
     pluginName: 'multiDrag',
     utils: {
-      /**
-       * Selects the provided multi-drag item
-       * @param  {HTMLElement} el    The element to be selected
+      /**
+       * Selects the provided multi-drag item
+       * @param  {HTMLElement} el    The element to be selected
        */
       select: function select(el) {
         var sortable = el.parentNode[expando];
@@ -3530,9 +3596,9 @@ function MultiDragPlugin() {
         multiDragElements.push(el);
       },
 
-      /**
-       * Deselects the provided multi-drag item
-       * @param  {HTMLElement} el    The element to be deselected
+      /**
+       * Deselects the provided multi-drag item
+       * @param  {HTMLElement} el    The element to be deselected
        */
       deselect: function deselect(el) {
         var sortable = el.parentNode[expando],
@@ -3542,29 +3608,29 @@ function MultiDragPlugin() {
         multiDragElements.splice(index, 1);
       }
     },
-    eventOptions: function eventOptions() {
-      var _this = this;
+    eventProperties: function eventProperties() {
+      var _this3 = this;
 
       var oldIndicies = [],
           newIndicies = [];
-      multiDragElements.forEach(function (element) {
+      multiDragElements.forEach(function (multiDragElement) {
         oldIndicies.push({
-          element: element,
-          index: element.sortableIndex
+          multiDragElement: multiDragElement,
+          index: multiDragElement.sortableIndex
         }); // multiDragElements will already be sorted if folding
 
         var newIndex;
 
-        if (folding && element !== dragEl$1) {
+        if (folding && multiDragElement !== dragEl$1) {
           newIndex = -1;
         } else if (folding) {
-          newIndex = index(element, ':not(.' + _this.options.selectedClass + ')');
+          newIndex = index(multiDragElement, ':not(.' + _this3.options.selectedClass + ')');
         } else {
-          newIndex = index(element);
+          newIndex = index(multiDragElement);
         }
 
         newIndicies.push({
-          element: element,
+          multiDragElement: multiDragElement,
           index: newIndex
         });
       });
@@ -3592,40 +3658,40 @@ function MultiDragPlugin() {
 }
 
 function insertMultiDragElements(clonesInserted, rootEl) {
-  for (var i in multiDragElements) {
-    var target = rootEl.children[multiDragElements[i].sortableIndex + (clonesInserted ? Number(i) : 0)];
+  multiDragElements.forEach(function (multiDragElement, i) {
+    var target = rootEl.children[multiDragElement.sortableIndex + (clonesInserted ? Number(i) : 0)];
 
     if (target) {
-      rootEl.insertBefore(multiDragElements[i], target);
+      rootEl.insertBefore(multiDragElement, target);
     } else {
-      rootEl.appendChild(multiDragElements[i]);
+      rootEl.appendChild(multiDragElement);
     }
-  }
+  });
 }
-/**
- * Insert multi-drag clones
- * @param  {[Boolean]} elementsInserted  Whether the multi-drag elements are inserted
- * @param  {HTMLElement} rootEl
+/**
+ * Insert multi-drag clones
+ * @param  {[Boolean]} elementsInserted  Whether the multi-drag elements are inserted
+ * @param  {HTMLElement} rootEl
  */
 
 
 function insertMultiDragClones(elementsInserted, rootEl) {
-  for (var i in multiDragClones) {
-    var target = rootEl.children[multiDragClones[i].sortableIndex + (elementsInserted ? Number(i) : 0)];
+  multiDragClones.forEach(function (clone, i) {
+    var target = rootEl.children[clone.sortableIndex + (elementsInserted ? Number(i) : 0)];
 
     if (target) {
-      rootEl.insertBefore(multiDragClones[i], target);
+      rootEl.insertBefore(clone, target);
     } else {
-      rootEl.appendChild(multiDragClones[i]);
+      rootEl.appendChild(clone);
     }
-  }
+  });
 }
 
 function removeMultiDragElements() {
-  for (var i in multiDragElements) {
-    if (multiDragElements[i] === dragEl$1) continue;
-    multiDragElements[i].parentNode && multiDragElements[i].parentNode.removeChild(multiDragElements[i]);
-  }
+  multiDragElements.forEach(function (multiDragElement) {
+    if (multiDragElement === dragEl$1) return;
+    multiDragElement.parentNode && multiDragElement.parentNode.removeChild(multiDragElement);
+  });
 }
 
 export default Sortable;