diff --git a/README.md b/README.md
index f56ae451c..7a41a0df7 100644
--- a/README.md
+++ b/README.md
@@ -143,7 +143,7 @@ var sortable = new Sortable(el, {
 	forceFallback: false,  // ignore the HTML5 DnD behaviour and force the fallback to kick in
 
 	fallbackClass: "sortable-fallback",  // Class name for the cloned DOM Element when using forceFallback
-	fallbackOnBody: false,  // Appends the cloned DOM Element into the Document's Body
+	getFallbackParent: null,  // Getter function that returns the parent for the cloned DOM Element
 	fallbackTolerance: 0, // Specify in pixels how far the mouse should move before it's considered as a drag.
 
 	dragoverBubble: false,
diff --git a/Sortable.js b/Sortable.js
index c394160e7..80996843a 100644
--- a/Sortable.js
+++ b/Sortable.js
@@ -10,75 +10,6 @@
   (global = global || self, global.Sortable = factory());
 }(this, (function () { 'use strict';
 
-  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(Object(source), true).forEach(function (key) {
-          _defineProperty(target, key, source[key]);
-        });
-      } else if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-      } else {
-        ownKeys(Object(source)).forEach(function (key) {
-          Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-      }
-    }
-
-    return target;
-  }
-
-  function _typeof(obj) {
-    "@babel/helpers - typeof";
-
-    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-      _typeof = function (obj) {
-        return typeof obj;
-      };
-    } else {
-      _typeof = function (obj) {
-        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-      };
-    }
-
-    return _typeof(obj);
-  }
-
-  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 _extends() {
     _extends = Object.assign || function (target) {
       for (var i = 1; i < arguments.length; i++) {
@@ -97,75 +28,6 @@
     return _extends.apply(this, arguments);
   }
 
-  function _objectWithoutPropertiesLoose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-
-    for (i = 0; i < sourceKeys.length; i++) {
-      key = sourceKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      target[key] = source[key];
-    }
-
-    return target;
-  }
-
-  function _objectWithoutProperties(source, excluded) {
-    if (source == null) return {};
-
-    var target = _objectWithoutPropertiesLoose(source, excluded);
-
-    var key, i;
-
-    if (Object.getOwnPropertySymbols) {
-      var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
-      for (i = 0; i < sourceSymbolKeys.length; i++) {
-        key = sourceSymbolKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = source[key];
-      }
-    }
-
-    return target;
-  }
-
-  function _toConsumableArray(arr) {
-    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-  }
-
-  function _arrayWithoutHoles(arr) {
-    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-  }
-
-  function _iterableToArray(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-  }
-
-  function _unsupportedIterableToArray(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(o);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-  }
-
-  function _arrayLikeToArray(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-
-    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
-    return arr2;
-  }
-
-  function _nonIterableSpread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-
   var version = "1.15.0";
 
   function userAgent(pattern) {
@@ -174,14 +36,14 @@
     }
   }
 
-  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);
+  const IE11OrLess = userAgent(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i);
+  const Edge = userAgent(/Edge/i);
+  const FireFox = userAgent(/firefox/i);
+  const Safari = userAgent(/safari/i) && !userAgent(/chrome/i) && !userAgent(/android/i);
+  const IOS = userAgent(/iP(ad|od|hone)/i);
+  const ChromeForAndroid = userAgent(/chrome/i) && userAgent(/android/i);
 
-  var captureMode = {
+  const captureMode = {
     capture: false,
     passive: false
   };
@@ -246,21 +108,21 @@
     return null;
   }
 
-  var R_SPACE = /\s+/g;
+  const R_SPACE = /\s+/g;
 
   function toggleClass(el, name, state) {
     if (el && name) {
       if (el.classList) {
         el.classList[state ? 'add' : 'remove'](name);
       } else {
-        var className = (' ' + el.className + ' ').replace(R_SPACE, ' ').replace(' ' + name + ' ', ' ');
+        let className = (' ' + el.className + ' ').replace(R_SPACE, ' ').replace(' ' + name + ' ', ' ');
         el.className = (className + (state ? ' ' + name : '')).replace(R_SPACE, ' ');
       }
     }
   }
 
   function css(el, prop, val) {
-    var style = el && el.style;
+    let style = el && el.style;
 
     if (style) {
       if (val === void 0) {
@@ -282,13 +144,13 @@
   }
 
   function matrix(el, selfOnly) {
-    var appliedTransforms = '';
+    let appliedTransforms = '';
 
     if (typeof el === 'string') {
       appliedTransforms = el;
     } else {
       do {
-        var transform = css(el, 'transform');
+        let transform = css(el, 'transform');
 
         if (transform && transform !== 'none') {
           appliedTransforms = transform + ' ' + appliedTransforms;
@@ -298,7 +160,7 @@
       } while (!selfOnly && (el = el.parentNode));
     }
 
-    var matrixFn = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
+    const matrixFn = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
     /*jshint -W056 */
 
     return matrixFn && new matrixFn(appliedTransforms);
@@ -306,7 +168,7 @@
 
   function find(ctx, tagName, iterator) {
     if (ctx) {
-      var list = ctx.getElementsByTagName(tagName),
+      let list = ctx.getElementsByTagName(tagName),
           i = 0,
           n = list.length;
 
@@ -323,7 +185,7 @@
   }
 
   function getWindowScrollingElement() {
-    var scrollingElement = document.scrollingElement;
+    let scrollingElement = document.scrollingElement;
 
     if (scrollingElement) {
       return scrollingElement;
@@ -344,7 +206,7 @@
 
   function getRect(el, relativeToContainingBlock, relativeToNonStaticParent, undoScale, container) {
     if (!el.getBoundingClientRect && el !== window) return;
-    var elRect, top, left, bottom, right, height, width;
+    let elRect, top, left, bottom, right, height, width;
 
     if (el !== window && el.parentNode && el !== getWindowScrollingElement()) {
       elRect = el.getBoundingClientRect();
@@ -371,7 +233,7 @@
       if (!IE11OrLess) {
         do {
           if (container && container.getBoundingClientRect && (css(container, 'transform') !== 'none' || relativeToNonStaticParent && css(container, 'position') !== 'static')) {
-            var containerRect = container.getBoundingClientRect(); // Set relative to edges of padding box of container
+            let containerRect = container.getBoundingClientRect(); // Set relative to edges of padding box of container
 
             top -= containerRect.top + parseInt(css(container, 'border-top-width'));
             left -= containerRect.left + parseInt(css(container, 'border-left-width'));
@@ -387,7 +249,7 @@
 
     if (undoScale && el !== window) {
       // Adjust for scale()
-      var elMatrix = matrix(container || el),
+      let elMatrix = matrix(container || el),
           scaleX = elMatrix && elMatrix.a,
           scaleY = elMatrix && elMatrix.d;
 
@@ -420,13 +282,13 @@
 
 
   function isScrolledPast(el, elSide, parentSide) {
-    var parent = getParentAutoScrollElement(el, true),
+    let parent = getParentAutoScrollElement(el, true),
         elSideVal = getRect(el)[elSide];
     /* jshint boss:true */
 
     while (parent) {
-      var parentSideVal = getRect(parent)[parentSide],
-          visible = void 0;
+      let parentSideVal = getRect(parent)[parentSide],
+          visible;
 
       if (parentSide === 'top' || parentSide === 'left') {
         visible = elSideVal >= parentSideVal;
@@ -452,7 +314,7 @@
 
 
   function getChild(el, childNum, options, includeDragEl) {
-    var currentChild = 0,
+    let currentChild = 0,
         i = 0,
         children = el.children;
 
@@ -479,7 +341,7 @@
 
 
   function lastChild(el, selector) {
-    var last = el.lastElementChild;
+    let last = el.lastElementChild;
 
     while (last && (last === Sortable.ghost || css(last, 'display') === 'none' || selector && !matches(last, selector))) {
       last = last.previousElementSibling;
@@ -497,7 +359,7 @@
 
 
   function index(el, selector) {
-    var index = 0;
+    let index = 0;
 
     if (!el || !el.parentNode) {
       return -1;
@@ -522,13 +384,13 @@
 
 
   function getRelativeScrollOffset(el) {
-    var offsetLeft = 0,
+    let offsetLeft = 0,
         offsetTop = 0,
         winScroller = getWindowScrollingElement();
 
     if (el) {
       do {
-        var elMatrix = matrix(el),
+        let elMatrix = matrix(el),
             scaleX = elMatrix.a,
             scaleY = elMatrix.d;
         offsetLeft += el.scrollLeft * scaleX;
@@ -547,10 +409,10 @@
 
 
   function indexOfObject(arr, obj) {
-    for (var i in arr) {
+    for (let i in arr) {
       if (!arr.hasOwnProperty(i)) continue;
 
-      for (var key in obj) {
+      for (let key in obj) {
         if (obj.hasOwnProperty(key) && obj[key] === arr[i][key]) return Number(i);
       }
     }
@@ -561,13 +423,13 @@
   function getParentAutoScrollElement(el, includeSelf) {
     // skip to window
     if (!el || !el.getBoundingClientRect) return getWindowScrollingElement();
-    var elem = el;
-    var gotSelf = false;
+    let elem = el;
+    let gotSelf = false;
 
     do {
       // we don't need to get elem css if it isn't even overflowing in the first place (performance)
       if (elem.clientWidth < elem.scrollWidth || elem.clientHeight < elem.scrollHeight) {
-        var elemCSS = css(elem);
+        let elemCSS = css(elem);
 
         if (elem.clientWidth < elem.scrollWidth && (elemCSS.overflowX == 'auto' || elemCSS.overflowX == 'scroll') || elem.clientHeight < elem.scrollHeight && (elemCSS.overflowY == 'auto' || elemCSS.overflowY == 'scroll')) {
           if (!elem.getBoundingClientRect || elem === document.body) return getWindowScrollingElement();
@@ -584,7 +446,7 @@
 
   function extend(dst, src) {
     if (dst && src) {
-      for (var key in src) {
+      for (let key in src) {
         if (src.hasOwnProperty(key)) {
           dst[key] = src[key];
         }
@@ -598,12 +460,12 @@
     return Math.round(rect1.top) === Math.round(rect2.top) && Math.round(rect1.left) === Math.round(rect2.left) && Math.round(rect1.height) === Math.round(rect2.height) && Math.round(rect1.width) === Math.round(rect2.width);
   }
 
-  var _throttleTimeout;
+  let _throttleTimeout;
 
   function throttle(callback, ms) {
     return function () {
       if (!_throttleTimeout) {
-        var args = arguments,
+        let args = arguments,
             _this = this;
 
         if (args.length === 1) {
@@ -630,8 +492,8 @@
   }
 
   function clone(el) {
-    var Polymer = window.Polymer;
-    var $ = window.jQuery || window.Zepto;
+    let Polymer = window.Polymer;
+    let $ = window.jQuery || window.Zepto;
 
     if (Polymer && Polymer.dom) {
       return Polymer.dom(el).cloneNode(true);
@@ -658,28 +520,27 @@
     css(el, 'height', '');
   }
 
-  var expando = 'Sortable' + new Date().getTime();
+  const expando = 'Sortable' + new Date().getTime();
 
   function AnimationStateManager() {
-    var animationStates = [],
+    let animationStates = [],
         animationCallbackId;
     return {
-      captureAnimationState: function captureAnimationState() {
+      captureAnimationState() {
         animationStates = [];
         if (!this.options.animation) return;
-        var children = [].slice.call(this.el.children);
-        children.forEach(function (child) {
+        let children = [].slice.call(this.el.children);
+        children.forEach(child => {
           if (css(child, 'display') === 'none' || child === Sortable.ghost) return;
           animationStates.push({
             target: child,
             rect: getRect(child)
           });
-
-          var fromRect = _objectSpread2({}, animationStates[animationStates.length - 1].rect); // If animating: compensate for current animation
-
+          let fromRect = { ...animationStates[animationStates.length - 1].rect
+          }; // If animating: compensate for current animation
 
           if (child.thisAnimationDuration) {
-            var childMatrix = matrix(child, true);
+            let childMatrix = matrix(child, true);
 
             if (childMatrix) {
               fromRect.top -= childMatrix.f;
@@ -690,27 +551,28 @@
           child.fromRect = fromRect;
         });
       },
-      addAnimationState: function addAnimationState(state) {
+
+      addAnimationState(state) {
         animationStates.push(state);
       },
-      removeAnimationState: function removeAnimationState(target) {
+
+      removeAnimationState(target) {
         animationStates.splice(indexOfObject(animationStates, {
-          target: target
+          target
         }), 1);
       },
-      animateAll: function animateAll(callback) {
-        var _this = this;
 
+      animateAll(callback) {
         if (!this.options.animation) {
           clearTimeout(animationCallbackId);
           if (typeof callback === 'function') callback();
           return;
         }
 
-        var animating = false,
+        let animating = false,
             animationTime = 0;
-        animationStates.forEach(function (state) {
-          var time = 0,
+        animationStates.forEach(state => {
+          let time = 0,
               target = state.target,
               fromRect = target.fromRect,
               toRect = getRect(target),
@@ -732,7 +594,7 @@
             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
 
@@ -742,10 +604,10 @@
             target.prevToRect = toRect;
 
             if (!time) {
-              time = _this.options.animation;
+              time = this.options.animation;
             }
 
-            _this.animate(target, animatingRect, toRect, time);
+            this.animate(target, animatingRect, toRect, time);
           }
 
           if (time) {
@@ -774,11 +636,12 @@
 
         animationStates = [];
       },
-      animate: function animate(target, currentRect, toRect, duration) {
+
+      animate(target, currentRect, toRect, duration) {
         if (duration) {
           css(target, 'transition', '');
           css(target, 'transform', '');
-          var elMatrix = matrix(this.el),
+          let elMatrix = matrix(this.el),
               scaleX = elMatrix && elMatrix.a,
               scaleY = elMatrix && elMatrix.d,
               translateX = (currentRect.left - toRect.left) / (scaleX || 1),
@@ -800,6 +663,7 @@
           }, duration);
         }
       }
+
     };
   }
 
@@ -811,59 +675,61 @@
     return Math.sqrt(Math.pow(fromRect.top - animatingRect.top, 2) + Math.pow(fromRect.left - animatingRect.left, 2)) / Math.sqrt(Math.pow(fromRect.top - toRect.top, 2) + Math.pow(fromRect.left - toRect.left, 2)) * options.animation;
   }
 
-  var plugins = [];
-  var defaults = {
+  let plugins = [];
+  const defaults = {
     initializeByDefault: true
   };
   var PluginManager = {
-    mount: function mount(plugin) {
+    mount(plugin) {
       // Set default static properties
-      for (var option in defaults) {
+      for (let option in defaults) {
         if (defaults.hasOwnProperty(option) && !(option in plugin)) {
           plugin[option] = defaults[option];
         }
       }
 
-      plugins.forEach(function (p) {
+      plugins.forEach(p => {
         if (p.pluginName === plugin.pluginName) {
-          throw "Sortable: Cannot mount plugin ".concat(plugin.pluginName, " more than once");
+          throw `Sortable: Cannot mount plugin ${plugin.pluginName} more than once`;
         }
       });
       plugins.push(plugin);
     },
-    pluginEvent: function pluginEvent(eventName, sortable, evt) {
-      var _this = this;
 
+    pluginEvent(eventName, sortable, evt) {
       this.eventCanceled = false;
 
-      evt.cancel = function () {
-        _this.eventCanceled = true;
+      evt.cancel = () => {
+        this.eventCanceled = true;
       };
 
-      var eventNameGlobal = eventName + 'Global';
-      plugins.forEach(function (plugin) {
+      const eventNameGlobal = eventName + 'Global';
+      plugins.forEach(plugin => {
         if (!sortable[plugin.pluginName]) return; // Fire global events if it exists in this sortable
 
         if (sortable[plugin.pluginName][eventNameGlobal]) {
-          sortable[plugin.pluginName][eventNameGlobal](_objectSpread2({
-            sortable: sortable
-          }, evt));
+          sortable[plugin.pluginName][eventNameGlobal]({
+            sortable,
+            ...evt
+          });
         } // Only fire plugin event if plugin is enabled in this sortable,
         // and plugin has event defined
 
 
         if (sortable.options[plugin.pluginName] && sortable[plugin.pluginName][eventName]) {
-          sortable[plugin.pluginName][eventName](_objectSpread2({
-            sortable: sortable
-          }, evt));
+          sortable[plugin.pluginName][eventName]({
+            sortable,
+            ...evt
+          });
         }
       });
     },
-    initializePlugins: function initializePlugins(sortable, el, defaults, options) {
-      plugins.forEach(function (plugin) {
-        var pluginName = plugin.pluginName;
+
+    initializePlugins(sortable, el, defaults, options) {
+      plugins.forEach(plugin => {
+        const pluginName = plugin.pluginName;
         if (!sortable.options[pluginName] && !plugin.initializeByDefault) return;
-        var initialized = new plugin(sortable, el, sortable.options);
+        let initialized = new plugin(sortable, el, sortable.options);
         initialized.sortable = sortable;
         initialized.options = sortable.options;
         sortable[pluginName] = initialized; // Add default options from plugin
@@ -871,27 +737,29 @@
         _extends(defaults, initialized.defaults);
       });
 
-      for (var option in sortable.options) {
+      for (let option in sortable.options) {
         if (!sortable.options.hasOwnProperty(option)) continue;
-        var modified = this.modifyOption(sortable, option, sortable.options[option]);
+        let modified = this.modifyOption(sortable, option, sortable.options[option]);
 
         if (typeof modified !== 'undefined') {
           sortable.options[option] = modified;
         }
       }
     },
-    getEventProperties: function getEventProperties(name, sortable) {
-      var eventProperties = {};
-      plugins.forEach(function (plugin) {
+
+    getEventProperties(name, sortable) {
+      let eventProperties = {};
+      plugins.forEach(plugin => {
         if (typeof plugin.eventProperties !== 'function') return;
 
         _extends(eventProperties, plugin.eventProperties.call(sortable[plugin.pluginName], name));
       });
       return eventProperties;
     },
-    modifyOption: function modifyOption(sortable, name, value) {
-      var modifiedValue;
-      plugins.forEach(function (plugin) {
+
+    modifyOption(sortable, name, value) {
+      let modifiedValue;
+      plugins.forEach(plugin => {
         // Plugin must exist on the Sortable
         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
 
@@ -901,26 +769,28 @@
       });
       return modifiedValue;
     }
+
   };
 
-  function dispatchEvent(_ref) {
-    var sortable = _ref.sortable,
-        rootEl = _ref.rootEl,
-        name = _ref.name,
-        targetEl = _ref.targetEl,
-        cloneEl = _ref.cloneEl,
-        toEl = _ref.toEl,
-        fromEl = _ref.fromEl,
-        oldIndex = _ref.oldIndex,
-        newIndex = _ref.newIndex,
-        oldDraggableIndex = _ref.oldDraggableIndex,
-        newDraggableIndex = _ref.newDraggableIndex,
-        originalEvent = _ref.originalEvent,
-        putSortable = _ref.putSortable,
-        extraEventProperties = _ref.extraEventProperties;
+  function dispatchEvent({
+    sortable,
+    rootEl,
+    name,
+    targetEl,
+    cloneEl,
+    toEl,
+    fromEl,
+    oldIndex,
+    newIndex,
+    oldDraggableIndex,
+    newDraggableIndex,
+    originalEvent,
+    putSortable,
+    extraEventProperties
+  }) {
     sortable = sortable || rootEl && rootEl[expando];
     if (!sortable) return;
-    var evt,
+    let evt,
         options = sortable.options,
         onName = 'on' + name.charAt(0).toUpperCase() + name.substr(1); // Support for new CustomEvent feature
 
@@ -944,10 +814,11 @@
     evt.newDraggableIndex = newDraggableIndex;
     evt.originalEvent = originalEvent;
     evt.pullMode = putSortable ? putSortable.lastPutMode : undefined;
+    let allEventProperties = { ...extraEventProperties,
+      ...PluginManager.getEventProperties(name, sortable)
+    };
 
-    var allEventProperties = _objectSpread2(_objectSpread2({}, extraEventProperties), PluginManager.getEventProperties(name, sortable));
-
-    for (var option in allEventProperties) {
+    for (let option in allEventProperties) {
       evt[option] = allEventProperties[option];
     }
 
@@ -960,62 +831,65 @@
     }
   }
 
-  var _excluded = ["evt"];
-
-  var pluginEvent = function pluginEvent(eventName, sortable) {
-    var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
-        originalEvent = _ref.evt,
-        data = _objectWithoutProperties(_ref, _excluded);
-
-    PluginManager.pluginEvent.bind(Sortable)(eventName, sortable, _objectSpread2({
-      dragEl: dragEl,
-      parentEl: parentEl,
-      ghostEl: ghostEl,
-      rootEl: rootEl,
-      nextEl: nextEl,
-      lastDownEl: lastDownEl,
-      cloneEl: cloneEl,
-      cloneHidden: cloneHidden,
+  let pluginEvent = function (eventName, sortable, {
+    evt: originalEvent,
+    ...data
+  } = {}) {
+    PluginManager.pluginEvent.bind(Sortable)(eventName, sortable, {
+      dragEl,
+      parentEl,
+      ghostEl,
+      rootEl,
+      nextEl,
+      lastDownEl,
+      cloneEl,
+      cloneHidden,
       dragStarted: moved,
-      putSortable: putSortable,
+      putSortable,
       activeSortable: Sortable.active,
-      originalEvent: originalEvent,
-      oldIndex: oldIndex,
-      oldDraggableIndex: oldDraggableIndex,
-      newIndex: newIndex,
-      newDraggableIndex: newDraggableIndex,
+      originalEvent,
+      oldIndex,
+      oldDraggableIndex,
+      newIndex,
+      newDraggableIndex,
       hideGhostForTarget: _hideGhostForTarget,
       unhideGhostForTarget: _unhideGhostForTarget,
-      cloneNowHidden: function cloneNowHidden() {
+
+      cloneNowHidden() {
         cloneHidden = true;
       },
-      cloneNowShown: function cloneNowShown() {
+
+      cloneNowShown() {
         cloneHidden = false;
       },
-      dispatchSortableEvent: function dispatchSortableEvent(name) {
+
+      dispatchSortableEvent(name) {
         _dispatchEvent({
-          sortable: sortable,
-          name: name,
-          originalEvent: originalEvent
+          sortable,
+          name,
+          originalEvent
         });
-      }
-    }, data));
+      },
+
+      ...data
+    });
   };
 
   function _dispatchEvent(info) {
-    dispatchEvent(_objectSpread2({
-      putSortable: putSortable,
-      cloneEl: cloneEl,
+    dispatchEvent({
+      putSortable,
+      cloneEl,
       targetEl: dragEl,
-      rootEl: rootEl,
-      oldIndex: oldIndex,
-      oldDraggableIndex: oldDraggableIndex,
-      newIndex: newIndex,
-      newDraggableIndex: newDraggableIndex
-    }, info));
+      rootEl,
+      oldIndex,
+      oldDraggableIndex,
+      newIndex,
+      newDraggableIndex,
+      ...info
+    });
   }
 
-  var dragEl,
+  let dragEl,
       parentEl,
       ghostEl,
       rootEl,
@@ -1052,24 +926,24 @@
       savedInputChecked = [];
   /** @const */
 
-  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
+  const 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 = documentExists && !ChromeForAndroid && !IOS && 'draggable' in document.createElement('div'),
-      supportCssPointerEvents = function () {
+        supportCssPointerEvents = function () {
     if (!documentExists) return; // false when <= IE11
 
     if (IE11OrLess) {
       return false;
     }
 
-    var el = document.createElement('x');
+    let el = document.createElement('x');
     el.style.cssText = 'pointer-events:auto';
     return el.style.pointerEvents === 'auto';
   }(),
-      _detectDirection = function _detectDirection(el, options) {
-    var elCSS = css(el),
+        _detectDirection = function (el, options) {
+    let elCSS = css(el),
         elWidth = parseInt(elCSS.width) - parseInt(elCSS.paddingLeft) - parseInt(elCSS.paddingRight) - parseInt(elCSS.borderLeftWidth) - parseInt(elCSS.borderRightWidth),
         child1 = getChild(el, 0, options),
         child2 = getChild(el, 1, options),
@@ -1086,15 +960,15 @@
       return elCSS.gridTemplateColumns.split(' ').length <= 1 ? 'vertical' : 'horizontal';
     }
 
-    if (child1 && firstChildCSS["float"] && firstChildCSS["float"] !== 'none') {
-      var touchingSideChild2 = firstChildCSS["float"] === 'left' ? 'left' : 'right';
+    if (child1 && firstChildCSS.float && firstChildCSS.float !== 'none') {
+      let touchingSideChild2 = firstChildCSS.float === 'left' ? 'left' : 'right';
       return child2 && (secondChildCSS.clear === 'both' || secondChildCSS.clear === touchingSideChild2) ? 'vertical' : 'horizontal';
     }
 
     return child1 && (firstChildCSS.display === 'block' || firstChildCSS.display === 'flex' || firstChildCSS.display === 'table' || firstChildCSS.display === 'grid' || firstChildWidth >= elWidth && elCSS[CSSFloatProperty] === 'none' || child2 && elCSS[CSSFloatProperty] === 'none' && firstChildWidth + secondChildWidth > elWidth) ? 'vertical' : 'horizontal';
   },
-      _dragElInRowColumn = function _dragElInRowColumn(dragRect, targetRect, vertical) {
-    var dragElS1Opp = vertical ? dragRect.left : dragRect.top,
+        _dragElInRowColumn = function (dragRect, targetRect, vertical) {
+    let dragElS1Opp = vertical ? dragRect.left : dragRect.top,
         dragElS2Opp = vertical ? dragRect.right : dragRect.bottom,
         dragElOppLength = vertical ? dragRect.width : dragRect.height,
         targetS1Opp = vertical ? targetRect.left : targetRect.top,
@@ -1109,14 +983,14 @@
    * @param  {Number} y      Y position
    * @return {HTMLElement}   Element of the first found nearest Sortable
    */
-  _detectNearestEmptySortable = function _detectNearestEmptySortable(x, y) {
-    var ret;
-    sortables.some(function (sortable) {
-      var threshold = sortable[expando].options.emptyInsertThreshold;
+  _detectNearestEmptySortable = function (x, y) {
+    let ret;
+    sortables.some(sortable => {
+      const threshold = sortable[expando].options.emptyInsertThreshold;
       if (!threshold || lastChild(sortable)) return;
-      var rect = getRect(sortable),
-          insideHorizontally = x >= rect.left - threshold && x <= rect.right + threshold,
-          insideVertically = y >= rect.top - threshold && y <= rect.bottom + threshold;
+      const rect = getRect(sortable),
+            insideHorizontally = x >= rect.left - threshold && x <= rect.right + threshold,
+            insideVertically = y >= rect.top - threshold && y <= rect.bottom + threshold;
 
       if (insideHorizontally && insideVertically) {
         return ret = sortable;
@@ -1124,10 +998,10 @@
     });
     return ret;
   },
-      _prepareGroup = function _prepareGroup(options) {
+        _prepareGroup = function (options) {
     function toFn(value, pull) {
       return function (to, from, dragEl, evt) {
-        var sameGroup = to.options.group.name && from.options.group.name && to.options.group.name === from.options.group.name;
+        let sameGroup = to.options.group.name && from.options.group.name && to.options.group.name === from.options.group.name;
 
         if (value == null && (pull || sameGroup)) {
           // Default pull value
@@ -1140,16 +1014,16 @@
         } else if (typeof value === 'function') {
           return toFn(value(to, from, dragEl, evt), pull)(to, from, dragEl, evt);
         } else {
-          var otherGroup = (pull ? to : from).options.group.name;
+          let otherGroup = (pull ? to : from).options.group.name;
           return value === true || typeof value === 'string' && value === otherGroup || value.join && value.indexOf(otherGroup) > -1;
         }
       };
     }
 
-    var group = {};
-    var originalGroup = options.group;
+    let group = {};
+    let originalGroup = options.group;
 
-    if (!originalGroup || _typeof(originalGroup) != 'object') {
+    if (!originalGroup || typeof originalGroup != 'object') {
       originalGroup = {
         name: originalGroup
       };
@@ -1161,12 +1035,12 @@
     group.revertClone = originalGroup.revertClone;
     options.group = group;
   },
-      _hideGhostForTarget = function _hideGhostForTarget() {
+        _hideGhostForTarget = function () {
     if (!supportCssPointerEvents && ghostEl) {
       css(ghostEl, 'display', 'none');
     }
   },
-      _unhideGhostForTarget = function _unhideGhostForTarget() {
+        _unhideGhostForTarget = function () {
     if (!supportCssPointerEvents && ghostEl) {
       css(ghostEl, 'display', '');
     }
@@ -1185,17 +1059,17 @@
     }, true);
   }
 
-  var nearestEmptyInsertDetectEvent = function nearestEmptyInsertDetectEvent(evt) {
+  let nearestEmptyInsertDetectEvent = function (evt) {
     if (dragEl) {
       evt = evt.touches ? evt.touches[0] : evt;
 
-      var nearest = _detectNearestEmptySortable(evt.clientX, evt.clientY);
+      let nearest = _detectNearestEmptySortable(evt.clientX, evt.clientY);
 
       if (nearest) {
         // Create imitation event
-        var event = {};
+        let event = {};
 
-        for (var i in evt) {
+        for (let i in evt) {
           if (evt.hasOwnProperty(i)) {
             event[i] = evt[i];
           }
@@ -1210,7 +1084,7 @@
     }
   };
 
-  var _checkOutsideTargetEl = function _checkOutsideTargetEl(evt) {
+  let _checkOutsideTargetEl = function (evt) {
     if (dragEl) {
       dragEl.parentNode[expando]._isOutsideThisEl(evt.target);
     }
@@ -1224,15 +1098,20 @@
 
   function Sortable(el, options) {
     if (!(el && el.nodeType && el.nodeType === 1)) {
-      throw "Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(el));
+      throw `Sortable: \`el\` must be an HTMLElement, not ${{}.toString.call(el)}`;
     }
 
     this.el = el; // root element
 
-    this.options = options = _extends({}, options); // Export instance
+    this.options = options = _extends({}, options);
+
+    if (this.options.fallbackOnBody) {
+      this.options.getFallbackParent = () => document.body;
+    } // Export instance
+
 
     el[expando] = this;
-    var defaults = {
+    let defaults = {
       group: null,
       sort: true,
       disabled: false,
@@ -1246,7 +1125,7 @@
       invertedSwapThreshold: null,
       // will be set to same as swapThreshold if default
       removeCloneOnHide: true,
-      direction: function direction() {
+      direction: function () {
         return _detectDirection(el, this.options);
       },
       ghostClass: 'sortable-ghost',
@@ -1257,7 +1136,7 @@
       preventOnFilter: true,
       animation: 0,
       easing: null,
-      setData: function setData(dataTransfer, dragEl) {
+      setData: function (dataTransfer, dragEl) {
         dataTransfer.setData('Text', dragEl.textContent);
       },
       dropBubble: false,
@@ -1268,7 +1147,9 @@
       touchStartThreshold: (Number.parseInt ? Number : window).parseInt(window.devicePixelRatio, 10) || 1,
       forceFallback: false,
       fallbackClass: 'sortable-fallback',
+      // @obsolete use `getFallbackParent: () => (document.body)`
       fallbackOnBody: false,
+      getFallbackParent: null,
       fallbackTolerance: 0,
       fallbackOffset: {
         x: 0,
@@ -1279,14 +1160,14 @@
     };
     PluginManager.initializePlugins(this, el, defaults); // Set default options
 
-    for (var name in defaults) {
+    for (let name in defaults) {
       !(name in options) && (options[name] = defaults[name]);
     }
 
     _prepareGroup(options); // Bind all private methods
 
 
-    for (var fn in this) {
+    for (let fn in this) {
       if (fn.charAt(0) === '_' && typeof this[fn] === 'function') {
         this[fn] = this[fn].bind(this);
       }
@@ -1324,20 +1205,20 @@
   /** @lends Sortable.prototype */
   {
     constructor: Sortable,
-    _isOutsideThisEl: function _isOutsideThisEl(target) {
+    _isOutsideThisEl: function (target) {
       if (!this.el.contains(target) && target !== this.el) {
         lastTarget = null;
       }
     },
-    _getDirection: function _getDirection(evt, target) {
+    _getDirection: function (evt, target) {
       return typeof this.options.direction === 'function' ? this.options.direction.call(this, evt, target, dragEl) : this.options.direction;
     },
-    _onTapStart: function _onTapStart(
+    _onTapStart: function (
     /** Event|TouchEvent */
     evt) {
       if (!evt.cancelable) return;
 
-      var _this = this,
+      let _this = this,
           el = this.el,
           options = this.options,
           preventOnFilter = options.preventOnFilter,
@@ -1395,7 +1276,7 @@
           });
 
           pluginEvent('filter', _this, {
-            evt: evt
+            evt
           });
           preventOnFilter && evt.cancelable && evt.preventDefault();
           return; // cancel dnd
@@ -1415,7 +1296,7 @@
             });
 
             pluginEvent('filter', _this, {
-              evt: evt
+              evt
             });
             return true;
           }
@@ -1434,21 +1315,21 @@
 
       this._prepareDragStart(evt, touch, target);
     },
-    _prepareDragStart: function _prepareDragStart(
+    _prepareDragStart: function (
     /** Event */
     evt,
     /** Touch */
     touch,
     /** HTMLElement */
     target) {
-      var _this = this,
+      let _this = this,
           el = _this.el,
           options = _this.options,
           ownerDocument = el.ownerDocument,
           dragStartFn;
 
       if (target && !dragEl && target.parentNode === el) {
-        var dragRect = getRect(target);
+        let dragRect = getRect(target);
         rootEl = el;
         dragEl = target;
         parentEl = dragEl.parentNode;
@@ -1467,9 +1348,9 @@
         this._lastY = (touch || evt).clientY;
         dragEl.style['will-change'] = 'all';
 
-        dragStartFn = function dragStartFn() {
+        dragStartFn = function () {
           pluginEvent('delayEnded', _this, {
-            evt: evt
+            evt
           });
 
           if (Sortable.eventCanceled) {
@@ -1517,7 +1398,7 @@
         }
 
         pluginEvent('delayStart', this, {
-          evt: evt
+          evt
         }); // Delay is impossible for native DnD in Edge or IE
 
         if (options.delay && (!options.delayOnTouchOnly || touch) && (!this.nativeDraggable || !(Edge || IE11OrLess))) {
@@ -1542,23 +1423,23 @@
         }
       }
     },
-    _delayedDragTouchMoveHandler: function _delayedDragTouchMoveHandler(
+    _delayedDragTouchMoveHandler: function (
     /** TouchEvent|PointerEvent **/
     e) {
-      var touch = e.touches ? e.touches[0] : e;
+      let touch = e.touches ? e.touches[0] : e;
 
       if (Math.max(Math.abs(touch.clientX - this._lastX), Math.abs(touch.clientY - this._lastY)) >= Math.floor(this.options.touchStartThreshold / (this.nativeDraggable && window.devicePixelRatio || 1))) {
         this._disableDelayedDrag();
       }
     },
-    _disableDelayedDrag: function _disableDelayedDrag() {
+    _disableDelayedDrag: function () {
       dragEl && _disableDraggable(dragEl);
       clearTimeout(this._dragStartTimer);
 
       this._disableDelayedDragEvents();
     },
-    _disableDelayedDragEvents: function _disableDelayedDragEvents() {
-      var ownerDocument = this.el.ownerDocument;
+    _disableDelayedDragEvents: function () {
+      let ownerDocument = this.el.ownerDocument;
       off(ownerDocument, 'mouseup', this._disableDelayedDrag);
       off(ownerDocument, 'touchend', this._disableDelayedDrag);
       off(ownerDocument, 'touchcancel', this._disableDelayedDrag);
@@ -1566,7 +1447,7 @@
       off(ownerDocument, 'touchmove', this._delayedDragTouchMoveHandler);
       off(ownerDocument, 'pointermove', this._delayedDragTouchMoveHandler);
     },
-    _triggerDragStart: function _triggerDragStart(
+    _triggerDragStart: function (
     /** Event */
     evt,
     /** Touch */
@@ -1597,20 +1478,20 @@
         }
       } catch (err) {}
     },
-    _dragStarted: function _dragStarted(fallback, evt) {
+    _dragStarted: function (fallback, evt) {
 
       awaitingDragStarted = false;
 
       if (rootEl && dragEl) {
         pluginEvent('dragStarted', this, {
-          evt: evt
+          evt
         });
 
         if (this.nativeDraggable) {
           on(document, 'dragover', _checkOutsideTargetEl);
         }
 
-        var options = this.options; // Apply effect
+        let options = this.options; // Apply effect
 
         !fallback && toggleClass(dragEl, options.dragClass, false);
         toggleClass(dragEl, options.ghostClass, true);
@@ -1626,15 +1507,15 @@
         this._nulling();
       }
     },
-    _emulateDragOver: function _emulateDragOver() {
+    _emulateDragOver: function () {
       if (touchEvt) {
         this._lastX = touchEvt.clientX;
         this._lastY = touchEvt.clientY;
 
         _hideGhostForTarget();
 
-        var target = document.elementFromPoint(touchEvt.clientX, touchEvt.clientY);
-        var parent = target;
+        let target = document.elementFromPoint(touchEvt.clientX, touchEvt.clientY);
+        let parent = target;
 
         while (target && target.shadowRoot) {
           target = target.shadowRoot.elementFromPoint(touchEvt.clientX, touchEvt.clientY);
@@ -1647,7 +1528,7 @@
         if (parent) {
           do {
             if (parent[expando]) {
-              var inserted = void 0;
+              let inserted;
               inserted = parent[expando]._onDragOver({
                 clientX: touchEvt.clientX,
                 clientY: touchEvt.clientY,
@@ -1669,11 +1550,11 @@
         _unhideGhostForTarget();
       }
     },
-    _onTouchMove: function _onTouchMove(
+    _onTouchMove: function (
     /**TouchEvent*/
     evt) {
       if (tapEvt) {
-        var options = this.options,
+        let options = this.options,
             fallbackTolerance = options.fallbackTolerance,
             fallbackOffset = options.fallbackOffset,
             touch = evt.touches ? evt.touches[0] : evt,
@@ -1707,7 +1588,7 @@
             };
           }
 
-          var cssMatrix = "matrix(".concat(ghostMatrix.a, ",").concat(ghostMatrix.b, ",").concat(ghostMatrix.c, ",").concat(ghostMatrix.d, ",").concat(ghostMatrix.e, ",").concat(ghostMatrix.f, ")");
+          let cssMatrix = `matrix(${ghostMatrix.a},${ghostMatrix.b},${ghostMatrix.c},${ghostMatrix.d},${ghostMatrix.e},${ghostMatrix.f})`;
           css(ghostEl, 'webkitTransform', cssMatrix);
           css(ghostEl, 'mozTransform', cssMatrix);
           css(ghostEl, 'msTransform', cssMatrix);
@@ -1720,11 +1601,12 @@
         evt.cancelable && evt.preventDefault();
       }
     },
-    _appendGhost: function _appendGhost() {
+    _appendGhost: function () {
       // Bug if using scale(): https://stackoverflow.com/questions/2637058
       // Not being adjusted for
       if (!ghostEl) {
-        var container = this.options.fallbackOnBody ? document.body : rootEl,
+        let fallbackParent = typeof this.options.getFallbackParent === 'function' ? this.options.getFallbackParent() : null;
+        let container = fallbackParent ?? rootEl,
             rect = getRect(dragEl, true, PositionGhostAbsolutely, true, container),
             options = this.options; // Position absolutely
 
@@ -1769,17 +1651,17 @@
         css(ghostEl, 'transform-origin', tapDistanceLeft / parseInt(ghostEl.style.width) * 100 + '% ' + tapDistanceTop / parseInt(ghostEl.style.height) * 100 + '%');
       }
     },
-    _onDragStart: function _onDragStart(
+    _onDragStart: function (
     /**Event*/
     evt,
     /**boolean*/
     fallback) {
-      var _this = this;
+      let _this = this;
 
-      var dataTransfer = evt.dataTransfer;
-      var options = _this.options;
+      let dataTransfer = evt.dataTransfer;
+      let options = _this.options;
       pluginEvent('dragStart', this, {
-        evt: evt
+        evt
       });
 
       if (Sortable.eventCanceled) {
@@ -1849,10 +1731,10 @@
       }
     },
     // Returns true - if no further action is needed (either inserted or another condition)
-    _onDragOver: function _onDragOver(
+    _onDragOver: function (
     /**Event*/
     evt) {
-      var el = this.el,
+      let el = this.el,
           target = evt.target,
           dragRect,
           targetRect,
@@ -1870,22 +1752,25 @@
       if (_silent) return;
 
       function dragOverEvent(name, extra) {
-        pluginEvent(name, _this, _objectSpread2({
-          evt: evt,
-          isOwner: isOwner,
+        pluginEvent(name, _this, {
+          evt,
+          isOwner,
           axis: vertical ? 'vertical' : 'horizontal',
-          revert: revert,
-          dragRect: dragRect,
-          targetRect: targetRect,
-          canSort: canSort,
-          fromSortable: fromSortable,
-          target: target,
-          completed: completed,
-          onMove: function onMove(target, after) {
-            return _onMove(rootEl, el, dragEl, dragRect, target, getRect(target), evt, after);
+          revert,
+          dragRect,
+          targetRect,
+          canSort,
+          fromSortable,
+          target,
+          completed,
+
+          onMove(target, after) {
+            return onMove(rootEl, el, dragEl, dragRect, target, getRect(target), evt, after);
           },
-          changed: changed
-        }, extra));
+
+          changed,
+          ...extra
+        });
       } // Capture animation state
 
 
@@ -1902,7 +1787,7 @@
 
       function completed(insertion) {
         dragOverEvent('dragOverCompleted', {
-          insertion: insertion
+          insertion
         });
 
         if (insertion) {
@@ -1967,8 +1852,8 @@
           sortable: _this,
           name: 'change',
           toEl: el,
-          newIndex: newIndex,
-          newDraggableIndex: newDraggableIndex,
+          newIndex,
+          newDraggableIndex,
           originalEvent: evt
         });
       }
@@ -2014,7 +1899,7 @@
           return completed(true);
         }
 
-        var elLastChild = lastChild(el, options.draggable);
+        let elLastChild = lastChild(el, options.draggable);
 
         if (!elLastChild || _ghostIsLast(evt, vertical, this) && !elLastChild.animated) {
           // Insert to end of list
@@ -2032,7 +1917,7 @@
             targetRect = getRect(target);
           }
 
-          if (_onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, !!target) !== false) {
+          if (onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, !!target) !== false) {
             capture();
 
             if (elLastChild && elLastChild.nextSibling) {
@@ -2049,7 +1934,7 @@
           }
         } else if (elLastChild && _ghostIsFirst(evt, vertical, this)) {
           // Insert to start of list
-          var firstChild = getChild(el, 0, options, true);
+          let firstChild = getChild(el, 0, options, true);
 
           if (firstChild === dragEl) {
             return completed(false);
@@ -2058,7 +1943,7 @@
           target = firstChild;
           targetRect = getRect(target);
 
-          if (_onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, false) !== false) {
+          if (onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, false) !== false) {
             capture();
             el.insertBefore(dragEl, firstChild);
             parentEl = el; // actualization
@@ -2068,7 +1953,7 @@
           }
         } else if (target.parentNode === el) {
           targetRect = getRect(target);
-          var direction = 0,
+          let direction = 0,
               targetBeforeFirstSwap,
               differentLevel = dragEl.parentNode !== el,
               differentRowCol = !_dragElInRowColumn(dragEl.animated && dragEl.toRect || dragRect, target.animated && target.toRect || targetRect, vertical),
@@ -2083,11 +1968,11 @@
           }
 
           direction = _getSwapDirection(evt, target, targetRect, vertical, differentRowCol ? 1 : options.swapThreshold, options.invertedSwapThreshold == null ? options.swapThreshold : options.invertedSwapThreshold, isCircumstantialInvert, lastTarget === target);
-          var sibling;
+          let sibling;
 
           if (direction !== 0) {
             // Check if target is beside dragEl in respective direction (ignoring hidden elements)
-            var dragIndex = index(dragEl);
+            let dragIndex = index(dragEl);
 
             do {
               dragIndex -= direction;
@@ -2102,11 +1987,10 @@
 
           lastTarget = target;
           lastDirection = direction;
-          var nextSibling = target.nextElementSibling,
+          let nextSibling = target.nextElementSibling,
               after = false;
           after = direction === 1;
-
-          var moveVector = _onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, after);
+          let moveVector = onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, after);
 
           if (moveVector !== false) {
             if (moveVector === 1 || moveVector === -1) {
@@ -2148,7 +2032,7 @@
       return false;
     },
     _ignoreWhileAnimating: null,
-    _offMoveEvents: function _offMoveEvents() {
+    _offMoveEvents: function () {
       off(document, 'mousemove', this._onTouchMove);
       off(document, 'touchmove', this._onTouchMove);
       off(document, 'pointermove', this._onTouchMove);
@@ -2156,24 +2040,24 @@
       off(document, 'mousemove', nearestEmptyInsertDetectEvent);
       off(document, 'touchmove', nearestEmptyInsertDetectEvent);
     },
-    _offUpEvents: function _offUpEvents() {
-      var ownerDocument = this.el.ownerDocument;
+    _offUpEvents: function () {
+      let ownerDocument = this.el.ownerDocument;
       off(ownerDocument, 'mouseup', this._onDrop);
       off(ownerDocument, 'touchend', this._onDrop);
       off(ownerDocument, 'pointerup', this._onDrop);
       off(ownerDocument, 'touchcancel', this._onDrop);
       off(document, 'selectstart', this);
     },
-    _onDrop: function _onDrop(
+    _onDrop: function (
     /**Event*/
     evt) {
-      var el = this.el,
+      let el = this.el,
           options = this.options; // Get the index of the dragged element within its parent
 
       newIndex = index(dragEl);
       newDraggableIndex = index(dragEl, options.draggable);
       pluginEvent('drop', this, {
-        evt: evt
+        evt
       });
       parentEl = dragEl && dragEl.parentNode; // Get again after plugin event
 
@@ -2330,7 +2214,7 @@
 
       this._nulling();
     },
-    _nulling: function _nulling() {
+    _nulling: function () {
       pluginEvent('nulling', this);
       rootEl = dragEl = parentEl = ghostEl = nextEl = cloneEl = lastDownEl = cloneHidden = tapEvt = touchEvt = moved = newIndex = newDraggableIndex = oldIndex = oldDraggableIndex = lastTarget = lastDirection = putSortable = activeGroup = Sortable.dragged = Sortable.ghost = Sortable.clone = Sortable.active = null;
       savedInputChecked.forEach(function (el) {
@@ -2338,7 +2222,7 @@
       });
       savedInputChecked.length = lastDx = lastDy = 0;
     },
-    handleEvent: function handleEvent(
+    handleEvent: function (
     /**Event*/
     evt) {
       switch (evt.type) {
@@ -2368,8 +2252,8 @@
      * Serializes the item into an array of string.
      * @returns {String[]}
      */
-    toArray: function toArray() {
-      var order = [],
+    toArray: function () {
+      let order = [],
           el,
           children = this.el.children,
           i = 0,
@@ -2391,11 +2275,11 @@
      * Sorts the elements according to the array.
      * @param  {String[]}  order  order of the items
      */
-    sort: function sort(order, useAnimation) {
-      var items = {},
+    sort: function (order, useAnimation) {
+      let items = {},
           rootEl = this.el;
       this.toArray().forEach(function (id, i) {
-        var el = rootEl.children[i];
+        let el = rootEl.children[i];
 
         if (closest(el, this.options.draggable, rootEl, false)) {
           items[id] = el;
@@ -2414,8 +2298,8 @@
     /**
      * Save the current sorting
      */
-    save: function save() {
-      var store = this.options.store;
+    save: function () {
+      let store = this.options.store;
       store && store.set && store.set(this);
     },
 
@@ -2425,7 +2309,7 @@
      * @param   {String}       [selector]  default: `options.draggable`
      * @returns {HTMLElement|null}
      */
-    closest: function closest$1(el, selector) {
+    closest: function (el, selector) {
       return closest(el, selector || this.options.draggable, this.el, false);
     },
 
@@ -2435,13 +2319,13 @@
      * @param   {*}      [value]
      * @returns {*}
      */
-    option: function option(name, value) {
-      var options = this.options;
+    option: function (name, value) {
+      let options = this.options;
 
       if (value === void 0) {
         return options[name];
       } else {
-        var modifiedValue = PluginManager.modifyOption(this, name, value);
+        let modifiedValue = PluginManager.modifyOption(this, name, value);
 
         if (typeof modifiedValue !== 'undefined') {
           options[name] = modifiedValue;
@@ -2458,9 +2342,9 @@
     /**
      * Destroy
      */
-    destroy: function destroy() {
+    destroy: function () {
       pluginEvent('destroy', this);
-      var el = this.el;
+      let el = this.el;
       el[expando] = null;
       off(el, 'mousedown', this._onTapStart);
       off(el, 'touchstart', this._onTapStart);
@@ -2483,7 +2367,7 @@
       sortables.splice(sortables.indexOf(this.el), 1);
       this.el = el = null;
     },
-    _hideClone: function _hideClone() {
+    _hideClone: function () {
       if (!cloneHidden) {
         pluginEvent('hideClone', this);
         if (Sortable.eventCanceled) return;
@@ -2496,7 +2380,7 @@
         cloneHidden = true;
       }
     },
-    _showClone: function _showClone(putSortable) {
+    _showClone: function (putSortable) {
       if (putSortable.lastPutMode !== 'clone') {
         this._hideClone();
 
@@ -2535,8 +2419,8 @@
     evt.cancelable && evt.preventDefault();
   }
 
-  function _onMove(fromEl, toEl, dragEl, dragRect, targetEl, targetRect, originalEvent, willInsertAfter) {
-    var evt,
+  function onMove(fromEl, toEl, dragEl, dragRect, targetEl, targetRect, originalEvent, willInsertAfter) {
+    let evt,
         sortable = fromEl[expando],
         onMoveFn = sortable.options.onMove,
         retVal; // Support for new CustomEvent feature
@@ -2577,19 +2461,19 @@
   }
 
   function _ghostIsFirst(evt, vertical, sortable) {
-    var rect = getRect(getChild(sortable.el, 0, sortable.options, true));
-    var spacer = 10;
+    let rect = getRect(getChild(sortable.el, 0, sortable.options, true));
+    const spacer = 10;
     return vertical ? evt.clientX < rect.left - spacer || evt.clientY < rect.top && evt.clientX < rect.right : evt.clientY < rect.top - spacer || evt.clientY < rect.bottom && evt.clientX < rect.left;
   }
 
   function _ghostIsLast(evt, vertical, sortable) {
-    var rect = getRect(lastChild(sortable.el, sortable.options.draggable));
-    var spacer = 10;
+    let rect = getRect(lastChild(sortable.el, sortable.options.draggable));
+    const spacer = 10;
     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, targetRect, vertical, swapThreshold, invertedSwapThreshold, invertSwap, isLastTarget) {
-    var mouseOnAxis = vertical ? evt.clientY : evt.clientX,
+    let mouseOnAxis = vertical ? evt.clientY : evt.clientX,
         targetLength = vertical ? targetRect.height : targetRect.width,
         targetS1 = vertical ? targetRect.top : targetRect.left,
         targetS2 = vertical ? targetRect.bottom : targetRect.right,
@@ -2657,7 +2541,7 @@
 
 
   function _generateId(el) {
-    var str = el.tagName + el.className + el.src + el.href + el.textContent,
+    let str = el.tagName + el.className + el.src + el.href + el.textContent,
         i = str.length,
         sum = 0;
 
@@ -2670,11 +2554,11 @@
 
   function _saveInputCheckedState(root) {
     savedInputChecked.length = 0;
-    var inputs = root.getElementsByTagName('input');
-    var idx = inputs.length;
+    let inputs = root.getElementsByTagName('input');
+    let idx = inputs.length;
 
     while (idx--) {
-      var el = inputs[idx];
+      let el = inputs[idx];
       el.checked && savedInputChecked.push(el);
     }
   }
@@ -2702,7 +2586,7 @@
     off: off,
     css: css,
     find: find,
-    is: function is(el, selector) {
+    is: function (el, selector) {
       return !!closest(el, selector, el, false);
     },
     extend: extend,
@@ -2731,18 +2615,16 @@
    */
 
 
-  Sortable.mount = function () {
-    for (var _len = arguments.length, plugins = new Array(_len), _key = 0; _key < _len; _key++) {
-      plugins[_key] = arguments[_key];
-    }
-
+  Sortable.mount = function (...plugins) {
     if (plugins[0].constructor === Array) plugins = plugins[0];
-    plugins.forEach(function (plugin) {
+    plugins.forEach(plugin => {
       if (!plugin.prototype || !plugin.prototype.constructor) {
-        throw "Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(plugin));
+        throw `Sortable: Mounted plugin must be a constructor function, not ${{}.toString.call(plugin)}`;
       }
 
-      if (plugin.utils) Sortable.utils = _objectSpread2(_objectSpread2({}, Sortable.utils), plugin.utils);
+      if (plugin.utils) Sortable.utils = { ...Sortable.utils,
+        ...plugin.utils
+      };
       PluginManager.mount(plugin);
     });
   };
@@ -2760,7 +2642,7 @@
 
   Sortable.version = version;
 
-  var autoScrolls = [],
+  let autoScrolls = [],
       scrollEl,
       scrollRootEl,
       scrolling = false,
@@ -2779,7 +2661,7 @@
         bubbleScroll: true
       }; // Bind all private methods
 
-      for (var fn in this) {
+      for (let fn in this) {
         if (fn.charAt(0) === '_' && typeof this[fn] === 'function') {
           this[fn] = this[fn].bind(this);
         }
@@ -2787,9 +2669,9 @@
     }
 
     AutoScroll.prototype = {
-      dragStarted: function dragStarted(_ref) {
-        var originalEvent = _ref.originalEvent;
-
+      dragStarted({
+        originalEvent
+      }) {
         if (this.sortable.nativeDraggable) {
           on(document, 'dragover', this._handleAutoScroll);
         } else {
@@ -2802,15 +2684,17 @@
           }
         }
       },
-      dragOverCompleted: function dragOverCompleted(_ref2) {
-        var originalEvent = _ref2.originalEvent;
 
+      dragOverCompleted({
+        originalEvent
+      }) {
         // For when bubbling is canceled and using fallback (fallback 'touchmove' always reached)
         if (!this.options.dragOverBubble && !originalEvent.rootEl) {
           this._handleAutoScroll(originalEvent);
         }
       },
-      drop: function drop() {
+
+      drop() {
         if (this.sortable.nativeDraggable) {
           off(document, 'dragover', this._handleAutoScroll);
         } else {
@@ -2823,19 +2707,20 @@
         clearAutoScrolls();
         cancelThrottle();
       },
-      nulling: function nulling() {
+
+      nulling() {
         touchEvt$1 = scrollRootEl = scrollEl = scrolling = pointerElemChangedInterval = lastAutoScrollX = lastAutoScrollY = null;
         autoScrolls.length = 0;
       },
-      _handleFallbackAutoScroll: function _handleFallbackAutoScroll(evt) {
+
+      _handleFallbackAutoScroll(evt) {
         this._handleAutoScroll(evt, true);
       },
-      _handleAutoScroll: function _handleAutoScroll(evt, fallback) {
-        var _this = this;
 
-        var x = (evt.touches ? evt.touches[0] : evt).clientX,
-            y = (evt.touches ? evt.touches[0] : evt).clientY,
-            elem = document.elementFromPoint(x, y);
+      _handleAutoScroll(evt, fallback) {
+        const 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,
         // MACOS Safari does not have autoscroll,
@@ -2844,20 +2729,20 @@
         if (fallback || this.options.forceAutoScrollFallback || Edge || IE11OrLess || Safari) {
           autoScroll(evt, this.options, elem, fallback); // Listener for pointer element change
 
-          var ogElemScroller = getParentAutoScrollElement(elem, true);
+          let ogElemScroller = getParentAutoScrollElement(elem, true);
 
           if (scrolling && (!pointerElemChangedInterval || x !== lastAutoScrollX || y !== lastAutoScrollY)) {
             pointerElemChangedInterval && clearPointerElemChangedInterval(); // Detect for pointer elem change, emulating native DnD behaviour
 
-            pointerElemChangedInterval = setInterval(function () {
-              var newElem = getParentAutoScrollElement(document.elementFromPoint(x, y), true);
+            pointerElemChangedInterval = setInterval(() => {
+              let newElem = getParentAutoScrollElement(document.elementFromPoint(x, y), true);
 
               if (newElem !== ogElemScroller) {
                 ogElemScroller = newElem;
                 clearAutoScrolls();
               }
 
-              autoScroll(evt, _this.options, newElem, fallback);
+              autoScroll(evt, this.options, newElem, fallback);
             }, 10);
             lastAutoScrollX = x;
             lastAutoScrollY = y;
@@ -2872,6 +2757,7 @@
           autoScroll(evt, this.options, getParentAutoScrollElement(elem, false), false);
         }
       }
+
     };
     return _extends(AutoScroll, {
       pluginName: 'scroll',
@@ -2890,15 +2776,15 @@
     clearInterval(pointerElemChangedInterval);
   }
 
-  var autoScroll = throttle(function (evt, options, rootEl, isFallback) {
+  const autoScroll = throttle(function (evt, options, rootEl, isFallback) {
     // Bug: https://bugzilla.mozilla.org/show_bug.cgi?id=505521
     if (!options.scroll) return;
-    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,
+    const x = (evt.touches ? evt.touches[0] : evt).clientX,
+          y = (evt.touches ? evt.touches[0] : evt).clientY,
+          sens = options.scrollSensitivity,
+          speed = options.scrollSpeed,
+          winScroller = getWindowScrollingElement();
+    let scrollThisInstance = false,
         scrollCustomFn; // New scroll root, set scrollEl
 
     if (scrollRootEl !== rootEl) {
@@ -2912,11 +2798,11 @@
       }
     }
 
-    var layersOut = 0;
-    var currentParent = scrollEl;
+    let layersOut = 0;
+    let currentParent = scrollEl;
 
     do {
-      var el = currentParent,
+      let el = currentParent,
           rect = getRect(el),
           top = rect.top,
           bottom = rect.bottom,
@@ -2924,8 +2810,8 @@
           right = rect.right,
           width = rect.width,
           height = rect.height,
-          canScrollX = void 0,
-          canScrollY = void 0,
+          canScrollX,
+          canScrollY,
           scrollWidth = el.scrollWidth,
           scrollHeight = el.scrollHeight,
           elCSS = css(el),
@@ -2940,11 +2826,11 @@
         canScrollY = height < scrollHeight && (elCSS.overflowY === 'auto' || elCSS.overflowY === 'scroll');
       }
 
-      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);
+      let vx = canScrollX && (Math.abs(right - x) <= sens && scrollPosX + width < scrollWidth) - (Math.abs(left - x) <= sens && !!scrollPosX);
+      let 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++) {
+        for (let i = 0; i <= layersOut; i++) {
           if (!autoScrolls[i]) {
             autoScrolls[i] = {};
           }
@@ -2968,8 +2854,8 @@
 
             }
 
-            var scrollOffsetY = autoScrolls[this.layer].vy ? autoScrolls[this.layer].vy * speed : 0;
-            var scrollOffsetX = autoScrolls[this.layer].vx ? autoScrolls[this.layer].vx * speed : 0;
+            let scrollOffsetY = autoScrolls[this.layer].vy ? autoScrolls[this.layer].vy * speed : 0;
+            let scrollOffsetX = autoScrolls[this.layer].vx ? autoScrolls[this.layer].vx * speed : 0;
 
             if (typeof scrollCustomFn === 'function') {
               if (scrollCustomFn.call(Sortable.dragged.parentNode[expando], scrollOffsetX, scrollOffsetY, evt, touchEvt$1, autoScrolls[this.layer].el) !== 'continue') {
@@ -2990,26 +2876,27 @@
     scrolling = scrollThisInstance; // in case another function catches scrolling as false in between when it is not
   }, 30);
 
-  var drop = function drop(_ref) {
-    var originalEvent = _ref.originalEvent,
-        putSortable = _ref.putSortable,
-        dragEl = _ref.dragEl,
-        activeSortable = _ref.activeSortable,
-        dispatchSortableEvent = _ref.dispatchSortableEvent,
-        hideGhostForTarget = _ref.hideGhostForTarget,
-        unhideGhostForTarget = _ref.unhideGhostForTarget;
+  const drop = function ({
+    originalEvent,
+    putSortable,
+    dragEl,
+    activeSortable,
+    dispatchSortableEvent,
+    hideGhostForTarget,
+    unhideGhostForTarget
+  }) {
     if (!originalEvent) return;
-    var toSortable = putSortable || activeSortable;
+    let toSortable = putSortable || activeSortable;
     hideGhostForTarget();
-    var touch = originalEvent.changedTouches && originalEvent.changedTouches.length ? originalEvent.changedTouches[0] : originalEvent;
-    var target = document.elementFromPoint(touch.clientX, touch.clientY);
+    let touch = originalEvent.changedTouches && originalEvent.changedTouches.length ? originalEvent.changedTouches[0] : originalEvent;
+    let target = document.elementFromPoint(touch.clientX, touch.clientY);
     unhideGhostForTarget();
 
     if (toSortable && !toSortable.el.contains(target)) {
       dispatchSortableEvent('spill');
       this.onSpill({
-        dragEl: dragEl,
-        putSortable: putSortable
+        dragEl,
+        putSortable
       });
     }
   };
@@ -3018,20 +2905,24 @@
 
   Revert.prototype = {
     startIndex: null,
-    dragStart: function dragStart(_ref2) {
-      var oldDraggableIndex = _ref2.oldDraggableIndex;
+
+    dragStart({
+      oldDraggableIndex
+    }) {
       this.startIndex = oldDraggableIndex;
     },
-    onSpill: function onSpill(_ref3) {
-      var dragEl = _ref3.dragEl,
-          putSortable = _ref3.putSortable;
+
+    onSpill({
+      dragEl,
+      putSortable
+    }) {
       this.sortable.captureAnimationState();
 
       if (putSortable) {
         putSortable.captureAnimationState();
       }
 
-      var nextSibling = getChild(this.sortable.el, this.startIndex, this.options);
+      let nextSibling = getChild(this.sortable.el, this.startIndex, this.options);
 
       if (nextSibling) {
         this.sortable.el.insertBefore(dragEl, nextSibling);
@@ -3045,7 +2936,8 @@
         putSortable.animateAll();
       }
     },
-    drop: drop
+
+    drop
   };
 
   _extends(Revert, {
@@ -3055,22 +2947,24 @@
   function Remove() {}
 
   Remove.prototype = {
-    onSpill: function onSpill(_ref4) {
-      var dragEl = _ref4.dragEl,
-          putSortable = _ref4.putSortable;
-      var parentSortable = putSortable || this.sortable;
+    onSpill({
+      dragEl,
+      putSortable
+    }) {
+      const parentSortable = putSortable || this.sortable;
       parentSortable.captureAnimationState();
       dragEl.parentNode && dragEl.parentNode.removeChild(dragEl);
       parentSortable.animateAll();
     },
-    drop: drop
+
+    drop
   };
 
   _extends(Remove, {
     pluginName: 'removeOnSpill'
   });
 
-  var lastSwapEl;
+  let lastSwapEl;
 
   function SwapPlugin() {
     function Swap() {
@@ -3080,23 +2974,26 @@
     }
 
     Swap.prototype = {
-      dragStart: function dragStart(_ref) {
-        var dragEl = _ref.dragEl;
+      dragStart({
+        dragEl
+      }) {
         lastSwapEl = dragEl;
       },
-      dragOverValid: function dragOverValid(_ref2) {
-        var completed = _ref2.completed,
-            target = _ref2.target,
-            onMove = _ref2.onMove,
-            activeSortable = _ref2.activeSortable,
-            changed = _ref2.changed,
-            cancel = _ref2.cancel;
+
+      dragOverValid({
+        completed,
+        target,
+        onMove,
+        activeSortable,
+        changed,
+        cancel
+      }) {
         if (!activeSortable.options.swap) return;
-        var el = this.sortable.el,
+        let el = this.sortable.el,
             options = this.options;
 
         if (target && target !== el) {
-          var prevSwapEl = lastSwapEl;
+          let prevSwapEl = lastSwapEl;
 
           if (onMove(target) !== false) {
             toggleClass(target, options.swapClass, true);
@@ -3114,12 +3011,14 @@
         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.options;
+
+      drop({
+        activeSortable,
+        putSortable,
+        dragEl
+      }) {
+        let toSortable = putSortable || this.sortable;
+        let options = this.options;
         lastSwapEl && toggleClass(lastSwapEl, options.swapClass, false);
 
         if (lastSwapEl && (options.swap || putSortable && putSortable.options.swap)) {
@@ -3132,22 +3031,26 @@
           }
         }
       },
-      nulling: function nulling() {
+
+      nulling() {
         lastSwapEl = null;
       }
+
     };
     return _extends(Swap, {
       pluginName: 'swap',
-      eventProperties: function eventProperties() {
+
+      eventProperties() {
         return {
           swapItem: lastSwapEl
         };
       }
+
     });
   }
 
   function swapNodes(n1, n2) {
-    var p1 = n1.parentNode,
+    let p1 = n1.parentNode,
         p2 = n2.parentNode,
         i1,
         i2;
@@ -3163,7 +3066,7 @@
     p2.insertBefore(n1, p2.children[i2]);
   }
 
-  var multiDragElements = [],
+  let multiDragElements = [],
       multiDragClones = [],
       lastMultiDragSelect,
       // for selection with modifier key down (SHIFT)
@@ -3180,7 +3083,7 @@
   function MultiDragPlugin() {
     function MultiDrag(sortable) {
       // Bind all private methods
-      for (var fn in this) {
+      for (let fn in this) {
         if (fn.charAt(0) === '_' && typeof this[fn] === 'function') {
           this[fn] = this[fn].bind(this);
         }
@@ -3201,11 +3104,12 @@
         selectedClass: 'sortable-selected',
         multiDragKey: null,
         avoidImplicitDeselect: false,
-        setData: function setData(dataTransfer, dragEl) {
-          var data = '';
+
+        setData(dataTransfer, dragEl) {
+          let data = '';
 
           if (multiDragElements.length && multiDragSortable === sortable) {
-            multiDragElements.forEach(function (multiDragElement, i) {
+            multiDragElements.forEach((multiDragElement, i) => {
               data += (!i ? '' : ', ') + multiDragElement.textContent;
             });
           } else {
@@ -3214,25 +3118,31 @@
 
           dataTransfer.setData('Text', data);
         }
+
       };
     }
 
     MultiDrag.prototype = {
       multiDragKeyDown: false,
       isMultiDrag: false,
-      delayStartGlobal: function delayStartGlobal(_ref) {
-        var dragged = _ref.dragEl;
+
+      delayStartGlobal({
+        dragEl: dragged
+      }) {
         dragEl$1 = dragged;
       },
-      delayEnded: function delayEnded() {
+
+      delayEnded() {
         this.isMultiDrag = ~multiDragElements.indexOf(dragEl$1);
       },
-      setupClone: function setupClone(_ref2) {
-        var sortable = _ref2.sortable,
-            cancel = _ref2.cancel;
+
+      setupClone({
+        sortable,
+        cancel
+      }) {
         if (!this.isMultiDrag) return;
 
-        for (var i = 0; i < multiDragElements.length; i++) {
+        for (let i = 0; i < multiDragElements.length; i++) {
           multiDragClones.push(clone(multiDragElements[i]));
           multiDragClones[i].sortableIndex = multiDragElements[i].sortableIndex;
           multiDragClones[i].draggable = false;
@@ -3245,11 +3155,13 @@
 
         cancel();
       },
-      clone: function clone(_ref3) {
-        var sortable = _ref3.sortable,
-            rootEl = _ref3.rootEl,
-            dispatchSortableEvent = _ref3.dispatchSortableEvent,
-            cancel = _ref3.cancel;
+
+      clone({
+        sortable,
+        rootEl,
+        dispatchSortableEvent,
+        cancel
+      }) {
         if (!this.isMultiDrag) return;
 
         if (!this.options.removeCloneOnHide) {
@@ -3260,30 +3172,32 @@
           }
         }
       },
-      showClone: function showClone(_ref4) {
-        var cloneNowShown = _ref4.cloneNowShown,
-            rootEl = _ref4.rootEl,
-            cancel = _ref4.cancel;
+
+      showClone({
+        cloneNowShown,
+        rootEl,
+        cancel
+      }) {
         if (!this.isMultiDrag) return;
         insertMultiDragClones(false, rootEl);
-        multiDragClones.forEach(function (clone) {
+        multiDragClones.forEach(clone => {
           css(clone, 'display', '');
         });
         cloneNowShown();
         clonesHidden = false;
         cancel();
       },
-      hideClone: function hideClone(_ref5) {
-        var _this = this;
 
-        var sortable = _ref5.sortable,
-            cloneNowHidden = _ref5.cloneNowHidden,
-            cancel = _ref5.cancel;
+      hideClone({
+        sortable,
+        cloneNowHidden,
+        cancel
+      }) {
         if (!this.isMultiDrag) return;
-        multiDragClones.forEach(function (clone) {
+        multiDragClones.forEach(clone => {
           css(clone, 'display', 'none');
 
-          if (_this.options.removeCloneOnHide && clone.parentNode) {
+          if (this.options.removeCloneOnHide && clone.parentNode) {
             clone.parentNode.removeChild(clone);
           }
         });
@@ -3291,14 +3205,15 @@
         clonesHidden = true;
         cancel();
       },
-      dragStartGlobal: function dragStartGlobal(_ref6) {
-        var sortable = _ref6.sortable;
 
+      dragStartGlobal({
+        sortable
+      }) {
         if (!this.isMultiDrag && multiDragSortable) {
           multiDragSortable.multiDrag._deselectMultiDrag();
         }
 
-        multiDragElements.forEach(function (multiDragElement) {
+        multiDragElements.forEach(multiDragElement => {
           multiDragElement.sortableIndex = index(multiDragElement);
         }); // Sort multi-drag elements
 
@@ -3307,10 +3222,10 @@
         });
         dragStarted = true;
       },
-      dragStarted: function dragStarted(_ref7) {
-        var _this2 = this;
 
-        var sortable = _ref7.sortable;
+      dragStarted({
+        sortable
+      }) {
         if (!this.isMultiDrag) return;
 
         if (this.options.sort) {
@@ -3323,12 +3238,12 @@
           sortable.captureAnimationState();
 
           if (this.options.animation) {
-            multiDragElements.forEach(function (multiDragElement) {
+            multiDragElements.forEach(multiDragElement => {
               if (multiDragElement === dragEl$1) return;
               css(multiDragElement, 'position', 'absolute');
             });
-            var dragRect = getRect(dragEl$1, false, true, true);
-            multiDragElements.forEach(function (multiDragElement) {
+            let dragRect = getRect(dragEl$1, false, true, true);
+            multiDragElements.forEach(multiDragElement => {
               if (multiDragElement === dragEl$1) return;
               setRect(multiDragElement, dragRect);
             });
@@ -3337,41 +3252,43 @@
           }
         }
 
-        sortable.animateAll(function () {
+        sortable.animateAll(() => {
           folding = false;
           initialFolding = false;
 
-          if (_this2.options.animation) {
-            multiDragElements.forEach(function (multiDragElement) {
+          if (this.options.animation) {
+            multiDragElements.forEach(multiDragElement => {
               unsetRect(multiDragElement);
             });
           } // Remove all auxiliary multidrag items from el, if sorting enabled
 
 
-          if (_this2.options.sort) {
+          if (this.options.sort) {
             removeMultiDragElements();
           }
         });
       },
-      dragOver: function dragOver(_ref8) {
-        var target = _ref8.target,
-            completed = _ref8.completed,
-            cancel = _ref8.cancel;
 
+      dragOver({
+        target,
+        completed,
+        cancel
+      }) {
         if (folding && ~multiDragElements.indexOf(target)) {
           completed(false);
           cancel();
         }
       },
-      revert: function revert(_ref9) {
-        var fromSortable = _ref9.fromSortable,
-            rootEl = _ref9.rootEl,
-            sortable = _ref9.sortable,
-            dragRect = _ref9.dragRect;
 
+      revert({
+        fromSortable,
+        rootEl,
+        sortable,
+        dragRect
+      }) {
         if (multiDragElements.length > 1) {
           // Setup unfold animation
-          multiDragElements.forEach(function (multiDragElement) {
+          multiDragElements.forEach(multiDragElement => {
             sortable.addAnimationState({
               target: multiDragElement,
               rect: folding ? getRect(multiDragElement) : dragRect
@@ -3384,14 +3301,16 @@
           insertMultiDragElements(!this.options.removeCloneOnHide, rootEl);
         }
       },
-      dragOverCompleted: function dragOverCompleted(_ref10) {
-        var sortable = _ref10.sortable,
-            isOwner = _ref10.isOwner,
-            insertion = _ref10.insertion,
-            activeSortable = _ref10.activeSortable,
-            parentEl = _ref10.parentEl,
-            putSortable = _ref10.putSortable;
-        var options = this.options;
+
+      dragOverCompleted({
+        sortable,
+        isOwner,
+        insertion,
+        activeSortable,
+        parentEl,
+        putSortable
+      }) {
+        let options = this.options;
 
         if (insertion) {
           // Clones must be hidden before folding animation to capture dragRectAbsolute properly
@@ -3403,8 +3322,8 @@
 
           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);
-            multiDragElements.forEach(function (multiDragElement) {
+            let dragRectAbsolute = getRect(dragEl$1, false, true, true);
+            multiDragElements.forEach(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
@@ -3422,13 +3341,13 @@
             }
 
             if (multiDragElements.length > 1) {
-              var clonesHiddenBefore = clonesHidden;
+              let clonesHiddenBefore = clonesHidden;
 
               activeSortable._showClone(sortable); // Unfold animation for clones if showing from hidden
 
 
               if (activeSortable.options.animation && !clonesHidden && clonesHiddenBefore) {
-                multiDragClones.forEach(function (clone) {
+                multiDragClones.forEach(clone => {
                   activeSortable.addAnimationState({
                     target: clone,
                     rect: clonesFromRect
@@ -3443,38 +3362,43 @@
           }
         }
       },
-      dragOverAnimationCapture: function dragOverAnimationCapture(_ref11) {
-        var dragRect = _ref11.dragRect,
-            isOwner = _ref11.isOwner,
-            activeSortable = _ref11.activeSortable;
-        multiDragElements.forEach(function (multiDragElement) {
+
+      dragOverAnimationCapture({
+        dragRect,
+        isOwner,
+        activeSortable
+      }) {
+        multiDragElements.forEach(multiDragElement => {
           multiDragElement.thisAnimationDuration = null;
         });
 
         if (activeSortable.options.animation && !isOwner && activeSortable.multiDrag.isMultiDrag) {
           clonesFromRect = _extends({}, dragRect);
-          var dragMatrix = matrix(dragEl$1, true);
+          let dragMatrix = matrix(dragEl$1, true);
           clonesFromRect.top -= dragMatrix.f;
           clonesFromRect.left -= dragMatrix.e;
         }
       },
-      dragOverAnimationComplete: function dragOverAnimationComplete() {
+
+      dragOverAnimationComplete() {
         if (folding) {
           folding = false;
           removeMultiDragElements();
         }
       },
-      drop: function drop(_ref12) {
-        var evt = _ref12.originalEvent,
-            rootEl = _ref12.rootEl,
-            parentEl = _ref12.parentEl,
-            sortable = _ref12.sortable,
-            dispatchSortableEvent = _ref12.dispatchSortableEvent,
-            oldIndex = _ref12.oldIndex,
-            putSortable = _ref12.putSortable;
-        var toSortable = putSortable || this.sortable;
+
+      drop({
+        originalEvent: evt,
+        rootEl,
+        parentEl,
+        sortable,
+        dispatchSortableEvent,
+        oldIndex,
+        putSortable
+      }) {
+        let toSortable = putSortable || this.sortable;
         if (!evt) return;
-        var options = this.options,
+        let options = this.options,
             children = parentEl.children; // Multi-drag selection
 
         if (!dragStarted) {
@@ -3487,21 +3411,21 @@
           if (!~multiDragElements.indexOf(dragEl$1)) {
             multiDragElements.push(dragEl$1);
             dispatchEvent({
-              sortable: sortable,
-              rootEl: rootEl,
+              sortable,
+              rootEl,
               name: 'select',
               targetEl: dragEl$1,
               originalEvent: evt
             }); // Modifier activated, select from last to dragEl
 
             if (evt.shiftKey && lastMultiDragSelect && sortable.el.contains(lastMultiDragSelect)) {
-              var lastIndex = index(lastMultiDragSelect),
+              let lastIndex = index(lastMultiDragSelect),
                   currentIndex = index(dragEl$1);
 
               if (~lastIndex && ~currentIndex && lastIndex !== currentIndex) {
                 // Must include lastMultiDragSelect (select it), in case modified selection from no selection
                 // (but previous selection existed)
-                var n, i;
+                let n, i;
 
                 if (currentIndex > lastIndex) {
                   i = lastIndex;
@@ -3516,8 +3440,8 @@
                   toggleClass(children[i], options.selectedClass, true);
                   multiDragElements.push(children[i]);
                   dispatchEvent({
-                    sortable: sortable,
-                    rootEl: rootEl,
+                    sortable,
+                    rootEl,
                     name: 'select',
                     targetEl: children[i],
                     originalEvent: evt
@@ -3533,8 +3457,8 @@
             multiDragElements.splice(multiDragElements.indexOf(dragEl$1), 1);
             lastMultiDragSelect = null;
             dispatchEvent({
-              sortable: sortable,
-              rootEl: rootEl,
+              sortable,
+              rootEl,
               name: 'deselect',
               targetEl: dragEl$1,
               originalEvent: evt
@@ -3547,7 +3471,7 @@
           folding = false; // Do not "unfold" after around dragEl if reverted
 
           if ((parentEl[expando].options.sort || parentEl !== rootEl) && multiDragElements.length > 1) {
-            var dragRect = getRect(dragEl$1),
+            let dragRect = getRect(dragEl$1),
                 multiDragIndex = index(dragEl$1, ':not(.' + this.options.selectedClass + ')');
             if (!initialFolding && options.animation) dragEl$1.thisAnimationDuration = null;
             toSortable.captureAnimationState();
@@ -3555,11 +3479,11 @@
             if (!initialFolding) {
               if (options.animation) {
                 dragEl$1.fromRect = dragRect;
-                multiDragElements.forEach(function (multiDragElement) {
+                multiDragElements.forEach(multiDragElement => {
                   multiDragElement.thisAnimationDuration = null;
 
                   if (multiDragElement !== dragEl$1) {
-                    var rect = folding ? getRect(multiDragElement) : dragRect;
+                    let rect = folding ? getRect(multiDragElement) : dragRect;
                     multiDragElement.fromRect = rect; // Prepare unfold animation
 
                     toSortable.addAnimationState({
@@ -3573,7 +3497,7 @@
 
 
               removeMultiDragElements();
-              multiDragElements.forEach(function (multiDragElement) {
+              multiDragElements.forEach(multiDragElement => {
                 if (children[multiDragIndex]) {
                   parentEl.insertBefore(multiDragElement, children[multiDragIndex]);
                 } else {
@@ -3586,8 +3510,8 @@
               // must be fired here as Sortable will not.
 
               if (oldIndex === index(dragEl$1)) {
-                var update = false;
-                multiDragElements.forEach(function (multiDragElement) {
+                let update = false;
+                multiDragElements.forEach(multiDragElement => {
                   if (multiDragElement.sortableIndex !== index(multiDragElement)) {
                     update = true;
                     return;
@@ -3601,7 +3525,7 @@
             } // Must be done after capturing individual rects (scroll bar)
 
 
-            multiDragElements.forEach(function (multiDragElement) {
+            multiDragElements.forEach(multiDragElement => {
               unsetRect(multiDragElement);
             });
             toSortable.animateAll();
@@ -3612,16 +3536,18 @@
 
 
         if (rootEl === parentEl || putSortable && putSortable.lastPutMode !== 'clone') {
-          multiDragClones.forEach(function (clone) {
+          multiDragClones.forEach(clone => {
             clone.parentNode && clone.parentNode.removeChild(clone);
           });
         }
       },
-      nullingGlobal: function nullingGlobal() {
+
+      nullingGlobal() {
         this.isMultiDrag = dragStarted = false;
         multiDragClones.length = 0;
       },
-      destroyGlobal: function destroyGlobal() {
+
+      destroyGlobal() {
         this._deselectMultiDrag();
 
         off(document, 'pointerup', this._deselectMultiDrag);
@@ -3630,7 +3556,8 @@
         off(document, 'keydown', this._checkKeyDown);
         off(document, 'keyup', this._checkKeyUp);
       },
-      _deselectMultiDrag: function _deselectMultiDrag(evt) {
+
+      _deselectMultiDrag(evt) {
         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
@@ -3640,7 +3567,7 @@
         if (evt && evt.button !== 0) return;
 
         while (multiDragElements.length) {
-          var el = multiDragElements[0];
+          let el = multiDragElements[0];
           toggleClass(el, this.options.selectedClass, false);
           multiDragElements.shift();
           dispatchEvent({
@@ -3652,16 +3579,19 @@
           });
         }
       },
-      _checkKeyDown: function _checkKeyDown(evt) {
+
+      _checkKeyDown(evt) {
         if (evt.key === this.options.multiDragKey) {
           this.multiDragKeyDown = true;
         }
       },
-      _checkKeyUp: function _checkKeyUp(evt) {
+
+      _checkKeyUp(evt) {
         if (evt.key === this.options.multiDragKey) {
           this.multiDragKeyDown = false;
         }
       }
+
     };
     return _extends(MultiDrag, {
       // Static methods & properties
@@ -3671,8 +3601,8 @@
          * Selects the provided multi-drag item
          * @param  {HTMLElement} el    The element to be selected
          */
-        select: function select(el) {
-          var sortable = el.parentNode[expando];
+        select(el) {
+          let sortable = el.parentNode[expando];
           if (!sortable || !sortable.options.multiDrag || ~multiDragElements.indexOf(el)) return;
 
           if (multiDragSortable && multiDragSortable !== sortable) {
@@ -3689,49 +3619,50 @@
          * Deselects the provided multi-drag item
          * @param  {HTMLElement} el    The element to be deselected
          */
-        deselect: function deselect(el) {
-          var sortable = el.parentNode[expando],
+        deselect(el) {
+          let sortable = el.parentNode[expando],
               index = multiDragElements.indexOf(el);
           if (!sortable || !sortable.options.multiDrag || !~index) return;
           toggleClass(el, sortable.options.selectedClass, false);
           multiDragElements.splice(index, 1);
         }
+
       },
-      eventProperties: function eventProperties() {
-        var _this3 = this;
 
-        var oldIndicies = [],
-            newIndicies = [];
-        multiDragElements.forEach(function (multiDragElement) {
+      eventProperties() {
+        const oldIndicies = [],
+              newIndicies = [];
+        multiDragElements.forEach(multiDragElement => {
           oldIndicies.push({
-            multiDragElement: multiDragElement,
+            multiDragElement,
             index: multiDragElement.sortableIndex
           }); // multiDragElements will already be sorted if folding
 
-          var newIndex;
+          let newIndex;
 
           if (folding && multiDragElement !== dragEl$1) {
             newIndex = -1;
           } else if (folding) {
-            newIndex = index(multiDragElement, ':not(.' + _this3.options.selectedClass + ')');
+            newIndex = index(multiDragElement, ':not(.' + this.options.selectedClass + ')');
           } else {
             newIndex = index(multiDragElement);
           }
 
           newIndicies.push({
-            multiDragElement: multiDragElement,
+            multiDragElement,
             index: newIndex
           });
         });
         return {
-          items: _toConsumableArray(multiDragElements),
-          clones: [].concat(multiDragClones),
-          oldIndicies: oldIndicies,
-          newIndicies: newIndicies
+          items: [...multiDragElements],
+          clones: [...multiDragClones],
+          oldIndicies,
+          newIndicies
         };
       },
+
       optionListeners: {
-        multiDragKey: function multiDragKey(key) {
+        multiDragKey(key) {
           key = key.toLowerCase();
 
           if (key === 'ctrl') {
@@ -3742,13 +3673,14 @@
 
           return key;
         }
+
       }
     });
   }
 
   function insertMultiDragElements(clonesInserted, rootEl) {
-    multiDragElements.forEach(function (multiDragElement, i) {
-      var target = rootEl.children[multiDragElement.sortableIndex + (clonesInserted ? Number(i) : 0)];
+    multiDragElements.forEach((multiDragElement, i) => {
+      let target = rootEl.children[multiDragElement.sortableIndex + (clonesInserted ? Number(i) : 0)];
 
       if (target) {
         rootEl.insertBefore(multiDragElement, target);
@@ -3765,8 +3697,8 @@
 
 
   function insertMultiDragClones(elementsInserted, rootEl) {
-    multiDragClones.forEach(function (clone, i) {
-      var target = rootEl.children[clone.sortableIndex + (elementsInserted ? Number(i) : 0)];
+    multiDragClones.forEach((clone, i) => {
+      let target = rootEl.children[clone.sortableIndex + (elementsInserted ? Number(i) : 0)];
 
       if (target) {
         rootEl.insertBefore(clone, target);
@@ -3777,7 +3709,7 @@
   }
 
   function removeMultiDragElements() {
-    multiDragElements.forEach(function (multiDragElement) {
+    multiDragElements.forEach(multiDragElement => {
       if (multiDragElement === dragEl$1) return;
       multiDragElement.parentNode && multiDragElement.parentNode.removeChild(multiDragElement);
     });
diff --git a/Sortable.min.js b/Sortable.min.js
index 17bb16c73..be168ac65 100644
--- a/Sortable.min.js
+++ b/Sortable.min.js
@@ -1,2 +1,2 @@
 /*! Sortable 1.15.0 - MIT | git://github.com/SortableJS/Sortable.git */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).Sortable=e()}(this,function(){"use strict";function e(e,t){var n,o=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),o.push.apply(o,n)),o}function M(o){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?e(Object(i),!0).forEach(function(t){var e,n;e=o,t=i[n=t],n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t}):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):e(Object(i)).forEach(function(t){Object.defineProperty(o,t,Object.getOwnPropertyDescriptor(i,t))})}return o}function o(t){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function a(){return(a=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n,o=arguments[e];for(n in o)Object.prototype.hasOwnProperty.call(o,n)&&(t[n]=o[n])}return t}).apply(this,arguments)}function i(t,e){if(null==t)return{};var n,o=function(t,e){if(null==t)return{};for(var n,o={},i=Object.keys(t),r=0;r<i.length;r++)n=i[r],0<=e.indexOf(n)||(o[n]=t[n]);return o}(t,e);if(Object.getOwnPropertySymbols)for(var i=Object.getOwnPropertySymbols(t),r=0;r<i.length;r++)n=i[r],0<=e.indexOf(n)||Object.prototype.propertyIsEnumerable.call(t,n)&&(o[n]=t[n]);return o}function r(t){return function(t){if(Array.isArray(t))return l(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return l(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Map"===(n="Object"===n&&t.constructor?t.constructor.name:n)||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(t,e):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}function t(t){if("undefined"!=typeof window&&window.navigator)return!!navigator.userAgent.match(t)}var y=t(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i),w=t(/Edge/i),s=t(/firefox/i),u=t(/safari/i)&&!t(/chrome/i)&&!t(/android/i),n=t(/iP(ad|od|hone)/i),c=t(/chrome/i)&&t(/android/i),d={capture:!1,passive:!1};function h(t,e,n){t.addEventListener(e,n,!y&&d)}function f(t,e,n){t.removeEventListener(e,n,!y&&d)}function p(t,e){if(e&&(">"===e[0]&&(e=e.substring(1)),t))try{if(t.matches)return t.matches(e);if(t.msMatchesSelector)return t.msMatchesSelector(e);if(t.webkitMatchesSelector)return t.webkitMatchesSelector(e)}catch(t){return}}function N(t,e,n,o){if(t){n=n||document;do{if(null!=e&&(">"!==e[0]||t.parentNode===n)&&p(t,e)||o&&t===n)return t}while(t!==n&&(t=(i=t).host&&i!==document&&i.host.nodeType?i.host:i.parentNode))}var i;return null}var g,m=/\s+/g;function I(t,e,n){var o;t&&e&&(t.classList?t.classList[n?"add":"remove"](e):(o=(" "+t.className+" ").replace(m," ").replace(" "+e+" "," "),t.className=(o+(n?" "+e:"")).replace(m," ")))}function P(t,e,n){var o=t&&t.style;if(o){if(void 0===n)return document.defaultView&&document.defaultView.getComputedStyle?n=document.defaultView.getComputedStyle(t,""):t.currentStyle&&(n=t.currentStyle),void 0===e?n:n[e];o[e=!(e in o||-1!==e.indexOf("webkit"))?"-webkit-"+e:e]=n+("string"==typeof n?"":"px")}}function v(t,e){var n="";if("string"==typeof t)n=t;else do{var o=P(t,"transform")}while(o&&"none"!==o&&(n=o+" "+n),!e&&(t=t.parentNode));var i=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return i&&new i(n)}function b(t,e,n){if(t){var o=t.getElementsByTagName(e),i=0,r=o.length;if(n)for(;i<r;i++)n(o[i],i);return o}return[]}function O(){var t=document.scrollingElement;return t||document.documentElement}function k(t,e,n,o,i){if(t.getBoundingClientRect||t===window){var r,a,l,s,c,u,d=t!==window&&t.parentNode&&t!==O()?(a=(r=t.getBoundingClientRect()).top,l=r.left,s=r.bottom,c=r.right,u=r.height,r.width):(l=a=0,s=window.innerHeight,c=window.innerWidth,u=window.innerHeight,window.innerWidth);if((e||n)&&t!==window&&(i=i||t.parentNode,!y))do{if(i&&i.getBoundingClientRect&&("none"!==P(i,"transform")||n&&"static"!==P(i,"position"))){var h=i.getBoundingClientRect();a-=h.top+parseInt(P(i,"border-top-width")),l-=h.left+parseInt(P(i,"border-left-width")),s=a+r.height,c=l+r.width;break}}while(i=i.parentNode);return o&&t!==window&&(o=(e=v(i||t))&&e.a,t=e&&e.d,e&&(s=(a/=t)+(u/=t),c=(l/=o)+(d/=o))),{top:a,left:l,bottom:s,right:c,width:d,height:u}}}function R(t,e,n){for(var o=A(t,!0),i=k(t)[e];o;){var r=k(o)[n];if(!("top"===n||"left"===n?r<=i:i<=r))return o;if(o===O())break;o=A(o,!1)}return!1}function X(t,e,n,o){for(var i=0,r=0,a=t.children;r<a.length;){if("none"!==a[r].style.display&&a[r]!==Bt.ghost&&(o||a[r]!==Bt.dragged)&&N(a[r],n.draggable,t,!1)){if(i===e)return a[r];i++}r++}return null}function Y(t,e){for(var n=t.lastElementChild;n&&(n===Bt.ghost||"none"===P(n,"display")||e&&!p(n,e));)n=n.previousElementSibling;return n||null}function B(t,e){var n=0;if(!t||!t.parentNode)return-1;for(;t=t.previousElementSibling;)"TEMPLATE"===t.nodeName.toUpperCase()||t===Bt.clone||e&&!p(t,e)||n++;return n}function E(t){var e=0,n=0,o=O();if(t)do{var i=v(t),r=i.a,i=i.d}while(e+=t.scrollLeft*r,n+=t.scrollTop*i,t!==o&&(t=t.parentNode));return[e,n]}function A(t,e){if(!t||!t.getBoundingClientRect)return O();var n=t,o=!1;do{if(n.clientWidth<n.scrollWidth||n.clientHeight<n.scrollHeight){var i=P(n);if(n.clientWidth<n.scrollWidth&&("auto"==i.overflowX||"scroll"==i.overflowX)||n.clientHeight<n.scrollHeight&&("auto"==i.overflowY||"scroll"==i.overflowY)){if(!n.getBoundingClientRect||n===document.body)return O();if(o||e)return n;o=!0}}}while(n=n.parentNode);return O()}function D(t,e){return Math.round(t.top)===Math.round(e.top)&&Math.round(t.left)===Math.round(e.left)&&Math.round(t.height)===Math.round(e.height)&&Math.round(t.width)===Math.round(e.width)}function S(e,n){return function(){var t;g||(1===(t=arguments).length?e.call(this,t[0]):e.apply(this,t),g=setTimeout(function(){g=void 0},n))}}function F(t,e,n){t.scrollLeft+=e,t.scrollTop+=n}function _(t){var e=window.Polymer,n=window.jQuery||window.Zepto;return e&&e.dom?e.dom(t).cloneNode(!0):n?n(t).clone(!0)[0]:t.cloneNode(!0)}function C(t,e){P(t,"position","absolute"),P(t,"top",e.top),P(t,"left",e.left),P(t,"width",e.width),P(t,"height",e.height)}function T(t){P(t,"position",""),P(t,"top",""),P(t,"left",""),P(t,"width",""),P(t,"height","")}var j="Sortable"+(new Date).getTime();function x(){var e,o=[];return{captureAnimationState:function(){o=[],this.options.animation&&[].slice.call(this.el.children).forEach(function(t){var e,n;"none"!==P(t,"display")&&t!==Bt.ghost&&(o.push({target:t,rect:k(t)}),e=M({},o[o.length-1].rect),!t.thisAnimationDuration||(n=v(t,!0))&&(e.top-=n.f,e.left-=n.e),t.fromRect=e)})},addAnimationState:function(t){o.push(t)},removeAnimationState:function(t){o.splice(function(t,e){for(var n in t)if(t.hasOwnProperty(n))for(var o in e)if(e.hasOwnProperty(o)&&e[o]===t[n][o])return Number(n);return-1}(o,{target:t}),1)},animateAll:function(t){var c=this;if(!this.options.animation)return clearTimeout(e),void("function"==typeof t&&t());var u=!1,d=0;o.forEach(function(t){var e=0,n=t.target,o=n.fromRect,i=k(n),r=n.prevFromRect,a=n.prevToRect,l=t.rect,s=v(n,!0);s&&(i.top-=s.f,i.left-=s.e),n.toRect=i,n.thisAnimationDuration&&D(r,i)&&!D(o,i)&&(l.top-i.top)/(l.left-i.left)==(o.top-i.top)/(o.left-i.left)&&(t=l,s=r,r=a,a=c.options,e=Math.sqrt(Math.pow(s.top-t.top,2)+Math.pow(s.left-t.left,2))/Math.sqrt(Math.pow(s.top-r.top,2)+Math.pow(s.left-r.left,2))*a.animation),D(i,o)||(n.prevFromRect=o,n.prevToRect=i,e=e||c.options.animation,c.animate(n,l,i,e)),e&&(u=!0,d=Math.max(d,e),clearTimeout(n.animationResetTimer),n.animationResetTimer=setTimeout(function(){n.animationTime=0,n.prevFromRect=null,n.fromRect=null,n.prevToRect=null,n.thisAnimationDuration=null},e),n.thisAnimationDuration=e)}),clearTimeout(e),u?e=setTimeout(function(){"function"==typeof t&&t()},d):"function"==typeof t&&t(),o=[]},animate:function(t,e,n,o){var i,r;o&&(P(t,"transition",""),P(t,"transform",""),i=(r=v(this.el))&&r.a,r=r&&r.d,i=(e.left-n.left)/(i||1),r=(e.top-n.top)/(r||1),t.animatingX=!!i,t.animatingY=!!r,P(t,"transform","translate3d("+i+"px,"+r+"px,0)"),this.forRepaintDummy=t.offsetWidth,P(t,"transition","transform "+o+"ms"+(this.options.easing?" "+this.options.easing:"")),P(t,"transform","translate3d(0,0,0)"),"number"==typeof t.animated&&clearTimeout(t.animated),t.animated=setTimeout(function(){P(t,"transition",""),P(t,"transform",""),t.animated=!1,t.animatingX=!1,t.animatingY=!1},o))}}}var H=[],L={initializeByDefault:!0},K={mount:function(e){for(var t in L)!L.hasOwnProperty(t)||t in e||(e[t]=L[t]);H.forEach(function(t){if(t.pluginName===e.pluginName)throw"Sortable: Cannot mount plugin ".concat(e.pluginName," more than once")}),H.push(e)},pluginEvent:function(e,n,o){var t=this;this.eventCanceled=!1,o.cancel=function(){t.eventCanceled=!0};var i=e+"Global";H.forEach(function(t){n[t.pluginName]&&(n[t.pluginName][i]&&n[t.pluginName][i](M({sortable:n},o)),n.options[t.pluginName]&&n[t.pluginName][e]&&n[t.pluginName][e](M({sortable:n},o)))})},initializePlugins:function(n,o,i,t){for(var e in H.forEach(function(t){var e=t.pluginName;(n.options[e]||t.initializeByDefault)&&((t=new t(n,o,n.options)).sortable=n,t.options=n.options,n[e]=t,a(i,t.defaults))}),n.options){var r;n.options.hasOwnProperty(e)&&(void 0!==(r=this.modifyOption(n,e,n.options[e]))&&(n.options[e]=r))}},getEventProperties:function(e,n){var o={};return H.forEach(function(t){"function"==typeof t.eventProperties&&a(o,t.eventProperties.call(n[t.pluginName],e))}),o},modifyOption:function(e,n,o){var i;return H.forEach(function(t){e[t.pluginName]&&t.optionListeners&&"function"==typeof t.optionListeners[n]&&(i=t.optionListeners[n].call(e[t.pluginName],o))}),i}};function W(t){var e=t.sortable,n=t.rootEl,o=t.name,i=t.targetEl,r=t.cloneEl,a=t.toEl,l=t.fromEl,s=t.oldIndex,c=t.newIndex,u=t.oldDraggableIndex,d=t.newDraggableIndex,h=t.originalEvent,f=t.putSortable,p=t.extraEventProperties;if(e=e||n&&n[j]){var g,m=e.options,t="on"+o.charAt(0).toUpperCase()+o.substr(1);!window.CustomEvent||y||w?(g=document.createEvent("Event")).initEvent(o,!0,!0):g=new CustomEvent(o,{bubbles:!0,cancelable:!0}),g.to=a||n,g.from=l||n,g.item=i||n,g.clone=r,g.oldIndex=s,g.newIndex=c,g.oldDraggableIndex=u,g.newDraggableIndex=d,g.originalEvent=h,g.pullMode=f?f.lastPutMode:void 0;var v,b=M(M({},p),K.getEventProperties(o,e));for(v in b)g[v]=b[v];n&&n.dispatchEvent(g),m[t]&&m[t].call(e,g)}}function z(t,e){var n=(o=2<arguments.length&&void 0!==arguments[2]?arguments[2]:{}).evt,o=i(o,G);K.pluginEvent.bind(Bt)(t,e,M({dragEl:q,parentEl:V,ghostEl:Z,rootEl:$,nextEl:Q,lastDownEl:J,cloneEl:tt,cloneHidden:et,dragStarted:pt,putSortable:lt,activeSortable:Bt.active,originalEvent:n,oldIndex:nt,oldDraggableIndex:it,newIndex:ot,newDraggableIndex:rt,hideGhostForTarget:kt,unhideGhostForTarget:Rt,cloneNowHidden:function(){et=!0},cloneNowShown:function(){et=!1},dispatchSortableEvent:function(t){U({sortable:e,name:t,originalEvent:n})}},o))}var G=["evt"];function U(t){W(M({putSortable:lt,cloneEl:tt,targetEl:q,rootEl:$,oldIndex:nt,oldDraggableIndex:it,newIndex:ot,newDraggableIndex:rt},t))}var q,V,Z,$,Q,J,tt,et,nt,ot,it,rt,at,lt,st,ct,ut,dt,ht,ft,pt,gt,mt,vt,bt,yt=!1,wt=!1,Et=[],Dt=!1,St=!1,_t=[],Ct=!1,Tt=[],xt="undefined"!=typeof document,Ot=n,At=w||y?"cssFloat":"float",Mt=xt&&!c&&!n&&"draggable"in document.createElement("div"),Nt=function(){if(xt){if(y)return!1;var t=document.createElement("x");return t.style.cssText="pointer-events:auto","auto"===t.style.pointerEvents}}(),It=function(t,e){var n=P(t),o=parseInt(n.width)-parseInt(n.paddingLeft)-parseInt(n.paddingRight)-parseInt(n.borderLeftWidth)-parseInt(n.borderRightWidth),i=X(t,0,e),r=X(t,1,e),a=i&&P(i),l=r&&P(r),s=a&&parseInt(a.marginLeft)+parseInt(a.marginRight)+k(i).width,t=l&&parseInt(l.marginLeft)+parseInt(l.marginRight)+k(r).width;if("flex"===n.display)return"column"===n.flexDirection||"column-reverse"===n.flexDirection?"vertical":"horizontal";if("grid"===n.display)return n.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal";if(i&&a.float&&"none"!==a.float){e="left"===a.float?"left":"right";return!r||"both"!==l.clear&&l.clear!==e?"horizontal":"vertical"}return i&&("block"===a.display||"flex"===a.display||"table"===a.display||"grid"===a.display||o<=s&&"none"===n[At]||r&&"none"===n[At]&&o<s+t)?"vertical":"horizontal"},Pt=function(t){function l(r,a){return function(t,e,n,o){var i=t.options.group.name&&e.options.group.name&&t.options.group.name===e.options.group.name;if(null==r&&(a||i))return!0;if(null==r||!1===r)return!1;if(a&&"clone"===r)return r;if("function"==typeof r)return l(r(t,e,n,o),a)(t,e,n,o);e=(a?t:e).options.group.name;return!0===r||"string"==typeof r&&r===e||r.join&&-1<r.indexOf(e)}}var e={},n=t.group;n&&"object"==o(n)||(n={name:n}),e.name=n.name,e.checkPull=l(n.pull,!0),e.checkPut=l(n.put),e.revertClone=n.revertClone,t.group=e},kt=function(){!Nt&&Z&&P(Z,"display","none")},Rt=function(){!Nt&&Z&&P(Z,"display","")};xt&&!c&&document.addEventListener("click",function(t){if(wt)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),t.stopImmediatePropagation&&t.stopImmediatePropagation(),wt=!1},!0);function Xt(t){if(q){t=t.touches?t.touches[0]:t;var e=(i=t.clientX,r=t.clientY,Et.some(function(t){var e=t[j].options.emptyInsertThreshold;if(e&&!Y(t)){var n=k(t),o=i>=n.left-e&&i<=n.right+e,e=r>=n.top-e&&r<=n.bottom+e;return o&&e?a=t:void 0}}),a);if(e){var n,o={};for(n in t)t.hasOwnProperty(n)&&(o[n]=t[n]);o.target=o.rootEl=e,o.preventDefault=void 0,o.stopPropagation=void 0,e[j]._onDragOver(o)}}var i,r,a}function Yt(t){q&&q.parentNode[j]._isOutsideThisEl(t.target)}function Bt(t,e){if(!t||!t.nodeType||1!==t.nodeType)throw"Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(t));this.el=t,this.options=e=a({},e),t[j]=this;var n,o,i={group:null,sort:!0,disabled:!1,store:null,handle:null,draggable:/^[uo]l$/i.test(t.nodeName)?">li":">*",swapThreshold:1,invertSwap:!1,invertedSwapThreshold:null,removeCloneOnHide:!0,direction:function(){return It(t,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:!0,animation:0,easing:null,setData:function(t,e){t.setData("Text",e.textContent)},dropBubble:!1,dragoverBubble:!1,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:!1,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:!1,fallbackClass:"sortable-fallback",fallbackOnBody:!1,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:!1!==Bt.supportPointer&&"PointerEvent"in window&&!u,emptyInsertThreshold:5};for(n in K.initializePlugins(this,t,i),i)n in e||(e[n]=i[n]);for(o in Pt(e),this)"_"===o.charAt(0)&&"function"==typeof this[o]&&(this[o]=this[o].bind(this));this.nativeDraggable=!e.forceFallback&&Mt,this.nativeDraggable&&(this.options.touchStartThreshold=1),e.supportPointer?h(t,"pointerdown",this._onTapStart):(h(t,"mousedown",this._onTapStart),h(t,"touchstart",this._onTapStart)),this.nativeDraggable&&(h(t,"dragover",this),h(t,"dragenter",this)),Et.push(this.el),e.store&&e.store.get&&this.sort(e.store.get(this)||[]),a(this,x())}function Ft(t,e,n,o,i,r,a,l){var s,c,u=t[j],d=u.options.onMove;return!window.CustomEvent||y||w?(s=document.createEvent("Event")).initEvent("move",!0,!0):s=new CustomEvent("move",{bubbles:!0,cancelable:!0}),s.to=e,s.from=t,s.dragged=n,s.draggedRect=o,s.related=i||e,s.relatedRect=r||k(e),s.willInsertAfter=l,s.originalEvent=a,t.dispatchEvent(s),c=d?d.call(u,s,a):c}function jt(t){t.draggable=!1}function Ht(){Ct=!1}function Lt(t){return setTimeout(t,0)}function Kt(t){return clearTimeout(t)}Bt.prototype={constructor:Bt,_isOutsideThisEl:function(t){this.el.contains(t)||t===this.el||(gt=null)},_getDirection:function(t,e){return"function"==typeof this.options.direction?this.options.direction.call(this,t,e,q):this.options.direction},_onTapStart:function(e){if(e.cancelable){var n=this,o=this.el,t=this.options,i=t.preventOnFilter,r=e.type,a=e.touches&&e.touches[0]||e.pointerType&&"touch"===e.pointerType&&e,l=(a||e).target,s=e.target.shadowRoot&&(e.path&&e.path[0]||e.composedPath&&e.composedPath()[0])||l,c=t.filter;if(!function(t){Tt.length=0;var e=t.getElementsByTagName("input"),n=e.length;for(;n--;){var o=e[n];o.checked&&Tt.push(o)}}(o),!q&&!(/mousedown|pointerdown/.test(r)&&0!==e.button||t.disabled)&&!s.isContentEditable&&(this.nativeDraggable||!u||!l||"SELECT"!==l.tagName.toUpperCase())&&!((l=N(l,t.draggable,o,!1))&&l.animated||J===l)){if(nt=B(l),it=B(l,t.draggable),"function"==typeof c){if(c.call(this,e,l,this))return U({sortable:n,rootEl:s,name:"filter",targetEl:l,toEl:o,fromEl:o}),z("filter",n,{evt:e}),void(i&&e.cancelable&&e.preventDefault())}else if(c=c&&c.split(",").some(function(t){if(t=N(s,t.trim(),o,!1))return U({sortable:n,rootEl:t,name:"filter",targetEl:l,fromEl:o,toEl:o}),z("filter",n,{evt:e}),!0}))return void(i&&e.cancelable&&e.preventDefault());t.handle&&!N(s,t.handle,o,!1)||this._prepareDragStart(e,a,l)}}},_prepareDragStart:function(t,e,n){var o,i=this,r=i.el,a=i.options,l=r.ownerDocument;n&&!q&&n.parentNode===r&&(o=k(n),$=r,V=(q=n).parentNode,Q=q.nextSibling,J=n,at=a.group,st={target:Bt.dragged=q,clientX:(e||t).clientX,clientY:(e||t).clientY},ht=st.clientX-o.left,ft=st.clientY-o.top,this._lastX=(e||t).clientX,this._lastY=(e||t).clientY,q.style["will-change"]="all",o=function(){z("delayEnded",i,{evt:t}),Bt.eventCanceled?i._onDrop():(i._disableDelayedDragEvents(),!s&&i.nativeDraggable&&(q.draggable=!0),i._triggerDragStart(t,e),U({sortable:i,name:"choose",originalEvent:t}),I(q,a.chosenClass,!0))},a.ignore.split(",").forEach(function(t){b(q,t.trim(),jt)}),h(l,"dragover",Xt),h(l,"mousemove",Xt),h(l,"touchmove",Xt),h(l,"mouseup",i._onDrop),h(l,"touchend",i._onDrop),h(l,"touchcancel",i._onDrop),s&&this.nativeDraggable&&(this.options.touchStartThreshold=4,q.draggable=!0),z("delayStart",this,{evt:t}),!a.delay||a.delayOnTouchOnly&&!e||this.nativeDraggable&&(w||y)?o():Bt.eventCanceled?this._onDrop():(h(l,"mouseup",i._disableDelayedDrag),h(l,"touchend",i._disableDelayedDrag),h(l,"touchcancel",i._disableDelayedDrag),h(l,"mousemove",i._delayedDragTouchMoveHandler),h(l,"touchmove",i._delayedDragTouchMoveHandler),a.supportPointer&&h(l,"pointermove",i._delayedDragTouchMoveHandler),i._dragStartTimer=setTimeout(o,a.delay)))},_delayedDragTouchMoveHandler:function(t){t=t.touches?t.touches[0]:t;Math.max(Math.abs(t.clientX-this._lastX),Math.abs(t.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))&&this._disableDelayedDrag()},_disableDelayedDrag:function(){q&&jt(q),clearTimeout(this._dragStartTimer),this._disableDelayedDragEvents()},_disableDelayedDragEvents:function(){var t=this.el.ownerDocument;f(t,"mouseup",this._disableDelayedDrag),f(t,"touchend",this._disableDelayedDrag),f(t,"touchcancel",this._disableDelayedDrag),f(t,"mousemove",this._delayedDragTouchMoveHandler),f(t,"touchmove",this._delayedDragTouchMoveHandler),f(t,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function(t,e){e=e||"touch"==t.pointerType&&t,!this.nativeDraggable||e?this.options.supportPointer?h(document,"pointermove",this._onTouchMove):h(document,e?"touchmove":"mousemove",this._onTouchMove):(h(q,"dragend",this),h($,"dragstart",this._onDragStart));try{document.selection?Lt(function(){document.selection.empty()}):window.getSelection().removeAllRanges()}catch(t){}},_dragStarted:function(t,e){var n;yt=!1,$&&q?(z("dragStarted",this,{evt:e}),this.nativeDraggable&&h(document,"dragover",Yt),n=this.options,t||I(q,n.dragClass,!1),I(q,n.ghostClass,!0),Bt.active=this,t&&this._appendGhost(),U({sortable:this,name:"start",originalEvent:e})):this._nulling()},_emulateDragOver:function(){if(ct){this._lastX=ct.clientX,this._lastY=ct.clientY,kt();for(var t=document.elementFromPoint(ct.clientX,ct.clientY),e=t;t&&t.shadowRoot&&(t=t.shadowRoot.elementFromPoint(ct.clientX,ct.clientY))!==e;)e=t;if(q.parentNode[j]._isOutsideThisEl(t),e)do{if(e[j])if(e[j]._onDragOver({clientX:ct.clientX,clientY:ct.clientY,target:t,rootEl:e})&&!this.options.dragoverBubble)break}while(e=(t=e).parentNode);Rt()}},_onTouchMove:function(t){if(st){var e=this.options,n=e.fallbackTolerance,o=e.fallbackOffset,i=t.touches?t.touches[0]:t,r=Z&&v(Z,!0),a=Z&&r&&r.a,l=Z&&r&&r.d,e=Ot&&bt&&E(bt),a=(i.clientX-st.clientX+o.x)/(a||1)+(e?e[0]-_t[0]:0)/(a||1),l=(i.clientY-st.clientY+o.y)/(l||1)+(e?e[1]-_t[1]:0)/(l||1);if(!Bt.active&&!yt){if(n&&Math.max(Math.abs(i.clientX-this._lastX),Math.abs(i.clientY-this._lastY))<n)return;this._onDragStart(t,!0)}Z&&(r?(r.e+=a-(ut||0),r.f+=l-(dt||0)):r={a:1,b:0,c:0,d:1,e:a,f:l},r="matrix(".concat(r.a,",").concat(r.b,",").concat(r.c,",").concat(r.d,",").concat(r.e,",").concat(r.f,")"),P(Z,"webkitTransform",r),P(Z,"mozTransform",r),P(Z,"msTransform",r),P(Z,"transform",r),ut=a,dt=l,ct=i),t.cancelable&&t.preventDefault()}},_appendGhost:function(){if(!Z){var t=this.options.fallbackOnBody?document.body:$,e=k(q,!0,Ot,!0,t),n=this.options;if(Ot){for(bt=t;"static"===P(bt,"position")&&"none"===P(bt,"transform")&&bt!==document;)bt=bt.parentNode;bt!==document.body&&bt!==document.documentElement?(bt===document&&(bt=O()),e.top+=bt.scrollTop,e.left+=bt.scrollLeft):bt=O(),_t=E(bt)}I(Z=q.cloneNode(!0),n.ghostClass,!1),I(Z,n.fallbackClass,!0),I(Z,n.dragClass,!0),P(Z,"transition",""),P(Z,"transform",""),P(Z,"box-sizing","border-box"),P(Z,"margin",0),P(Z,"top",e.top),P(Z,"left",e.left),P(Z,"width",e.width),P(Z,"height",e.height),P(Z,"opacity","0.8"),P(Z,"position",Ot?"absolute":"fixed"),P(Z,"zIndex","100000"),P(Z,"pointerEvents","none"),Bt.ghost=Z,t.appendChild(Z),P(Z,"transform-origin",ht/parseInt(Z.style.width)*100+"% "+ft/parseInt(Z.style.height)*100+"%")}},_onDragStart:function(t,e){var n=this,o=t.dataTransfer,i=n.options;z("dragStart",this,{evt:t}),Bt.eventCanceled?this._onDrop():(z("setupClone",this),Bt.eventCanceled||((tt=_(q)).removeAttribute("id"),tt.draggable=!1,tt.style["will-change"]="",this._hideClone(),I(tt,this.options.chosenClass,!1),Bt.clone=tt),n.cloneId=Lt(function(){z("clone",n),Bt.eventCanceled||(n.options.removeCloneOnHide||$.insertBefore(tt,q),n._hideClone(),U({sortable:n,name:"clone"}))}),e||I(q,i.dragClass,!0),e?(wt=!0,n._loopId=setInterval(n._emulateDragOver,50)):(f(document,"mouseup",n._onDrop),f(document,"touchend",n._onDrop),f(document,"touchcancel",n._onDrop),o&&(o.effectAllowed="move",i.setData&&i.setData.call(n,o,q)),h(document,"drop",n),P(q,"transform","translateZ(0)")),yt=!0,n._dragStartId=Lt(n._dragStarted.bind(n,e,t)),h(document,"selectstart",n),pt=!0,u&&P(document.body,"user-select","none"))},_onDragOver:function(n){var o,i,r,t,a=this.el,l=n.target,e=this.options,s=e.group,c=Bt.active,u=at===s,d=e.sort,h=lt||c,f=this,p=!1;if(!Ct){if(void 0!==n.preventDefault&&n.cancelable&&n.preventDefault(),l=N(l,e.draggable,a,!0),T("dragOver"),Bt.eventCanceled)return p;if(q.contains(n.target)||l.animated&&l.animatingX&&l.animatingY||f._ignoreWhileAnimating===l)return O(!1);if(wt=!1,c&&!e.disabled&&(u?d||(i=V!==$):lt===this||(this.lastPutMode=at.checkPull(this,c,q,n))&&s.checkPut(this,c,q,n))){if(r="vertical"===this._getDirection(n,l),o=k(q),T("dragOverValid"),Bt.eventCanceled)return p;if(i)return V=$,x(),this._hideClone(),T("revert"),Bt.eventCanceled||(Q?$.insertBefore(q,Q):$.appendChild(q)),O(!0);var g=Y(a,e.draggable);if(!g||function(t,e,n){n=k(Y(n.el,n.options.draggable));return e?t.clientX>n.right+10||t.clientX<=n.right&&t.clientY>n.bottom&&t.clientX>=n.left:t.clientX>n.right&&t.clientY>n.top||t.clientX<=n.right&&t.clientY>n.bottom+10}(n,r,this)&&!g.animated){if(g===q)return O(!1);if((l=g&&a===n.target?g:l)&&(w=k(l)),!1!==Ft($,a,q,o,l,w,n,!!l))return x(),g&&g.nextSibling?a.insertBefore(q,g.nextSibling):a.appendChild(q),V=a,A(),O(!0)}else if(g&&function(t,e,n){n=k(X(n.el,0,n.options,!0));return e?t.clientX<n.left-10||t.clientY<n.top&&t.clientX<n.right:t.clientY<n.top-10||t.clientY<n.bottom&&t.clientX<n.left}(n,r,this)){var m=X(a,0,e,!0);if(m===q)return O(!1);if(w=k(l=m),!1!==Ft($,a,q,o,l,w,n,!1))return x(),a.insertBefore(q,m),V=a,A(),O(!0)}else if(l.parentNode===a){var v,b,y,w=k(l),E=q.parentNode!==a,D=(D=q.animated&&q.toRect||o,C=l.animated&&l.toRect||w,S=(t=r)?D.left:D.top,s=t?D.right:D.bottom,g=t?D.width:D.height,m=t?C.left:C.top,D=t?C.right:C.bottom,C=t?C.width:C.height,!(S===m||s===D||S+g/2===m+C/2)),S=r?"top":"left",g=R(l,"top","top")||R(q,"top","top"),m=g?g.scrollTop:void 0;if(gt!==l&&(b=w[S],Dt=!1,St=!D&&e.invertSwap||E),0!==(v=function(t,e,n,o,i,r,a,l){var s=o?t.clientY:t.clientX,c=o?n.height:n.width,t=o?n.top:n.left,o=o?n.bottom:n.right,n=!1;if(!a)if(l&&vt<c*i){if(Dt=!Dt&&(1===mt?t+c*r/2<s:s<o-c*r/2)?!0:Dt)n=!0;else if(1===mt?s<t+vt:o-vt<s)return-mt}else if(t+c*(1-i)/2<s&&s<o-c*(1-i)/2)return function(t){return B(q)<B(t)?1:-1}(e);if((n=n||a)&&(s<t+c*r/2||o-c*r/2<s))return t+c/2<s?1:-1;return 0}(n,l,w,r,D?1:e.swapThreshold,null==e.invertedSwapThreshold?e.swapThreshold:e.invertedSwapThreshold,St,gt===l)))for(var _=B(q);(y=V.children[_-=v])&&("none"===P(y,"display")||y===Z););if(0===v||y===l)return O(!1);mt=v;var C=(gt=l).nextElementSibling,E=!1,D=Ft($,a,q,o,l,w,n,E=1===v);if(!1!==D)return 1!==D&&-1!==D||(E=1===D),Ct=!0,setTimeout(Ht,30),x(),E&&!C?a.appendChild(q):l.parentNode.insertBefore(q,E?C:l),g&&F(g,0,m-g.scrollTop),V=q.parentNode,void 0===b||St||(vt=Math.abs(b-k(l)[S])),A(),O(!0)}if(a.contains(q))return O(!1)}return!1}function T(t,e){z(t,f,M({evt:n,isOwner:u,axis:r?"vertical":"horizontal",revert:i,dragRect:o,targetRect:w,canSort:d,fromSortable:h,target:l,completed:O,onMove:function(t,e){return Ft($,a,q,o,t,k(t),n,e)},changed:A},e))}function x(){T("dragOverAnimationCapture"),f.captureAnimationState(),f!==h&&h.captureAnimationState()}function O(t){return T("dragOverCompleted",{insertion:t}),t&&(u?c._hideClone():c._showClone(f),f!==h&&(I(q,(lt||c).options.ghostClass,!1),I(q,e.ghostClass,!0)),lt!==f&&f!==Bt.active?lt=f:f===Bt.active&&lt&&(lt=null),h===f&&(f._ignoreWhileAnimating=l),f.animateAll(function(){T("dragOverAnimationComplete"),f._ignoreWhileAnimating=null}),f!==h&&(h.animateAll(),h._ignoreWhileAnimating=null)),(l===q&&!q.animated||l===a&&!l.animated)&&(gt=null),e.dragoverBubble||n.rootEl||l===document||(q.parentNode[j]._isOutsideThisEl(n.target),t||Xt(n)),!e.dragoverBubble&&n.stopPropagation&&n.stopPropagation(),p=!0}function A(){ot=B(q),rt=B(q,e.draggable),U({sortable:f,name:"change",toEl:a,newIndex:ot,newDraggableIndex:rt,originalEvent:n})}},_ignoreWhileAnimating:null,_offMoveEvents:function(){f(document,"mousemove",this._onTouchMove),f(document,"touchmove",this._onTouchMove),f(document,"pointermove",this._onTouchMove),f(document,"dragover",Xt),f(document,"mousemove",Xt),f(document,"touchmove",Xt)},_offUpEvents:function(){var t=this.el.ownerDocument;f(t,"mouseup",this._onDrop),f(t,"touchend",this._onDrop),f(t,"pointerup",this._onDrop),f(t,"touchcancel",this._onDrop),f(document,"selectstart",this)},_onDrop:function(t){var e=this.el,n=this.options;ot=B(q),rt=B(q,n.draggable),z("drop",this,{evt:t}),V=q&&q.parentNode,ot=B(q),rt=B(q,n.draggable),Bt.eventCanceled||(Dt=St=yt=!1,clearInterval(this._loopId),clearTimeout(this._dragStartTimer),Kt(this.cloneId),Kt(this._dragStartId),this.nativeDraggable&&(f(document,"drop",this),f(e,"dragstart",this._onDragStart)),this._offMoveEvents(),this._offUpEvents(),u&&P(document.body,"user-select",""),P(q,"transform",""),t&&(pt&&(t.cancelable&&t.preventDefault(),n.dropBubble||t.stopPropagation()),Z&&Z.parentNode&&Z.parentNode.removeChild(Z),($===V||lt&&"clone"!==lt.lastPutMode)&&tt&&tt.parentNode&&tt.parentNode.removeChild(tt),q&&(this.nativeDraggable&&f(q,"dragend",this),jt(q),q.style["will-change"]="",pt&&!yt&&I(q,(lt||this).options.ghostClass,!1),I(q,this.options.chosenClass,!1),U({sortable:this,name:"unchoose",toEl:V,newIndex:null,newDraggableIndex:null,originalEvent:t}),$!==V?(0<=ot&&(U({rootEl:V,name:"add",toEl:V,fromEl:$,originalEvent:t}),U({sortable:this,name:"remove",toEl:V,originalEvent:t}),U({rootEl:V,name:"sort",toEl:V,fromEl:$,originalEvent:t}),U({sortable:this,name:"sort",toEl:V,originalEvent:t})),lt&&lt.save()):ot!==nt&&0<=ot&&(U({sortable:this,name:"update",toEl:V,originalEvent:t}),U({sortable:this,name:"sort",toEl:V,originalEvent:t})),Bt.active&&(null!=ot&&-1!==ot||(ot=nt,rt=it),U({sortable:this,name:"end",toEl:V,originalEvent:t}),this.save())))),this._nulling()},_nulling:function(){z("nulling",this),$=q=V=Z=Q=tt=J=et=st=ct=pt=ot=rt=nt=it=gt=mt=lt=at=Bt.dragged=Bt.ghost=Bt.clone=Bt.active=null,Tt.forEach(function(t){t.checked=!0}),Tt.length=ut=dt=0},handleEvent:function(t){switch(t.type){case"drop":case"dragend":this._onDrop(t);break;case"dragenter":case"dragover":q&&(this._onDragOver(t),function(t){t.dataTransfer&&(t.dataTransfer.dropEffect="move");t.cancelable&&t.preventDefault()}(t));break;case"selectstart":t.preventDefault()}},toArray:function(){for(var t,e=[],n=this.el.children,o=0,i=n.length,r=this.options;o<i;o++)N(t=n[o],r.draggable,this.el,!1)&&e.push(t.getAttribute(r.dataIdAttr)||function(t){var e=t.tagName+t.className+t.src+t.href+t.textContent,n=e.length,o=0;for(;n--;)o+=e.charCodeAt(n);return o.toString(36)}(t));return e},sort:function(t,e){var n={},o=this.el;this.toArray().forEach(function(t,e){e=o.children[e];N(e,this.options.draggable,o,!1)&&(n[t]=e)},this),e&&this.captureAnimationState(),t.forEach(function(t){n[t]&&(o.removeChild(n[t]),o.appendChild(n[t]))}),e&&this.animateAll()},save:function(){var t=this.options.store;t&&t.set&&t.set(this)},closest:function(t,e){return N(t,e||this.options.draggable,this.el,!1)},option:function(t,e){var n=this.options;if(void 0===e)return n[t];var o=K.modifyOption(this,t,e);n[t]=void 0!==o?o:e,"group"===t&&Pt(n)},destroy:function(){z("destroy",this);var t=this.el;t[j]=null,f(t,"mousedown",this._onTapStart),f(t,"touchstart",this._onTapStart),f(t,"pointerdown",this._onTapStart),this.nativeDraggable&&(f(t,"dragover",this),f(t,"dragenter",this)),Array.prototype.forEach.call(t.querySelectorAll("[draggable]"),function(t){t.removeAttribute("draggable")}),this._onDrop(),this._disableDelayedDragEvents(),Et.splice(Et.indexOf(this.el),1),this.el=t=null},_hideClone:function(){et||(z("hideClone",this),Bt.eventCanceled||(P(tt,"display","none"),this.options.removeCloneOnHide&&tt.parentNode&&tt.parentNode.removeChild(tt),et=!0))},_showClone:function(t){"clone"===t.lastPutMode?et&&(z("showClone",this),Bt.eventCanceled||(q.parentNode!=$||this.options.group.revertClone?Q?$.insertBefore(tt,Q):$.appendChild(tt):$.insertBefore(tt,q),this.options.group.revertClone&&this.animate(q,tt),P(tt,"display",""),et=!1)):this._hideClone()}},xt&&h(document,"touchmove",function(t){(Bt.active||yt)&&t.cancelable&&t.preventDefault()}),Bt.utils={on:h,off:f,css:P,find:b,is:function(t,e){return!!N(t,e,t,!1)},extend:function(t,e){if(t&&e)for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n]);return t},throttle:S,closest:N,toggleClass:I,clone:_,index:B,nextTick:Lt,cancelNextTick:Kt,detectDirection:It,getChild:X},Bt.get=function(t){return t[j]},Bt.mount=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];(e=e[0].constructor===Array?e[0]:e).forEach(function(t){if(!t.prototype||!t.prototype.constructor)throw"Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(t));t.utils&&(Bt.utils=M(M({},Bt.utils),t.utils)),K.mount(t)})},Bt.create=function(t,e){return new Bt(t,e)};var Wt,zt,Gt,Ut,qt,Vt,Zt=[],$t=!(Bt.version="1.15.0");function Qt(){Zt.forEach(function(t){clearInterval(t.pid)}),Zt=[]}function Jt(){clearInterval(Vt)}var te,ee=S(function(n,t,e,o){if(t.scroll){var i,r=(n.touches?n.touches[0]:n).clientX,a=(n.touches?n.touches[0]:n).clientY,l=t.scrollSensitivity,s=t.scrollSpeed,c=O(),u=!1;zt!==e&&(zt=e,Qt(),Wt=t.scroll,i=t.scrollFn,!0===Wt&&(Wt=A(e,!0)));var d=0,h=Wt;do{var f=h,p=k(f),g=p.top,m=p.bottom,v=p.left,b=p.right,y=p.width,w=p.height,E=void 0,D=void 0,S=f.scrollWidth,_=f.scrollHeight,C=P(f),T=f.scrollLeft,p=f.scrollTop,D=f===c?(E=y<S&&("auto"===C.overflowX||"scroll"===C.overflowX||"visible"===C.overflowX),w<_&&("auto"===C.overflowY||"scroll"===C.overflowY||"visible"===C.overflowY)):(E=y<S&&("auto"===C.overflowX||"scroll"===C.overflowX),w<_&&("auto"===C.overflowY||"scroll"===C.overflowY)),T=E&&(Math.abs(b-r)<=l&&T+y<S)-(Math.abs(v-r)<=l&&!!T),p=D&&(Math.abs(m-a)<=l&&p+w<_)-(Math.abs(g-a)<=l&&!!p);if(!Zt[d])for(var x=0;x<=d;x++)Zt[x]||(Zt[x]={});Zt[d].vx==T&&Zt[d].vy==p&&Zt[d].el===f||(Zt[d].el=f,Zt[d].vx=T,Zt[d].vy=p,clearInterval(Zt[d].pid),0==T&&0==p||(u=!0,Zt[d].pid=setInterval(function(){o&&0===this.layer&&Bt.active._onTouchMove(qt);var t=Zt[this.layer].vy?Zt[this.layer].vy*s:0,e=Zt[this.layer].vx?Zt[this.layer].vx*s:0;"function"==typeof i&&"continue"!==i.call(Bt.dragged.parentNode[j],e,t,n,qt,Zt[this.layer].el)||F(Zt[this.layer].el,e,t)}.bind({layer:d}),24))),d++}while(t.bubbleScroll&&h!==c&&(h=A(h,!1)));$t=u}},30),c=function(t){var e=t.originalEvent,n=t.putSortable,o=t.dragEl,i=t.activeSortable,r=t.dispatchSortableEvent,a=t.hideGhostForTarget,t=t.unhideGhostForTarget;e&&(i=n||i,a(),e=e.changedTouches&&e.changedTouches.length?e.changedTouches[0]:e,e=document.elementFromPoint(e.clientX,e.clientY),t(),i&&!i.el.contains(e)&&(r("spill"),this.onSpill({dragEl:o,putSortable:n})))};function ne(){}function oe(){}ne.prototype={startIndex:null,dragStart:function(t){t=t.oldDraggableIndex;this.startIndex=t},onSpill:function(t){var e=t.dragEl,n=t.putSortable;this.sortable.captureAnimationState(),n&&n.captureAnimationState();t=X(this.sortable.el,this.startIndex,this.options);t?this.sortable.el.insertBefore(e,t):this.sortable.el.appendChild(e),this.sortable.animateAll(),n&&n.animateAll()},drop:c},a(ne,{pluginName:"revertOnSpill"}),oe.prototype={onSpill:function(t){var e=t.dragEl,t=t.putSortable||this.sortable;t.captureAnimationState(),e.parentNode&&e.parentNode.removeChild(e),t.animateAll()},drop:c},a(oe,{pluginName:"removeOnSpill"});var ie,re,ae,le,se,ce=[],ue=[],de=!1,he=!1,fe=!1;function pe(n,o){ue.forEach(function(t,e){e=o.children[t.sortableIndex+(n?Number(e):0)];e?o.insertBefore(t,e):o.appendChild(t)})}function ge(){ce.forEach(function(t){t!==ae&&t.parentNode&&t.parentNode.removeChild(t)})}return Bt.mount(new function(){function t(){for(var t in this.defaults={scroll:!0,forceAutoScrollFallback:!1,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:!0},this)"_"===t.charAt(0)&&"function"==typeof this[t]&&(this[t]=this[t].bind(this))}return t.prototype={dragStarted:function(t){t=t.originalEvent;this.sortable.nativeDraggable?h(document,"dragover",this._handleAutoScroll):this.options.supportPointer?h(document,"pointermove",this._handleFallbackAutoScroll):t.touches?h(document,"touchmove",this._handleFallbackAutoScroll):h(document,"mousemove",this._handleFallbackAutoScroll)},dragOverCompleted:function(t){t=t.originalEvent;this.options.dragOverBubble||t.rootEl||this._handleAutoScroll(t)},drop:function(){this.sortable.nativeDraggable?f(document,"dragover",this._handleAutoScroll):(f(document,"pointermove",this._handleFallbackAutoScroll),f(document,"touchmove",this._handleFallbackAutoScroll),f(document,"mousemove",this._handleFallbackAutoScroll)),Jt(),Qt(),clearTimeout(g),g=void 0},nulling:function(){qt=zt=Wt=$t=Vt=Gt=Ut=null,Zt.length=0},_handleFallbackAutoScroll:function(t){this._handleAutoScroll(t,!0)},_handleAutoScroll:function(e,n){var o,i=this,r=(e.touches?e.touches[0]:e).clientX,a=(e.touches?e.touches[0]:e).clientY,t=document.elementFromPoint(r,a);qt=e,n||this.options.forceAutoScrollFallback||w||y||u?(ee(e,this.options,t,n),o=A(t,!0),!$t||Vt&&r===Gt&&a===Ut||(Vt&&Jt(),Vt=setInterval(function(){var t=A(document.elementFromPoint(r,a),!0);t!==o&&(o=t,Qt()),ee(e,i.options,t,n)},10),Gt=r,Ut=a)):this.options.bubbleScroll&&A(t,!0)!==O()?ee(e,this.options,A(t,!1),!1):Qt()}},a(t,{pluginName:"scroll",initializeByDefault:!0})}),Bt.mount(oe,ne),Bt.mount(new function(){function t(){this.defaults={swapClass:"sortable-swap-highlight"}}return t.prototype={dragStart:function(t){t=t.dragEl;te=t},dragOverValid:function(t){var e=t.completed,n=t.target,o=t.onMove,i=t.activeSortable,r=t.changed,a=t.cancel;i.options.swap&&(t=this.sortable.el,i=this.options,n&&n!==t&&(t=te,te=!1!==o(n)?(I(n,i.swapClass,!0),n):null,t&&t!==te&&I(t,i.swapClass,!1)),r(),e(!0),a())},drop:function(t){var e,n,o=t.activeSortable,i=t.putSortable,r=t.dragEl,a=i||this.sortable,l=this.options;te&&I(te,l.swapClass,!1),te&&(l.swap||i&&i.options.swap)&&r!==te&&(a.captureAnimationState(),a!==o&&o.captureAnimationState(),n=te,t=(e=r).parentNode,l=n.parentNode,t&&l&&!t.isEqualNode(n)&&!l.isEqualNode(e)&&(i=B(e),r=B(n),t.isEqualNode(l)&&i<r&&r++,t.insertBefore(n,t.children[i]),l.insertBefore(e,l.children[r])),a.animateAll(),a!==o&&o.animateAll())},nulling:function(){te=null}},a(t,{pluginName:"swap",eventProperties:function(){return{swapItem:te}}})}),Bt.mount(new function(){function t(o){for(var t in this)"_"===t.charAt(0)&&"function"==typeof this[t]&&(this[t]=this[t].bind(this));o.options.avoidImplicitDeselect||(o.options.supportPointer?h(document,"pointerup",this._deselectMultiDrag):(h(document,"mouseup",this._deselectMultiDrag),h(document,"touchend",this._deselectMultiDrag))),h(document,"keydown",this._checkKeyDown),h(document,"keyup",this._checkKeyUp),this.defaults={selectedClass:"sortable-selected",multiDragKey:null,avoidImplicitDeselect:!1,setData:function(t,e){var n="";ce.length&&re===o?ce.forEach(function(t,e){n+=(e?", ":"")+t.textContent}):n=e.textContent,t.setData("Text",n)}}}return t.prototype={multiDragKeyDown:!1,isMultiDrag:!1,delayStartGlobal:function(t){t=t.dragEl;ae=t},delayEnded:function(){this.isMultiDrag=~ce.indexOf(ae)},setupClone:function(t){var e=t.sortable,t=t.cancel;if(this.isMultiDrag){for(var n=0;n<ce.length;n++)ue.push(_(ce[n])),ue[n].sortableIndex=ce[n].sortableIndex,ue[n].draggable=!1,ue[n].style["will-change"]="",I(ue[n],this.options.selectedClass,!1),ce[n]===ae&&I(ue[n],this.options.chosenClass,!1);e._hideClone(),t()}},clone:function(t){var e=t.sortable,n=t.rootEl,o=t.dispatchSortableEvent,t=t.cancel;this.isMultiDrag&&(this.options.removeCloneOnHide||ce.length&&re===e&&(pe(!0,n),o("clone"),t()))},showClone:function(t){var e=t.cloneNowShown,n=t.rootEl,t=t.cancel;this.isMultiDrag&&(pe(!1,n),ue.forEach(function(t){P(t,"display","")}),e(),se=!1,t())},hideClone:function(t){var e=this,n=(t.sortable,t.cloneNowHidden),t=t.cancel;this.isMultiDrag&&(ue.forEach(function(t){P(t,"display","none"),e.options.removeCloneOnHide&&t.parentNode&&t.parentNode.removeChild(t)}),n(),se=!0,t())},dragStartGlobal:function(t){t.sortable;!this.isMultiDrag&&re&&re.multiDrag._deselectMultiDrag(),ce.forEach(function(t){t.sortableIndex=B(t)}),ce=ce.sort(function(t,e){return t.sortableIndex-e.sortableIndex}),fe=!0},dragStarted:function(t){var e,n=this,t=t.sortable;this.isMultiDrag&&(this.options.sort&&(t.captureAnimationState(),this.options.animation&&(ce.forEach(function(t){t!==ae&&P(t,"position","absolute")}),e=k(ae,!1,!0,!0),ce.forEach(function(t){t!==ae&&C(t,e)}),de=he=!0)),t.animateAll(function(){de=he=!1,n.options.animation&&ce.forEach(function(t){T(t)}),n.options.sort&&ge()}))},dragOver:function(t){var e=t.target,n=t.completed,t=t.cancel;he&&~ce.indexOf(e)&&(n(!1),t())},revert:function(t){var n,o,e=t.fromSortable,i=t.rootEl,r=t.sortable,a=t.dragRect;1<ce.length&&(ce.forEach(function(t){r.addAnimationState({target:t,rect:he?k(t):a}),T(t),t.fromRect=a,e.removeAnimationState(t)}),he=!1,n=!this.options.removeCloneOnHide,o=i,ce.forEach(function(t,e){e=o.children[t.sortableIndex+(n?Number(e):0)];e?o.insertBefore(t,e):o.appendChild(t)}))},dragOverCompleted:function(t){var e,n=t.sortable,o=t.isOwner,i=t.insertion,r=t.activeSortable,a=t.parentEl,l=t.putSortable,t=this.options;i&&(o&&r._hideClone(),de=!1,t.animation&&1<ce.length&&(he||!o&&!r.options.sort&&!l)&&(e=k(ae,!1,!0,!0),ce.forEach(function(t){t!==ae&&(C(t,e),a.appendChild(t))}),he=!0),o||(he||ge(),1<ce.length?(o=se,r._showClone(n),r.options.animation&&!se&&o&&ue.forEach(function(t){r.addAnimationState({target:t,rect:le}),t.fromRect=le,t.thisAnimationDuration=null})):r._showClone(n)))},dragOverAnimationCapture:function(t){var e=t.dragRect,n=t.isOwner,t=t.activeSortable;ce.forEach(function(t){t.thisAnimationDuration=null}),t.options.animation&&!n&&t.multiDrag.isMultiDrag&&(le=a({},e),e=v(ae,!0),le.top-=e.f,le.left-=e.e)},dragOverAnimationComplete:function(){he&&(he=!1,ge())},drop:function(t){var e=t.originalEvent,n=t.rootEl,o=t.parentEl,i=t.sortable,r=t.dispatchSortableEvent,a=t.oldIndex,l=t.putSortable,s=l||this.sortable;if(e){var c,u,d,h=this.options,f=o.children;if(!fe)if(h.multiDragKey&&!this.multiDragKeyDown&&this._deselectMultiDrag(),I(ae,h.selectedClass,!~ce.indexOf(ae)),~ce.indexOf(ae))ce.splice(ce.indexOf(ae),1),ie=null,W({sortable:i,rootEl:n,name:"deselect",targetEl:ae,originalEvent:e});else{if(ce.push(ae),W({sortable:i,rootEl:n,name:"select",targetEl:ae,originalEvent:e}),e.shiftKey&&ie&&i.el.contains(ie)){var p=B(ie),t=B(ae);if(~p&&~t&&p!==t)for(var g,m=p<t?(g=p,t):(g=t,p+1);g<m;g++)~ce.indexOf(f[g])||(I(f[g],h.selectedClass,!0),ce.push(f[g]),W({sortable:i,rootEl:n,name:"select",targetEl:f[g],originalEvent:e}))}else ie=ae;re=s}fe&&this.isMultiDrag&&(he=!1,(o[j].options.sort||o!==n)&&1<ce.length&&(c=k(ae),u=B(ae,":not(."+this.options.selectedClass+")"),!de&&h.animation&&(ae.thisAnimationDuration=null),s.captureAnimationState(),de||(h.animation&&(ae.fromRect=c,ce.forEach(function(t){var e;t.thisAnimationDuration=null,t!==ae&&(e=he?k(t):c,t.fromRect=e,s.addAnimationState({target:t,rect:e}))})),ge(),ce.forEach(function(t){f[u]?o.insertBefore(t,f[u]):o.appendChild(t),u++}),a===B(ae)&&(d=!1,ce.forEach(function(t){t.sortableIndex!==B(t)&&(d=!0)}),d&&r("update"))),ce.forEach(function(t){T(t)}),s.animateAll()),re=s),(n===o||l&&"clone"!==l.lastPutMode)&&ue.forEach(function(t){t.parentNode&&t.parentNode.removeChild(t)})}},nullingGlobal:function(){this.isMultiDrag=fe=!1,ue.length=0},destroyGlobal:function(){this._deselectMultiDrag(),f(document,"pointerup",this._deselectMultiDrag),f(document,"mouseup",this._deselectMultiDrag),f(document,"touchend",this._deselectMultiDrag),f(document,"keydown",this._checkKeyDown),f(document,"keyup",this._checkKeyUp)},_deselectMultiDrag:function(t){if(!(void 0!==fe&&fe||re!==this.sortable||t&&N(t.target,this.options.draggable,this.sortable.el,!1)||t&&0!==t.button))for(;ce.length;){var e=ce[0];I(e,this.options.selectedClass,!1),ce.shift(),W({sortable:this.sortable,rootEl:this.sortable.el,name:"deselect",targetEl:e,originalEvent:t})}},_checkKeyDown:function(t){t.key===this.options.multiDragKey&&(this.multiDragKeyDown=!0)},_checkKeyUp:function(t){t.key===this.options.multiDragKey&&(this.multiDragKeyDown=!1)}},a(t,{pluginName:"multiDrag",utils:{select:function(t){var e=t.parentNode[j];e&&e.options.multiDrag&&!~ce.indexOf(t)&&(re&&re!==e&&(re.multiDrag._deselectMultiDrag(),re=e),I(t,e.options.selectedClass,!0),ce.push(t))},deselect:function(t){var e=t.parentNode[j],n=ce.indexOf(t);e&&e.options.multiDrag&&~n&&(I(t,e.options.selectedClass,!1),ce.splice(n,1))}},eventProperties:function(){var n=this,o=[],i=[];return ce.forEach(function(t){var e;o.push({multiDragElement:t,index:t.sortableIndex}),e=he&&t!==ae?-1:he?B(t,":not(."+n.options.selectedClass+")"):B(t),i.push({multiDragElement:t,index:e})}),{items:r(ce),clones:[].concat(ue),oldIndicies:o,newIndicies:i}},optionListeners:{multiDragKey:function(t){return"ctrl"===(t=t.toLowerCase())?t="Control":1<t.length&&(t=t.charAt(0).toUpperCase()+t.substr(1)),t}}})}),Bt});
\ No newline at end of file
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).Sortable=e()}(this,function(){"use strict";function a(){return(a=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var o,n=arguments[e];for(o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t}).apply(this,arguments)}function t(t){if("undefined"!=typeof window&&window.navigator)return!!navigator.userAgent.match(t)}const w=t(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i),E=t(/Edge/i),c=t(/firefox/i),d=t(/safari/i)&&!t(/chrome/i)&&!t(/android/i);var e=t(/iP(ad|od|hone)/i),o=t(/chrome/i)&&t(/android/i);const n={capture:!1,passive:!1};function h(t,e,o){t.addEventListener(e,o,!w&&n)}function r(t,e,o){t.removeEventListener(e,o,!w&&n)}function l(t,e){if(e&&(">"===e[0]&&(e=e.substring(1)),t))try{if(t.matches)return t.matches(e);if(t.msMatchesSelector)return t.msMatchesSelector(e);if(t.webkitMatchesSelector)return t.webkitMatchesSelector(e)}catch(t){return}}function x(t,e,o,n){if(t){o=o||document;do{if(null!=e&&(">"!==e[0]||t.parentNode===o)&&l(t,e)||n&&t===o)return t}while(t!==o&&(t=(i=t).host&&i!==document&&i.host.nodeType?i.host:i.parentNode))}var i;return null}const i=/\s+/g;function M(t,e,o){var n;t&&e&&(t.classList?t.classList[o?"add":"remove"](e):(n=(" "+t.className+" ").replace(i," ").replace(" "+e+" "," "),t.className=(n+(o?" "+e:"")).replace(i," ")))}function N(t,e,o){let n=t&&t.style;if(n){if(void 0===o)return document.defaultView&&document.defaultView.getComputedStyle?o=document.defaultView.getComputedStyle(t,""):t.currentStyle&&(o=t.currentStyle),void 0===e?o:o[e];e in n||-1!==e.indexOf("webkit")||(e="-webkit-"+e),n[e]=o+("string"==typeof o?"":"px")}}function f(t,e){let o="";if("string"==typeof t)o=t;else do{var n=N(t,"transform");n&&"none"!==n&&(o=n+" "+o)}while(!e&&(t=t.parentNode));const i=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return i&&new i(o)}function u(n,i,r){if(n){let t=n.getElementsByTagName(i),e=0,o=t.length;if(r)for(;e<o;e++)r(t[e],e);return t}return[]}function p(){var t=document.scrollingElement;return t||document.documentElement}function A(l,s,c,d,h){if(l.getBoundingClientRect||l===window){let t,e,o,n,i,r,a;if(a=l!==window&&l.parentNode&&l!==p()?(t=l.getBoundingClientRect(),e=t.top,o=t.left,n=t.bottom,i=t.right,r=t.height,t.width):(e=0,o=0,n=window.innerHeight,i=window.innerWidth,r=window.innerHeight,window.innerWidth),(s||c)&&l!==window&&(h=h||l.parentNode,!w))do{if(h&&h.getBoundingClientRect&&("none"!==N(h,"transform")||c&&"static"!==N(h,"position"))){var u=h.getBoundingClientRect();e-=u.top+parseInt(N(h,"border-top-width")),o-=u.left+parseInt(N(h,"border-left-width")),n=e+t.height,i=o+t.width;break}}while(h=h.parentNode);return d&&l!==window&&(d=(s=f(h||l))&&s.a,l=s&&s.d,s&&(e/=l,o/=d,a/=d,r/=l,n=e+r,i=o+a)),{top:e,left:o,bottom:n,right:i,width:a,height:r}}}function I(t,e,o){let n=s(t,!0),i=A(t)[e];for(;n;){let t=A(n)[o],e;if(e="top"===o||"left"===o?t<=i:i<=t,!e)return n;if(n===p())break;n=s(n,!1)}return!1}function O(t,e,o,n){let i=0,r=0,a=t.children;for(;r<a.length;){if("none"!==a[r].style.display&&a[r]!==It.ghost&&(n||a[r]!==It.dragged)&&x(a[r],o.draggable,t,!1)){if(i===e)return a[r];i++}r++}return null}function P(t,e){let o=t.lastElementChild;for(;o&&(o===It.ghost||"none"===N(o,"display")||e&&!l(o,e));)o=o.previousElementSibling;return o||null}function k(t,e){let o=0;if(!t||!t.parentNode)return-1;for(;t=t.previousElementSibling;)"TEMPLATE"===t.nodeName.toUpperCase()||t===It.clone||e&&!l(t,e)||o++;return o}function g(t){let e=0,o=0,n=p();if(t)do{var i=f(t),r=i.a,i=i.d;e+=t.scrollLeft*r,o+=t.scrollTop*i}while(t!==n&&(t=t.parentNode));return[e,o]}function s(t,e){if(!t||!t.getBoundingClientRect)return p();let o=t,n=!1;do{if(o.clientWidth<o.scrollWidth||o.clientHeight<o.scrollHeight){var i=N(o);if(o.clientWidth<o.scrollWidth&&("auto"==i.overflowX||"scroll"==i.overflowX)||o.clientHeight<o.scrollHeight&&("auto"==i.overflowY||"scroll"==i.overflowY)){if(!o.getBoundingClientRect||o===document.body)return p();if(n||e)return o;n=!0}}}while(o=o.parentNode);return p()}function m(t,e){return Math.round(t.top)===Math.round(e.top)&&Math.round(t.left)===Math.round(e.left)&&Math.round(t.height)===Math.round(e.height)&&Math.round(t.width)===Math.round(e.width)}let v;function b(e,o){return function(){var t;v||(1===(t=arguments).length?e.call(this,t[0]):e.apply(this,t),v=setTimeout(function(){v=void 0},o))}}function R(t,e,o){t.scrollLeft+=e,t.scrollTop+=o}function y(t){let e=window.Polymer,o=window.jQuery||window.Zepto;return e&&e.dom?e.dom(t).cloneNode(!0):o?o(t).clone(!0)[0]:t.cloneNode(!0)}function D(t,e){N(t,"position","absolute"),N(t,"top",e.top),N(t,"left",e.left),N(t,"width",e.width),N(t,"height",e.height)}function _(t){N(t,"position",""),N(t,"top",""),N(t,"left",""),N(t,"width",""),N(t,"height","")}const X="Sortable"+(new Date).getTime();function S(){let n=[],e;return{captureAnimationState(){if(n=[],this.options.animation){let t=[].slice.call(this.el.children);t.forEach(e=>{if("none"!==N(e,"display")&&e!==It.ghost){n.push({target:e,rect:A(e)});let t={...n[n.length-1].rect};var o;!e.thisAnimationDuration||(o=f(e,!0))&&(t.top-=o.f,t.left-=o.e),e.fromRect=t}})}},addAnimationState(t){n.push(t)},removeAnimationState(t){n.splice(function(t,e){for(var o in t)if(t.hasOwnProperty(o))for(var n in e)if(e.hasOwnProperty(n)&&e[n]===t[o][n])return Number(o);return-1}(n,{target:t}),1)},animateAll(t){if(!this.options.animation)return clearTimeout(e),void("function"==typeof t&&t());let u=!1,p=0;n.forEach(t=>{let e=0,o=t.target,n=o.fromRect,i=A(o),r=o.prevFromRect,a=o.prevToRect,l=t.rect,s=f(o,!0);var c,d,h;s&&(i.top-=s.f,i.left-=s.e),o.toRect=i,o.thisAnimationDuration&&m(r,i)&&!m(n,i)&&(l.top-i.top)/(l.left-i.left)==(n.top-i.top)/(n.left-i.left)&&(e=(c=l,d=r,h=a,t=this.options,Math.sqrt(Math.pow(d.top-c.top,2)+Math.pow(d.left-c.left,2))/Math.sqrt(Math.pow(d.top-h.top,2)+Math.pow(d.left-h.left,2))*t.animation)),m(i,n)||(o.prevFromRect=n,o.prevToRect=i,e=e||this.options.animation,this.animate(o,l,i,e)),e&&(u=!0,p=Math.max(p,e),clearTimeout(o.animationResetTimer),o.animationResetTimer=setTimeout(function(){o.animationTime=0,o.prevFromRect=null,o.fromRect=null,o.prevToRect=null,o.thisAnimationDuration=null},e),o.thisAnimationDuration=e)}),clearTimeout(e),u?e=setTimeout(function(){"function"==typeof t&&t()},p):"function"==typeof t&&t(),n=[]},animate(t,e,o,n){var i,r;n&&(N(t,"transition",""),N(t,"transform",""),i=(r=f(this.el))&&r.a,r=r&&r.d,i=(e.left-o.left)/(i||1),r=(e.top-o.top)/(r||1),t.animatingX=!!i,t.animatingY=!!r,N(t,"transform","translate3d("+i+"px,"+r+"px,0)"),this.forRepaintDummy=t.offsetWidth,N(t,"transition","transform "+n+"ms"+(this.options.easing?" "+this.options.easing:"")),N(t,"transform","translate3d(0,0,0)"),"number"==typeof t.animated&&clearTimeout(t.animated),t.animated=setTimeout(function(){N(t,"transition",""),N(t,"transform",""),t.animated=!1,t.animatingX=!1,t.animatingY=!1},n))}}}let C=[];const T={initializeByDefault:!0};var Y={mount(e){for(var t in T)!T.hasOwnProperty(t)||t in e||(e[t]=T[t]);C.forEach(t=>{if(t.pluginName===e.pluginName)throw`Sortable: Cannot mount plugin ${e.pluginName} more than once`}),C.push(e)},pluginEvent(e,o,n){this.eventCanceled=!1,n.cancel=()=>{this.eventCanceled=!0};const i=e+"Global";C.forEach(t=>{o[t.pluginName]&&(o[t.pluginName][i]&&o[t.pluginName][i]({sortable:o,...n}),o.options[t.pluginName]&&o[t.pluginName][e]&&o[t.pluginName][e]({sortable:o,...n}))})},initializePlugins(n,i,r,t){for(var e in C.forEach(e=>{var o=e.pluginName;if(n.options[o]||e.initializeByDefault){let t=new e(n,i,n.options);t.sortable=n,t.options=n.options,n[o]=t,a(r,t.defaults)}}),n.options){var o;n.options.hasOwnProperty(e)&&(void 0!==(o=this.modifyOption(n,e,n.options[e]))&&(n.options[e]=o))}},getEventProperties(e,o){let n={};return C.forEach(t=>{"function"==typeof t.eventProperties&&a(n,t.eventProperties.call(o[t.pluginName],e))}),n},modifyOption(e,o,n){let i;return C.forEach(t=>{e[t.pluginName]&&t.optionListeners&&"function"==typeof t.optionListeners[o]&&(i=t.optionListeners[o].call(e[t.pluginName],n))}),i}};function B({sortable:n,rootEl:i,name:r,targetEl:a,cloneEl:l,toEl:s,fromEl:c,oldIndex:d,newIndex:h,oldDraggableIndex:u,newDraggableIndex:p,originalEvent:f,putSortable:g,extraEventProperties:m}){if(n=n||i&&i[X]){let t,e=n.options,o="on"+r.charAt(0).toUpperCase()+r.substr(1);!window.CustomEvent||w||E?(t=document.createEvent("Event"),t.initEvent(r,!0,!0)):t=new CustomEvent(r,{bubbles:!0,cancelable:!0}),t.to=s||i,t.from=c||i,t.item=a||i,t.clone=l,t.oldIndex=d,t.newIndex=h,t.oldDraggableIndex=u,t.newDraggableIndex=p,t.originalEvent=f,t.pullMode=g?g.lastPutMode:void 0;var v,b={...m,...Y.getEventProperties(r,n)};for(v in b)t[v]=b[v];i&&i.dispatchEvent(t),e[o]&&e[o].call(n,t)}}let F=function(t,e,{evt:o,...n}={}){Y.pluginEvent.bind(It)(t,e,{dragEl:L,parentEl:K,ghostEl:W,rootEl:z,nextEl:G,lastDownEl:$,cloneEl:U,cloneHidden:j,dragStarted:dt,putSortable:tt,activeSortable:It.active,originalEvent:o,oldIndex:q,oldDraggableIndex:Z,newIndex:V,newDraggableIndex:Q,hideGhostForTarget:xt,unhideGhostForTarget:Mt,cloneNowHidden(){j=!0},cloneNowShown(){j=!1},dispatchSortableEvent(t){H({sortable:e,name:t,originalEvent:o})},...n})};function H(t){B({putSortable:tt,cloneEl:U,targetEl:L,rootEl:z,oldIndex:q,oldDraggableIndex:Z,newIndex:V,newDraggableIndex:Q,...t})}let L,K,W,z,G,$,U,j,q,V,Z,Q,J,tt,et=!1,ot=!1,nt=[],it,rt,at,lt,st,ct,dt,ht,ut,pt=!1,ft=!1,gt,mt,vt=[],bt=!1,wt=[];const Et="undefined"!=typeof document,yt=e,Dt=E||w?"cssFloat":"float",_t=Et&&!o&&!e&&"draggable"in document.createElement("div"),St=function(){if(Et){if(w)return!1;let t=document.createElement("x");return t.style.cssText="pointer-events:auto","auto"===t.style.pointerEvents}}(),Ct=function(t,e){let o=N(t),n=parseInt(o.width)-parseInt(o.paddingLeft)-parseInt(o.paddingRight)-parseInt(o.borderLeftWidth)-parseInt(o.borderRightWidth),i=O(t,0,e),r=O(t,1,e),a=i&&N(i),l=r&&N(r),s=a&&parseInt(a.marginLeft)+parseInt(a.marginRight)+A(i).width,c=l&&parseInt(l.marginLeft)+parseInt(l.marginRight)+A(r).width;if("flex"===o.display)return"column"===o.flexDirection||"column-reverse"===o.flexDirection?"vertical":"horizontal";if("grid"===o.display)return o.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal";if(i&&a.float&&"none"!==a.float){e="left"===a.float?"left":"right";return!r||"both"!==l.clear&&l.clear!==e?"horizontal":"vertical"}return i&&("block"===a.display||"flex"===a.display||"table"===a.display||"grid"===a.display||n<=s&&"none"===o[Dt]||r&&"none"===o[Dt]&&n<s+c)?"vertical":"horizontal"},Tt=function(t){function l(r,a){return function(t,e,o,n){var i=t.options.group.name&&e.options.group.name&&t.options.group.name===e.options.group.name;if(null==r&&(a||i))return!0;if(null==r||!1===r)return!1;if(a&&"clone"===r)return r;if("function"==typeof r)return l(r(t,e,o,n),a)(t,e,o,n);e=(a?t:e).options.group.name;return!0===r||"string"==typeof r&&r===e||r.join&&-1<r.indexOf(e)}}let e={},o=t.group;o&&"object"==typeof o||(o={name:o}),e.name=o.name,e.checkPull=l(o.pull,!0),e.checkPut=l(o.put),e.revertClone=o.revertClone,t.group=e},xt=function(){!St&&W&&N(W,"display","none")},Mt=function(){!St&&W&&N(W,"display","")};Et&&!o&&document.addEventListener("click",function(t){if(ot)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),t.stopImmediatePropagation&&t.stopImmediatePropagation(),ot=!1},!0);let Nt=function(o){if(L){let e=function(i,r){let a;return nt.some(t=>{var e=t[X].options.emptyInsertThreshold;if(e&&!P(t)){var o=A(t),n=i>=o.left-e&&i<=o.right+e,e=r>=o.top-e&&r<=o.bottom+e;return n&&e?a=t:void 0}}),a}((o=o.touches?o.touches[0]:o).clientX,o.clientY);if(e){let t={};for(var n in o)o.hasOwnProperty(n)&&(t[n]=o[n]);t.target=t.rootEl=e,t.preventDefault=void 0,t.stopPropagation=void 0,e[X]._onDragOver(t)}}},At=function(t){L&&L.parentNode[X]._isOutsideThisEl(t.target)};function It(t,e){if(!t||!t.nodeType||1!==t.nodeType)throw`Sortable: \`el\` must be an HTMLElement, not ${{}.toString.call(t)}`;this.el=t,this.options=e=a({},e),this.options.fallbackOnBody&&(this.options.getFallbackParent=()=>document.body),t[X]=this;var o,n,i={group:null,sort:!0,disabled:!1,store:null,handle:null,draggable:/^[uo]l$/i.test(t.nodeName)?">li":">*",swapThreshold:1,invertSwap:!1,invertedSwapThreshold:null,removeCloneOnHide:!0,direction:function(){return Ct(t,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:!0,animation:0,easing:null,setData:function(t,e){t.setData("Text",e.textContent)},dropBubble:!1,dragoverBubble:!1,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:!1,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:!1,fallbackClass:"sortable-fallback",fallbackOnBody:!1,getFallbackParent:null,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:!1!==It.supportPointer&&"PointerEvent"in window&&!d,emptyInsertThreshold:5};for(o in Y.initializePlugins(this,t,i),i)o in e||(e[o]=i[o]);for(n in Tt(e),this)"_"===n.charAt(0)&&"function"==typeof this[n]&&(this[n]=this[n].bind(this));this.nativeDraggable=!e.forceFallback&&_t,this.nativeDraggable&&(this.options.touchStartThreshold=1),e.supportPointer?h(t,"pointerdown",this._onTapStart):(h(t,"mousedown",this._onTapStart),h(t,"touchstart",this._onTapStart)),this.nativeDraggable&&(h(t,"dragover",this),h(t,"dragenter",this)),nt.push(this.el),e.store&&e.store.get&&this.sort(e.store.get(this)||[]),a(this,S())}function Ot(t,e,o,n,i,r,a,l){let s,c=t[X],d=c.options.onMove,h;return!window.CustomEvent||w||E?(s=document.createEvent("Event"),s.initEvent("move",!0,!0)):s=new CustomEvent("move",{bubbles:!0,cancelable:!0}),s.to=e,s.from=t,s.dragged=o,s.draggedRect=n,s.related=i||e,s.relatedRect=r||A(e),s.willInsertAfter=l,s.originalEvent=a,t.dispatchEvent(s),d&&(h=d.call(c,s,a)),h}function Pt(t){t.draggable=!1}function kt(){bt=!1}function Rt(t){return setTimeout(t,0)}function Xt(t){return clearTimeout(t)}It.prototype={constructor:It,_isOutsideThisEl:function(t){this.el.contains(t)||t===this.el||(ht=null)},_getDirection:function(t,e){return"function"==typeof this.options.direction?this.options.direction.call(this,t,e,L):this.options.direction},_onTapStart:function(c){if(c.cancelable){let e=this,o=this.el,t=this.options,n=t.preventOnFilter,i=c.type,r=c.touches&&c.touches[0]||c.pointerType&&"touch"===c.pointerType&&c,a=(r||c).target,l=c.target.shadowRoot&&(c.path&&c.path[0]||c.composedPath&&c.composedPath()[0])||a,s=t.filter;if(!function(t){wt.length=0;let e=t.getElementsByTagName("input"),o=e.length;for(;o--;){var n=e[o];n.checked&&wt.push(n)}}(o),!L&&!(/mousedown|pointerdown/.test(i)&&0!==c.button||t.disabled)&&!l.isContentEditable&&(this.nativeDraggable||!d||!a||"SELECT"!==a.tagName.toUpperCase())&&(a=x(a,t.draggable,o,!1),!(a&&a.animated||$===a))){if(q=k(a),Z=k(a,t.draggable),"function"==typeof s){if(s.call(this,c,a,this))return H({sortable:e,rootEl:l,name:"filter",targetEl:a,toEl:o,fromEl:o}),F("filter",e,{evt:c}),void(n&&c.cancelable&&c.preventDefault())}else if(s&&(s=s.split(",").some(function(t){if(t=x(l,t.trim(),o,!1))return H({sortable:e,rootEl:t,name:"filter",targetEl:a,fromEl:o,toEl:o}),F("filter",e,{evt:c}),!0}),s))return void(n&&c.cancelable&&c.preventDefault());t.handle&&!x(l,t.handle,o,!1)||this._prepareDragStart(c,r,a)}}},_prepareDragStart:function(t,e,o){let n=this,i=n.el,r=n.options,a=i.ownerDocument,l;var s;o&&!L&&o.parentNode===i&&(s=A(o),z=i,L=o,K=L.parentNode,G=L.nextSibling,$=o,J=r.group,It.dragged=L,it={target:L,clientX:(e||t).clientX,clientY:(e||t).clientY},st=it.clientX-s.left,ct=it.clientY-s.top,this._lastX=(e||t).clientX,this._lastY=(e||t).clientY,L.style["will-change"]="all",l=function(){F("delayEnded",n,{evt:t}),It.eventCanceled?n._onDrop():(n._disableDelayedDragEvents(),!c&&n.nativeDraggable&&(L.draggable=!0),n._triggerDragStart(t,e),H({sortable:n,name:"choose",originalEvent:t}),M(L,r.chosenClass,!0))},r.ignore.split(",").forEach(function(t){u(L,t.trim(),Pt)}),h(a,"dragover",Nt),h(a,"mousemove",Nt),h(a,"touchmove",Nt),h(a,"mouseup",n._onDrop),h(a,"touchend",n._onDrop),h(a,"touchcancel",n._onDrop),c&&this.nativeDraggable&&(this.options.touchStartThreshold=4,L.draggable=!0),F("delayStart",this,{evt:t}),!r.delay||r.delayOnTouchOnly&&!e||this.nativeDraggable&&(E||w)?l():It.eventCanceled?this._onDrop():(h(a,"mouseup",n._disableDelayedDrag),h(a,"touchend",n._disableDelayedDrag),h(a,"touchcancel",n._disableDelayedDrag),h(a,"mousemove",n._delayedDragTouchMoveHandler),h(a,"touchmove",n._delayedDragTouchMoveHandler),r.supportPointer&&h(a,"pointermove",n._delayedDragTouchMoveHandler),n._dragStartTimer=setTimeout(l,r.delay)))},_delayedDragTouchMoveHandler:function(t){t=t.touches?t.touches[0]:t;Math.max(Math.abs(t.clientX-this._lastX),Math.abs(t.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))&&this._disableDelayedDrag()},_disableDelayedDrag:function(){L&&Pt(L),clearTimeout(this._dragStartTimer),this._disableDelayedDragEvents()},_disableDelayedDragEvents:function(){var t=this.el.ownerDocument;r(t,"mouseup",this._disableDelayedDrag),r(t,"touchend",this._disableDelayedDrag),r(t,"touchcancel",this._disableDelayedDrag),r(t,"mousemove",this._delayedDragTouchMoveHandler),r(t,"touchmove",this._delayedDragTouchMoveHandler),r(t,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function(t,e){e=e||"touch"==t.pointerType&&t,!this.nativeDraggable||e?this.options.supportPointer?h(document,"pointermove",this._onTouchMove):h(document,e?"touchmove":"mousemove",this._onTouchMove):(h(L,"dragend",this),h(z,"dragstart",this._onDragStart));try{document.selection?Rt(function(){document.selection.empty()}):window.getSelection().removeAllRanges()}catch(t){}},_dragStarted:function(t,e){var o;et=!1,z&&L?(F("dragStarted",this,{evt:e}),this.nativeDraggable&&h(document,"dragover",At),o=this.options,t||M(L,o.dragClass,!1),M(L,o.ghostClass,!0),It.active=this,t&&this._appendGhost(),H({sortable:this,name:"start",originalEvent:e})):this._nulling()},_emulateDragOver:function(){if(rt){this._lastX=rt.clientX,this._lastY=rt.clientY,xt();let t=document.elementFromPoint(rt.clientX,rt.clientY),e=t;for(;t&&t.shadowRoot&&(t=t.shadowRoot.elementFromPoint(rt.clientX,rt.clientY),t!==e);)e=t;if(L.parentNode[X]._isOutsideThisEl(t),e)do{if(e[X])if(e[X]._onDragOver({clientX:rt.clientX,clientY:rt.clientY,target:t,rootEl:e})&&!this.options.dragoverBubble)break}while(t=e,e=e.parentNode);Mt()}},_onTouchMove:function(d){if(it){let t=this.options,e=t.fallbackTolerance,o=t.fallbackOffset,n=d.touches?d.touches[0]:d,i=W&&f(W,!0),r=W&&i&&i.a,a=W&&i&&i.d,l=yt&&mt&&g(mt),s=(n.clientX-it.clientX+o.x)/(r||1)+(l?l[0]-vt[0]:0)/(r||1),c=(n.clientY-it.clientY+o.y)/(a||1)+(l?l[1]-vt[1]:0)/(a||1);if(!It.active&&!et){if(e&&Math.max(Math.abs(n.clientX-this._lastX),Math.abs(n.clientY-this._lastY))<e)return;this._onDragStart(d,!0)}var h;W&&(i?(i.e+=s-(at||0),i.f+=c-(lt||0)):i={a:1,b:0,c:0,d:1,e:s,f:c},h=`matrix(${i.a},${i.b},${i.c},${i.d},${i.e},${i.f})`,N(W,"webkitTransform",h),N(W,"mozTransform",h),N(W,"msTransform",h),N(W,"transform",h),at=s,lt=c,rt=n),d.cancelable&&d.preventDefault()}},_appendGhost:function(){if(!W){let t=("function"==typeof this.options.getFallbackParent?this.options.getFallbackParent():null)??z,e=A(L,!0,yt,!0,t),o=this.options;if(yt){for(mt=t;"static"===N(mt,"position")&&"none"===N(mt,"transform")&&mt!==document;)mt=mt.parentNode;mt!==document.body&&mt!==document.documentElement?(mt===document&&(mt=p()),e.top+=mt.scrollTop,e.left+=mt.scrollLeft):mt=p(),vt=g(mt)}W=L.cloneNode(!0),M(W,o.ghostClass,!1),M(W,o.fallbackClass,!0),M(W,o.dragClass,!0),N(W,"transition",""),N(W,"transform",""),N(W,"box-sizing","border-box"),N(W,"margin",0),N(W,"top",e.top),N(W,"left",e.left),N(W,"width",e.width),N(W,"height",e.height),N(W,"opacity","0.8"),N(W,"position",yt?"absolute":"fixed"),N(W,"zIndex","100000"),N(W,"pointerEvents","none"),It.ghost=W,t.appendChild(W),N(W,"transform-origin",st/parseInt(W.style.width)*100+"% "+ct/parseInt(W.style.height)*100+"%")}},_onDragStart:function(t,e){let o=this,n=t.dataTransfer,i=o.options;F("dragStart",this,{evt:t}),It.eventCanceled?this._onDrop():(F("setupClone",this),It.eventCanceled||(U=y(L),U.removeAttribute("id"),U.draggable=!1,U.style["will-change"]="",this._hideClone(),M(U,this.options.chosenClass,!1),It.clone=U),o.cloneId=Rt(function(){F("clone",o),It.eventCanceled||(o.options.removeCloneOnHide||z.insertBefore(U,L),o._hideClone(),H({sortable:o,name:"clone"}))}),e||M(L,i.dragClass,!0),e?(ot=!0,o._loopId=setInterval(o._emulateDragOver,50)):(r(document,"mouseup",o._onDrop),r(document,"touchend",o._onDrop),r(document,"touchcancel",o._onDrop),n&&(n.effectAllowed="move",i.setData&&i.setData.call(o,n,L)),h(document,"drop",o),N(L,"transform","translateZ(0)")),et=!0,o._dragStartId=Rt(o._dragStarted.bind(o,e,t)),h(document,"selectstart",o),dt=!0,d&&N(document.body,"user-select","none"))},_onDragOver:function(d){let h=this.el,u=d.target,p,f,o,g=this.options,t=g.group,e=It.active,n=J===t,i=g.sort,r=tt||e,m,a=this,l=!1;if(!bt){if(void 0!==d.preventDefault&&d.cancelable&&d.preventDefault(),u=x(u,g.draggable,h,!0),s("dragOver"),It.eventCanceled)return l;if(L.contains(d.target)||u.animated&&u.animatingX&&u.animatingY||a._ignoreWhileAnimating===u)return C(!1);if(ot=!1,e&&!g.disabled&&(n?i||(o=K!==z):tt===this||(this.lastPutMode=J.checkPull(this,e,L,d))&&t.checkPut(this,e,L,d))){if(m="vertical"===this._getDirection(d,u),p=A(L),s("dragOverValid"),It.eventCanceled)return l;if(o)return K=z,S(),this._hideClone(),s("revert"),It.eventCanceled||(G?z.insertBefore(L,G):z.appendChild(L)),C(!0);var v=P(h,g.draggable);if(!v||function(t,e,o){o=A(P(o.el,o.options.draggable));return e?t.clientX>o.right+10||t.clientX<=o.right&&t.clientY>o.bottom&&t.clientX>=o.left:t.clientX>o.right&&t.clientY>o.top||t.clientX<=o.right&&t.clientY>o.bottom+10}(d,m,this)&&!v.animated){if(v===L)return C(!1);if(v&&h===d.target&&(u=v),u&&(f=A(u)),!1!==Ot(z,h,L,p,u,f,d,!!u))return S(),v&&v.nextSibling?h.insertBefore(L,v.nextSibling):h.appendChild(L),K=h,T(),C(!0)}else if(v&&function(t,e,o){o=A(O(o.el,0,o.options,!0));return e?t.clientX<o.left-10||t.clientY<o.top&&t.clientX<o.right:t.clientY<o.top-10||t.clientY<o.bottom&&t.clientX<o.left}(d,m,this)){var b=O(h,0,g,!0);if(b===L)return C(!1);if(u=b,f=A(u),!1!==Ot(z,h,L,p,u,f,d,!1))return S(),h.insertBefore(L,b),K=h,T(),C(!0)}else if(u.parentNode===h){f=A(u);let e,t,o=L.parentNode!==h,n=(w=L.animated&&L.toRect||p,E=u.animated&&u.toRect||f,y=m,D=y?w.left:w.top,_=y?w.right:w.bottom,v=y?w.width:w.height,b=y?E.left:E.top,w=y?E.right:E.bottom,E=y?E.width:E.height,!(D===b||_===w||D+v/2===b+E/2)),i=m?"top":"left",r=I(u,"top","top")||I(L,"top","top"),a=r?r.scrollTop:void 0;ht!==u&&(t=f[i],pt=!1,ft=!n&&g.invertSwap||o);let l;if(0!==(e=function(t,e,o,n,i,r,a,l){let s=n?t.clientY:t.clientX,c=n?o.height:o.width,d=n?o.top:o.left,h=n?o.bottom:o.right,u=!1;if(!a)if(l&&gt<c*i){if(!pt&&(1===ut?d+c*r/2<s:s<h-c*r/2)&&(pt=!0),pt)u=!0;else if(1===ut?s<d+gt:s>h-gt)return-ut}else if(d+c*(1-i)/2<s&&s<h-c*(1-i)/2)return function(t){return k(L)<k(t)?1:-1}(e);if(u=u||a,u&&(s<d+c*r/2||h-c*r/2<s))return d+c/2<s?1:-1;return 0}(d,u,f,m,n?1:g.swapThreshold,null==g.invertedSwapThreshold?g.swapThreshold:g.invertedSwapThreshold,ft,ht===u))){let t=k(L);for(;t-=e,l=K.children[t],l&&("none"===N(l,"display")||l===W););}if(0===e||l===u)return C(!1);ht=u,ut=e;let s=u.nextElementSibling,c=!1;c=1===e;E=Ot(z,h,L,p,u,f,d,c);if(!1!==E)return 1!==E&&-1!==E||(c=1===E),bt=!0,setTimeout(kt,30),S(),c&&!s?h.appendChild(L):u.parentNode.insertBefore(L,c?s:u),r&&R(r,0,a-r.scrollTop),K=L.parentNode,void 0===t||ft||(gt=Math.abs(t-A(u)[i])),T(),C(!0)}if(h.contains(L))return C(!1)}var w,E,y,D,_;return!1}function s(t,e){F(t,a,{evt:d,isOwner:n,axis:m?"vertical":"horizontal",revert:o,dragRect:p,targetRect:f,canSort:i,fromSortable:r,target:u,completed:C,onMove(t,e){return Ot(z,h,L,p,t,A(t),d,e)},changed:T,...e})}function S(){s("dragOverAnimationCapture"),a.captureAnimationState(),a!==r&&r.captureAnimationState()}function C(t){return s("dragOverCompleted",{insertion:t}),t&&(n?e._hideClone():e._showClone(a),a!==r&&(M(L,(tt||e).options.ghostClass,!1),M(L,g.ghostClass,!0)),tt!==a&&a!==It.active?tt=a:a===It.active&&tt&&(tt=null),r===a&&(a._ignoreWhileAnimating=u),a.animateAll(function(){s("dragOverAnimationComplete"),a._ignoreWhileAnimating=null}),a!==r&&(r.animateAll(),r._ignoreWhileAnimating=null)),(u===L&&!L.animated||u===h&&!u.animated)&&(ht=null),g.dragoverBubble||d.rootEl||u===document||(L.parentNode[X]._isOutsideThisEl(d.target),t||Nt(d)),!g.dragoverBubble&&d.stopPropagation&&d.stopPropagation(),l=!0}function T(){V=k(L),Q=k(L,g.draggable),H({sortable:a,name:"change",toEl:h,newIndex:V,newDraggableIndex:Q,originalEvent:d})}},_ignoreWhileAnimating:null,_offMoveEvents:function(){r(document,"mousemove",this._onTouchMove),r(document,"touchmove",this._onTouchMove),r(document,"pointermove",this._onTouchMove),r(document,"dragover",Nt),r(document,"mousemove",Nt),r(document,"touchmove",Nt)},_offUpEvents:function(){var t=this.el.ownerDocument;r(t,"mouseup",this._onDrop),r(t,"touchend",this._onDrop),r(t,"pointerup",this._onDrop),r(t,"touchcancel",this._onDrop),r(document,"selectstart",this)},_onDrop:function(t){var e=this.el,o=this.options;V=k(L),Q=k(L,o.draggable),F("drop",this,{evt:t}),K=L&&L.parentNode,V=k(L),Q=k(L,o.draggable),It.eventCanceled||(et=!1,ft=!1,pt=!1,clearInterval(this._loopId),clearTimeout(this._dragStartTimer),Xt(this.cloneId),Xt(this._dragStartId),this.nativeDraggable&&(r(document,"drop",this),r(e,"dragstart",this._onDragStart)),this._offMoveEvents(),this._offUpEvents(),d&&N(document.body,"user-select",""),N(L,"transform",""),t&&(dt&&(t.cancelable&&t.preventDefault(),o.dropBubble||t.stopPropagation()),W&&W.parentNode&&W.parentNode.removeChild(W),(z===K||tt&&"clone"!==tt.lastPutMode)&&U&&U.parentNode&&U.parentNode.removeChild(U),L&&(this.nativeDraggable&&r(L,"dragend",this),Pt(L),L.style["will-change"]="",dt&&!et&&M(L,(tt||this).options.ghostClass,!1),M(L,this.options.chosenClass,!1),H({sortable:this,name:"unchoose",toEl:K,newIndex:null,newDraggableIndex:null,originalEvent:t}),z!==K?(0<=V&&(H({rootEl:K,name:"add",toEl:K,fromEl:z,originalEvent:t}),H({sortable:this,name:"remove",toEl:K,originalEvent:t}),H({rootEl:K,name:"sort",toEl:K,fromEl:z,originalEvent:t}),H({sortable:this,name:"sort",toEl:K,originalEvent:t})),tt&&tt.save()):V!==q&&0<=V&&(H({sortable:this,name:"update",toEl:K,originalEvent:t}),H({sortable:this,name:"sort",toEl:K,originalEvent:t})),It.active&&(null!=V&&-1!==V||(V=q,Q=Z),H({sortable:this,name:"end",toEl:K,originalEvent:t}),this.save())))),this._nulling()},_nulling:function(){F("nulling",this),z=L=K=W=G=U=$=j=it=rt=dt=V=Q=q=Z=ht=ut=tt=J=It.dragged=It.ghost=It.clone=It.active=null,wt.forEach(function(t){t.checked=!0}),wt.length=at=lt=0},handleEvent:function(t){switch(t.type){case"drop":case"dragend":this._onDrop(t);break;case"dragenter":case"dragover":L&&(this._onDragOver(t),function(t){t.dataTransfer&&(t.dataTransfer.dropEffect="move");t.cancelable&&t.preventDefault()}(t));break;case"selectstart":t.preventDefault()}},toArray:function(){let t=[],e,o=this.el.children,n=0,i=o.length,r=this.options;for(;n<i;n++)e=o[n],x(e,r.draggable,this.el,!1)&&t.push(e.getAttribute(r.dataIdAttr)||function(t){let e=t.tagName+t.className+t.src+t.href+t.textContent,o=e.length,n=0;for(;o--;)n+=e.charCodeAt(o);return n.toString(36)}(e));return t},sort:function(t,e){let o={},n=this.el;this.toArray().forEach(function(t,e){e=n.children[e];x(e,this.options.draggable,n,!1)&&(o[t]=e)},this),e&&this.captureAnimationState(),t.forEach(function(t){o[t]&&(n.removeChild(o[t]),n.appendChild(o[t]))}),e&&this.animateAll()},save:function(){let t=this.options.store;t&&t.set&&t.set(this)},closest:function(t,e){return x(t,e||this.options.draggable,this.el,!1)},option:function(t,e){let o=this.options;if(void 0===e)return o[t];var n=Y.modifyOption(this,t,e);o[t]=void 0!==n?n:e,"group"===t&&Tt(o)},destroy:function(){F("destroy",this);let t=this.el;t[X]=null,r(t,"mousedown",this._onTapStart),r(t,"touchstart",this._onTapStart),r(t,"pointerdown",this._onTapStart),this.nativeDraggable&&(r(t,"dragover",this),r(t,"dragenter",this)),Array.prototype.forEach.call(t.querySelectorAll("[draggable]"),function(t){t.removeAttribute("draggable")}),this._onDrop(),this._disableDelayedDragEvents(),nt.splice(nt.indexOf(this.el),1),this.el=t=null},_hideClone:function(){j||(F("hideClone",this),It.eventCanceled||(N(U,"display","none"),this.options.removeCloneOnHide&&U.parentNode&&U.parentNode.removeChild(U),j=!0))},_showClone:function(t){"clone"===t.lastPutMode?j&&(F("showClone",this),It.eventCanceled||(L.parentNode!=z||this.options.group.revertClone?G?z.insertBefore(U,G):z.appendChild(U):z.insertBefore(U,L),this.options.group.revertClone&&this.animate(L,U),N(U,"display",""),j=!1)):this._hideClone()}},Et&&h(document,"touchmove",function(t){(It.active||et)&&t.cancelable&&t.preventDefault()}),It.utils={on:h,off:r,css:N,find:u,is:function(t,e){return!!x(t,e,t,!1)},extend:function(t,e){if(t&&e)for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);return t},throttle:b,closest:x,toggleClass:M,clone:y,index:k,nextTick:Rt,cancelNextTick:Xt,detectDirection:Ct,getChild:O},It.get=function(t){return t[X]},It.mount=function(...t){(t=t[0].constructor===Array?t[0]:t).forEach(t=>{if(!t.prototype||!t.prototype.constructor)throw`Sortable: Mounted plugin must be a constructor function, not ${{}.toString.call(t)}`;t.utils&&(It.utils={...It.utils,...t.utils}),Y.mount(t)})},It.create=function(t,e){return new It(t,e)};let Yt=[],Bt,Ft,Ht=!(It.version="1.15.0"),Lt,Kt,Wt,zt;function Gt(){Yt.forEach(function(t){clearInterval(t.pid)}),Yt=[]}function $t(){clearInterval(zt)}const Ut=b(function(w,t,e,E){if(t.scroll){const _=(w.touches?w.touches[0]:w).clientX,S=(w.touches?w.touches[0]:w).clientY,C=t.scrollSensitivity,T=t.scrollSpeed,x=p();let g=!1,m;Ft!==e&&(Ft=e,Gt(),Bt=t.scroll,m=t.scrollFn,!0===Bt&&(Bt=s(e,!0)));let v=0,b=Bt;do{let t=b,e=A(t),o=e.top,n=e.bottom,i=e.left,r=e.right,a=e.width,l=e.height,s,c,d=t.scrollWidth,h=t.scrollHeight,u=N(t),p=t.scrollLeft,f=t.scrollTop;c=t===x?(s=a<d&&("auto"===u.overflowX||"scroll"===u.overflowX||"visible"===u.overflowX),l<h&&("auto"===u.overflowY||"scroll"===u.overflowY||"visible"===u.overflowY)):(s=a<d&&("auto"===u.overflowX||"scroll"===u.overflowX),l<h&&("auto"===u.overflowY||"scroll"===u.overflowY));var y=s&&(Math.abs(r-_)<=C&&p+a<d)-(Math.abs(i-_)<=C&&!!p),D=c&&(Math.abs(n-S)<=C&&f+l<h)-(Math.abs(o-S)<=C&&!!f);if(!Yt[v])for(let t=0;t<=v;t++)Yt[t]||(Yt[t]={});Yt[v].vx==y&&Yt[v].vy==D&&Yt[v].el===t||(Yt[v].el=t,Yt[v].vx=y,Yt[v].vy=D,clearInterval(Yt[v].pid),0==y&&0==D||(g=!0,Yt[v].pid=setInterval(function(){E&&0===this.layer&&It.active._onTouchMove(Wt);var t=Yt[this.layer].vy?Yt[this.layer].vy*T:0,e=Yt[this.layer].vx?Yt[this.layer].vx*T:0;"function"==typeof m&&"continue"!==m.call(It.dragged.parentNode[X],e,t,w,Wt,Yt[this.layer].el)||R(Yt[this.layer].el,e,t)}.bind({layer:v}),24))),v++}while(t.bubbleScroll&&b!==x&&(b=s(b,!1)));Ht=g}},30);o=function({originalEvent:e,putSortable:o,dragEl:n,activeSortable:i,dispatchSortableEvent:r,hideGhostForTarget:a,unhideGhostForTarget:l}){if(e){let t=o||i;a();e=e.changedTouches&&e.changedTouches.length?e.changedTouches[0]:e,e=document.elementFromPoint(e.clientX,e.clientY);l(),t&&!t.el.contains(e)&&(r("spill"),this.onSpill({dragEl:n,putSortable:o}))}};function jt(){}function qt(){}jt.prototype={startIndex:null,dragStart({oldDraggableIndex:t}){this.startIndex=t},onSpill({dragEl:t,putSortable:e}){this.sortable.captureAnimationState(),e&&e.captureAnimationState();var o=O(this.sortable.el,this.startIndex,this.options);o?this.sortable.el.insertBefore(t,o):this.sortable.el.appendChild(t),this.sortable.animateAll(),e&&e.animateAll()},drop:o},a(jt,{pluginName:"revertOnSpill"}),qt.prototype={onSpill({dragEl:t,putSortable:e}){const o=e||this.sortable;o.captureAnimationState(),t.parentNode&&t.parentNode.removeChild(t),o.animateAll()},drop:o},a(qt,{pluginName:"removeOnSpill"});let Vt;let Zt=[],Qt=[],Jt,te,ee=!1,oe=!1,ne=!1,ie,re,ae;function le(o,n){Qt.forEach((t,e)=>{e=n.children[t.sortableIndex+(o?Number(e):0)];e?n.insertBefore(t,e):n.appendChild(t)})}function se(){Zt.forEach(t=>{t!==ie&&t.parentNode&&t.parentNode.removeChild(t)})}return It.mount(new function(){function t(){for(var t in this.defaults={scroll:!0,forceAutoScrollFallback:!1,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:!0},this)"_"===t.charAt(0)&&"function"==typeof this[t]&&(this[t]=this[t].bind(this))}return t.prototype={dragStarted({originalEvent:t}){this.sortable.nativeDraggable?h(document,"dragover",this._handleAutoScroll):this.options.supportPointer?h(document,"pointermove",this._handleFallbackAutoScroll):t.touches?h(document,"touchmove",this._handleFallbackAutoScroll):h(document,"mousemove",this._handleFallbackAutoScroll)},dragOverCompleted({originalEvent:t}){this.options.dragOverBubble||t.rootEl||this._handleAutoScroll(t)},drop(){this.sortable.nativeDraggable?r(document,"dragover",this._handleAutoScroll):(r(document,"pointermove",this._handleFallbackAutoScroll),r(document,"touchmove",this._handleFallbackAutoScroll),r(document,"mousemove",this._handleFallbackAutoScroll)),$t(),Gt(),clearTimeout(v),v=void 0},nulling(){Wt=Ft=Bt=Ht=zt=Lt=Kt=null,Yt.length=0},_handleFallbackAutoScroll(t){this._handleAutoScroll(t,!0)},_handleAutoScroll(o,n){const i=(o.touches?o.touches[0]:o).clientX,r=(o.touches?o.touches[0]:o).clientY,t=document.elementFromPoint(i,r);if(Wt=o,n||this.options.forceAutoScrollFallback||E||w||d){Ut(o,this.options,t,n);let e=s(t,!0);!Ht||zt&&i===Lt&&r===Kt||(zt&&$t(),zt=setInterval(()=>{var t=s(document.elementFromPoint(i,r),!0);t!==e&&(e=t,Gt()),Ut(o,this.options,t,n)},10),Lt=i,Kt=r)}else this.options.bubbleScroll&&s(t,!0)!==p()?Ut(o,this.options,s(t,!1),!1):Gt()}},a(t,{pluginName:"scroll",initializeByDefault:!0})}),It.mount(qt,jt),It.mount(new function(){function t(){this.defaults={swapClass:"sortable-swap-highlight"}}return t.prototype={dragStart({dragEl:t}){Vt=t},dragOverValid({completed:t,target:e,onMove:o,activeSortable:n,changed:i,cancel:r}){var a;n.options.swap&&(a=this.sortable.el,n=this.options,e&&e!==a&&(a=Vt,Vt=!1!==o(e)?(M(e,n.swapClass,!0),e):null,a&&a!==Vt&&M(a,n.swapClass,!1)),i(),t(!0),r())},drop({activeSortable:t,putSortable:e,dragEl:o}){let n=e||this.sortable;var i=this.options;Vt&&M(Vt,i.swapClass,!1),Vt&&(i.swap||e&&e.options.swap)&&o!==Vt&&(n.captureAnimationState(),n!==t&&t.captureAnimationState(),function(t,e){let o=t.parentNode,n=e.parentNode,i,r;o&&n&&!o.isEqualNode(e)&&!n.isEqualNode(t)&&(i=k(t),r=k(e),o.isEqualNode(n)&&i<r&&r++,o.insertBefore(e,o.children[i]),n.insertBefore(t,n.children[r]))}(o,Vt),n.animateAll(),n!==t&&t.animateAll())},nulling(){Vt=null}},a(t,{pluginName:"swap",eventProperties(){return{swapItem:Vt}}})}),It.mount(new function(){function t(n){for(var t in this)"_"===t.charAt(0)&&"function"==typeof this[t]&&(this[t]=this[t].bind(this));n.options.avoidImplicitDeselect||(n.options.supportPointer?h(document,"pointerup",this._deselectMultiDrag):(h(document,"mouseup",this._deselectMultiDrag),h(document,"touchend",this._deselectMultiDrag))),h(document,"keydown",this._checkKeyDown),h(document,"keyup",this._checkKeyUp),this.defaults={selectedClass:"sortable-selected",multiDragKey:null,avoidImplicitDeselect:!1,setData(t,e){let o="";Zt.length&&te===n?Zt.forEach((t,e)=>{o+=(e?", ":"")+t.textContent}):o=e.textContent,t.setData("Text",o)}}}return t.prototype={multiDragKeyDown:!1,isMultiDrag:!1,delayStartGlobal({dragEl:t}){ie=t},delayEnded(){this.isMultiDrag=~Zt.indexOf(ie)},setupClone({sortable:t,cancel:e}){if(this.isMultiDrag){for(let t=0;t<Zt.length;t++)Qt.push(y(Zt[t])),Qt[t].sortableIndex=Zt[t].sortableIndex,Qt[t].draggable=!1,Qt[t].style["will-change"]="",M(Qt[t],this.options.selectedClass,!1),Zt[t]===ie&&M(Qt[t],this.options.chosenClass,!1);t._hideClone(),e()}},clone({sortable:t,rootEl:e,dispatchSortableEvent:o,cancel:n}){this.isMultiDrag&&(this.options.removeCloneOnHide||Zt.length&&te===t&&(le(!0,e),o("clone"),n()))},showClone({cloneNowShown:t,rootEl:e,cancel:o}){this.isMultiDrag&&(le(!1,e),Qt.forEach(t=>{N(t,"display","")}),t(),ae=!1,o())},hideClone({cloneNowHidden:t,cancel:e}){this.isMultiDrag&&(Qt.forEach(t=>{N(t,"display","none"),this.options.removeCloneOnHide&&t.parentNode&&t.parentNode.removeChild(t)}),t(),ae=!0,e())},dragStartGlobal({}){!this.isMultiDrag&&te&&te.multiDrag._deselectMultiDrag(),Zt.forEach(t=>{t.sortableIndex=k(t)}),Zt=Zt.sort(function(t,e){return t.sortableIndex-e.sortableIndex}),ne=!0},dragStarted({sortable:t}){if(this.isMultiDrag){if(this.options.sort&&(t.captureAnimationState(),this.options.animation)){Zt.forEach(t=>{t!==ie&&N(t,"position","absolute")});let e=A(ie,!1,!0,!0);Zt.forEach(t=>{t!==ie&&D(t,e)}),oe=!0,ee=!0}t.animateAll(()=>{oe=!1,ee=!1,this.options.animation&&Zt.forEach(t=>{_(t)}),this.options.sort&&se()})}},dragOver({target:t,completed:e,cancel:o}){oe&&~Zt.indexOf(t)&&(e(!1),o())},revert({fromSortable:e,rootEl:t,sortable:o,dragRect:n}){var i,r;1<Zt.length&&(Zt.forEach(t=>{o.addAnimationState({target:t,rect:oe?A(t):n}),_(t),t.fromRect=n,e.removeAnimationState(t)}),oe=!1,i=!this.options.removeCloneOnHide,r=t,Zt.forEach((t,e)=>{e=r.children[t.sortableIndex+(i?Number(e):0)];e?r.insertBefore(t,e):r.appendChild(t)}))},dragOverCompleted({sortable:t,isOwner:e,insertion:o,activeSortable:n,parentEl:i,putSortable:r}){var a=this.options;if(o){if(e&&n._hideClone(),ee=!1,a.animation&&1<Zt.length&&(oe||!e&&!n.options.sort&&!r)){let e=A(ie,!1,!0,!0);Zt.forEach(t=>{t!==ie&&(D(t,e),i.appendChild(t))}),oe=!0}e||(oe||se(),1<Zt.length?(e=ae,n._showClone(t),n.options.animation&&!ae&&e&&Qt.forEach(t=>{n.addAnimationState({target:t,rect:re}),t.fromRect=re,t.thisAnimationDuration=null})):n._showClone(t))}},dragOverAnimationCapture({dragRect:t,isOwner:e,activeSortable:o}){Zt.forEach(t=>{t.thisAnimationDuration=null}),o.options.animation&&!e&&o.multiDrag.isMultiDrag&&(re=a({},t),t=f(ie,!0),re.top-=t.f,re.left-=t.e)},dragOverAnimationComplete(){oe&&(oe=!1,se())},drop({originalEvent:o,rootEl:r,parentEl:a,sortable:l,dispatchSortableEvent:t,oldIndex:s,putSortable:e}){let c=e||this.sortable;if(o){let n=this.options,i=a.children;if(!ne)if(n.multiDragKey&&!this.multiDragKeyDown&&this._deselectMultiDrag(),M(ie,n.selectedClass,!~Zt.indexOf(ie)),~Zt.indexOf(ie))Zt.splice(Zt.indexOf(ie),1),Jt=null,B({sortable:l,rootEl:r,name:"deselect",targetEl:ie,originalEvent:o});else{if(Zt.push(ie),B({sortable:l,rootEl:r,name:"select",targetEl:ie,originalEvent:o}),o.shiftKey&&Jt&&l.el.contains(Jt)){var d=k(Jt),h=k(ie);if(~d&&~h&&d!==h){let t,e;for(t=d<h?(e=d,h):(e=h,d+1);e<t;e++)~Zt.indexOf(i[e])||(M(i[e],n.selectedClass,!0),Zt.push(i[e]),B({sortable:l,rootEl:r,name:"select",targetEl:i[e],originalEvent:o}))}}else Jt=ie;te=c}if(ne&&this.isMultiDrag){if(oe=!1,(a[X].options.sort||a!==r)&&1<Zt.length){let o=A(ie),e=k(ie,":not(."+this.options.selectedClass+")");if(!ee&&n.animation&&(ie.thisAnimationDuration=null),c.captureAnimationState(),!ee&&(n.animation&&(ie.fromRect=o,Zt.forEach(t=>{var e;t.thisAnimationDuration=null,t!==ie&&(e=oe?A(t):o,t.fromRect=e,c.addAnimationState({target:t,rect:e}))})),se(),Zt.forEach(t=>{i[e]?a.insertBefore(t,i[e]):a.appendChild(t),e++}),s===k(ie))){let e=!1;Zt.forEach(t=>{t.sortableIndex!==k(t)&&(e=!0)}),e&&t("update")}Zt.forEach(t=>{_(t)}),c.animateAll()}te=c}(r===a||e&&"clone"!==e.lastPutMode)&&Qt.forEach(t=>{t.parentNode&&t.parentNode.removeChild(t)})}},nullingGlobal(){this.isMultiDrag=ne=!1,Qt.length=0},destroyGlobal(){this._deselectMultiDrag(),r(document,"pointerup",this._deselectMultiDrag),r(document,"mouseup",this._deselectMultiDrag),r(document,"touchend",this._deselectMultiDrag),r(document,"keydown",this._checkKeyDown),r(document,"keyup",this._checkKeyUp)},_deselectMultiDrag(t){if(!(void 0!==ne&&ne||te!==this.sortable||t&&x(t.target,this.options.draggable,this.sortable.el,!1)||t&&0!==t.button))for(;Zt.length;){var e=Zt[0];M(e,this.options.selectedClass,!1),Zt.shift(),B({sortable:this.sortable,rootEl:this.sortable.el,name:"deselect",targetEl:e,originalEvent:t})}},_checkKeyDown(t){t.key===this.options.multiDragKey&&(this.multiDragKeyDown=!0)},_checkKeyUp(t){t.key===this.options.multiDragKey&&(this.multiDragKeyDown=!1)}},a(t,{pluginName:"multiDrag",utils:{select(t){var e=t.parentNode[X];e&&e.options.multiDrag&&!~Zt.indexOf(t)&&(te&&te!==e&&(te.multiDrag._deselectMultiDrag(),te=e),M(t,e.options.selectedClass,!0),Zt.push(t))},deselect(t){var e=t.parentNode[X],o=Zt.indexOf(t);e&&e.options.multiDrag&&~o&&(M(t,e.options.selectedClass,!1),Zt.splice(o,1))}},eventProperties(){const o=[],n=[];return Zt.forEach(t=>{o.push({multiDragElement:t,index:t.sortableIndex});let e;e=oe&&t!==ie?-1:oe?k(t,":not(."+this.options.selectedClass+")"):k(t),n.push({multiDragElement:t,index:e})}),{items:[...Zt],clones:[...Qt],oldIndicies:o,newIndicies:n}},optionListeners:{multiDragKey(t){return"ctrl"===(t=t.toLowerCase())?t="Control":1<t.length&&(t=t.charAt(0).toUpperCase()+t.substr(1)),t}}})}),It});
\ No newline at end of file
diff --git a/index.html b/index.html
index 35264911d..8498cd491 100644
--- a/index.html
+++ b/index.html
@@ -304,7 +304,7 @@ <h4 class="col-12">Grid Example</h4>
 
 		<div id="nested" class="row">
 			<h4 class="col-12">Nested Sortables Example</h4>
-			<p class="col-12">NOTE: When using nested Sortables with animation, it is recommended that the <code>fallbackOnBody</code> option is set to true. <br />It is also always recommended that either the <code>invertSwap</code> option is set to true, or the <code>swapThreshold</code> option is lower than the default value of 1 (eg <code>0.65</code>).</p>
+			<p class="col-12">NOTE: When using nested Sortables with animation, it is recommended that the <code>getFallbackParent</code> option is set to return document.body. (`() => (document.body)`). <br />It is also always recommended that either the <code>invertSwap</code> option is set to true, or the <code>swapThreshold</code> option is lower than the default value of 1 (eg <code>0.65</code>).</p>
 			<div id="nestedDemo" class="list-group col nested-sortable">
 				<div class="list-group-item nested-1">Item 1.1
 					<div class="list-group nested-sortable">
diff --git a/modular/sortable.complete.esm.js b/modular/sortable.complete.esm.js
index 02e9f2d6b..d95bb86c1 100644
--- a/modular/sortable.complete.esm.js
+++ b/modular/sortable.complete.esm.js
@@ -4,75 +4,6 @@
  * @author	owenm    <owen23355@gmail.com>
  * @license MIT
  */
-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(Object(source), true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
-  }
-
-  return target;
-}
-
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function (obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function (obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
-}
-
-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 _extends() {
   _extends = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -91,75 +22,6 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-
-  var key, i;
-
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-
-  return target;
-}
-
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
-
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
-  return arr2;
-}
-
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
 var version = "1.15.0";
 
 function userAgent(pattern) {
@@ -168,14 +30,14 @@ function userAgent(pattern) {
   }
 }
 
-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);
+const IE11OrLess = userAgent(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i);
+const Edge = userAgent(/Edge/i);
+const FireFox = userAgent(/firefox/i);
+const Safari = userAgent(/safari/i) && !userAgent(/chrome/i) && !userAgent(/android/i);
+const IOS = userAgent(/iP(ad|od|hone)/i);
+const ChromeForAndroid = userAgent(/chrome/i) && userAgent(/android/i);
 
-var captureMode = {
+const captureMode = {
   capture: false,
   passive: false
 };
@@ -240,21 +102,21 @@ ctx, includeCTX) {
   return null;
 }
 
-var R_SPACE = /\s+/g;
+const R_SPACE = /\s+/g;
 
 function toggleClass(el, name, state) {
   if (el && name) {
     if (el.classList) {
       el.classList[state ? 'add' : 'remove'](name);
     } else {
-      var className = (' ' + el.className + ' ').replace(R_SPACE, ' ').replace(' ' + name + ' ', ' ');
+      let className = (' ' + el.className + ' ').replace(R_SPACE, ' ').replace(' ' + name + ' ', ' ');
       el.className = (className + (state ? ' ' + name : '')).replace(R_SPACE, ' ');
     }
   }
 }
 
 function css(el, prop, val) {
-  var style = el && el.style;
+  let style = el && el.style;
 
   if (style) {
     if (val === void 0) {
@@ -276,13 +138,13 @@ function css(el, prop, val) {
 }
 
 function matrix(el, selfOnly) {
-  var appliedTransforms = '';
+  let appliedTransforms = '';
 
   if (typeof el === 'string') {
     appliedTransforms = el;
   } else {
     do {
-      var transform = css(el, 'transform');
+      let transform = css(el, 'transform');
 
       if (transform && transform !== 'none') {
         appliedTransforms = transform + ' ' + appliedTransforms;
@@ -292,7 +154,7 @@ function matrix(el, selfOnly) {
     } while (!selfOnly && (el = el.parentNode));
   }
 
-  var matrixFn = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
+  const matrixFn = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
   /*jshint -W056 */
 
   return matrixFn && new matrixFn(appliedTransforms);
@@ -300,7 +162,7 @@ function matrix(el, selfOnly) {
 
 function find(ctx, tagName, iterator) {
   if (ctx) {
-    var list = ctx.getElementsByTagName(tagName),
+    let list = ctx.getElementsByTagName(tagName),
         i = 0,
         n = list.length;
 
@@ -317,7 +179,7 @@ function find(ctx, tagName, iterator) {
 }
 
 function getWindowScrollingElement() {
-  var scrollingElement = document.scrollingElement;
+  let scrollingElement = document.scrollingElement;
 
   if (scrollingElement) {
     return scrollingElement;
@@ -338,7 +200,7 @@ function getWindowScrollingElement() {
 
 function getRect(el, relativeToContainingBlock, relativeToNonStaticParent, undoScale, container) {
   if (!el.getBoundingClientRect && el !== window) return;
-  var elRect, top, left, bottom, right, height, width;
+  let elRect, top, left, bottom, right, height, width;
 
   if (el !== window && el.parentNode && el !== getWindowScrollingElement()) {
     elRect = el.getBoundingClientRect();
@@ -365,7 +227,7 @@ function getRect(el, relativeToContainingBlock, relativeToNonStaticParent, undoS
     if (!IE11OrLess) {
       do {
         if (container && container.getBoundingClientRect && (css(container, 'transform') !== 'none' || relativeToNonStaticParent && css(container, 'position') !== 'static')) {
-          var containerRect = container.getBoundingClientRect(); // Set relative to edges of padding box of container
+          let containerRect = container.getBoundingClientRect(); // Set relative to edges of padding box of container
 
           top -= containerRect.top + parseInt(css(container, 'border-top-width'));
           left -= containerRect.left + parseInt(css(container, 'border-left-width'));
@@ -381,7 +243,7 @@ function getRect(el, relativeToContainingBlock, relativeToNonStaticParent, undoS
 
   if (undoScale && el !== window) {
     // Adjust for scale()
-    var elMatrix = matrix(container || el),
+    let elMatrix = matrix(container || el),
         scaleX = elMatrix && elMatrix.a,
         scaleY = elMatrix && elMatrix.d;
 
@@ -414,13 +276,13 @@ function getRect(el, relativeToContainingBlock, relativeToNonStaticParent, undoS
 
 
 function isScrolledPast(el, elSide, parentSide) {
-  var parent = getParentAutoScrollElement(el, true),
+  let parent = getParentAutoScrollElement(el, true),
       elSideVal = getRect(el)[elSide];
   /* jshint boss:true */
 
   while (parent) {
-    var parentSideVal = getRect(parent)[parentSide],
-        visible = void 0;
+    let parentSideVal = getRect(parent)[parentSide],
+        visible;
 
     if (parentSide === 'top' || parentSide === 'left') {
       visible = elSideVal >= parentSideVal;
@@ -446,7 +308,7 @@ function isScrolledPast(el, elSide, parentSide) {
 
 
 function getChild(el, childNum, options, includeDragEl) {
-  var currentChild = 0,
+  let currentChild = 0,
       i = 0,
       children = el.children;
 
@@ -473,7 +335,7 @@ function getChild(el, childNum, options, includeDragEl) {
 
 
 function lastChild(el, selector) {
-  var last = el.lastElementChild;
+  let last = el.lastElementChild;
 
   while (last && (last === Sortable.ghost || css(last, 'display') === 'none' || selector && !matches(last, selector))) {
     last = last.previousElementSibling;
@@ -491,7 +353,7 @@ function lastChild(el, selector) {
 
 
 function index(el, selector) {
-  var index = 0;
+  let index = 0;
 
   if (!el || !el.parentNode) {
     return -1;
@@ -516,13 +378,13 @@ function index(el, selector) {
 
 
 function getRelativeScrollOffset(el) {
-  var offsetLeft = 0,
+  let offsetLeft = 0,
       offsetTop = 0,
       winScroller = getWindowScrollingElement();
 
   if (el) {
     do {
-      var elMatrix = matrix(el),
+      let elMatrix = matrix(el),
           scaleX = elMatrix.a,
           scaleY = elMatrix.d;
       offsetLeft += el.scrollLeft * scaleX;
@@ -541,10 +403,10 @@ function getRelativeScrollOffset(el) {
 
 
 function indexOfObject(arr, obj) {
-  for (var i in arr) {
+  for (let i in arr) {
     if (!arr.hasOwnProperty(i)) continue;
 
-    for (var key in obj) {
+    for (let key in obj) {
       if (obj.hasOwnProperty(key) && obj[key] === arr[i][key]) return Number(i);
     }
   }
@@ -555,13 +417,13 @@ function indexOfObject(arr, obj) {
 function getParentAutoScrollElement(el, includeSelf) {
   // skip to window
   if (!el || !el.getBoundingClientRect) return getWindowScrollingElement();
-  var elem = el;
-  var gotSelf = false;
+  let elem = el;
+  let gotSelf = false;
 
   do {
     // we don't need to get elem css if it isn't even overflowing in the first place (performance)
     if (elem.clientWidth < elem.scrollWidth || elem.clientHeight < elem.scrollHeight) {
-      var elemCSS = css(elem);
+      let elemCSS = css(elem);
 
       if (elem.clientWidth < elem.scrollWidth && (elemCSS.overflowX == 'auto' || elemCSS.overflowX == 'scroll') || elem.clientHeight < elem.scrollHeight && (elemCSS.overflowY == 'auto' || elemCSS.overflowY == 'scroll')) {
         if (!elem.getBoundingClientRect || elem === document.body) return getWindowScrollingElement();
@@ -578,7 +440,7 @@ function getParentAutoScrollElement(el, includeSelf) {
 
 function extend(dst, src) {
   if (dst && src) {
-    for (var key in src) {
+    for (let key in src) {
       if (src.hasOwnProperty(key)) {
         dst[key] = src[key];
       }
@@ -592,12 +454,12 @@ function isRectEqual(rect1, rect2) {
   return Math.round(rect1.top) === Math.round(rect2.top) && Math.round(rect1.left) === Math.round(rect2.left) && Math.round(rect1.height) === Math.round(rect2.height) && Math.round(rect1.width) === Math.round(rect2.width);
 }
 
-var _throttleTimeout;
+let _throttleTimeout;
 
 function throttle(callback, ms) {
   return function () {
     if (!_throttleTimeout) {
-      var args = arguments,
+      let args = arguments,
           _this = this;
 
       if (args.length === 1) {
@@ -624,8 +486,8 @@ function scrollBy(el, x, y) {
 }
 
 function clone(el) {
-  var Polymer = window.Polymer;
-  var $ = window.jQuery || window.Zepto;
+  let Polymer = window.Polymer;
+  let $ = window.jQuery || window.Zepto;
 
   if (Polymer && Polymer.dom) {
     return Polymer.dom(el).cloneNode(true);
@@ -652,28 +514,27 @@ function unsetRect(el) {
   css(el, 'height', '');
 }
 
-var expando = 'Sortable' + new Date().getTime();
+const expando = 'Sortable' + new Date().getTime();
 
 function AnimationStateManager() {
-  var animationStates = [],
+  let animationStates = [],
       animationCallbackId;
   return {
-    captureAnimationState: function captureAnimationState() {
+    captureAnimationState() {
       animationStates = [];
       if (!this.options.animation) return;
-      var children = [].slice.call(this.el.children);
-      children.forEach(function (child) {
+      let children = [].slice.call(this.el.children);
+      children.forEach(child => {
         if (css(child, 'display') === 'none' || child === Sortable.ghost) return;
         animationStates.push({
           target: child,
           rect: getRect(child)
         });
-
-        var fromRect = _objectSpread2({}, animationStates[animationStates.length - 1].rect); // If animating: compensate for current animation
-
+        let fromRect = { ...animationStates[animationStates.length - 1].rect
+        }; // If animating: compensate for current animation
 
         if (child.thisAnimationDuration) {
-          var childMatrix = matrix(child, true);
+          let childMatrix = matrix(child, true);
 
           if (childMatrix) {
             fromRect.top -= childMatrix.f;
@@ -684,27 +545,28 @@ function AnimationStateManager() {
         child.fromRect = fromRect;
       });
     },
-    addAnimationState: function addAnimationState(state) {
+
+    addAnimationState(state) {
       animationStates.push(state);
     },
-    removeAnimationState: function removeAnimationState(target) {
+
+    removeAnimationState(target) {
       animationStates.splice(indexOfObject(animationStates, {
-        target: target
+        target
       }), 1);
     },
-    animateAll: function animateAll(callback) {
-      var _this = this;
 
+    animateAll(callback) {
       if (!this.options.animation) {
         clearTimeout(animationCallbackId);
         if (typeof callback === 'function') callback();
         return;
       }
 
-      var animating = false,
+      let animating = false,
           animationTime = 0;
-      animationStates.forEach(function (state) {
-        var time = 0,
+      animationStates.forEach(state => {
+        let time = 0,
             target = state.target,
             fromRect = target.fromRect,
             toRect = getRect(target),
@@ -726,7 +588,7 @@ function AnimationStateManager() {
           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
 
@@ -736,10 +598,10 @@ function AnimationStateManager() {
           target.prevToRect = toRect;
 
           if (!time) {
-            time = _this.options.animation;
+            time = this.options.animation;
           }
 
-          _this.animate(target, animatingRect, toRect, time);
+          this.animate(target, animatingRect, toRect, time);
         }
 
         if (time) {
@@ -768,11 +630,12 @@ function AnimationStateManager() {
 
       animationStates = [];
     },
-    animate: function animate(target, currentRect, toRect, duration) {
+
+    animate(target, currentRect, toRect, duration) {
       if (duration) {
         css(target, 'transition', '');
         css(target, 'transform', '');
-        var elMatrix = matrix(this.el),
+        let elMatrix = matrix(this.el),
             scaleX = elMatrix && elMatrix.a,
             scaleY = elMatrix && elMatrix.d,
             translateX = (currentRect.left - toRect.left) / (scaleX || 1),
@@ -794,6 +657,7 @@ function AnimationStateManager() {
         }, duration);
       }
     }
+
   };
 }
 
@@ -805,59 +669,61 @@ function calculateRealTime(animatingRect, fromRect, toRect, options) {
   return Math.sqrt(Math.pow(fromRect.top - animatingRect.top, 2) + Math.pow(fromRect.left - animatingRect.left, 2)) / Math.sqrt(Math.pow(fromRect.top - toRect.top, 2) + Math.pow(fromRect.left - toRect.left, 2)) * options.animation;
 }
 
-var plugins = [];
-var defaults = {
+let plugins = [];
+const defaults = {
   initializeByDefault: true
 };
 var PluginManager = {
-  mount: function mount(plugin) {
+  mount(plugin) {
     // Set default static properties
-    for (var option in defaults) {
+    for (let option in defaults) {
       if (defaults.hasOwnProperty(option) && !(option in plugin)) {
         plugin[option] = defaults[option];
       }
     }
 
-    plugins.forEach(function (p) {
+    plugins.forEach(p => {
       if (p.pluginName === plugin.pluginName) {
-        throw "Sortable: Cannot mount plugin ".concat(plugin.pluginName, " more than once");
+        throw `Sortable: Cannot mount plugin ${plugin.pluginName} more than once`;
       }
     });
     plugins.push(plugin);
   },
-  pluginEvent: function pluginEvent(eventName, sortable, evt) {
-    var _this = this;
 
+  pluginEvent(eventName, sortable, evt) {
     this.eventCanceled = false;
 
-    evt.cancel = function () {
-      _this.eventCanceled = true;
+    evt.cancel = () => {
+      this.eventCanceled = true;
     };
 
-    var eventNameGlobal = eventName + 'Global';
-    plugins.forEach(function (plugin) {
+    const eventNameGlobal = eventName + 'Global';
+    plugins.forEach(plugin => {
       if (!sortable[plugin.pluginName]) return; // Fire global events if it exists in this sortable
 
       if (sortable[plugin.pluginName][eventNameGlobal]) {
-        sortable[plugin.pluginName][eventNameGlobal](_objectSpread2({
-          sortable: sortable
-        }, evt));
+        sortable[plugin.pluginName][eventNameGlobal]({
+          sortable,
+          ...evt
+        });
       } // Only fire plugin event if plugin is enabled in this sortable,
       // and plugin has event defined
 
 
       if (sortable.options[plugin.pluginName] && sortable[plugin.pluginName][eventName]) {
-        sortable[plugin.pluginName][eventName](_objectSpread2({
-          sortable: sortable
-        }, evt));
+        sortable[plugin.pluginName][eventName]({
+          sortable,
+          ...evt
+        });
       }
     });
   },
-  initializePlugins: function initializePlugins(sortable, el, defaults, options) {
-    plugins.forEach(function (plugin) {
-      var pluginName = plugin.pluginName;
+
+  initializePlugins(sortable, el, defaults, options) {
+    plugins.forEach(plugin => {
+      const pluginName = plugin.pluginName;
       if (!sortable.options[pluginName] && !plugin.initializeByDefault) return;
-      var initialized = new plugin(sortable, el, sortable.options);
+      let initialized = new plugin(sortable, el, sortable.options);
       initialized.sortable = sortable;
       initialized.options = sortable.options;
       sortable[pluginName] = initialized; // Add default options from plugin
@@ -865,27 +731,29 @@ var PluginManager = {
       _extends(defaults, initialized.defaults);
     });
 
-    for (var option in sortable.options) {
+    for (let option in sortable.options) {
       if (!sortable.options.hasOwnProperty(option)) continue;
-      var modified = this.modifyOption(sortable, option, sortable.options[option]);
+      let modified = this.modifyOption(sortable, option, sortable.options[option]);
 
       if (typeof modified !== 'undefined') {
         sortable.options[option] = modified;
       }
     }
   },
-  getEventProperties: function getEventProperties(name, sortable) {
-    var eventProperties = {};
-    plugins.forEach(function (plugin) {
+
+  getEventProperties(name, sortable) {
+    let eventProperties = {};
+    plugins.forEach(plugin => {
       if (typeof plugin.eventProperties !== 'function') return;
 
       _extends(eventProperties, plugin.eventProperties.call(sortable[plugin.pluginName], name));
     });
     return eventProperties;
   },
-  modifyOption: function modifyOption(sortable, name, value) {
-    var modifiedValue;
-    plugins.forEach(function (plugin) {
+
+  modifyOption(sortable, name, value) {
+    let modifiedValue;
+    plugins.forEach(plugin => {
       // Plugin must exist on the Sortable
       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
 
@@ -895,26 +763,28 @@ var PluginManager = {
     });
     return modifiedValue;
   }
+
 };
 
-function dispatchEvent(_ref) {
-  var sortable = _ref.sortable,
-      rootEl = _ref.rootEl,
-      name = _ref.name,
-      targetEl = _ref.targetEl,
-      cloneEl = _ref.cloneEl,
-      toEl = _ref.toEl,
-      fromEl = _ref.fromEl,
-      oldIndex = _ref.oldIndex,
-      newIndex = _ref.newIndex,
-      oldDraggableIndex = _ref.oldDraggableIndex,
-      newDraggableIndex = _ref.newDraggableIndex,
-      originalEvent = _ref.originalEvent,
-      putSortable = _ref.putSortable,
-      extraEventProperties = _ref.extraEventProperties;
+function dispatchEvent({
+  sortable,
+  rootEl,
+  name,
+  targetEl,
+  cloneEl,
+  toEl,
+  fromEl,
+  oldIndex,
+  newIndex,
+  oldDraggableIndex,
+  newDraggableIndex,
+  originalEvent,
+  putSortable,
+  extraEventProperties
+}) {
   sortable = sortable || rootEl && rootEl[expando];
   if (!sortable) return;
-  var evt,
+  let evt,
       options = sortable.options,
       onName = 'on' + name.charAt(0).toUpperCase() + name.substr(1); // Support for new CustomEvent feature
 
@@ -938,10 +808,11 @@ function dispatchEvent(_ref) {
   evt.newDraggableIndex = newDraggableIndex;
   evt.originalEvent = originalEvent;
   evt.pullMode = putSortable ? putSortable.lastPutMode : undefined;
+  let allEventProperties = { ...extraEventProperties,
+    ...PluginManager.getEventProperties(name, sortable)
+  };
 
-  var allEventProperties = _objectSpread2(_objectSpread2({}, extraEventProperties), PluginManager.getEventProperties(name, sortable));
-
-  for (var option in allEventProperties) {
+  for (let option in allEventProperties) {
     evt[option] = allEventProperties[option];
   }
 
@@ -954,62 +825,65 @@ function dispatchEvent(_ref) {
   }
 }
 
-var _excluded = ["evt"];
-
-var pluginEvent = function pluginEvent(eventName, sortable) {
-  var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
-      originalEvent = _ref.evt,
-      data = _objectWithoutProperties(_ref, _excluded);
-
-  PluginManager.pluginEvent.bind(Sortable)(eventName, sortable, _objectSpread2({
-    dragEl: dragEl,
-    parentEl: parentEl,
-    ghostEl: ghostEl,
-    rootEl: rootEl,
-    nextEl: nextEl,
-    lastDownEl: lastDownEl,
-    cloneEl: cloneEl,
-    cloneHidden: cloneHidden,
+let pluginEvent = function (eventName, sortable, {
+  evt: originalEvent,
+  ...data
+} = {}) {
+  PluginManager.pluginEvent.bind(Sortable)(eventName, sortable, {
+    dragEl,
+    parentEl,
+    ghostEl,
+    rootEl,
+    nextEl,
+    lastDownEl,
+    cloneEl,
+    cloneHidden,
     dragStarted: moved,
-    putSortable: putSortable,
+    putSortable,
     activeSortable: Sortable.active,
-    originalEvent: originalEvent,
-    oldIndex: oldIndex,
-    oldDraggableIndex: oldDraggableIndex,
-    newIndex: newIndex,
-    newDraggableIndex: newDraggableIndex,
+    originalEvent,
+    oldIndex,
+    oldDraggableIndex,
+    newIndex,
+    newDraggableIndex,
     hideGhostForTarget: _hideGhostForTarget,
     unhideGhostForTarget: _unhideGhostForTarget,
-    cloneNowHidden: function cloneNowHidden() {
+
+    cloneNowHidden() {
       cloneHidden = true;
     },
-    cloneNowShown: function cloneNowShown() {
+
+    cloneNowShown() {
       cloneHidden = false;
     },
-    dispatchSortableEvent: function dispatchSortableEvent(name) {
+
+    dispatchSortableEvent(name) {
       _dispatchEvent({
-        sortable: sortable,
-        name: name,
-        originalEvent: originalEvent
+        sortable,
+        name,
+        originalEvent
       });
-    }
-  }, data));
+    },
+
+    ...data
+  });
 };
 
 function _dispatchEvent(info) {
-  dispatchEvent(_objectSpread2({
-    putSortable: putSortable,
-    cloneEl: cloneEl,
+  dispatchEvent({
+    putSortable,
+    cloneEl,
     targetEl: dragEl,
-    rootEl: rootEl,
-    oldIndex: oldIndex,
-    oldDraggableIndex: oldDraggableIndex,
-    newIndex: newIndex,
-    newDraggableIndex: newDraggableIndex
-  }, info));
+    rootEl,
+    oldIndex,
+    oldDraggableIndex,
+    newIndex,
+    newDraggableIndex,
+    ...info
+  });
 }
 
-var dragEl,
+let dragEl,
     parentEl,
     ghostEl,
     rootEl,
@@ -1046,24 +920,24 @@ _silent = false,
     savedInputChecked = [];
 /** @const */
 
-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
+const 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 = documentExists && !ChromeForAndroid && !IOS && 'draggable' in document.createElement('div'),
-    supportCssPointerEvents = function () {
+      supportCssPointerEvents = function () {
   if (!documentExists) return; // false when <= IE11
 
   if (IE11OrLess) {
     return false;
   }
 
-  var el = document.createElement('x');
+  let el = document.createElement('x');
   el.style.cssText = 'pointer-events:auto';
   return el.style.pointerEvents === 'auto';
 }(),
-    _detectDirection = function _detectDirection(el, options) {
-  var elCSS = css(el),
+      _detectDirection = function (el, options) {
+  let elCSS = css(el),
       elWidth = parseInt(elCSS.width) - parseInt(elCSS.paddingLeft) - parseInt(elCSS.paddingRight) - parseInt(elCSS.borderLeftWidth) - parseInt(elCSS.borderRightWidth),
       child1 = getChild(el, 0, options),
       child2 = getChild(el, 1, options),
@@ -1080,15 +954,15 @@ supportDraggable = documentExists && !ChromeForAndroid && !IOS && 'draggable' in
     return elCSS.gridTemplateColumns.split(' ').length <= 1 ? 'vertical' : 'horizontal';
   }
 
-  if (child1 && firstChildCSS["float"] && firstChildCSS["float"] !== 'none') {
-    var touchingSideChild2 = firstChildCSS["float"] === 'left' ? 'left' : 'right';
+  if (child1 && firstChildCSS.float && firstChildCSS.float !== 'none') {
+    let touchingSideChild2 = firstChildCSS.float === 'left' ? 'left' : 'right';
     return child2 && (secondChildCSS.clear === 'both' || secondChildCSS.clear === touchingSideChild2) ? 'vertical' : 'horizontal';
   }
 
   return child1 && (firstChildCSS.display === 'block' || firstChildCSS.display === 'flex' || firstChildCSS.display === 'table' || firstChildCSS.display === 'grid' || firstChildWidth >= elWidth && elCSS[CSSFloatProperty] === 'none' || child2 && elCSS[CSSFloatProperty] === 'none' && firstChildWidth + secondChildWidth > elWidth) ? 'vertical' : 'horizontal';
 },
-    _dragElInRowColumn = function _dragElInRowColumn(dragRect, targetRect, vertical) {
-  var dragElS1Opp = vertical ? dragRect.left : dragRect.top,
+      _dragElInRowColumn = function (dragRect, targetRect, vertical) {
+  let dragElS1Opp = vertical ? dragRect.left : dragRect.top,
       dragElS2Opp = vertical ? dragRect.right : dragRect.bottom,
       dragElOppLength = vertical ? dragRect.width : dragRect.height,
       targetS1Opp = vertical ? targetRect.left : targetRect.top,
@@ -1103,14 +977,14 @@ supportDraggable = documentExists && !ChromeForAndroid && !IOS && 'draggable' in
  * @param  {Number} y      Y position
  * @return {HTMLElement}   Element of the first found nearest Sortable
  */
-_detectNearestEmptySortable = function _detectNearestEmptySortable(x, y) {
-  var ret;
-  sortables.some(function (sortable) {
-    var threshold = sortable[expando].options.emptyInsertThreshold;
+_detectNearestEmptySortable = function (x, y) {
+  let ret;
+  sortables.some(sortable => {
+    const threshold = sortable[expando].options.emptyInsertThreshold;
     if (!threshold || lastChild(sortable)) return;
-    var rect = getRect(sortable),
-        insideHorizontally = x >= rect.left - threshold && x <= rect.right + threshold,
-        insideVertically = y >= rect.top - threshold && y <= rect.bottom + threshold;
+    const rect = getRect(sortable),
+          insideHorizontally = x >= rect.left - threshold && x <= rect.right + threshold,
+          insideVertically = y >= rect.top - threshold && y <= rect.bottom + threshold;
 
     if (insideHorizontally && insideVertically) {
       return ret = sortable;
@@ -1118,10 +992,10 @@ _detectNearestEmptySortable = function _detectNearestEmptySortable(x, y) {
   });
   return ret;
 },
-    _prepareGroup = function _prepareGroup(options) {
+      _prepareGroup = function (options) {
   function toFn(value, pull) {
     return function (to, from, dragEl, evt) {
-      var sameGroup = to.options.group.name && from.options.group.name && to.options.group.name === from.options.group.name;
+      let sameGroup = to.options.group.name && from.options.group.name && to.options.group.name === from.options.group.name;
 
       if (value == null && (pull || sameGroup)) {
         // Default pull value
@@ -1134,16 +1008,16 @@ _detectNearestEmptySortable = function _detectNearestEmptySortable(x, y) {
       } else if (typeof value === 'function') {
         return toFn(value(to, from, dragEl, evt), pull)(to, from, dragEl, evt);
       } else {
-        var otherGroup = (pull ? to : from).options.group.name;
+        let otherGroup = (pull ? to : from).options.group.name;
         return value === true || typeof value === 'string' && value === otherGroup || value.join && value.indexOf(otherGroup) > -1;
       }
     };
   }
 
-  var group = {};
-  var originalGroup = options.group;
+  let group = {};
+  let originalGroup = options.group;
 
-  if (!originalGroup || _typeof(originalGroup) != 'object') {
+  if (!originalGroup || typeof originalGroup != 'object') {
     originalGroup = {
       name: originalGroup
     };
@@ -1155,12 +1029,12 @@ _detectNearestEmptySortable = function _detectNearestEmptySortable(x, y) {
   group.revertClone = originalGroup.revertClone;
   options.group = group;
 },
-    _hideGhostForTarget = function _hideGhostForTarget() {
+      _hideGhostForTarget = function () {
   if (!supportCssPointerEvents && ghostEl) {
     css(ghostEl, 'display', 'none');
   }
 },
-    _unhideGhostForTarget = function _unhideGhostForTarget() {
+      _unhideGhostForTarget = function () {
   if (!supportCssPointerEvents && ghostEl) {
     css(ghostEl, 'display', '');
   }
@@ -1179,17 +1053,17 @@ if (documentExists && !ChromeForAndroid) {
   }, true);
 }
 
-var nearestEmptyInsertDetectEvent = function nearestEmptyInsertDetectEvent(evt) {
+let nearestEmptyInsertDetectEvent = function (evt) {
   if (dragEl) {
     evt = evt.touches ? evt.touches[0] : evt;
 
-    var nearest = _detectNearestEmptySortable(evt.clientX, evt.clientY);
+    let nearest = _detectNearestEmptySortable(evt.clientX, evt.clientY);
 
     if (nearest) {
       // Create imitation event
-      var event = {};
+      let event = {};
 
-      for (var i in evt) {
+      for (let i in evt) {
         if (evt.hasOwnProperty(i)) {
           event[i] = evt[i];
         }
@@ -1204,7 +1078,7 @@ var nearestEmptyInsertDetectEvent = function nearestEmptyInsertDetectEvent(evt)
   }
 };
 
-var _checkOutsideTargetEl = function _checkOutsideTargetEl(evt) {
+let _checkOutsideTargetEl = function (evt) {
   if (dragEl) {
     dragEl.parentNode[expando]._isOutsideThisEl(evt.target);
   }
@@ -1218,15 +1092,20 @@ var _checkOutsideTargetEl = function _checkOutsideTargetEl(evt) {
 
 function Sortable(el, options) {
   if (!(el && el.nodeType && el.nodeType === 1)) {
-    throw "Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(el));
+    throw `Sortable: \`el\` must be an HTMLElement, not ${{}.toString.call(el)}`;
   }
 
   this.el = el; // root element
 
-  this.options = options = _extends({}, options); // Export instance
+  this.options = options = _extends({}, options);
+
+  if (this.options.fallbackOnBody) {
+    this.options.getFallbackParent = () => document.body;
+  } // Export instance
+
 
   el[expando] = this;
-  var defaults = {
+  let defaults = {
     group: null,
     sort: true,
     disabled: false,
@@ -1240,7 +1119,7 @@ function Sortable(el, options) {
     invertedSwapThreshold: null,
     // will be set to same as swapThreshold if default
     removeCloneOnHide: true,
-    direction: function direction() {
+    direction: function () {
       return _detectDirection(el, this.options);
     },
     ghostClass: 'sortable-ghost',
@@ -1251,7 +1130,7 @@ function Sortable(el, options) {
     preventOnFilter: true,
     animation: 0,
     easing: null,
-    setData: function setData(dataTransfer, dragEl) {
+    setData: function (dataTransfer, dragEl) {
       dataTransfer.setData('Text', dragEl.textContent);
     },
     dropBubble: false,
@@ -1262,7 +1141,9 @@ function Sortable(el, options) {
     touchStartThreshold: (Number.parseInt ? Number : window).parseInt(window.devicePixelRatio, 10) || 1,
     forceFallback: false,
     fallbackClass: 'sortable-fallback',
+    // @obsolete use `getFallbackParent: () => (document.body)`
     fallbackOnBody: false,
+    getFallbackParent: null,
     fallbackTolerance: 0,
     fallbackOffset: {
       x: 0,
@@ -1273,14 +1154,14 @@ function Sortable(el, options) {
   };
   PluginManager.initializePlugins(this, el, defaults); // Set default options
 
-  for (var name in defaults) {
+  for (let name in defaults) {
     !(name in options) && (options[name] = defaults[name]);
   }
 
   _prepareGroup(options); // Bind all private methods
 
 
-  for (var fn in this) {
+  for (let fn in this) {
     if (fn.charAt(0) === '_' && typeof this[fn] === 'function') {
       this[fn] = this[fn].bind(this);
     }
@@ -1318,20 +1199,20 @@ Sortable.prototype =
 /** @lends Sortable.prototype */
 {
   constructor: Sortable,
-  _isOutsideThisEl: function _isOutsideThisEl(target) {
+  _isOutsideThisEl: function (target) {
     if (!this.el.contains(target) && target !== this.el) {
       lastTarget = null;
     }
   },
-  _getDirection: function _getDirection(evt, target) {
+  _getDirection: function (evt, target) {
     return typeof this.options.direction === 'function' ? this.options.direction.call(this, evt, target, dragEl) : this.options.direction;
   },
-  _onTapStart: function _onTapStart(
+  _onTapStart: function (
   /** Event|TouchEvent */
   evt) {
     if (!evt.cancelable) return;
 
-    var _this = this,
+    let _this = this,
         el = this.el,
         options = this.options,
         preventOnFilter = options.preventOnFilter,
@@ -1389,7 +1270,7 @@ Sortable.prototype =
         });
 
         pluginEvent('filter', _this, {
-          evt: evt
+          evt
         });
         preventOnFilter && evt.cancelable && evt.preventDefault();
         return; // cancel dnd
@@ -1409,7 +1290,7 @@ Sortable.prototype =
           });
 
           pluginEvent('filter', _this, {
-            evt: evt
+            evt
           });
           return true;
         }
@@ -1428,21 +1309,21 @@ Sortable.prototype =
 
     this._prepareDragStart(evt, touch, target);
   },
-  _prepareDragStart: function _prepareDragStart(
+  _prepareDragStart: function (
   /** Event */
   evt,
   /** Touch */
   touch,
   /** HTMLElement */
   target) {
-    var _this = this,
+    let _this = this,
         el = _this.el,
         options = _this.options,
         ownerDocument = el.ownerDocument,
         dragStartFn;
 
     if (target && !dragEl && target.parentNode === el) {
-      var dragRect = getRect(target);
+      let dragRect = getRect(target);
       rootEl = el;
       dragEl = target;
       parentEl = dragEl.parentNode;
@@ -1461,9 +1342,9 @@ Sortable.prototype =
       this._lastY = (touch || evt).clientY;
       dragEl.style['will-change'] = 'all';
 
-      dragStartFn = function dragStartFn() {
+      dragStartFn = function () {
         pluginEvent('delayEnded', _this, {
-          evt: evt
+          evt
         });
 
         if (Sortable.eventCanceled) {
@@ -1511,7 +1392,7 @@ Sortable.prototype =
       }
 
       pluginEvent('delayStart', this, {
-        evt: evt
+        evt
       }); // Delay is impossible for native DnD in Edge or IE
 
       if (options.delay && (!options.delayOnTouchOnly || touch) && (!this.nativeDraggable || !(Edge || IE11OrLess))) {
@@ -1536,23 +1417,23 @@ Sortable.prototype =
       }
     }
   },
-  _delayedDragTouchMoveHandler: function _delayedDragTouchMoveHandler(
+  _delayedDragTouchMoveHandler: function (
   /** TouchEvent|PointerEvent **/
   e) {
-    var touch = e.touches ? e.touches[0] : e;
+    let touch = e.touches ? e.touches[0] : e;
 
     if (Math.max(Math.abs(touch.clientX - this._lastX), Math.abs(touch.clientY - this._lastY)) >= Math.floor(this.options.touchStartThreshold / (this.nativeDraggable && window.devicePixelRatio || 1))) {
       this._disableDelayedDrag();
     }
   },
-  _disableDelayedDrag: function _disableDelayedDrag() {
+  _disableDelayedDrag: function () {
     dragEl && _disableDraggable(dragEl);
     clearTimeout(this._dragStartTimer);
 
     this._disableDelayedDragEvents();
   },
-  _disableDelayedDragEvents: function _disableDelayedDragEvents() {
-    var ownerDocument = this.el.ownerDocument;
+  _disableDelayedDragEvents: function () {
+    let ownerDocument = this.el.ownerDocument;
     off(ownerDocument, 'mouseup', this._disableDelayedDrag);
     off(ownerDocument, 'touchend', this._disableDelayedDrag);
     off(ownerDocument, 'touchcancel', this._disableDelayedDrag);
@@ -1560,7 +1441,7 @@ Sortable.prototype =
     off(ownerDocument, 'touchmove', this._delayedDragTouchMoveHandler);
     off(ownerDocument, 'pointermove', this._delayedDragTouchMoveHandler);
   },
-  _triggerDragStart: function _triggerDragStart(
+  _triggerDragStart: function (
   /** Event */
   evt,
   /** Touch */
@@ -1591,20 +1472,20 @@ Sortable.prototype =
       }
     } catch (err) {}
   },
-  _dragStarted: function _dragStarted(fallback, evt) {
+  _dragStarted: function (fallback, evt) {
 
     awaitingDragStarted = false;
 
     if (rootEl && dragEl) {
       pluginEvent('dragStarted', this, {
-        evt: evt
+        evt
       });
 
       if (this.nativeDraggable) {
         on(document, 'dragover', _checkOutsideTargetEl);
       }
 
-      var options = this.options; // Apply effect
+      let options = this.options; // Apply effect
 
       !fallback && toggleClass(dragEl, options.dragClass, false);
       toggleClass(dragEl, options.ghostClass, true);
@@ -1620,15 +1501,15 @@ Sortable.prototype =
       this._nulling();
     }
   },
-  _emulateDragOver: function _emulateDragOver() {
+  _emulateDragOver: function () {
     if (touchEvt) {
       this._lastX = touchEvt.clientX;
       this._lastY = touchEvt.clientY;
 
       _hideGhostForTarget();
 
-      var target = document.elementFromPoint(touchEvt.clientX, touchEvt.clientY);
-      var parent = target;
+      let target = document.elementFromPoint(touchEvt.clientX, touchEvt.clientY);
+      let parent = target;
 
       while (target && target.shadowRoot) {
         target = target.shadowRoot.elementFromPoint(touchEvt.clientX, touchEvt.clientY);
@@ -1641,7 +1522,7 @@ Sortable.prototype =
       if (parent) {
         do {
           if (parent[expando]) {
-            var inserted = void 0;
+            let inserted;
             inserted = parent[expando]._onDragOver({
               clientX: touchEvt.clientX,
               clientY: touchEvt.clientY,
@@ -1663,11 +1544,11 @@ Sortable.prototype =
       _unhideGhostForTarget();
     }
   },
-  _onTouchMove: function _onTouchMove(
+  _onTouchMove: function (
   /**TouchEvent*/
   evt) {
     if (tapEvt) {
-      var options = this.options,
+      let options = this.options,
           fallbackTolerance = options.fallbackTolerance,
           fallbackOffset = options.fallbackOffset,
           touch = evt.touches ? evt.touches[0] : evt,
@@ -1701,7 +1582,7 @@ Sortable.prototype =
           };
         }
 
-        var cssMatrix = "matrix(".concat(ghostMatrix.a, ",").concat(ghostMatrix.b, ",").concat(ghostMatrix.c, ",").concat(ghostMatrix.d, ",").concat(ghostMatrix.e, ",").concat(ghostMatrix.f, ")");
+        let cssMatrix = `matrix(${ghostMatrix.a},${ghostMatrix.b},${ghostMatrix.c},${ghostMatrix.d},${ghostMatrix.e},${ghostMatrix.f})`;
         css(ghostEl, 'webkitTransform', cssMatrix);
         css(ghostEl, 'mozTransform', cssMatrix);
         css(ghostEl, 'msTransform', cssMatrix);
@@ -1714,11 +1595,12 @@ Sortable.prototype =
       evt.cancelable && evt.preventDefault();
     }
   },
-  _appendGhost: function _appendGhost() {
+  _appendGhost: function () {
     // Bug if using scale(): https://stackoverflow.com/questions/2637058
     // Not being adjusted for
     if (!ghostEl) {
-      var container = this.options.fallbackOnBody ? document.body : rootEl,
+      let fallbackParent = typeof this.options.getFallbackParent === 'function' ? this.options.getFallbackParent() : null;
+      let container = fallbackParent ?? rootEl,
           rect = getRect(dragEl, true, PositionGhostAbsolutely, true, container),
           options = this.options; // Position absolutely
 
@@ -1763,17 +1645,17 @@ Sortable.prototype =
       css(ghostEl, 'transform-origin', tapDistanceLeft / parseInt(ghostEl.style.width) * 100 + '% ' + tapDistanceTop / parseInt(ghostEl.style.height) * 100 + '%');
     }
   },
-  _onDragStart: function _onDragStart(
+  _onDragStart: function (
   /**Event*/
   evt,
   /**boolean*/
   fallback) {
-    var _this = this;
+    let _this = this;
 
-    var dataTransfer = evt.dataTransfer;
-    var options = _this.options;
+    let dataTransfer = evt.dataTransfer;
+    let options = _this.options;
     pluginEvent('dragStart', this, {
-      evt: evt
+      evt
     });
 
     if (Sortable.eventCanceled) {
@@ -1843,10 +1725,10 @@ Sortable.prototype =
     }
   },
   // Returns true - if no further action is needed (either inserted or another condition)
-  _onDragOver: function _onDragOver(
+  _onDragOver: function (
   /**Event*/
   evt) {
-    var el = this.el,
+    let el = this.el,
         target = evt.target,
         dragRect,
         targetRect,
@@ -1864,22 +1746,25 @@ Sortable.prototype =
     if (_silent) return;
 
     function dragOverEvent(name, extra) {
-      pluginEvent(name, _this, _objectSpread2({
-        evt: evt,
-        isOwner: isOwner,
+      pluginEvent(name, _this, {
+        evt,
+        isOwner,
         axis: vertical ? 'vertical' : 'horizontal',
-        revert: revert,
-        dragRect: dragRect,
-        targetRect: targetRect,
-        canSort: canSort,
-        fromSortable: fromSortable,
-        target: target,
-        completed: completed,
-        onMove: function onMove(target, after) {
-          return _onMove(rootEl, el, dragEl, dragRect, target, getRect(target), evt, after);
+        revert,
+        dragRect,
+        targetRect,
+        canSort,
+        fromSortable,
+        target,
+        completed,
+
+        onMove(target, after) {
+          return onMove(rootEl, el, dragEl, dragRect, target, getRect(target), evt, after);
         },
-        changed: changed
-      }, extra));
+
+        changed,
+        ...extra
+      });
     } // Capture animation state
 
 
@@ -1896,7 +1781,7 @@ Sortable.prototype =
 
     function completed(insertion) {
       dragOverEvent('dragOverCompleted', {
-        insertion: insertion
+        insertion
       });
 
       if (insertion) {
@@ -1961,8 +1846,8 @@ Sortable.prototype =
         sortable: _this,
         name: 'change',
         toEl: el,
-        newIndex: newIndex,
-        newDraggableIndex: newDraggableIndex,
+        newIndex,
+        newDraggableIndex,
         originalEvent: evt
       });
     }
@@ -2008,7 +1893,7 @@ Sortable.prototype =
         return completed(true);
       }
 
-      var elLastChild = lastChild(el, options.draggable);
+      let elLastChild = lastChild(el, options.draggable);
 
       if (!elLastChild || _ghostIsLast(evt, vertical, this) && !elLastChild.animated) {
         // Insert to end of list
@@ -2026,7 +1911,7 @@ Sortable.prototype =
           targetRect = getRect(target);
         }
 
-        if (_onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, !!target) !== false) {
+        if (onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, !!target) !== false) {
           capture();
 
           if (elLastChild && elLastChild.nextSibling) {
@@ -2043,7 +1928,7 @@ Sortable.prototype =
         }
       } else if (elLastChild && _ghostIsFirst(evt, vertical, this)) {
         // Insert to start of list
-        var firstChild = getChild(el, 0, options, true);
+        let firstChild = getChild(el, 0, options, true);
 
         if (firstChild === dragEl) {
           return completed(false);
@@ -2052,7 +1937,7 @@ Sortable.prototype =
         target = firstChild;
         targetRect = getRect(target);
 
-        if (_onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, false) !== false) {
+        if (onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, false) !== false) {
           capture();
           el.insertBefore(dragEl, firstChild);
           parentEl = el; // actualization
@@ -2062,7 +1947,7 @@ Sortable.prototype =
         }
       } else if (target.parentNode === el) {
         targetRect = getRect(target);
-        var direction = 0,
+        let direction = 0,
             targetBeforeFirstSwap,
             differentLevel = dragEl.parentNode !== el,
             differentRowCol = !_dragElInRowColumn(dragEl.animated && dragEl.toRect || dragRect, target.animated && target.toRect || targetRect, vertical),
@@ -2077,11 +1962,11 @@ Sortable.prototype =
         }
 
         direction = _getSwapDirection(evt, target, targetRect, vertical, differentRowCol ? 1 : options.swapThreshold, options.invertedSwapThreshold == null ? options.swapThreshold : options.invertedSwapThreshold, isCircumstantialInvert, lastTarget === target);
-        var sibling;
+        let sibling;
 
         if (direction !== 0) {
           // Check if target is beside dragEl in respective direction (ignoring hidden elements)
-          var dragIndex = index(dragEl);
+          let dragIndex = index(dragEl);
 
           do {
             dragIndex -= direction;
@@ -2096,11 +1981,10 @@ Sortable.prototype =
 
         lastTarget = target;
         lastDirection = direction;
-        var nextSibling = target.nextElementSibling,
+        let nextSibling = target.nextElementSibling,
             after = false;
         after = direction === 1;
-
-        var moveVector = _onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, after);
+        let moveVector = onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, after);
 
         if (moveVector !== false) {
           if (moveVector === 1 || moveVector === -1) {
@@ -2142,7 +2026,7 @@ Sortable.prototype =
     return false;
   },
   _ignoreWhileAnimating: null,
-  _offMoveEvents: function _offMoveEvents() {
+  _offMoveEvents: function () {
     off(document, 'mousemove', this._onTouchMove);
     off(document, 'touchmove', this._onTouchMove);
     off(document, 'pointermove', this._onTouchMove);
@@ -2150,24 +2034,24 @@ Sortable.prototype =
     off(document, 'mousemove', nearestEmptyInsertDetectEvent);
     off(document, 'touchmove', nearestEmptyInsertDetectEvent);
   },
-  _offUpEvents: function _offUpEvents() {
-    var ownerDocument = this.el.ownerDocument;
+  _offUpEvents: function () {
+    let ownerDocument = this.el.ownerDocument;
     off(ownerDocument, 'mouseup', this._onDrop);
     off(ownerDocument, 'touchend', this._onDrop);
     off(ownerDocument, 'pointerup', this._onDrop);
     off(ownerDocument, 'touchcancel', this._onDrop);
     off(document, 'selectstart', this);
   },
-  _onDrop: function _onDrop(
+  _onDrop: function (
   /**Event*/
   evt) {
-    var el = this.el,
+    let el = this.el,
         options = this.options; // Get the index of the dragged element within its parent
 
     newIndex = index(dragEl);
     newDraggableIndex = index(dragEl, options.draggable);
     pluginEvent('drop', this, {
-      evt: evt
+      evt
     });
     parentEl = dragEl && dragEl.parentNode; // Get again after plugin event
 
@@ -2324,7 +2208,7 @@ Sortable.prototype =
 
     this._nulling();
   },
-  _nulling: function _nulling() {
+  _nulling: function () {
     pluginEvent('nulling', this);
     rootEl = dragEl = parentEl = ghostEl = nextEl = cloneEl = lastDownEl = cloneHidden = tapEvt = touchEvt = moved = newIndex = newDraggableIndex = oldIndex = oldDraggableIndex = lastTarget = lastDirection = putSortable = activeGroup = Sortable.dragged = Sortable.ghost = Sortable.clone = Sortable.active = null;
     savedInputChecked.forEach(function (el) {
@@ -2332,7 +2216,7 @@ Sortable.prototype =
     });
     savedInputChecked.length = lastDx = lastDy = 0;
   },
-  handleEvent: function handleEvent(
+  handleEvent: function (
   /**Event*/
   evt) {
     switch (evt.type) {
@@ -2362,8 +2246,8 @@ Sortable.prototype =
    * Serializes the item into an array of string.
    * @returns {String[]}
    */
-  toArray: function toArray() {
-    var order = [],
+  toArray: function () {
+    let order = [],
         el,
         children = this.el.children,
         i = 0,
@@ -2385,11 +2269,11 @@ Sortable.prototype =
    * Sorts the elements according to the array.
    * @param  {String[]}  order  order of the items
    */
-  sort: function sort(order, useAnimation) {
-    var items = {},
+  sort: function (order, useAnimation) {
+    let items = {},
         rootEl = this.el;
     this.toArray().forEach(function (id, i) {
-      var el = rootEl.children[i];
+      let el = rootEl.children[i];
 
       if (closest(el, this.options.draggable, rootEl, false)) {
         items[id] = el;
@@ -2408,8 +2292,8 @@ Sortable.prototype =
   /**
    * Save the current sorting
    */
-  save: function save() {
-    var store = this.options.store;
+  save: function () {
+    let store = this.options.store;
     store && store.set && store.set(this);
   },
 
@@ -2419,7 +2303,7 @@ Sortable.prototype =
    * @param   {String}       [selector]  default: `options.draggable`
    * @returns {HTMLElement|null}
    */
-  closest: function closest$1(el, selector) {
+  closest: function (el, selector) {
     return closest(el, selector || this.options.draggable, this.el, false);
   },
 
@@ -2429,13 +2313,13 @@ Sortable.prototype =
    * @param   {*}      [value]
    * @returns {*}
    */
-  option: function option(name, value) {
-    var options = this.options;
+  option: function (name, value) {
+    let options = this.options;
 
     if (value === void 0) {
       return options[name];
     } else {
-      var modifiedValue = PluginManager.modifyOption(this, name, value);
+      let modifiedValue = PluginManager.modifyOption(this, name, value);
 
       if (typeof modifiedValue !== 'undefined') {
         options[name] = modifiedValue;
@@ -2452,9 +2336,9 @@ Sortable.prototype =
   /**
    * Destroy
    */
-  destroy: function destroy() {
+  destroy: function () {
     pluginEvent('destroy', this);
-    var el = this.el;
+    let el = this.el;
     el[expando] = null;
     off(el, 'mousedown', this._onTapStart);
     off(el, 'touchstart', this._onTapStart);
@@ -2477,7 +2361,7 @@ Sortable.prototype =
     sortables.splice(sortables.indexOf(this.el), 1);
     this.el = el = null;
   },
-  _hideClone: function _hideClone() {
+  _hideClone: function () {
     if (!cloneHidden) {
       pluginEvent('hideClone', this);
       if (Sortable.eventCanceled) return;
@@ -2490,7 +2374,7 @@ Sortable.prototype =
       cloneHidden = true;
     }
   },
-  _showClone: function _showClone(putSortable) {
+  _showClone: function (putSortable) {
     if (putSortable.lastPutMode !== 'clone') {
       this._hideClone();
 
@@ -2529,8 +2413,8 @@ evt) {
   evt.cancelable && evt.preventDefault();
 }
 
-function _onMove(fromEl, toEl, dragEl, dragRect, targetEl, targetRect, originalEvent, willInsertAfter) {
-  var evt,
+function onMove(fromEl, toEl, dragEl, dragRect, targetEl, targetRect, originalEvent, willInsertAfter) {
+  let evt,
       sortable = fromEl[expando],
       onMoveFn = sortable.options.onMove,
       retVal; // Support for new CustomEvent feature
@@ -2571,19 +2455,19 @@ function _unsilent() {
 }
 
 function _ghostIsFirst(evt, vertical, sortable) {
-  var rect = getRect(getChild(sortable.el, 0, sortable.options, true));
-  var spacer = 10;
+  let rect = getRect(getChild(sortable.el, 0, sortable.options, true));
+  const spacer = 10;
   return vertical ? evt.clientX < rect.left - spacer || evt.clientY < rect.top && evt.clientX < rect.right : evt.clientY < rect.top - spacer || evt.clientY < rect.bottom && evt.clientX < rect.left;
 }
 
 function _ghostIsLast(evt, vertical, sortable) {
-  var rect = getRect(lastChild(sortable.el, sortable.options.draggable));
-  var spacer = 10;
+  let rect = getRect(lastChild(sortable.el, sortable.options.draggable));
+  const spacer = 10;
   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, targetRect, vertical, swapThreshold, invertedSwapThreshold, invertSwap, isLastTarget) {
-  var mouseOnAxis = vertical ? evt.clientY : evt.clientX,
+  let mouseOnAxis = vertical ? evt.clientY : evt.clientX,
       targetLength = vertical ? targetRect.height : targetRect.width,
       targetS1 = vertical ? targetRect.top : targetRect.left,
       targetS2 = vertical ? targetRect.bottom : targetRect.right,
@@ -2651,7 +2535,7 @@ function _getInsertDirection(target) {
 
 
 function _generateId(el) {
-  var str = el.tagName + el.className + el.src + el.href + el.textContent,
+  let str = el.tagName + el.className + el.src + el.href + el.textContent,
       i = str.length,
       sum = 0;
 
@@ -2664,11 +2548,11 @@ function _generateId(el) {
 
 function _saveInputCheckedState(root) {
   savedInputChecked.length = 0;
-  var inputs = root.getElementsByTagName('input');
-  var idx = inputs.length;
+  let inputs = root.getElementsByTagName('input');
+  let idx = inputs.length;
 
   while (idx--) {
-    var el = inputs[idx];
+    let el = inputs[idx];
     el.checked && savedInputChecked.push(el);
   }
 }
@@ -2696,7 +2580,7 @@ Sortable.utils = {
   off: off,
   css: css,
   find: find,
-  is: function is(el, selector) {
+  is: function (el, selector) {
     return !!closest(el, selector, el, false);
   },
   extend: extend,
@@ -2725,18 +2609,16 @@ Sortable.get = function (element) {
  */
 
 
-Sortable.mount = function () {
-  for (var _len = arguments.length, plugins = new Array(_len), _key = 0; _key < _len; _key++) {
-    plugins[_key] = arguments[_key];
-  }
-
+Sortable.mount = function (...plugins) {
   if (plugins[0].constructor === Array) plugins = plugins[0];
-  plugins.forEach(function (plugin) {
+  plugins.forEach(plugin => {
     if (!plugin.prototype || !plugin.prototype.constructor) {
-      throw "Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(plugin));
+      throw `Sortable: Mounted plugin must be a constructor function, not ${{}.toString.call(plugin)}`;
     }
 
-    if (plugin.utils) Sortable.utils = _objectSpread2(_objectSpread2({}, Sortable.utils), plugin.utils);
+    if (plugin.utils) Sortable.utils = { ...Sortable.utils,
+      ...plugin.utils
+    };
     PluginManager.mount(plugin);
   });
 };
@@ -2754,7 +2636,7 @@ Sortable.create = function (el, options) {
 
 Sortable.version = version;
 
-var autoScrolls = [],
+let autoScrolls = [],
     scrollEl,
     scrollRootEl,
     scrolling = false,
@@ -2773,7 +2655,7 @@ function AutoScrollPlugin() {
       bubbleScroll: true
     }; // Bind all private methods
 
-    for (var fn in this) {
+    for (let fn in this) {
       if (fn.charAt(0) === '_' && typeof this[fn] === 'function') {
         this[fn] = this[fn].bind(this);
       }
@@ -2781,9 +2663,9 @@ function AutoScrollPlugin() {
   }
 
   AutoScroll.prototype = {
-    dragStarted: function dragStarted(_ref) {
-      var originalEvent = _ref.originalEvent;
-
+    dragStarted({
+      originalEvent
+    }) {
       if (this.sortable.nativeDraggable) {
         on(document, 'dragover', this._handleAutoScroll);
       } else {
@@ -2796,15 +2678,17 @@ function AutoScrollPlugin() {
         }
       }
     },
-    dragOverCompleted: function dragOverCompleted(_ref2) {
-      var originalEvent = _ref2.originalEvent;
 
+    dragOverCompleted({
+      originalEvent
+    }) {
       // For when bubbling is canceled and using fallback (fallback 'touchmove' always reached)
       if (!this.options.dragOverBubble && !originalEvent.rootEl) {
         this._handleAutoScroll(originalEvent);
       }
     },
-    drop: function drop() {
+
+    drop() {
       if (this.sortable.nativeDraggable) {
         off(document, 'dragover', this._handleAutoScroll);
       } else {
@@ -2817,19 +2701,20 @@ function AutoScrollPlugin() {
       clearAutoScrolls();
       cancelThrottle();
     },
-    nulling: function nulling() {
+
+    nulling() {
       touchEvt$1 = scrollRootEl = scrollEl = scrolling = pointerElemChangedInterval = lastAutoScrollX = lastAutoScrollY = null;
       autoScrolls.length = 0;
     },
-    _handleFallbackAutoScroll: function _handleFallbackAutoScroll(evt) {
+
+    _handleFallbackAutoScroll(evt) {
       this._handleAutoScroll(evt, true);
     },
-    _handleAutoScroll: function _handleAutoScroll(evt, fallback) {
-      var _this = this;
 
-      var x = (evt.touches ? evt.touches[0] : evt).clientX,
-          y = (evt.touches ? evt.touches[0] : evt).clientY,
-          elem = document.elementFromPoint(x, y);
+    _handleAutoScroll(evt, fallback) {
+      const 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,
       // MACOS Safari does not have autoscroll,
@@ -2838,20 +2723,20 @@ function AutoScrollPlugin() {
       if (fallback || this.options.forceAutoScrollFallback || Edge || IE11OrLess || Safari) {
         autoScroll(evt, this.options, elem, fallback); // Listener for pointer element change
 
-        var ogElemScroller = getParentAutoScrollElement(elem, true);
+        let ogElemScroller = getParentAutoScrollElement(elem, true);
 
         if (scrolling && (!pointerElemChangedInterval || x !== lastAutoScrollX || y !== lastAutoScrollY)) {
           pointerElemChangedInterval && clearPointerElemChangedInterval(); // Detect for pointer elem change, emulating native DnD behaviour
 
-          pointerElemChangedInterval = setInterval(function () {
-            var newElem = getParentAutoScrollElement(document.elementFromPoint(x, y), true);
+          pointerElemChangedInterval = setInterval(() => {
+            let newElem = getParentAutoScrollElement(document.elementFromPoint(x, y), true);
 
             if (newElem !== ogElemScroller) {
               ogElemScroller = newElem;
               clearAutoScrolls();
             }
 
-            autoScroll(evt, _this.options, newElem, fallback);
+            autoScroll(evt, this.options, newElem, fallback);
           }, 10);
           lastAutoScrollX = x;
           lastAutoScrollY = y;
@@ -2866,6 +2751,7 @@ function AutoScrollPlugin() {
         autoScroll(evt, this.options, getParentAutoScrollElement(elem, false), false);
       }
     }
+
   };
   return _extends(AutoScroll, {
     pluginName: 'scroll',
@@ -2884,15 +2770,15 @@ function clearPointerElemChangedInterval() {
   clearInterval(pointerElemChangedInterval);
 }
 
-var autoScroll = throttle(function (evt, options, rootEl, isFallback) {
+const autoScroll = throttle(function (evt, options, rootEl, isFallback) {
   // Bug: https://bugzilla.mozilla.org/show_bug.cgi?id=505521
   if (!options.scroll) return;
-  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,
+  const x = (evt.touches ? evt.touches[0] : evt).clientX,
+        y = (evt.touches ? evt.touches[0] : evt).clientY,
+        sens = options.scrollSensitivity,
+        speed = options.scrollSpeed,
+        winScroller = getWindowScrollingElement();
+  let scrollThisInstance = false,
       scrollCustomFn; // New scroll root, set scrollEl
 
   if (scrollRootEl !== rootEl) {
@@ -2906,11 +2792,11 @@ var autoScroll = throttle(function (evt, options, rootEl, isFallback) {
     }
   }
 
-  var layersOut = 0;
-  var currentParent = scrollEl;
+  let layersOut = 0;
+  let currentParent = scrollEl;
 
   do {
-    var el = currentParent,
+    let el = currentParent,
         rect = getRect(el),
         top = rect.top,
         bottom = rect.bottom,
@@ -2918,8 +2804,8 @@ var autoScroll = throttle(function (evt, options, rootEl, isFallback) {
         right = rect.right,
         width = rect.width,
         height = rect.height,
-        canScrollX = void 0,
-        canScrollY = void 0,
+        canScrollX,
+        canScrollY,
         scrollWidth = el.scrollWidth,
         scrollHeight = el.scrollHeight,
         elCSS = css(el),
@@ -2934,11 +2820,11 @@ var autoScroll = throttle(function (evt, options, rootEl, isFallback) {
       canScrollY = height < scrollHeight && (elCSS.overflowY === 'auto' || elCSS.overflowY === 'scroll');
     }
 
-    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);
+    let vx = canScrollX && (Math.abs(right - x) <= sens && scrollPosX + width < scrollWidth) - (Math.abs(left - x) <= sens && !!scrollPosX);
+    let 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++) {
+      for (let i = 0; i <= layersOut; i++) {
         if (!autoScrolls[i]) {
           autoScrolls[i] = {};
         }
@@ -2962,8 +2848,8 @@ var autoScroll = throttle(function (evt, options, rootEl, isFallback) {
 
           }
 
-          var scrollOffsetY = autoScrolls[this.layer].vy ? autoScrolls[this.layer].vy * speed : 0;
-          var scrollOffsetX = autoScrolls[this.layer].vx ? autoScrolls[this.layer].vx * speed : 0;
+          let scrollOffsetY = autoScrolls[this.layer].vy ? autoScrolls[this.layer].vy * speed : 0;
+          let scrollOffsetX = autoScrolls[this.layer].vx ? autoScrolls[this.layer].vx * speed : 0;
 
           if (typeof scrollCustomFn === 'function') {
             if (scrollCustomFn.call(Sortable.dragged.parentNode[expando], scrollOffsetX, scrollOffsetY, evt, touchEvt$1, autoScrolls[this.layer].el) !== 'continue') {
@@ -2984,26 +2870,27 @@ var autoScroll = throttle(function (evt, options, rootEl, isFallback) {
   scrolling = scrollThisInstance; // in case another function catches scrolling as false in between when it is not
 }, 30);
 
-var drop = function drop(_ref) {
-  var originalEvent = _ref.originalEvent,
-      putSortable = _ref.putSortable,
-      dragEl = _ref.dragEl,
-      activeSortable = _ref.activeSortable,
-      dispatchSortableEvent = _ref.dispatchSortableEvent,
-      hideGhostForTarget = _ref.hideGhostForTarget,
-      unhideGhostForTarget = _ref.unhideGhostForTarget;
+const drop = function ({
+  originalEvent,
+  putSortable,
+  dragEl,
+  activeSortable,
+  dispatchSortableEvent,
+  hideGhostForTarget,
+  unhideGhostForTarget
+}) {
   if (!originalEvent) return;
-  var toSortable = putSortable || activeSortable;
+  let toSortable = putSortable || activeSortable;
   hideGhostForTarget();
-  var touch = originalEvent.changedTouches && originalEvent.changedTouches.length ? originalEvent.changedTouches[0] : originalEvent;
-  var target = document.elementFromPoint(touch.clientX, touch.clientY);
+  let touch = originalEvent.changedTouches && originalEvent.changedTouches.length ? originalEvent.changedTouches[0] : originalEvent;
+  let target = document.elementFromPoint(touch.clientX, touch.clientY);
   unhideGhostForTarget();
 
   if (toSortable && !toSortable.el.contains(target)) {
     dispatchSortableEvent('spill');
     this.onSpill({
-      dragEl: dragEl,
-      putSortable: putSortable
+      dragEl,
+      putSortable
     });
   }
 };
@@ -3012,20 +2899,24 @@ function Revert() {}
 
 Revert.prototype = {
   startIndex: null,
-  dragStart: function dragStart(_ref2) {
-    var oldDraggableIndex = _ref2.oldDraggableIndex;
+
+  dragStart({
+    oldDraggableIndex
+  }) {
     this.startIndex = oldDraggableIndex;
   },
-  onSpill: function onSpill(_ref3) {
-    var dragEl = _ref3.dragEl,
-        putSortable = _ref3.putSortable;
+
+  onSpill({
+    dragEl,
+    putSortable
+  }) {
     this.sortable.captureAnimationState();
 
     if (putSortable) {
       putSortable.captureAnimationState();
     }
 
-    var nextSibling = getChild(this.sortable.el, this.startIndex, this.options);
+    let nextSibling = getChild(this.sortable.el, this.startIndex, this.options);
 
     if (nextSibling) {
       this.sortable.el.insertBefore(dragEl, nextSibling);
@@ -3039,7 +2930,8 @@ Revert.prototype = {
       putSortable.animateAll();
     }
   },
-  drop: drop
+
+  drop
 };
 
 _extends(Revert, {
@@ -3049,22 +2941,24 @@ _extends(Revert, {
 function Remove() {}
 
 Remove.prototype = {
-  onSpill: function onSpill(_ref4) {
-    var dragEl = _ref4.dragEl,
-        putSortable = _ref4.putSortable;
-    var parentSortable = putSortable || this.sortable;
+  onSpill({
+    dragEl,
+    putSortable
+  }) {
+    const parentSortable = putSortable || this.sortable;
     parentSortable.captureAnimationState();
     dragEl.parentNode && dragEl.parentNode.removeChild(dragEl);
     parentSortable.animateAll();
   },
-  drop: drop
+
+  drop
 };
 
 _extends(Remove, {
   pluginName: 'removeOnSpill'
 });
 
-var lastSwapEl;
+let lastSwapEl;
 
 function SwapPlugin() {
   function Swap() {
@@ -3074,23 +2968,26 @@ function SwapPlugin() {
   }
 
   Swap.prototype = {
-    dragStart: function dragStart(_ref) {
-      var dragEl = _ref.dragEl;
+    dragStart({
+      dragEl
+    }) {
       lastSwapEl = dragEl;
     },
-    dragOverValid: function dragOverValid(_ref2) {
-      var completed = _ref2.completed,
-          target = _ref2.target,
-          onMove = _ref2.onMove,
-          activeSortable = _ref2.activeSortable,
-          changed = _ref2.changed,
-          cancel = _ref2.cancel;
+
+    dragOverValid({
+      completed,
+      target,
+      onMove,
+      activeSortable,
+      changed,
+      cancel
+    }) {
       if (!activeSortable.options.swap) return;
-      var el = this.sortable.el,
+      let el = this.sortable.el,
           options = this.options;
 
       if (target && target !== el) {
-        var prevSwapEl = lastSwapEl;
+        let prevSwapEl = lastSwapEl;
 
         if (onMove(target) !== false) {
           toggleClass(target, options.swapClass, true);
@@ -3108,12 +3005,14 @@ function SwapPlugin() {
       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.options;
+
+    drop({
+      activeSortable,
+      putSortable,
+      dragEl
+    }) {
+      let toSortable = putSortable || this.sortable;
+      let options = this.options;
       lastSwapEl && toggleClass(lastSwapEl, options.swapClass, false);
 
       if (lastSwapEl && (options.swap || putSortable && putSortable.options.swap)) {
@@ -3126,22 +3025,26 @@ function SwapPlugin() {
         }
       }
     },
-    nulling: function nulling() {
+
+    nulling() {
       lastSwapEl = null;
     }
+
   };
   return _extends(Swap, {
     pluginName: 'swap',
-    eventProperties: function eventProperties() {
+
+    eventProperties() {
       return {
         swapItem: lastSwapEl
       };
     }
+
   });
 }
 
 function swapNodes(n1, n2) {
-  var p1 = n1.parentNode,
+  let p1 = n1.parentNode,
       p2 = n2.parentNode,
       i1,
       i2;
@@ -3157,7 +3060,7 @@ function swapNodes(n1, n2) {
   p2.insertBefore(n1, p2.children[i2]);
 }
 
-var multiDragElements = [],
+let multiDragElements = [],
     multiDragClones = [],
     lastMultiDragSelect,
     // for selection with modifier key down (SHIFT)
@@ -3174,7 +3077,7 @@ dragStarted = false,
 function MultiDragPlugin() {
   function MultiDrag(sortable) {
     // Bind all private methods
-    for (var fn in this) {
+    for (let fn in this) {
       if (fn.charAt(0) === '_' && typeof this[fn] === 'function') {
         this[fn] = this[fn].bind(this);
       }
@@ -3195,11 +3098,12 @@ function MultiDragPlugin() {
       selectedClass: 'sortable-selected',
       multiDragKey: null,
       avoidImplicitDeselect: false,
-      setData: function setData(dataTransfer, dragEl) {
-        var data = '';
+
+      setData(dataTransfer, dragEl) {
+        let data = '';
 
         if (multiDragElements.length && multiDragSortable === sortable) {
-          multiDragElements.forEach(function (multiDragElement, i) {
+          multiDragElements.forEach((multiDragElement, i) => {
             data += (!i ? '' : ', ') + multiDragElement.textContent;
           });
         } else {
@@ -3208,25 +3112,31 @@ function MultiDragPlugin() {
 
         dataTransfer.setData('Text', data);
       }
+
     };
   }
 
   MultiDrag.prototype = {
     multiDragKeyDown: false,
     isMultiDrag: false,
-    delayStartGlobal: function delayStartGlobal(_ref) {
-      var dragged = _ref.dragEl;
+
+    delayStartGlobal({
+      dragEl: dragged
+    }) {
       dragEl$1 = dragged;
     },
-    delayEnded: function delayEnded() {
+
+    delayEnded() {
       this.isMultiDrag = ~multiDragElements.indexOf(dragEl$1);
     },
-    setupClone: function setupClone(_ref2) {
-      var sortable = _ref2.sortable,
-          cancel = _ref2.cancel;
+
+    setupClone({
+      sortable,
+      cancel
+    }) {
       if (!this.isMultiDrag) return;
 
-      for (var i = 0; i < multiDragElements.length; i++) {
+      for (let i = 0; i < multiDragElements.length; i++) {
         multiDragClones.push(clone(multiDragElements[i]));
         multiDragClones[i].sortableIndex = multiDragElements[i].sortableIndex;
         multiDragClones[i].draggable = false;
@@ -3239,11 +3149,13 @@ function MultiDragPlugin() {
 
       cancel();
     },
-    clone: function clone(_ref3) {
-      var sortable = _ref3.sortable,
-          rootEl = _ref3.rootEl,
-          dispatchSortableEvent = _ref3.dispatchSortableEvent,
-          cancel = _ref3.cancel;
+
+    clone({
+      sortable,
+      rootEl,
+      dispatchSortableEvent,
+      cancel
+    }) {
       if (!this.isMultiDrag) return;
 
       if (!this.options.removeCloneOnHide) {
@@ -3254,30 +3166,32 @@ function MultiDragPlugin() {
         }
       }
     },
-    showClone: function showClone(_ref4) {
-      var cloneNowShown = _ref4.cloneNowShown,
-          rootEl = _ref4.rootEl,
-          cancel = _ref4.cancel;
+
+    showClone({
+      cloneNowShown,
+      rootEl,
+      cancel
+    }) {
       if (!this.isMultiDrag) return;
       insertMultiDragClones(false, rootEl);
-      multiDragClones.forEach(function (clone) {
+      multiDragClones.forEach(clone => {
         css(clone, 'display', '');
       });
       cloneNowShown();
       clonesHidden = false;
       cancel();
     },
-    hideClone: function hideClone(_ref5) {
-      var _this = this;
 
-      var sortable = _ref5.sortable,
-          cloneNowHidden = _ref5.cloneNowHidden,
-          cancel = _ref5.cancel;
+    hideClone({
+      sortable,
+      cloneNowHidden,
+      cancel
+    }) {
       if (!this.isMultiDrag) return;
-      multiDragClones.forEach(function (clone) {
+      multiDragClones.forEach(clone => {
         css(clone, 'display', 'none');
 
-        if (_this.options.removeCloneOnHide && clone.parentNode) {
+        if (this.options.removeCloneOnHide && clone.parentNode) {
           clone.parentNode.removeChild(clone);
         }
       });
@@ -3285,14 +3199,15 @@ function MultiDragPlugin() {
       clonesHidden = true;
       cancel();
     },
-    dragStartGlobal: function dragStartGlobal(_ref6) {
-      var sortable = _ref6.sortable;
 
+    dragStartGlobal({
+      sortable
+    }) {
       if (!this.isMultiDrag && multiDragSortable) {
         multiDragSortable.multiDrag._deselectMultiDrag();
       }
 
-      multiDragElements.forEach(function (multiDragElement) {
+      multiDragElements.forEach(multiDragElement => {
         multiDragElement.sortableIndex = index(multiDragElement);
       }); // Sort multi-drag elements
 
@@ -3301,10 +3216,10 @@ function MultiDragPlugin() {
       });
       dragStarted = true;
     },
-    dragStarted: function dragStarted(_ref7) {
-      var _this2 = this;
 
-      var sortable = _ref7.sortable;
+    dragStarted({
+      sortable
+    }) {
       if (!this.isMultiDrag) return;
 
       if (this.options.sort) {
@@ -3317,12 +3232,12 @@ function MultiDragPlugin() {
         sortable.captureAnimationState();
 
         if (this.options.animation) {
-          multiDragElements.forEach(function (multiDragElement) {
+          multiDragElements.forEach(multiDragElement => {
             if (multiDragElement === dragEl$1) return;
             css(multiDragElement, 'position', 'absolute');
           });
-          var dragRect = getRect(dragEl$1, false, true, true);
-          multiDragElements.forEach(function (multiDragElement) {
+          let dragRect = getRect(dragEl$1, false, true, true);
+          multiDragElements.forEach(multiDragElement => {
             if (multiDragElement === dragEl$1) return;
             setRect(multiDragElement, dragRect);
           });
@@ -3331,41 +3246,43 @@ function MultiDragPlugin() {
         }
       }
 
-      sortable.animateAll(function () {
+      sortable.animateAll(() => {
         folding = false;
         initialFolding = false;
 
-        if (_this2.options.animation) {
-          multiDragElements.forEach(function (multiDragElement) {
+        if (this.options.animation) {
+          multiDragElements.forEach(multiDragElement => {
             unsetRect(multiDragElement);
           });
         } // Remove all auxiliary multidrag items from el, if sorting enabled
 
 
-        if (_this2.options.sort) {
+        if (this.options.sort) {
           removeMultiDragElements();
         }
       });
     },
-    dragOver: function dragOver(_ref8) {
-      var target = _ref8.target,
-          completed = _ref8.completed,
-          cancel = _ref8.cancel;
 
+    dragOver({
+      target,
+      completed,
+      cancel
+    }) {
       if (folding && ~multiDragElements.indexOf(target)) {
         completed(false);
         cancel();
       }
     },
-    revert: function revert(_ref9) {
-      var fromSortable = _ref9.fromSortable,
-          rootEl = _ref9.rootEl,
-          sortable = _ref9.sortable,
-          dragRect = _ref9.dragRect;
 
+    revert({
+      fromSortable,
+      rootEl,
+      sortable,
+      dragRect
+    }) {
       if (multiDragElements.length > 1) {
         // Setup unfold animation
-        multiDragElements.forEach(function (multiDragElement) {
+        multiDragElements.forEach(multiDragElement => {
           sortable.addAnimationState({
             target: multiDragElement,
             rect: folding ? getRect(multiDragElement) : dragRect
@@ -3378,14 +3295,16 @@ function MultiDragPlugin() {
         insertMultiDragElements(!this.options.removeCloneOnHide, rootEl);
       }
     },
-    dragOverCompleted: function dragOverCompleted(_ref10) {
-      var sortable = _ref10.sortable,
-          isOwner = _ref10.isOwner,
-          insertion = _ref10.insertion,
-          activeSortable = _ref10.activeSortable,
-          parentEl = _ref10.parentEl,
-          putSortable = _ref10.putSortable;
-      var options = this.options;
+
+    dragOverCompleted({
+      sortable,
+      isOwner,
+      insertion,
+      activeSortable,
+      parentEl,
+      putSortable
+    }) {
+      let options = this.options;
 
       if (insertion) {
         // Clones must be hidden before folding animation to capture dragRectAbsolute properly
@@ -3397,8 +3316,8 @@ 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);
-          multiDragElements.forEach(function (multiDragElement) {
+          let dragRectAbsolute = getRect(dragEl$1, false, true, true);
+          multiDragElements.forEach(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
@@ -3416,13 +3335,13 @@ function MultiDragPlugin() {
           }
 
           if (multiDragElements.length > 1) {
-            var clonesHiddenBefore = clonesHidden;
+            let clonesHiddenBefore = clonesHidden;
 
             activeSortable._showClone(sortable); // Unfold animation for clones if showing from hidden
 
 
             if (activeSortable.options.animation && !clonesHidden && clonesHiddenBefore) {
-              multiDragClones.forEach(function (clone) {
+              multiDragClones.forEach(clone => {
                 activeSortable.addAnimationState({
                   target: clone,
                   rect: clonesFromRect
@@ -3437,38 +3356,43 @@ function MultiDragPlugin() {
         }
       }
     },
-    dragOverAnimationCapture: function dragOverAnimationCapture(_ref11) {
-      var dragRect = _ref11.dragRect,
-          isOwner = _ref11.isOwner,
-          activeSortable = _ref11.activeSortable;
-      multiDragElements.forEach(function (multiDragElement) {
+
+    dragOverAnimationCapture({
+      dragRect,
+      isOwner,
+      activeSortable
+    }) {
+      multiDragElements.forEach(multiDragElement => {
         multiDragElement.thisAnimationDuration = null;
       });
 
       if (activeSortable.options.animation && !isOwner && activeSortable.multiDrag.isMultiDrag) {
         clonesFromRect = _extends({}, dragRect);
-        var dragMatrix = matrix(dragEl$1, true);
+        let dragMatrix = matrix(dragEl$1, true);
         clonesFromRect.top -= dragMatrix.f;
         clonesFromRect.left -= dragMatrix.e;
       }
     },
-    dragOverAnimationComplete: function dragOverAnimationComplete() {
+
+    dragOverAnimationComplete() {
       if (folding) {
         folding = false;
         removeMultiDragElements();
       }
     },
-    drop: function drop(_ref12) {
-      var evt = _ref12.originalEvent,
-          rootEl = _ref12.rootEl,
-          parentEl = _ref12.parentEl,
-          sortable = _ref12.sortable,
-          dispatchSortableEvent = _ref12.dispatchSortableEvent,
-          oldIndex = _ref12.oldIndex,
-          putSortable = _ref12.putSortable;
-      var toSortable = putSortable || this.sortable;
+
+    drop({
+      originalEvent: evt,
+      rootEl,
+      parentEl,
+      sortable,
+      dispatchSortableEvent,
+      oldIndex,
+      putSortable
+    }) {
+      let toSortable = putSortable || this.sortable;
       if (!evt) return;
-      var options = this.options,
+      let options = this.options,
           children = parentEl.children; // Multi-drag selection
 
       if (!dragStarted) {
@@ -3481,21 +3405,21 @@ function MultiDragPlugin() {
         if (!~multiDragElements.indexOf(dragEl$1)) {
           multiDragElements.push(dragEl$1);
           dispatchEvent({
-            sortable: sortable,
-            rootEl: rootEl,
+            sortable,
+            rootEl,
             name: 'select',
             targetEl: dragEl$1,
             originalEvent: evt
           }); // Modifier activated, select from last to dragEl
 
           if (evt.shiftKey && lastMultiDragSelect && sortable.el.contains(lastMultiDragSelect)) {
-            var lastIndex = index(lastMultiDragSelect),
+            let lastIndex = index(lastMultiDragSelect),
                 currentIndex = index(dragEl$1);
 
             if (~lastIndex && ~currentIndex && lastIndex !== currentIndex) {
               // Must include lastMultiDragSelect (select it), in case modified selection from no selection
               // (but previous selection existed)
-              var n, i;
+              let n, i;
 
               if (currentIndex > lastIndex) {
                 i = lastIndex;
@@ -3510,8 +3434,8 @@ function MultiDragPlugin() {
                 toggleClass(children[i], options.selectedClass, true);
                 multiDragElements.push(children[i]);
                 dispatchEvent({
-                  sortable: sortable,
-                  rootEl: rootEl,
+                  sortable,
+                  rootEl,
                   name: 'select',
                   targetEl: children[i],
                   originalEvent: evt
@@ -3527,8 +3451,8 @@ function MultiDragPlugin() {
           multiDragElements.splice(multiDragElements.indexOf(dragEl$1), 1);
           lastMultiDragSelect = null;
           dispatchEvent({
-            sortable: sortable,
-            rootEl: rootEl,
+            sortable,
+            rootEl,
             name: 'deselect',
             targetEl: dragEl$1,
             originalEvent: evt
@@ -3541,7 +3465,7 @@ function MultiDragPlugin() {
         folding = false; // Do not "unfold" after around dragEl if reverted
 
         if ((parentEl[expando].options.sort || parentEl !== rootEl) && multiDragElements.length > 1) {
-          var dragRect = getRect(dragEl$1),
+          let dragRect = getRect(dragEl$1),
               multiDragIndex = index(dragEl$1, ':not(.' + this.options.selectedClass + ')');
           if (!initialFolding && options.animation) dragEl$1.thisAnimationDuration = null;
           toSortable.captureAnimationState();
@@ -3549,11 +3473,11 @@ function MultiDragPlugin() {
           if (!initialFolding) {
             if (options.animation) {
               dragEl$1.fromRect = dragRect;
-              multiDragElements.forEach(function (multiDragElement) {
+              multiDragElements.forEach(multiDragElement => {
                 multiDragElement.thisAnimationDuration = null;
 
                 if (multiDragElement !== dragEl$1) {
-                  var rect = folding ? getRect(multiDragElement) : dragRect;
+                  let rect = folding ? getRect(multiDragElement) : dragRect;
                   multiDragElement.fromRect = rect; // Prepare unfold animation
 
                   toSortable.addAnimationState({
@@ -3567,7 +3491,7 @@ function MultiDragPlugin() {
 
 
             removeMultiDragElements();
-            multiDragElements.forEach(function (multiDragElement) {
+            multiDragElements.forEach(multiDragElement => {
               if (children[multiDragIndex]) {
                 parentEl.insertBefore(multiDragElement, children[multiDragIndex]);
               } else {
@@ -3580,8 +3504,8 @@ function MultiDragPlugin() {
             // must be fired here as Sortable will not.
 
             if (oldIndex === index(dragEl$1)) {
-              var update = false;
-              multiDragElements.forEach(function (multiDragElement) {
+              let update = false;
+              multiDragElements.forEach(multiDragElement => {
                 if (multiDragElement.sortableIndex !== index(multiDragElement)) {
                   update = true;
                   return;
@@ -3595,7 +3519,7 @@ function MultiDragPlugin() {
           } // Must be done after capturing individual rects (scroll bar)
 
 
-          multiDragElements.forEach(function (multiDragElement) {
+          multiDragElements.forEach(multiDragElement => {
             unsetRect(multiDragElement);
           });
           toSortable.animateAll();
@@ -3606,16 +3530,18 @@ function MultiDragPlugin() {
 
 
       if (rootEl === parentEl || putSortable && putSortable.lastPutMode !== 'clone') {
-        multiDragClones.forEach(function (clone) {
+        multiDragClones.forEach(clone => {
           clone.parentNode && clone.parentNode.removeChild(clone);
         });
       }
     },
-    nullingGlobal: function nullingGlobal() {
+
+    nullingGlobal() {
       this.isMultiDrag = dragStarted = false;
       multiDragClones.length = 0;
     },
-    destroyGlobal: function destroyGlobal() {
+
+    destroyGlobal() {
       this._deselectMultiDrag();
 
       off(document, 'pointerup', this._deselectMultiDrag);
@@ -3624,7 +3550,8 @@ function MultiDragPlugin() {
       off(document, 'keydown', this._checkKeyDown);
       off(document, 'keyup', this._checkKeyUp);
     },
-    _deselectMultiDrag: function _deselectMultiDrag(evt) {
+
+    _deselectMultiDrag(evt) {
       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
@@ -3634,7 +3561,7 @@ function MultiDragPlugin() {
       if (evt && evt.button !== 0) return;
 
       while (multiDragElements.length) {
-        var el = multiDragElements[0];
+        let el = multiDragElements[0];
         toggleClass(el, this.options.selectedClass, false);
         multiDragElements.shift();
         dispatchEvent({
@@ -3646,16 +3573,19 @@ function MultiDragPlugin() {
         });
       }
     },
-    _checkKeyDown: function _checkKeyDown(evt) {
+
+    _checkKeyDown(evt) {
       if (evt.key === this.options.multiDragKey) {
         this.multiDragKeyDown = true;
       }
     },
-    _checkKeyUp: function _checkKeyUp(evt) {
+
+    _checkKeyUp(evt) {
       if (evt.key === this.options.multiDragKey) {
         this.multiDragKeyDown = false;
       }
     }
+
   };
   return _extends(MultiDrag, {
     // Static methods & properties
@@ -3665,8 +3595,8 @@ function MultiDragPlugin() {
        * Selects the provided multi-drag item
        * @param  {HTMLElement} el    The element to be selected
        */
-      select: function select(el) {
-        var sortable = el.parentNode[expando];
+      select(el) {
+        let sortable = el.parentNode[expando];
         if (!sortable || !sortable.options.multiDrag || ~multiDragElements.indexOf(el)) return;
 
         if (multiDragSortable && multiDragSortable !== sortable) {
@@ -3683,49 +3613,50 @@ function MultiDragPlugin() {
        * Deselects the provided multi-drag item
        * @param  {HTMLElement} el    The element to be deselected
        */
-      deselect: function deselect(el) {
-        var sortable = el.parentNode[expando],
+      deselect(el) {
+        let sortable = el.parentNode[expando],
             index = multiDragElements.indexOf(el);
         if (!sortable || !sortable.options.multiDrag || !~index) return;
         toggleClass(el, sortable.options.selectedClass, false);
         multiDragElements.splice(index, 1);
       }
+
     },
-    eventProperties: function eventProperties() {
-      var _this3 = this;
 
-      var oldIndicies = [],
-          newIndicies = [];
-      multiDragElements.forEach(function (multiDragElement) {
+    eventProperties() {
+      const oldIndicies = [],
+            newIndicies = [];
+      multiDragElements.forEach(multiDragElement => {
         oldIndicies.push({
-          multiDragElement: multiDragElement,
+          multiDragElement,
           index: multiDragElement.sortableIndex
         }); // multiDragElements will already be sorted if folding
 
-        var newIndex;
+        let newIndex;
 
         if (folding && multiDragElement !== dragEl$1) {
           newIndex = -1;
         } else if (folding) {
-          newIndex = index(multiDragElement, ':not(.' + _this3.options.selectedClass + ')');
+          newIndex = index(multiDragElement, ':not(.' + this.options.selectedClass + ')');
         } else {
           newIndex = index(multiDragElement);
         }
 
         newIndicies.push({
-          multiDragElement: multiDragElement,
+          multiDragElement,
           index: newIndex
         });
       });
       return {
-        items: _toConsumableArray(multiDragElements),
-        clones: [].concat(multiDragClones),
-        oldIndicies: oldIndicies,
-        newIndicies: newIndicies
+        items: [...multiDragElements],
+        clones: [...multiDragClones],
+        oldIndicies,
+        newIndicies
       };
     },
+
     optionListeners: {
-      multiDragKey: function multiDragKey(key) {
+      multiDragKey(key) {
         key = key.toLowerCase();
 
         if (key === 'ctrl') {
@@ -3736,13 +3667,14 @@ function MultiDragPlugin() {
 
         return key;
       }
+
     }
   });
 }
 
 function insertMultiDragElements(clonesInserted, rootEl) {
-  multiDragElements.forEach(function (multiDragElement, i) {
-    var target = rootEl.children[multiDragElement.sortableIndex + (clonesInserted ? Number(i) : 0)];
+  multiDragElements.forEach((multiDragElement, i) => {
+    let target = rootEl.children[multiDragElement.sortableIndex + (clonesInserted ? Number(i) : 0)];
 
     if (target) {
       rootEl.insertBefore(multiDragElement, target);
@@ -3759,8 +3691,8 @@ function insertMultiDragElements(clonesInserted, rootEl) {
 
 
 function insertMultiDragClones(elementsInserted, rootEl) {
-  multiDragClones.forEach(function (clone, i) {
-    var target = rootEl.children[clone.sortableIndex + (elementsInserted ? Number(i) : 0)];
+  multiDragClones.forEach((clone, i) => {
+    let target = rootEl.children[clone.sortableIndex + (elementsInserted ? Number(i) : 0)];
 
     if (target) {
       rootEl.insertBefore(clone, target);
@@ -3771,7 +3703,7 @@ function insertMultiDragClones(elementsInserted, rootEl) {
 }
 
 function removeMultiDragElements() {
-  multiDragElements.forEach(function (multiDragElement) {
+  multiDragElements.forEach(multiDragElement => {
     if (multiDragElement === dragEl$1) return;
     multiDragElement.parentNode && multiDragElement.parentNode.removeChild(multiDragElement);
   });
diff --git a/modular/sortable.core.esm.js b/modular/sortable.core.esm.js
index b04c8b463..95481f97d 100644
--- a/modular/sortable.core.esm.js
+++ b/modular/sortable.core.esm.js
@@ -4,75 +4,6 @@
  * @author	owenm    <owen23355@gmail.com>
  * @license MIT
  */
-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(Object(source), true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
-  }
-
-  return target;
-}
-
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function (obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function (obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
-}
-
-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 _extends() {
   _extends = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -91,75 +22,6 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-
-  var key, i;
-
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-
-  return target;
-}
-
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
-
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
-  return arr2;
-}
-
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
 var version = "1.15.0";
 
 function userAgent(pattern) {
@@ -168,14 +30,14 @@ function userAgent(pattern) {
   }
 }
 
-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);
+const IE11OrLess = userAgent(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i);
+const Edge = userAgent(/Edge/i);
+const FireFox = userAgent(/firefox/i);
+const Safari = userAgent(/safari/i) && !userAgent(/chrome/i) && !userAgent(/android/i);
+const IOS = userAgent(/iP(ad|od|hone)/i);
+const ChromeForAndroid = userAgent(/chrome/i) && userAgent(/android/i);
 
-var captureMode = {
+const captureMode = {
   capture: false,
   passive: false
 };
@@ -240,21 +102,21 @@ ctx, includeCTX) {
   return null;
 }
 
-var R_SPACE = /\s+/g;
+const R_SPACE = /\s+/g;
 
 function toggleClass(el, name, state) {
   if (el && name) {
     if (el.classList) {
       el.classList[state ? 'add' : 'remove'](name);
     } else {
-      var className = (' ' + el.className + ' ').replace(R_SPACE, ' ').replace(' ' + name + ' ', ' ');
+      let className = (' ' + el.className + ' ').replace(R_SPACE, ' ').replace(' ' + name + ' ', ' ');
       el.className = (className + (state ? ' ' + name : '')).replace(R_SPACE, ' ');
     }
   }
 }
 
 function css(el, prop, val) {
-  var style = el && el.style;
+  let style = el && el.style;
 
   if (style) {
     if (val === void 0) {
@@ -276,13 +138,13 @@ function css(el, prop, val) {
 }
 
 function matrix(el, selfOnly) {
-  var appliedTransforms = '';
+  let appliedTransforms = '';
 
   if (typeof el === 'string') {
     appliedTransforms = el;
   } else {
     do {
-      var transform = css(el, 'transform');
+      let transform = css(el, 'transform');
 
       if (transform && transform !== 'none') {
         appliedTransforms = transform + ' ' + appliedTransforms;
@@ -292,7 +154,7 @@ function matrix(el, selfOnly) {
     } while (!selfOnly && (el = el.parentNode));
   }
 
-  var matrixFn = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
+  const matrixFn = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
   /*jshint -W056 */
 
   return matrixFn && new matrixFn(appliedTransforms);
@@ -300,7 +162,7 @@ function matrix(el, selfOnly) {
 
 function find(ctx, tagName, iterator) {
   if (ctx) {
-    var list = ctx.getElementsByTagName(tagName),
+    let list = ctx.getElementsByTagName(tagName),
         i = 0,
         n = list.length;
 
@@ -317,7 +179,7 @@ function find(ctx, tagName, iterator) {
 }
 
 function getWindowScrollingElement() {
-  var scrollingElement = document.scrollingElement;
+  let scrollingElement = document.scrollingElement;
 
   if (scrollingElement) {
     return scrollingElement;
@@ -338,7 +200,7 @@ function getWindowScrollingElement() {
 
 function getRect(el, relativeToContainingBlock, relativeToNonStaticParent, undoScale, container) {
   if (!el.getBoundingClientRect && el !== window) return;
-  var elRect, top, left, bottom, right, height, width;
+  let elRect, top, left, bottom, right, height, width;
 
   if (el !== window && el.parentNode && el !== getWindowScrollingElement()) {
     elRect = el.getBoundingClientRect();
@@ -365,7 +227,7 @@ function getRect(el, relativeToContainingBlock, relativeToNonStaticParent, undoS
     if (!IE11OrLess) {
       do {
         if (container && container.getBoundingClientRect && (css(container, 'transform') !== 'none' || relativeToNonStaticParent && css(container, 'position') !== 'static')) {
-          var containerRect = container.getBoundingClientRect(); // Set relative to edges of padding box of container
+          let containerRect = container.getBoundingClientRect(); // Set relative to edges of padding box of container
 
           top -= containerRect.top + parseInt(css(container, 'border-top-width'));
           left -= containerRect.left + parseInt(css(container, 'border-left-width'));
@@ -381,7 +243,7 @@ function getRect(el, relativeToContainingBlock, relativeToNonStaticParent, undoS
 
   if (undoScale && el !== window) {
     // Adjust for scale()
-    var elMatrix = matrix(container || el),
+    let elMatrix = matrix(container || el),
         scaleX = elMatrix && elMatrix.a,
         scaleY = elMatrix && elMatrix.d;
 
@@ -414,13 +276,13 @@ function getRect(el, relativeToContainingBlock, relativeToNonStaticParent, undoS
 
 
 function isScrolledPast(el, elSide, parentSide) {
-  var parent = getParentAutoScrollElement(el, true),
+  let parent = getParentAutoScrollElement(el, true),
       elSideVal = getRect(el)[elSide];
   /* jshint boss:true */
 
   while (parent) {
-    var parentSideVal = getRect(parent)[parentSide],
-        visible = void 0;
+    let parentSideVal = getRect(parent)[parentSide],
+        visible;
 
     if (parentSide === 'top' || parentSide === 'left') {
       visible = elSideVal >= parentSideVal;
@@ -446,7 +308,7 @@ function isScrolledPast(el, elSide, parentSide) {
 
 
 function getChild(el, childNum, options, includeDragEl) {
-  var currentChild = 0,
+  let currentChild = 0,
       i = 0,
       children = el.children;
 
@@ -473,7 +335,7 @@ function getChild(el, childNum, options, includeDragEl) {
 
 
 function lastChild(el, selector) {
-  var last = el.lastElementChild;
+  let last = el.lastElementChild;
 
   while (last && (last === Sortable.ghost || css(last, 'display') === 'none' || selector && !matches(last, selector))) {
     last = last.previousElementSibling;
@@ -491,7 +353,7 @@ function lastChild(el, selector) {
 
 
 function index(el, selector) {
-  var index = 0;
+  let index = 0;
 
   if (!el || !el.parentNode) {
     return -1;
@@ -516,13 +378,13 @@ function index(el, selector) {
 
 
 function getRelativeScrollOffset(el) {
-  var offsetLeft = 0,
+  let offsetLeft = 0,
       offsetTop = 0,
       winScroller = getWindowScrollingElement();
 
   if (el) {
     do {
-      var elMatrix = matrix(el),
+      let elMatrix = matrix(el),
           scaleX = elMatrix.a,
           scaleY = elMatrix.d;
       offsetLeft += el.scrollLeft * scaleX;
@@ -541,10 +403,10 @@ function getRelativeScrollOffset(el) {
 
 
 function indexOfObject(arr, obj) {
-  for (var i in arr) {
+  for (let i in arr) {
     if (!arr.hasOwnProperty(i)) continue;
 
-    for (var key in obj) {
+    for (let key in obj) {
       if (obj.hasOwnProperty(key) && obj[key] === arr[i][key]) return Number(i);
     }
   }
@@ -555,13 +417,13 @@ function indexOfObject(arr, obj) {
 function getParentAutoScrollElement(el, includeSelf) {
   // skip to window
   if (!el || !el.getBoundingClientRect) return getWindowScrollingElement();
-  var elem = el;
-  var gotSelf = false;
+  let elem = el;
+  let gotSelf = false;
 
   do {
     // we don't need to get elem css if it isn't even overflowing in the first place (performance)
     if (elem.clientWidth < elem.scrollWidth || elem.clientHeight < elem.scrollHeight) {
-      var elemCSS = css(elem);
+      let elemCSS = css(elem);
 
       if (elem.clientWidth < elem.scrollWidth && (elemCSS.overflowX == 'auto' || elemCSS.overflowX == 'scroll') || elem.clientHeight < elem.scrollHeight && (elemCSS.overflowY == 'auto' || elemCSS.overflowY == 'scroll')) {
         if (!elem.getBoundingClientRect || elem === document.body) return getWindowScrollingElement();
@@ -578,7 +440,7 @@ function getParentAutoScrollElement(el, includeSelf) {
 
 function extend(dst, src) {
   if (dst && src) {
-    for (var key in src) {
+    for (let key in src) {
       if (src.hasOwnProperty(key)) {
         dst[key] = src[key];
       }
@@ -592,12 +454,12 @@ function isRectEqual(rect1, rect2) {
   return Math.round(rect1.top) === Math.round(rect2.top) && Math.round(rect1.left) === Math.round(rect2.left) && Math.round(rect1.height) === Math.round(rect2.height) && Math.round(rect1.width) === Math.round(rect2.width);
 }
 
-var _throttleTimeout;
+let _throttleTimeout;
 
 function throttle(callback, ms) {
   return function () {
     if (!_throttleTimeout) {
-      var args = arguments,
+      let args = arguments,
           _this = this;
 
       if (args.length === 1) {
@@ -624,8 +486,8 @@ function scrollBy(el, x, y) {
 }
 
 function clone(el) {
-  var Polymer = window.Polymer;
-  var $ = window.jQuery || window.Zepto;
+  let Polymer = window.Polymer;
+  let $ = window.jQuery || window.Zepto;
 
   if (Polymer && Polymer.dom) {
     return Polymer.dom(el).cloneNode(true);
@@ -652,28 +514,27 @@ function unsetRect(el) {
   css(el, 'height', '');
 }
 
-var expando = 'Sortable' + new Date().getTime();
+const expando = 'Sortable' + new Date().getTime();
 
 function AnimationStateManager() {
-  var animationStates = [],
+  let animationStates = [],
       animationCallbackId;
   return {
-    captureAnimationState: function captureAnimationState() {
+    captureAnimationState() {
       animationStates = [];
       if (!this.options.animation) return;
-      var children = [].slice.call(this.el.children);
-      children.forEach(function (child) {
+      let children = [].slice.call(this.el.children);
+      children.forEach(child => {
         if (css(child, 'display') === 'none' || child === Sortable.ghost) return;
         animationStates.push({
           target: child,
           rect: getRect(child)
         });
-
-        var fromRect = _objectSpread2({}, animationStates[animationStates.length - 1].rect); // If animating: compensate for current animation
-
+        let fromRect = { ...animationStates[animationStates.length - 1].rect
+        }; // If animating: compensate for current animation
 
         if (child.thisAnimationDuration) {
-          var childMatrix = matrix(child, true);
+          let childMatrix = matrix(child, true);
 
           if (childMatrix) {
             fromRect.top -= childMatrix.f;
@@ -684,27 +545,28 @@ function AnimationStateManager() {
         child.fromRect = fromRect;
       });
     },
-    addAnimationState: function addAnimationState(state) {
+
+    addAnimationState(state) {
       animationStates.push(state);
     },
-    removeAnimationState: function removeAnimationState(target) {
+
+    removeAnimationState(target) {
       animationStates.splice(indexOfObject(animationStates, {
-        target: target
+        target
       }), 1);
     },
-    animateAll: function animateAll(callback) {
-      var _this = this;
 
+    animateAll(callback) {
       if (!this.options.animation) {
         clearTimeout(animationCallbackId);
         if (typeof callback === 'function') callback();
         return;
       }
 
-      var animating = false,
+      let animating = false,
           animationTime = 0;
-      animationStates.forEach(function (state) {
-        var time = 0,
+      animationStates.forEach(state => {
+        let time = 0,
             target = state.target,
             fromRect = target.fromRect,
             toRect = getRect(target),
@@ -726,7 +588,7 @@ function AnimationStateManager() {
           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
 
@@ -736,10 +598,10 @@ function AnimationStateManager() {
           target.prevToRect = toRect;
 
           if (!time) {
-            time = _this.options.animation;
+            time = this.options.animation;
           }
 
-          _this.animate(target, animatingRect, toRect, time);
+          this.animate(target, animatingRect, toRect, time);
         }
 
         if (time) {
@@ -768,11 +630,12 @@ function AnimationStateManager() {
 
       animationStates = [];
     },
-    animate: function animate(target, currentRect, toRect, duration) {
+
+    animate(target, currentRect, toRect, duration) {
       if (duration) {
         css(target, 'transition', '');
         css(target, 'transform', '');
-        var elMatrix = matrix(this.el),
+        let elMatrix = matrix(this.el),
             scaleX = elMatrix && elMatrix.a,
             scaleY = elMatrix && elMatrix.d,
             translateX = (currentRect.left - toRect.left) / (scaleX || 1),
@@ -794,6 +657,7 @@ function AnimationStateManager() {
         }, duration);
       }
     }
+
   };
 }
 
@@ -805,59 +669,61 @@ function calculateRealTime(animatingRect, fromRect, toRect, options) {
   return Math.sqrt(Math.pow(fromRect.top - animatingRect.top, 2) + Math.pow(fromRect.left - animatingRect.left, 2)) / Math.sqrt(Math.pow(fromRect.top - toRect.top, 2) + Math.pow(fromRect.left - toRect.left, 2)) * options.animation;
 }
 
-var plugins = [];
-var defaults = {
+let plugins = [];
+const defaults = {
   initializeByDefault: true
 };
 var PluginManager = {
-  mount: function mount(plugin) {
+  mount(plugin) {
     // Set default static properties
-    for (var option in defaults) {
+    for (let option in defaults) {
       if (defaults.hasOwnProperty(option) && !(option in plugin)) {
         plugin[option] = defaults[option];
       }
     }
 
-    plugins.forEach(function (p) {
+    plugins.forEach(p => {
       if (p.pluginName === plugin.pluginName) {
-        throw "Sortable: Cannot mount plugin ".concat(plugin.pluginName, " more than once");
+        throw `Sortable: Cannot mount plugin ${plugin.pluginName} more than once`;
       }
     });
     plugins.push(plugin);
   },
-  pluginEvent: function pluginEvent(eventName, sortable, evt) {
-    var _this = this;
 
+  pluginEvent(eventName, sortable, evt) {
     this.eventCanceled = false;
 
-    evt.cancel = function () {
-      _this.eventCanceled = true;
+    evt.cancel = () => {
+      this.eventCanceled = true;
     };
 
-    var eventNameGlobal = eventName + 'Global';
-    plugins.forEach(function (plugin) {
+    const eventNameGlobal = eventName + 'Global';
+    plugins.forEach(plugin => {
       if (!sortable[plugin.pluginName]) return; // Fire global events if it exists in this sortable
 
       if (sortable[plugin.pluginName][eventNameGlobal]) {
-        sortable[plugin.pluginName][eventNameGlobal](_objectSpread2({
-          sortable: sortable
-        }, evt));
+        sortable[plugin.pluginName][eventNameGlobal]({
+          sortable,
+          ...evt
+        });
       } // Only fire plugin event if plugin is enabled in this sortable,
       // and plugin has event defined
 
 
       if (sortable.options[plugin.pluginName] && sortable[plugin.pluginName][eventName]) {
-        sortable[plugin.pluginName][eventName](_objectSpread2({
-          sortable: sortable
-        }, evt));
+        sortable[plugin.pluginName][eventName]({
+          sortable,
+          ...evt
+        });
       }
     });
   },
-  initializePlugins: function initializePlugins(sortable, el, defaults, options) {
-    plugins.forEach(function (plugin) {
-      var pluginName = plugin.pluginName;
+
+  initializePlugins(sortable, el, defaults, options) {
+    plugins.forEach(plugin => {
+      const pluginName = plugin.pluginName;
       if (!sortable.options[pluginName] && !plugin.initializeByDefault) return;
-      var initialized = new plugin(sortable, el, sortable.options);
+      let initialized = new plugin(sortable, el, sortable.options);
       initialized.sortable = sortable;
       initialized.options = sortable.options;
       sortable[pluginName] = initialized; // Add default options from plugin
@@ -865,27 +731,29 @@ var PluginManager = {
       _extends(defaults, initialized.defaults);
     });
 
-    for (var option in sortable.options) {
+    for (let option in sortable.options) {
       if (!sortable.options.hasOwnProperty(option)) continue;
-      var modified = this.modifyOption(sortable, option, sortable.options[option]);
+      let modified = this.modifyOption(sortable, option, sortable.options[option]);
 
       if (typeof modified !== 'undefined') {
         sortable.options[option] = modified;
       }
     }
   },
-  getEventProperties: function getEventProperties(name, sortable) {
-    var eventProperties = {};
-    plugins.forEach(function (plugin) {
+
+  getEventProperties(name, sortable) {
+    let eventProperties = {};
+    plugins.forEach(plugin => {
       if (typeof plugin.eventProperties !== 'function') return;
 
       _extends(eventProperties, plugin.eventProperties.call(sortable[plugin.pluginName], name));
     });
     return eventProperties;
   },
-  modifyOption: function modifyOption(sortable, name, value) {
-    var modifiedValue;
-    plugins.forEach(function (plugin) {
+
+  modifyOption(sortable, name, value) {
+    let modifiedValue;
+    plugins.forEach(plugin => {
       // Plugin must exist on the Sortable
       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
 
@@ -895,26 +763,28 @@ var PluginManager = {
     });
     return modifiedValue;
   }
+
 };
 
-function dispatchEvent(_ref) {
-  var sortable = _ref.sortable,
-      rootEl = _ref.rootEl,
-      name = _ref.name,
-      targetEl = _ref.targetEl,
-      cloneEl = _ref.cloneEl,
-      toEl = _ref.toEl,
-      fromEl = _ref.fromEl,
-      oldIndex = _ref.oldIndex,
-      newIndex = _ref.newIndex,
-      oldDraggableIndex = _ref.oldDraggableIndex,
-      newDraggableIndex = _ref.newDraggableIndex,
-      originalEvent = _ref.originalEvent,
-      putSortable = _ref.putSortable,
-      extraEventProperties = _ref.extraEventProperties;
+function dispatchEvent({
+  sortable,
+  rootEl,
+  name,
+  targetEl,
+  cloneEl,
+  toEl,
+  fromEl,
+  oldIndex,
+  newIndex,
+  oldDraggableIndex,
+  newDraggableIndex,
+  originalEvent,
+  putSortable,
+  extraEventProperties
+}) {
   sortable = sortable || rootEl && rootEl[expando];
   if (!sortable) return;
-  var evt,
+  let evt,
       options = sortable.options,
       onName = 'on' + name.charAt(0).toUpperCase() + name.substr(1); // Support for new CustomEvent feature
 
@@ -938,10 +808,11 @@ function dispatchEvent(_ref) {
   evt.newDraggableIndex = newDraggableIndex;
   evt.originalEvent = originalEvent;
   evt.pullMode = putSortable ? putSortable.lastPutMode : undefined;
+  let allEventProperties = { ...extraEventProperties,
+    ...PluginManager.getEventProperties(name, sortable)
+  };
 
-  var allEventProperties = _objectSpread2(_objectSpread2({}, extraEventProperties), PluginManager.getEventProperties(name, sortable));
-
-  for (var option in allEventProperties) {
+  for (let option in allEventProperties) {
     evt[option] = allEventProperties[option];
   }
 
@@ -954,62 +825,65 @@ function dispatchEvent(_ref) {
   }
 }
 
-var _excluded = ["evt"];
-
-var pluginEvent = function pluginEvent(eventName, sortable) {
-  var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
-      originalEvent = _ref.evt,
-      data = _objectWithoutProperties(_ref, _excluded);
-
-  PluginManager.pluginEvent.bind(Sortable)(eventName, sortable, _objectSpread2({
-    dragEl: dragEl,
-    parentEl: parentEl,
-    ghostEl: ghostEl,
-    rootEl: rootEl,
-    nextEl: nextEl,
-    lastDownEl: lastDownEl,
-    cloneEl: cloneEl,
-    cloneHidden: cloneHidden,
+let pluginEvent = function (eventName, sortable, {
+  evt: originalEvent,
+  ...data
+} = {}) {
+  PluginManager.pluginEvent.bind(Sortable)(eventName, sortable, {
+    dragEl,
+    parentEl,
+    ghostEl,
+    rootEl,
+    nextEl,
+    lastDownEl,
+    cloneEl,
+    cloneHidden,
     dragStarted: moved,
-    putSortable: putSortable,
+    putSortable,
     activeSortable: Sortable.active,
-    originalEvent: originalEvent,
-    oldIndex: oldIndex,
-    oldDraggableIndex: oldDraggableIndex,
-    newIndex: newIndex,
-    newDraggableIndex: newDraggableIndex,
+    originalEvent,
+    oldIndex,
+    oldDraggableIndex,
+    newIndex,
+    newDraggableIndex,
     hideGhostForTarget: _hideGhostForTarget,
     unhideGhostForTarget: _unhideGhostForTarget,
-    cloneNowHidden: function cloneNowHidden() {
+
+    cloneNowHidden() {
       cloneHidden = true;
     },
-    cloneNowShown: function cloneNowShown() {
+
+    cloneNowShown() {
       cloneHidden = false;
     },
-    dispatchSortableEvent: function dispatchSortableEvent(name) {
+
+    dispatchSortableEvent(name) {
       _dispatchEvent({
-        sortable: sortable,
-        name: name,
-        originalEvent: originalEvent
+        sortable,
+        name,
+        originalEvent
       });
-    }
-  }, data));
+    },
+
+    ...data
+  });
 };
 
 function _dispatchEvent(info) {
-  dispatchEvent(_objectSpread2({
-    putSortable: putSortable,
-    cloneEl: cloneEl,
+  dispatchEvent({
+    putSortable,
+    cloneEl,
     targetEl: dragEl,
-    rootEl: rootEl,
-    oldIndex: oldIndex,
-    oldDraggableIndex: oldDraggableIndex,
-    newIndex: newIndex,
-    newDraggableIndex: newDraggableIndex
-  }, info));
+    rootEl,
+    oldIndex,
+    oldDraggableIndex,
+    newIndex,
+    newDraggableIndex,
+    ...info
+  });
 }
 
-var dragEl,
+let dragEl,
     parentEl,
     ghostEl,
     rootEl,
@@ -1046,24 +920,24 @@ _silent = false,
     savedInputChecked = [];
 /** @const */
 
-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
+const 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 = documentExists && !ChromeForAndroid && !IOS && 'draggable' in document.createElement('div'),
-    supportCssPointerEvents = function () {
+      supportCssPointerEvents = function () {
   if (!documentExists) return; // false when <= IE11
 
   if (IE11OrLess) {
     return false;
   }
 
-  var el = document.createElement('x');
+  let el = document.createElement('x');
   el.style.cssText = 'pointer-events:auto';
   return el.style.pointerEvents === 'auto';
 }(),
-    _detectDirection = function _detectDirection(el, options) {
-  var elCSS = css(el),
+      _detectDirection = function (el, options) {
+  let elCSS = css(el),
       elWidth = parseInt(elCSS.width) - parseInt(elCSS.paddingLeft) - parseInt(elCSS.paddingRight) - parseInt(elCSS.borderLeftWidth) - parseInt(elCSS.borderRightWidth),
       child1 = getChild(el, 0, options),
       child2 = getChild(el, 1, options),
@@ -1080,15 +954,15 @@ supportDraggable = documentExists && !ChromeForAndroid && !IOS && 'draggable' in
     return elCSS.gridTemplateColumns.split(' ').length <= 1 ? 'vertical' : 'horizontal';
   }
 
-  if (child1 && firstChildCSS["float"] && firstChildCSS["float"] !== 'none') {
-    var touchingSideChild2 = firstChildCSS["float"] === 'left' ? 'left' : 'right';
+  if (child1 && firstChildCSS.float && firstChildCSS.float !== 'none') {
+    let touchingSideChild2 = firstChildCSS.float === 'left' ? 'left' : 'right';
     return child2 && (secondChildCSS.clear === 'both' || secondChildCSS.clear === touchingSideChild2) ? 'vertical' : 'horizontal';
   }
 
   return child1 && (firstChildCSS.display === 'block' || firstChildCSS.display === 'flex' || firstChildCSS.display === 'table' || firstChildCSS.display === 'grid' || firstChildWidth >= elWidth && elCSS[CSSFloatProperty] === 'none' || child2 && elCSS[CSSFloatProperty] === 'none' && firstChildWidth + secondChildWidth > elWidth) ? 'vertical' : 'horizontal';
 },
-    _dragElInRowColumn = function _dragElInRowColumn(dragRect, targetRect, vertical) {
-  var dragElS1Opp = vertical ? dragRect.left : dragRect.top,
+      _dragElInRowColumn = function (dragRect, targetRect, vertical) {
+  let dragElS1Opp = vertical ? dragRect.left : dragRect.top,
       dragElS2Opp = vertical ? dragRect.right : dragRect.bottom,
       dragElOppLength = vertical ? dragRect.width : dragRect.height,
       targetS1Opp = vertical ? targetRect.left : targetRect.top,
@@ -1103,14 +977,14 @@ supportDraggable = documentExists && !ChromeForAndroid && !IOS && 'draggable' in
  * @param  {Number} y      Y position
  * @return {HTMLElement}   Element of the first found nearest Sortable
  */
-_detectNearestEmptySortable = function _detectNearestEmptySortable(x, y) {
-  var ret;
-  sortables.some(function (sortable) {
-    var threshold = sortable[expando].options.emptyInsertThreshold;
+_detectNearestEmptySortable = function (x, y) {
+  let ret;
+  sortables.some(sortable => {
+    const threshold = sortable[expando].options.emptyInsertThreshold;
     if (!threshold || lastChild(sortable)) return;
-    var rect = getRect(sortable),
-        insideHorizontally = x >= rect.left - threshold && x <= rect.right + threshold,
-        insideVertically = y >= rect.top - threshold && y <= rect.bottom + threshold;
+    const rect = getRect(sortable),
+          insideHorizontally = x >= rect.left - threshold && x <= rect.right + threshold,
+          insideVertically = y >= rect.top - threshold && y <= rect.bottom + threshold;
 
     if (insideHorizontally && insideVertically) {
       return ret = sortable;
@@ -1118,10 +992,10 @@ _detectNearestEmptySortable = function _detectNearestEmptySortable(x, y) {
   });
   return ret;
 },
-    _prepareGroup = function _prepareGroup(options) {
+      _prepareGroup = function (options) {
   function toFn(value, pull) {
     return function (to, from, dragEl, evt) {
-      var sameGroup = to.options.group.name && from.options.group.name && to.options.group.name === from.options.group.name;
+      let sameGroup = to.options.group.name && from.options.group.name && to.options.group.name === from.options.group.name;
 
       if (value == null && (pull || sameGroup)) {
         // Default pull value
@@ -1134,16 +1008,16 @@ _detectNearestEmptySortable = function _detectNearestEmptySortable(x, y) {
       } else if (typeof value === 'function') {
         return toFn(value(to, from, dragEl, evt), pull)(to, from, dragEl, evt);
       } else {
-        var otherGroup = (pull ? to : from).options.group.name;
+        let otherGroup = (pull ? to : from).options.group.name;
         return value === true || typeof value === 'string' && value === otherGroup || value.join && value.indexOf(otherGroup) > -1;
       }
     };
   }
 
-  var group = {};
-  var originalGroup = options.group;
+  let group = {};
+  let originalGroup = options.group;
 
-  if (!originalGroup || _typeof(originalGroup) != 'object') {
+  if (!originalGroup || typeof originalGroup != 'object') {
     originalGroup = {
       name: originalGroup
     };
@@ -1155,12 +1029,12 @@ _detectNearestEmptySortable = function _detectNearestEmptySortable(x, y) {
   group.revertClone = originalGroup.revertClone;
   options.group = group;
 },
-    _hideGhostForTarget = function _hideGhostForTarget() {
+      _hideGhostForTarget = function () {
   if (!supportCssPointerEvents && ghostEl) {
     css(ghostEl, 'display', 'none');
   }
 },
-    _unhideGhostForTarget = function _unhideGhostForTarget() {
+      _unhideGhostForTarget = function () {
   if (!supportCssPointerEvents && ghostEl) {
     css(ghostEl, 'display', '');
   }
@@ -1179,17 +1053,17 @@ if (documentExists && !ChromeForAndroid) {
   }, true);
 }
 
-var nearestEmptyInsertDetectEvent = function nearestEmptyInsertDetectEvent(evt) {
+let nearestEmptyInsertDetectEvent = function (evt) {
   if (dragEl) {
     evt = evt.touches ? evt.touches[0] : evt;
 
-    var nearest = _detectNearestEmptySortable(evt.clientX, evt.clientY);
+    let nearest = _detectNearestEmptySortable(evt.clientX, evt.clientY);
 
     if (nearest) {
       // Create imitation event
-      var event = {};
+      let event = {};
 
-      for (var i in evt) {
+      for (let i in evt) {
         if (evt.hasOwnProperty(i)) {
           event[i] = evt[i];
         }
@@ -1204,7 +1078,7 @@ var nearestEmptyInsertDetectEvent = function nearestEmptyInsertDetectEvent(evt)
   }
 };
 
-var _checkOutsideTargetEl = function _checkOutsideTargetEl(evt) {
+let _checkOutsideTargetEl = function (evt) {
   if (dragEl) {
     dragEl.parentNode[expando]._isOutsideThisEl(evt.target);
   }
@@ -1218,15 +1092,20 @@ var _checkOutsideTargetEl = function _checkOutsideTargetEl(evt) {
 
 function Sortable(el, options) {
   if (!(el && el.nodeType && el.nodeType === 1)) {
-    throw "Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(el));
+    throw `Sortable: \`el\` must be an HTMLElement, not ${{}.toString.call(el)}`;
   }
 
   this.el = el; // root element
 
-  this.options = options = _extends({}, options); // Export instance
+  this.options = options = _extends({}, options);
+
+  if (this.options.fallbackOnBody) {
+    this.options.getFallbackParent = () => document.body;
+  } // Export instance
+
 
   el[expando] = this;
-  var defaults = {
+  let defaults = {
     group: null,
     sort: true,
     disabled: false,
@@ -1240,7 +1119,7 @@ function Sortable(el, options) {
     invertedSwapThreshold: null,
     // will be set to same as swapThreshold if default
     removeCloneOnHide: true,
-    direction: function direction() {
+    direction: function () {
       return _detectDirection(el, this.options);
     },
     ghostClass: 'sortable-ghost',
@@ -1251,7 +1130,7 @@ function Sortable(el, options) {
     preventOnFilter: true,
     animation: 0,
     easing: null,
-    setData: function setData(dataTransfer, dragEl) {
+    setData: function (dataTransfer, dragEl) {
       dataTransfer.setData('Text', dragEl.textContent);
     },
     dropBubble: false,
@@ -1262,7 +1141,9 @@ function Sortable(el, options) {
     touchStartThreshold: (Number.parseInt ? Number : window).parseInt(window.devicePixelRatio, 10) || 1,
     forceFallback: false,
     fallbackClass: 'sortable-fallback',
+    // @obsolete use `getFallbackParent: () => (document.body)`
     fallbackOnBody: false,
+    getFallbackParent: null,
     fallbackTolerance: 0,
     fallbackOffset: {
       x: 0,
@@ -1273,14 +1154,14 @@ function Sortable(el, options) {
   };
   PluginManager.initializePlugins(this, el, defaults); // Set default options
 
-  for (var name in defaults) {
+  for (let name in defaults) {
     !(name in options) && (options[name] = defaults[name]);
   }
 
   _prepareGroup(options); // Bind all private methods
 
 
-  for (var fn in this) {
+  for (let fn in this) {
     if (fn.charAt(0) === '_' && typeof this[fn] === 'function') {
       this[fn] = this[fn].bind(this);
     }
@@ -1318,20 +1199,20 @@ Sortable.prototype =
 /** @lends Sortable.prototype */
 {
   constructor: Sortable,
-  _isOutsideThisEl: function _isOutsideThisEl(target) {
+  _isOutsideThisEl: function (target) {
     if (!this.el.contains(target) && target !== this.el) {
       lastTarget = null;
     }
   },
-  _getDirection: function _getDirection(evt, target) {
+  _getDirection: function (evt, target) {
     return typeof this.options.direction === 'function' ? this.options.direction.call(this, evt, target, dragEl) : this.options.direction;
   },
-  _onTapStart: function _onTapStart(
+  _onTapStart: function (
   /** Event|TouchEvent */
   evt) {
     if (!evt.cancelable) return;
 
-    var _this = this,
+    let _this = this,
         el = this.el,
         options = this.options,
         preventOnFilter = options.preventOnFilter,
@@ -1389,7 +1270,7 @@ Sortable.prototype =
         });
 
         pluginEvent('filter', _this, {
-          evt: evt
+          evt
         });
         preventOnFilter && evt.cancelable && evt.preventDefault();
         return; // cancel dnd
@@ -1409,7 +1290,7 @@ Sortable.prototype =
           });
 
           pluginEvent('filter', _this, {
-            evt: evt
+            evt
           });
           return true;
         }
@@ -1428,21 +1309,21 @@ Sortable.prototype =
 
     this._prepareDragStart(evt, touch, target);
   },
-  _prepareDragStart: function _prepareDragStart(
+  _prepareDragStart: function (
   /** Event */
   evt,
   /** Touch */
   touch,
   /** HTMLElement */
   target) {
-    var _this = this,
+    let _this = this,
         el = _this.el,
         options = _this.options,
         ownerDocument = el.ownerDocument,
         dragStartFn;
 
     if (target && !dragEl && target.parentNode === el) {
-      var dragRect = getRect(target);
+      let dragRect = getRect(target);
       rootEl = el;
       dragEl = target;
       parentEl = dragEl.parentNode;
@@ -1461,9 +1342,9 @@ Sortable.prototype =
       this._lastY = (touch || evt).clientY;
       dragEl.style['will-change'] = 'all';
 
-      dragStartFn = function dragStartFn() {
+      dragStartFn = function () {
         pluginEvent('delayEnded', _this, {
-          evt: evt
+          evt
         });
 
         if (Sortable.eventCanceled) {
@@ -1511,7 +1392,7 @@ Sortable.prototype =
       }
 
       pluginEvent('delayStart', this, {
-        evt: evt
+        evt
       }); // Delay is impossible for native DnD in Edge or IE
 
       if (options.delay && (!options.delayOnTouchOnly || touch) && (!this.nativeDraggable || !(Edge || IE11OrLess))) {
@@ -1536,23 +1417,23 @@ Sortable.prototype =
       }
     }
   },
-  _delayedDragTouchMoveHandler: function _delayedDragTouchMoveHandler(
+  _delayedDragTouchMoveHandler: function (
   /** TouchEvent|PointerEvent **/
   e) {
-    var touch = e.touches ? e.touches[0] : e;
+    let touch = e.touches ? e.touches[0] : e;
 
     if (Math.max(Math.abs(touch.clientX - this._lastX), Math.abs(touch.clientY - this._lastY)) >= Math.floor(this.options.touchStartThreshold / (this.nativeDraggable && window.devicePixelRatio || 1))) {
       this._disableDelayedDrag();
     }
   },
-  _disableDelayedDrag: function _disableDelayedDrag() {
+  _disableDelayedDrag: function () {
     dragEl && _disableDraggable(dragEl);
     clearTimeout(this._dragStartTimer);
 
     this._disableDelayedDragEvents();
   },
-  _disableDelayedDragEvents: function _disableDelayedDragEvents() {
-    var ownerDocument = this.el.ownerDocument;
+  _disableDelayedDragEvents: function () {
+    let ownerDocument = this.el.ownerDocument;
     off(ownerDocument, 'mouseup', this._disableDelayedDrag);
     off(ownerDocument, 'touchend', this._disableDelayedDrag);
     off(ownerDocument, 'touchcancel', this._disableDelayedDrag);
@@ -1560,7 +1441,7 @@ Sortable.prototype =
     off(ownerDocument, 'touchmove', this._delayedDragTouchMoveHandler);
     off(ownerDocument, 'pointermove', this._delayedDragTouchMoveHandler);
   },
-  _triggerDragStart: function _triggerDragStart(
+  _triggerDragStart: function (
   /** Event */
   evt,
   /** Touch */
@@ -1591,20 +1472,20 @@ Sortable.prototype =
       }
     } catch (err) {}
   },
-  _dragStarted: function _dragStarted(fallback, evt) {
+  _dragStarted: function (fallback, evt) {
 
     awaitingDragStarted = false;
 
     if (rootEl && dragEl) {
       pluginEvent('dragStarted', this, {
-        evt: evt
+        evt
       });
 
       if (this.nativeDraggable) {
         on(document, 'dragover', _checkOutsideTargetEl);
       }
 
-      var options = this.options; // Apply effect
+      let options = this.options; // Apply effect
 
       !fallback && toggleClass(dragEl, options.dragClass, false);
       toggleClass(dragEl, options.ghostClass, true);
@@ -1620,15 +1501,15 @@ Sortable.prototype =
       this._nulling();
     }
   },
-  _emulateDragOver: function _emulateDragOver() {
+  _emulateDragOver: function () {
     if (touchEvt) {
       this._lastX = touchEvt.clientX;
       this._lastY = touchEvt.clientY;
 
       _hideGhostForTarget();
 
-      var target = document.elementFromPoint(touchEvt.clientX, touchEvt.clientY);
-      var parent = target;
+      let target = document.elementFromPoint(touchEvt.clientX, touchEvt.clientY);
+      let parent = target;
 
       while (target && target.shadowRoot) {
         target = target.shadowRoot.elementFromPoint(touchEvt.clientX, touchEvt.clientY);
@@ -1641,7 +1522,7 @@ Sortable.prototype =
       if (parent) {
         do {
           if (parent[expando]) {
-            var inserted = void 0;
+            let inserted;
             inserted = parent[expando]._onDragOver({
               clientX: touchEvt.clientX,
               clientY: touchEvt.clientY,
@@ -1663,11 +1544,11 @@ Sortable.prototype =
       _unhideGhostForTarget();
     }
   },
-  _onTouchMove: function _onTouchMove(
+  _onTouchMove: function (
   /**TouchEvent*/
   evt) {
     if (tapEvt) {
-      var options = this.options,
+      let options = this.options,
           fallbackTolerance = options.fallbackTolerance,
           fallbackOffset = options.fallbackOffset,
           touch = evt.touches ? evt.touches[0] : evt,
@@ -1701,7 +1582,7 @@ Sortable.prototype =
           };
         }
 
-        var cssMatrix = "matrix(".concat(ghostMatrix.a, ",").concat(ghostMatrix.b, ",").concat(ghostMatrix.c, ",").concat(ghostMatrix.d, ",").concat(ghostMatrix.e, ",").concat(ghostMatrix.f, ")");
+        let cssMatrix = `matrix(${ghostMatrix.a},${ghostMatrix.b},${ghostMatrix.c},${ghostMatrix.d},${ghostMatrix.e},${ghostMatrix.f})`;
         css(ghostEl, 'webkitTransform', cssMatrix);
         css(ghostEl, 'mozTransform', cssMatrix);
         css(ghostEl, 'msTransform', cssMatrix);
@@ -1714,11 +1595,12 @@ Sortable.prototype =
       evt.cancelable && evt.preventDefault();
     }
   },
-  _appendGhost: function _appendGhost() {
+  _appendGhost: function () {
     // Bug if using scale(): https://stackoverflow.com/questions/2637058
     // Not being adjusted for
     if (!ghostEl) {
-      var container = this.options.fallbackOnBody ? document.body : rootEl,
+      let fallbackParent = typeof this.options.getFallbackParent === 'function' ? this.options.getFallbackParent() : null;
+      let container = fallbackParent ?? rootEl,
           rect = getRect(dragEl, true, PositionGhostAbsolutely, true, container),
           options = this.options; // Position absolutely
 
@@ -1763,17 +1645,17 @@ Sortable.prototype =
       css(ghostEl, 'transform-origin', tapDistanceLeft / parseInt(ghostEl.style.width) * 100 + '% ' + tapDistanceTop / parseInt(ghostEl.style.height) * 100 + '%');
     }
   },
-  _onDragStart: function _onDragStart(
+  _onDragStart: function (
   /**Event*/
   evt,
   /**boolean*/
   fallback) {
-    var _this = this;
+    let _this = this;
 
-    var dataTransfer = evt.dataTransfer;
-    var options = _this.options;
+    let dataTransfer = evt.dataTransfer;
+    let options = _this.options;
     pluginEvent('dragStart', this, {
-      evt: evt
+      evt
     });
 
     if (Sortable.eventCanceled) {
@@ -1843,10 +1725,10 @@ Sortable.prototype =
     }
   },
   // Returns true - if no further action is needed (either inserted or another condition)
-  _onDragOver: function _onDragOver(
+  _onDragOver: function (
   /**Event*/
   evt) {
-    var el = this.el,
+    let el = this.el,
         target = evt.target,
         dragRect,
         targetRect,
@@ -1864,22 +1746,25 @@ Sortable.prototype =
     if (_silent) return;
 
     function dragOverEvent(name, extra) {
-      pluginEvent(name, _this, _objectSpread2({
-        evt: evt,
-        isOwner: isOwner,
+      pluginEvent(name, _this, {
+        evt,
+        isOwner,
         axis: vertical ? 'vertical' : 'horizontal',
-        revert: revert,
-        dragRect: dragRect,
-        targetRect: targetRect,
-        canSort: canSort,
-        fromSortable: fromSortable,
-        target: target,
-        completed: completed,
-        onMove: function onMove(target, after) {
-          return _onMove(rootEl, el, dragEl, dragRect, target, getRect(target), evt, after);
+        revert,
+        dragRect,
+        targetRect,
+        canSort,
+        fromSortable,
+        target,
+        completed,
+
+        onMove(target, after) {
+          return onMove(rootEl, el, dragEl, dragRect, target, getRect(target), evt, after);
         },
-        changed: changed
-      }, extra));
+
+        changed,
+        ...extra
+      });
     } // Capture animation state
 
 
@@ -1896,7 +1781,7 @@ Sortable.prototype =
 
     function completed(insertion) {
       dragOverEvent('dragOverCompleted', {
-        insertion: insertion
+        insertion
       });
 
       if (insertion) {
@@ -1961,8 +1846,8 @@ Sortable.prototype =
         sortable: _this,
         name: 'change',
         toEl: el,
-        newIndex: newIndex,
-        newDraggableIndex: newDraggableIndex,
+        newIndex,
+        newDraggableIndex,
         originalEvent: evt
       });
     }
@@ -2008,7 +1893,7 @@ Sortable.prototype =
         return completed(true);
       }
 
-      var elLastChild = lastChild(el, options.draggable);
+      let elLastChild = lastChild(el, options.draggable);
 
       if (!elLastChild || _ghostIsLast(evt, vertical, this) && !elLastChild.animated) {
         // Insert to end of list
@@ -2026,7 +1911,7 @@ Sortable.prototype =
           targetRect = getRect(target);
         }
 
-        if (_onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, !!target) !== false) {
+        if (onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, !!target) !== false) {
           capture();
 
           if (elLastChild && elLastChild.nextSibling) {
@@ -2043,7 +1928,7 @@ Sortable.prototype =
         }
       } else if (elLastChild && _ghostIsFirst(evt, vertical, this)) {
         // Insert to start of list
-        var firstChild = getChild(el, 0, options, true);
+        let firstChild = getChild(el, 0, options, true);
 
         if (firstChild === dragEl) {
           return completed(false);
@@ -2052,7 +1937,7 @@ Sortable.prototype =
         target = firstChild;
         targetRect = getRect(target);
 
-        if (_onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, false) !== false) {
+        if (onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, false) !== false) {
           capture();
           el.insertBefore(dragEl, firstChild);
           parentEl = el; // actualization
@@ -2062,7 +1947,7 @@ Sortable.prototype =
         }
       } else if (target.parentNode === el) {
         targetRect = getRect(target);
-        var direction = 0,
+        let direction = 0,
             targetBeforeFirstSwap,
             differentLevel = dragEl.parentNode !== el,
             differentRowCol = !_dragElInRowColumn(dragEl.animated && dragEl.toRect || dragRect, target.animated && target.toRect || targetRect, vertical),
@@ -2077,11 +1962,11 @@ Sortable.prototype =
         }
 
         direction = _getSwapDirection(evt, target, targetRect, vertical, differentRowCol ? 1 : options.swapThreshold, options.invertedSwapThreshold == null ? options.swapThreshold : options.invertedSwapThreshold, isCircumstantialInvert, lastTarget === target);
-        var sibling;
+        let sibling;
 
         if (direction !== 0) {
           // Check if target is beside dragEl in respective direction (ignoring hidden elements)
-          var dragIndex = index(dragEl);
+          let dragIndex = index(dragEl);
 
           do {
             dragIndex -= direction;
@@ -2096,11 +1981,10 @@ Sortable.prototype =
 
         lastTarget = target;
         lastDirection = direction;
-        var nextSibling = target.nextElementSibling,
+        let nextSibling = target.nextElementSibling,
             after = false;
         after = direction === 1;
-
-        var moveVector = _onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, after);
+        let moveVector = onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, after);
 
         if (moveVector !== false) {
           if (moveVector === 1 || moveVector === -1) {
@@ -2142,7 +2026,7 @@ Sortable.prototype =
     return false;
   },
   _ignoreWhileAnimating: null,
-  _offMoveEvents: function _offMoveEvents() {
+  _offMoveEvents: function () {
     off(document, 'mousemove', this._onTouchMove);
     off(document, 'touchmove', this._onTouchMove);
     off(document, 'pointermove', this._onTouchMove);
@@ -2150,24 +2034,24 @@ Sortable.prototype =
     off(document, 'mousemove', nearestEmptyInsertDetectEvent);
     off(document, 'touchmove', nearestEmptyInsertDetectEvent);
   },
-  _offUpEvents: function _offUpEvents() {
-    var ownerDocument = this.el.ownerDocument;
+  _offUpEvents: function () {
+    let ownerDocument = this.el.ownerDocument;
     off(ownerDocument, 'mouseup', this._onDrop);
     off(ownerDocument, 'touchend', this._onDrop);
     off(ownerDocument, 'pointerup', this._onDrop);
     off(ownerDocument, 'touchcancel', this._onDrop);
     off(document, 'selectstart', this);
   },
-  _onDrop: function _onDrop(
+  _onDrop: function (
   /**Event*/
   evt) {
-    var el = this.el,
+    let el = this.el,
         options = this.options; // Get the index of the dragged element within its parent
 
     newIndex = index(dragEl);
     newDraggableIndex = index(dragEl, options.draggable);
     pluginEvent('drop', this, {
-      evt: evt
+      evt
     });
     parentEl = dragEl && dragEl.parentNode; // Get again after plugin event
 
@@ -2324,7 +2208,7 @@ Sortable.prototype =
 
     this._nulling();
   },
-  _nulling: function _nulling() {
+  _nulling: function () {
     pluginEvent('nulling', this);
     rootEl = dragEl = parentEl = ghostEl = nextEl = cloneEl = lastDownEl = cloneHidden = tapEvt = touchEvt = moved = newIndex = newDraggableIndex = oldIndex = oldDraggableIndex = lastTarget = lastDirection = putSortable = activeGroup = Sortable.dragged = Sortable.ghost = Sortable.clone = Sortable.active = null;
     savedInputChecked.forEach(function (el) {
@@ -2332,7 +2216,7 @@ Sortable.prototype =
     });
     savedInputChecked.length = lastDx = lastDy = 0;
   },
-  handleEvent: function handleEvent(
+  handleEvent: function (
   /**Event*/
   evt) {
     switch (evt.type) {
@@ -2362,8 +2246,8 @@ Sortable.prototype =
    * Serializes the item into an array of string.
    * @returns {String[]}
    */
-  toArray: function toArray() {
-    var order = [],
+  toArray: function () {
+    let order = [],
         el,
         children = this.el.children,
         i = 0,
@@ -2385,11 +2269,11 @@ Sortable.prototype =
    * Sorts the elements according to the array.
    * @param  {String[]}  order  order of the items
    */
-  sort: function sort(order, useAnimation) {
-    var items = {},
+  sort: function (order, useAnimation) {
+    let items = {},
         rootEl = this.el;
     this.toArray().forEach(function (id, i) {
-      var el = rootEl.children[i];
+      let el = rootEl.children[i];
 
       if (closest(el, this.options.draggable, rootEl, false)) {
         items[id] = el;
@@ -2408,8 +2292,8 @@ Sortable.prototype =
   /**
    * Save the current sorting
    */
-  save: function save() {
-    var store = this.options.store;
+  save: function () {
+    let store = this.options.store;
     store && store.set && store.set(this);
   },
 
@@ -2419,7 +2303,7 @@ Sortable.prototype =
    * @param   {String}       [selector]  default: `options.draggable`
    * @returns {HTMLElement|null}
    */
-  closest: function closest$1(el, selector) {
+  closest: function (el, selector) {
     return closest(el, selector || this.options.draggable, this.el, false);
   },
 
@@ -2429,13 +2313,13 @@ Sortable.prototype =
    * @param   {*}      [value]
    * @returns {*}
    */
-  option: function option(name, value) {
-    var options = this.options;
+  option: function (name, value) {
+    let options = this.options;
 
     if (value === void 0) {
       return options[name];
     } else {
-      var modifiedValue = PluginManager.modifyOption(this, name, value);
+      let modifiedValue = PluginManager.modifyOption(this, name, value);
 
       if (typeof modifiedValue !== 'undefined') {
         options[name] = modifiedValue;
@@ -2452,9 +2336,9 @@ Sortable.prototype =
   /**
    * Destroy
    */
-  destroy: function destroy() {
+  destroy: function () {
     pluginEvent('destroy', this);
-    var el = this.el;
+    let el = this.el;
     el[expando] = null;
     off(el, 'mousedown', this._onTapStart);
     off(el, 'touchstart', this._onTapStart);
@@ -2477,7 +2361,7 @@ Sortable.prototype =
     sortables.splice(sortables.indexOf(this.el), 1);
     this.el = el = null;
   },
-  _hideClone: function _hideClone() {
+  _hideClone: function () {
     if (!cloneHidden) {
       pluginEvent('hideClone', this);
       if (Sortable.eventCanceled) return;
@@ -2490,7 +2374,7 @@ Sortable.prototype =
       cloneHidden = true;
     }
   },
-  _showClone: function _showClone(putSortable) {
+  _showClone: function (putSortable) {
     if (putSortable.lastPutMode !== 'clone') {
       this._hideClone();
 
@@ -2529,8 +2413,8 @@ evt) {
   evt.cancelable && evt.preventDefault();
 }
 
-function _onMove(fromEl, toEl, dragEl, dragRect, targetEl, targetRect, originalEvent, willInsertAfter) {
-  var evt,
+function onMove(fromEl, toEl, dragEl, dragRect, targetEl, targetRect, originalEvent, willInsertAfter) {
+  let evt,
       sortable = fromEl[expando],
       onMoveFn = sortable.options.onMove,
       retVal; // Support for new CustomEvent feature
@@ -2571,19 +2455,19 @@ function _unsilent() {
 }
 
 function _ghostIsFirst(evt, vertical, sortable) {
-  var rect = getRect(getChild(sortable.el, 0, sortable.options, true));
-  var spacer = 10;
+  let rect = getRect(getChild(sortable.el, 0, sortable.options, true));
+  const spacer = 10;
   return vertical ? evt.clientX < rect.left - spacer || evt.clientY < rect.top && evt.clientX < rect.right : evt.clientY < rect.top - spacer || evt.clientY < rect.bottom && evt.clientX < rect.left;
 }
 
 function _ghostIsLast(evt, vertical, sortable) {
-  var rect = getRect(lastChild(sortable.el, sortable.options.draggable));
-  var spacer = 10;
+  let rect = getRect(lastChild(sortable.el, sortable.options.draggable));
+  const spacer = 10;
   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, targetRect, vertical, swapThreshold, invertedSwapThreshold, invertSwap, isLastTarget) {
-  var mouseOnAxis = vertical ? evt.clientY : evt.clientX,
+  let mouseOnAxis = vertical ? evt.clientY : evt.clientX,
       targetLength = vertical ? targetRect.height : targetRect.width,
       targetS1 = vertical ? targetRect.top : targetRect.left,
       targetS2 = vertical ? targetRect.bottom : targetRect.right,
@@ -2651,7 +2535,7 @@ function _getInsertDirection(target) {
 
 
 function _generateId(el) {
-  var str = el.tagName + el.className + el.src + el.href + el.textContent,
+  let str = el.tagName + el.className + el.src + el.href + el.textContent,
       i = str.length,
       sum = 0;
 
@@ -2664,11 +2548,11 @@ function _generateId(el) {
 
 function _saveInputCheckedState(root) {
   savedInputChecked.length = 0;
-  var inputs = root.getElementsByTagName('input');
-  var idx = inputs.length;
+  let inputs = root.getElementsByTagName('input');
+  let idx = inputs.length;
 
   while (idx--) {
-    var el = inputs[idx];
+    let el = inputs[idx];
     el.checked && savedInputChecked.push(el);
   }
 }
@@ -2696,7 +2580,7 @@ Sortable.utils = {
   off: off,
   css: css,
   find: find,
-  is: function is(el, selector) {
+  is: function (el, selector) {
     return !!closest(el, selector, el, false);
   },
   extend: extend,
@@ -2725,18 +2609,16 @@ Sortable.get = function (element) {
  */
 
 
-Sortable.mount = function () {
-  for (var _len = arguments.length, plugins = new Array(_len), _key = 0; _key < _len; _key++) {
-    plugins[_key] = arguments[_key];
-  }
-
+Sortable.mount = function (...plugins) {
   if (plugins[0].constructor === Array) plugins = plugins[0];
-  plugins.forEach(function (plugin) {
+  plugins.forEach(plugin => {
     if (!plugin.prototype || !plugin.prototype.constructor) {
-      throw "Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(plugin));
+      throw `Sortable: Mounted plugin must be a constructor function, not ${{}.toString.call(plugin)}`;
     }
 
-    if (plugin.utils) Sortable.utils = _objectSpread2(_objectSpread2({}, Sortable.utils), plugin.utils);
+    if (plugin.utils) Sortable.utils = { ...Sortable.utils,
+      ...plugin.utils
+    };
     PluginManager.mount(plugin);
   });
 };
@@ -2754,7 +2636,7 @@ Sortable.create = function (el, options) {
 
 Sortable.version = version;
 
-var autoScrolls = [],
+let autoScrolls = [],
     scrollEl,
     scrollRootEl,
     scrolling = false,
@@ -2773,7 +2655,7 @@ function AutoScrollPlugin() {
       bubbleScroll: true
     }; // Bind all private methods
 
-    for (var fn in this) {
+    for (let fn in this) {
       if (fn.charAt(0) === '_' && typeof this[fn] === 'function') {
         this[fn] = this[fn].bind(this);
       }
@@ -2781,9 +2663,9 @@ function AutoScrollPlugin() {
   }
 
   AutoScroll.prototype = {
-    dragStarted: function dragStarted(_ref) {
-      var originalEvent = _ref.originalEvent;
-
+    dragStarted({
+      originalEvent
+    }) {
       if (this.sortable.nativeDraggable) {
         on(document, 'dragover', this._handleAutoScroll);
       } else {
@@ -2796,15 +2678,17 @@ function AutoScrollPlugin() {
         }
       }
     },
-    dragOverCompleted: function dragOverCompleted(_ref2) {
-      var originalEvent = _ref2.originalEvent;
 
+    dragOverCompleted({
+      originalEvent
+    }) {
       // For when bubbling is canceled and using fallback (fallback 'touchmove' always reached)
       if (!this.options.dragOverBubble && !originalEvent.rootEl) {
         this._handleAutoScroll(originalEvent);
       }
     },
-    drop: function drop() {
+
+    drop() {
       if (this.sortable.nativeDraggable) {
         off(document, 'dragover', this._handleAutoScroll);
       } else {
@@ -2817,19 +2701,20 @@ function AutoScrollPlugin() {
       clearAutoScrolls();
       cancelThrottle();
     },
-    nulling: function nulling() {
+
+    nulling() {
       touchEvt$1 = scrollRootEl = scrollEl = scrolling = pointerElemChangedInterval = lastAutoScrollX = lastAutoScrollY = null;
       autoScrolls.length = 0;
     },
-    _handleFallbackAutoScroll: function _handleFallbackAutoScroll(evt) {
+
+    _handleFallbackAutoScroll(evt) {
       this._handleAutoScroll(evt, true);
     },
-    _handleAutoScroll: function _handleAutoScroll(evt, fallback) {
-      var _this = this;
 
-      var x = (evt.touches ? evt.touches[0] : evt).clientX,
-          y = (evt.touches ? evt.touches[0] : evt).clientY,
-          elem = document.elementFromPoint(x, y);
+    _handleAutoScroll(evt, fallback) {
+      const 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,
       // MACOS Safari does not have autoscroll,
@@ -2838,20 +2723,20 @@ function AutoScrollPlugin() {
       if (fallback || this.options.forceAutoScrollFallback || Edge || IE11OrLess || Safari) {
         autoScroll(evt, this.options, elem, fallback); // Listener for pointer element change
 
-        var ogElemScroller = getParentAutoScrollElement(elem, true);
+        let ogElemScroller = getParentAutoScrollElement(elem, true);
 
         if (scrolling && (!pointerElemChangedInterval || x !== lastAutoScrollX || y !== lastAutoScrollY)) {
           pointerElemChangedInterval && clearPointerElemChangedInterval(); // Detect for pointer elem change, emulating native DnD behaviour
 
-          pointerElemChangedInterval = setInterval(function () {
-            var newElem = getParentAutoScrollElement(document.elementFromPoint(x, y), true);
+          pointerElemChangedInterval = setInterval(() => {
+            let newElem = getParentAutoScrollElement(document.elementFromPoint(x, y), true);
 
             if (newElem !== ogElemScroller) {
               ogElemScroller = newElem;
               clearAutoScrolls();
             }
 
-            autoScroll(evt, _this.options, newElem, fallback);
+            autoScroll(evt, this.options, newElem, fallback);
           }, 10);
           lastAutoScrollX = x;
           lastAutoScrollY = y;
@@ -2866,6 +2751,7 @@ function AutoScrollPlugin() {
         autoScroll(evt, this.options, getParentAutoScrollElement(elem, false), false);
       }
     }
+
   };
   return _extends(AutoScroll, {
     pluginName: 'scroll',
@@ -2884,15 +2770,15 @@ function clearPointerElemChangedInterval() {
   clearInterval(pointerElemChangedInterval);
 }
 
-var autoScroll = throttle(function (evt, options, rootEl, isFallback) {
+const autoScroll = throttle(function (evt, options, rootEl, isFallback) {
   // Bug: https://bugzilla.mozilla.org/show_bug.cgi?id=505521
   if (!options.scroll) return;
-  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,
+  const x = (evt.touches ? evt.touches[0] : evt).clientX,
+        y = (evt.touches ? evt.touches[0] : evt).clientY,
+        sens = options.scrollSensitivity,
+        speed = options.scrollSpeed,
+        winScroller = getWindowScrollingElement();
+  let scrollThisInstance = false,
       scrollCustomFn; // New scroll root, set scrollEl
 
   if (scrollRootEl !== rootEl) {
@@ -2906,11 +2792,11 @@ var autoScroll = throttle(function (evt, options, rootEl, isFallback) {
     }
   }
 
-  var layersOut = 0;
-  var currentParent = scrollEl;
+  let layersOut = 0;
+  let currentParent = scrollEl;
 
   do {
-    var el = currentParent,
+    let el = currentParent,
         rect = getRect(el),
         top = rect.top,
         bottom = rect.bottom,
@@ -2918,8 +2804,8 @@ var autoScroll = throttle(function (evt, options, rootEl, isFallback) {
         right = rect.right,
         width = rect.width,
         height = rect.height,
-        canScrollX = void 0,
-        canScrollY = void 0,
+        canScrollX,
+        canScrollY,
         scrollWidth = el.scrollWidth,
         scrollHeight = el.scrollHeight,
         elCSS = css(el),
@@ -2934,11 +2820,11 @@ var autoScroll = throttle(function (evt, options, rootEl, isFallback) {
       canScrollY = height < scrollHeight && (elCSS.overflowY === 'auto' || elCSS.overflowY === 'scroll');
     }
 
-    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);
+    let vx = canScrollX && (Math.abs(right - x) <= sens && scrollPosX + width < scrollWidth) - (Math.abs(left - x) <= sens && !!scrollPosX);
+    let 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++) {
+      for (let i = 0; i <= layersOut; i++) {
         if (!autoScrolls[i]) {
           autoScrolls[i] = {};
         }
@@ -2962,8 +2848,8 @@ var autoScroll = throttle(function (evt, options, rootEl, isFallback) {
 
           }
 
-          var scrollOffsetY = autoScrolls[this.layer].vy ? autoScrolls[this.layer].vy * speed : 0;
-          var scrollOffsetX = autoScrolls[this.layer].vx ? autoScrolls[this.layer].vx * speed : 0;
+          let scrollOffsetY = autoScrolls[this.layer].vy ? autoScrolls[this.layer].vy * speed : 0;
+          let scrollOffsetX = autoScrolls[this.layer].vx ? autoScrolls[this.layer].vx * speed : 0;
 
           if (typeof scrollCustomFn === 'function') {
             if (scrollCustomFn.call(Sortable.dragged.parentNode[expando], scrollOffsetX, scrollOffsetY, evt, touchEvt$1, autoScrolls[this.layer].el) !== 'continue') {
@@ -2984,26 +2870,27 @@ var autoScroll = throttle(function (evt, options, rootEl, isFallback) {
   scrolling = scrollThisInstance; // in case another function catches scrolling as false in between when it is not
 }, 30);
 
-var drop = function drop(_ref) {
-  var originalEvent = _ref.originalEvent,
-      putSortable = _ref.putSortable,
-      dragEl = _ref.dragEl,
-      activeSortable = _ref.activeSortable,
-      dispatchSortableEvent = _ref.dispatchSortableEvent,
-      hideGhostForTarget = _ref.hideGhostForTarget,
-      unhideGhostForTarget = _ref.unhideGhostForTarget;
+const drop = function ({
+  originalEvent,
+  putSortable,
+  dragEl,
+  activeSortable,
+  dispatchSortableEvent,
+  hideGhostForTarget,
+  unhideGhostForTarget
+}) {
   if (!originalEvent) return;
-  var toSortable = putSortable || activeSortable;
+  let toSortable = putSortable || activeSortable;
   hideGhostForTarget();
-  var touch = originalEvent.changedTouches && originalEvent.changedTouches.length ? originalEvent.changedTouches[0] : originalEvent;
-  var target = document.elementFromPoint(touch.clientX, touch.clientY);
+  let touch = originalEvent.changedTouches && originalEvent.changedTouches.length ? originalEvent.changedTouches[0] : originalEvent;
+  let target = document.elementFromPoint(touch.clientX, touch.clientY);
   unhideGhostForTarget();
 
   if (toSortable && !toSortable.el.contains(target)) {
     dispatchSortableEvent('spill');
     this.onSpill({
-      dragEl: dragEl,
-      putSortable: putSortable
+      dragEl,
+      putSortable
     });
   }
 };
@@ -3012,20 +2899,24 @@ function Revert() {}
 
 Revert.prototype = {
   startIndex: null,
-  dragStart: function dragStart(_ref2) {
-    var oldDraggableIndex = _ref2.oldDraggableIndex;
+
+  dragStart({
+    oldDraggableIndex
+  }) {
     this.startIndex = oldDraggableIndex;
   },
-  onSpill: function onSpill(_ref3) {
-    var dragEl = _ref3.dragEl,
-        putSortable = _ref3.putSortable;
+
+  onSpill({
+    dragEl,
+    putSortable
+  }) {
     this.sortable.captureAnimationState();
 
     if (putSortable) {
       putSortable.captureAnimationState();
     }
 
-    var nextSibling = getChild(this.sortable.el, this.startIndex, this.options);
+    let nextSibling = getChild(this.sortable.el, this.startIndex, this.options);
 
     if (nextSibling) {
       this.sortable.el.insertBefore(dragEl, nextSibling);
@@ -3039,7 +2930,8 @@ Revert.prototype = {
       putSortable.animateAll();
     }
   },
-  drop: drop
+
+  drop
 };
 
 _extends(Revert, {
@@ -3049,15 +2941,17 @@ _extends(Revert, {
 function Remove() {}
 
 Remove.prototype = {
-  onSpill: function onSpill(_ref4) {
-    var dragEl = _ref4.dragEl,
-        putSortable = _ref4.putSortable;
-    var parentSortable = putSortable || this.sortable;
+  onSpill({
+    dragEl,
+    putSortable
+  }) {
+    const parentSortable = putSortable || this.sortable;
     parentSortable.captureAnimationState();
     dragEl.parentNode && dragEl.parentNode.removeChild(dragEl);
     parentSortable.animateAll();
   },
-  drop: drop
+
+  drop
 };
 
 _extends(Remove, {
@@ -3066,7 +2960,7 @@ _extends(Remove, {
 
 var OnSpill = [Remove, Revert];
 
-var lastSwapEl;
+let lastSwapEl;
 
 function SwapPlugin() {
   function Swap() {
@@ -3076,23 +2970,26 @@ function SwapPlugin() {
   }
 
   Swap.prototype = {
-    dragStart: function dragStart(_ref) {
-      var dragEl = _ref.dragEl;
+    dragStart({
+      dragEl
+    }) {
       lastSwapEl = dragEl;
     },
-    dragOverValid: function dragOverValid(_ref2) {
-      var completed = _ref2.completed,
-          target = _ref2.target,
-          onMove = _ref2.onMove,
-          activeSortable = _ref2.activeSortable,
-          changed = _ref2.changed,
-          cancel = _ref2.cancel;
+
+    dragOverValid({
+      completed,
+      target,
+      onMove,
+      activeSortable,
+      changed,
+      cancel
+    }) {
       if (!activeSortable.options.swap) return;
-      var el = this.sortable.el,
+      let el = this.sortable.el,
           options = this.options;
 
       if (target && target !== el) {
-        var prevSwapEl = lastSwapEl;
+        let prevSwapEl = lastSwapEl;
 
         if (onMove(target) !== false) {
           toggleClass(target, options.swapClass, true);
@@ -3110,12 +3007,14 @@ function SwapPlugin() {
       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.options;
+
+    drop({
+      activeSortable,
+      putSortable,
+      dragEl
+    }) {
+      let toSortable = putSortable || this.sortable;
+      let options = this.options;
       lastSwapEl && toggleClass(lastSwapEl, options.swapClass, false);
 
       if (lastSwapEl && (options.swap || putSortable && putSortable.options.swap)) {
@@ -3128,22 +3027,26 @@ function SwapPlugin() {
         }
       }
     },
-    nulling: function nulling() {
+
+    nulling() {
       lastSwapEl = null;
     }
+
   };
   return _extends(Swap, {
     pluginName: 'swap',
-    eventProperties: function eventProperties() {
+
+    eventProperties() {
       return {
         swapItem: lastSwapEl
       };
     }
+
   });
 }
 
 function swapNodes(n1, n2) {
-  var p1 = n1.parentNode,
+  let p1 = n1.parentNode,
       p2 = n2.parentNode,
       i1,
       i2;
@@ -3159,7 +3062,7 @@ function swapNodes(n1, n2) {
   p2.insertBefore(n1, p2.children[i2]);
 }
 
-var multiDragElements = [],
+let multiDragElements = [],
     multiDragClones = [],
     lastMultiDragSelect,
     // for selection with modifier key down (SHIFT)
@@ -3176,7 +3079,7 @@ dragStarted = false,
 function MultiDragPlugin() {
   function MultiDrag(sortable) {
     // Bind all private methods
-    for (var fn in this) {
+    for (let fn in this) {
       if (fn.charAt(0) === '_' && typeof this[fn] === 'function') {
         this[fn] = this[fn].bind(this);
       }
@@ -3197,11 +3100,12 @@ function MultiDragPlugin() {
       selectedClass: 'sortable-selected',
       multiDragKey: null,
       avoidImplicitDeselect: false,
-      setData: function setData(dataTransfer, dragEl) {
-        var data = '';
+
+      setData(dataTransfer, dragEl) {
+        let data = '';
 
         if (multiDragElements.length && multiDragSortable === sortable) {
-          multiDragElements.forEach(function (multiDragElement, i) {
+          multiDragElements.forEach((multiDragElement, i) => {
             data += (!i ? '' : ', ') + multiDragElement.textContent;
           });
         } else {
@@ -3210,25 +3114,31 @@ function MultiDragPlugin() {
 
         dataTransfer.setData('Text', data);
       }
+
     };
   }
 
   MultiDrag.prototype = {
     multiDragKeyDown: false,
     isMultiDrag: false,
-    delayStartGlobal: function delayStartGlobal(_ref) {
-      var dragged = _ref.dragEl;
+
+    delayStartGlobal({
+      dragEl: dragged
+    }) {
       dragEl$1 = dragged;
     },
-    delayEnded: function delayEnded() {
+
+    delayEnded() {
       this.isMultiDrag = ~multiDragElements.indexOf(dragEl$1);
     },
-    setupClone: function setupClone(_ref2) {
-      var sortable = _ref2.sortable,
-          cancel = _ref2.cancel;
+
+    setupClone({
+      sortable,
+      cancel
+    }) {
       if (!this.isMultiDrag) return;
 
-      for (var i = 0; i < multiDragElements.length; i++) {
+      for (let i = 0; i < multiDragElements.length; i++) {
         multiDragClones.push(clone(multiDragElements[i]));
         multiDragClones[i].sortableIndex = multiDragElements[i].sortableIndex;
         multiDragClones[i].draggable = false;
@@ -3241,11 +3151,13 @@ function MultiDragPlugin() {
 
       cancel();
     },
-    clone: function clone(_ref3) {
-      var sortable = _ref3.sortable,
-          rootEl = _ref3.rootEl,
-          dispatchSortableEvent = _ref3.dispatchSortableEvent,
-          cancel = _ref3.cancel;
+
+    clone({
+      sortable,
+      rootEl,
+      dispatchSortableEvent,
+      cancel
+    }) {
       if (!this.isMultiDrag) return;
 
       if (!this.options.removeCloneOnHide) {
@@ -3256,30 +3168,32 @@ function MultiDragPlugin() {
         }
       }
     },
-    showClone: function showClone(_ref4) {
-      var cloneNowShown = _ref4.cloneNowShown,
-          rootEl = _ref4.rootEl,
-          cancel = _ref4.cancel;
+
+    showClone({
+      cloneNowShown,
+      rootEl,
+      cancel
+    }) {
       if (!this.isMultiDrag) return;
       insertMultiDragClones(false, rootEl);
-      multiDragClones.forEach(function (clone) {
+      multiDragClones.forEach(clone => {
         css(clone, 'display', '');
       });
       cloneNowShown();
       clonesHidden = false;
       cancel();
     },
-    hideClone: function hideClone(_ref5) {
-      var _this = this;
 
-      var sortable = _ref5.sortable,
-          cloneNowHidden = _ref5.cloneNowHidden,
-          cancel = _ref5.cancel;
+    hideClone({
+      sortable,
+      cloneNowHidden,
+      cancel
+    }) {
       if (!this.isMultiDrag) return;
-      multiDragClones.forEach(function (clone) {
+      multiDragClones.forEach(clone => {
         css(clone, 'display', 'none');
 
-        if (_this.options.removeCloneOnHide && clone.parentNode) {
+        if (this.options.removeCloneOnHide && clone.parentNode) {
           clone.parentNode.removeChild(clone);
         }
       });
@@ -3287,14 +3201,15 @@ function MultiDragPlugin() {
       clonesHidden = true;
       cancel();
     },
-    dragStartGlobal: function dragStartGlobal(_ref6) {
-      var sortable = _ref6.sortable;
 
+    dragStartGlobal({
+      sortable
+    }) {
       if (!this.isMultiDrag && multiDragSortable) {
         multiDragSortable.multiDrag._deselectMultiDrag();
       }
 
-      multiDragElements.forEach(function (multiDragElement) {
+      multiDragElements.forEach(multiDragElement => {
         multiDragElement.sortableIndex = index(multiDragElement);
       }); // Sort multi-drag elements
 
@@ -3303,10 +3218,10 @@ function MultiDragPlugin() {
       });
       dragStarted = true;
     },
-    dragStarted: function dragStarted(_ref7) {
-      var _this2 = this;
 
-      var sortable = _ref7.sortable;
+    dragStarted({
+      sortable
+    }) {
       if (!this.isMultiDrag) return;
 
       if (this.options.sort) {
@@ -3319,12 +3234,12 @@ function MultiDragPlugin() {
         sortable.captureAnimationState();
 
         if (this.options.animation) {
-          multiDragElements.forEach(function (multiDragElement) {
+          multiDragElements.forEach(multiDragElement => {
             if (multiDragElement === dragEl$1) return;
             css(multiDragElement, 'position', 'absolute');
           });
-          var dragRect = getRect(dragEl$1, false, true, true);
-          multiDragElements.forEach(function (multiDragElement) {
+          let dragRect = getRect(dragEl$1, false, true, true);
+          multiDragElements.forEach(multiDragElement => {
             if (multiDragElement === dragEl$1) return;
             setRect(multiDragElement, dragRect);
           });
@@ -3333,41 +3248,43 @@ function MultiDragPlugin() {
         }
       }
 
-      sortable.animateAll(function () {
+      sortable.animateAll(() => {
         folding = false;
         initialFolding = false;
 
-        if (_this2.options.animation) {
-          multiDragElements.forEach(function (multiDragElement) {
+        if (this.options.animation) {
+          multiDragElements.forEach(multiDragElement => {
             unsetRect(multiDragElement);
           });
         } // Remove all auxiliary multidrag items from el, if sorting enabled
 
 
-        if (_this2.options.sort) {
+        if (this.options.sort) {
           removeMultiDragElements();
         }
       });
     },
-    dragOver: function dragOver(_ref8) {
-      var target = _ref8.target,
-          completed = _ref8.completed,
-          cancel = _ref8.cancel;
 
+    dragOver({
+      target,
+      completed,
+      cancel
+    }) {
       if (folding && ~multiDragElements.indexOf(target)) {
         completed(false);
         cancel();
       }
     },
-    revert: function revert(_ref9) {
-      var fromSortable = _ref9.fromSortable,
-          rootEl = _ref9.rootEl,
-          sortable = _ref9.sortable,
-          dragRect = _ref9.dragRect;
 
+    revert({
+      fromSortable,
+      rootEl,
+      sortable,
+      dragRect
+    }) {
       if (multiDragElements.length > 1) {
         // Setup unfold animation
-        multiDragElements.forEach(function (multiDragElement) {
+        multiDragElements.forEach(multiDragElement => {
           sortable.addAnimationState({
             target: multiDragElement,
             rect: folding ? getRect(multiDragElement) : dragRect
@@ -3380,14 +3297,16 @@ function MultiDragPlugin() {
         insertMultiDragElements(!this.options.removeCloneOnHide, rootEl);
       }
     },
-    dragOverCompleted: function dragOverCompleted(_ref10) {
-      var sortable = _ref10.sortable,
-          isOwner = _ref10.isOwner,
-          insertion = _ref10.insertion,
-          activeSortable = _ref10.activeSortable,
-          parentEl = _ref10.parentEl,
-          putSortable = _ref10.putSortable;
-      var options = this.options;
+
+    dragOverCompleted({
+      sortable,
+      isOwner,
+      insertion,
+      activeSortable,
+      parentEl,
+      putSortable
+    }) {
+      let options = this.options;
 
       if (insertion) {
         // Clones must be hidden before folding animation to capture dragRectAbsolute properly
@@ -3399,8 +3318,8 @@ 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);
-          multiDragElements.forEach(function (multiDragElement) {
+          let dragRectAbsolute = getRect(dragEl$1, false, true, true);
+          multiDragElements.forEach(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
@@ -3418,13 +3337,13 @@ function MultiDragPlugin() {
           }
 
           if (multiDragElements.length > 1) {
-            var clonesHiddenBefore = clonesHidden;
+            let clonesHiddenBefore = clonesHidden;
 
             activeSortable._showClone(sortable); // Unfold animation for clones if showing from hidden
 
 
             if (activeSortable.options.animation && !clonesHidden && clonesHiddenBefore) {
-              multiDragClones.forEach(function (clone) {
+              multiDragClones.forEach(clone => {
                 activeSortable.addAnimationState({
                   target: clone,
                   rect: clonesFromRect
@@ -3439,38 +3358,43 @@ function MultiDragPlugin() {
         }
       }
     },
-    dragOverAnimationCapture: function dragOverAnimationCapture(_ref11) {
-      var dragRect = _ref11.dragRect,
-          isOwner = _ref11.isOwner,
-          activeSortable = _ref11.activeSortable;
-      multiDragElements.forEach(function (multiDragElement) {
+
+    dragOverAnimationCapture({
+      dragRect,
+      isOwner,
+      activeSortable
+    }) {
+      multiDragElements.forEach(multiDragElement => {
         multiDragElement.thisAnimationDuration = null;
       });
 
       if (activeSortable.options.animation && !isOwner && activeSortable.multiDrag.isMultiDrag) {
         clonesFromRect = _extends({}, dragRect);
-        var dragMatrix = matrix(dragEl$1, true);
+        let dragMatrix = matrix(dragEl$1, true);
         clonesFromRect.top -= dragMatrix.f;
         clonesFromRect.left -= dragMatrix.e;
       }
     },
-    dragOverAnimationComplete: function dragOverAnimationComplete() {
+
+    dragOverAnimationComplete() {
       if (folding) {
         folding = false;
         removeMultiDragElements();
       }
     },
-    drop: function drop(_ref12) {
-      var evt = _ref12.originalEvent,
-          rootEl = _ref12.rootEl,
-          parentEl = _ref12.parentEl,
-          sortable = _ref12.sortable,
-          dispatchSortableEvent = _ref12.dispatchSortableEvent,
-          oldIndex = _ref12.oldIndex,
-          putSortable = _ref12.putSortable;
-      var toSortable = putSortable || this.sortable;
+
+    drop({
+      originalEvent: evt,
+      rootEl,
+      parentEl,
+      sortable,
+      dispatchSortableEvent,
+      oldIndex,
+      putSortable
+    }) {
+      let toSortable = putSortable || this.sortable;
       if (!evt) return;
-      var options = this.options,
+      let options = this.options,
           children = parentEl.children; // Multi-drag selection
 
       if (!dragStarted) {
@@ -3483,21 +3407,21 @@ function MultiDragPlugin() {
         if (!~multiDragElements.indexOf(dragEl$1)) {
           multiDragElements.push(dragEl$1);
           dispatchEvent({
-            sortable: sortable,
-            rootEl: rootEl,
+            sortable,
+            rootEl,
             name: 'select',
             targetEl: dragEl$1,
             originalEvent: evt
           }); // Modifier activated, select from last to dragEl
 
           if (evt.shiftKey && lastMultiDragSelect && sortable.el.contains(lastMultiDragSelect)) {
-            var lastIndex = index(lastMultiDragSelect),
+            let lastIndex = index(lastMultiDragSelect),
                 currentIndex = index(dragEl$1);
 
             if (~lastIndex && ~currentIndex && lastIndex !== currentIndex) {
               // Must include lastMultiDragSelect (select it), in case modified selection from no selection
               // (but previous selection existed)
-              var n, i;
+              let n, i;
 
               if (currentIndex > lastIndex) {
                 i = lastIndex;
@@ -3512,8 +3436,8 @@ function MultiDragPlugin() {
                 toggleClass(children[i], options.selectedClass, true);
                 multiDragElements.push(children[i]);
                 dispatchEvent({
-                  sortable: sortable,
-                  rootEl: rootEl,
+                  sortable,
+                  rootEl,
                   name: 'select',
                   targetEl: children[i],
                   originalEvent: evt
@@ -3529,8 +3453,8 @@ function MultiDragPlugin() {
           multiDragElements.splice(multiDragElements.indexOf(dragEl$1), 1);
           lastMultiDragSelect = null;
           dispatchEvent({
-            sortable: sortable,
-            rootEl: rootEl,
+            sortable,
+            rootEl,
             name: 'deselect',
             targetEl: dragEl$1,
             originalEvent: evt
@@ -3543,7 +3467,7 @@ function MultiDragPlugin() {
         folding = false; // Do not "unfold" after around dragEl if reverted
 
         if ((parentEl[expando].options.sort || parentEl !== rootEl) && multiDragElements.length > 1) {
-          var dragRect = getRect(dragEl$1),
+          let dragRect = getRect(dragEl$1),
               multiDragIndex = index(dragEl$1, ':not(.' + this.options.selectedClass + ')');
           if (!initialFolding && options.animation) dragEl$1.thisAnimationDuration = null;
           toSortable.captureAnimationState();
@@ -3551,11 +3475,11 @@ function MultiDragPlugin() {
           if (!initialFolding) {
             if (options.animation) {
               dragEl$1.fromRect = dragRect;
-              multiDragElements.forEach(function (multiDragElement) {
+              multiDragElements.forEach(multiDragElement => {
                 multiDragElement.thisAnimationDuration = null;
 
                 if (multiDragElement !== dragEl$1) {
-                  var rect = folding ? getRect(multiDragElement) : dragRect;
+                  let rect = folding ? getRect(multiDragElement) : dragRect;
                   multiDragElement.fromRect = rect; // Prepare unfold animation
 
                   toSortable.addAnimationState({
@@ -3569,7 +3493,7 @@ function MultiDragPlugin() {
 
 
             removeMultiDragElements();
-            multiDragElements.forEach(function (multiDragElement) {
+            multiDragElements.forEach(multiDragElement => {
               if (children[multiDragIndex]) {
                 parentEl.insertBefore(multiDragElement, children[multiDragIndex]);
               } else {
@@ -3582,8 +3506,8 @@ function MultiDragPlugin() {
             // must be fired here as Sortable will not.
 
             if (oldIndex === index(dragEl$1)) {
-              var update = false;
-              multiDragElements.forEach(function (multiDragElement) {
+              let update = false;
+              multiDragElements.forEach(multiDragElement => {
                 if (multiDragElement.sortableIndex !== index(multiDragElement)) {
                   update = true;
                   return;
@@ -3597,7 +3521,7 @@ function MultiDragPlugin() {
           } // Must be done after capturing individual rects (scroll bar)
 
 
-          multiDragElements.forEach(function (multiDragElement) {
+          multiDragElements.forEach(multiDragElement => {
             unsetRect(multiDragElement);
           });
           toSortable.animateAll();
@@ -3608,16 +3532,18 @@ function MultiDragPlugin() {
 
 
       if (rootEl === parentEl || putSortable && putSortable.lastPutMode !== 'clone') {
-        multiDragClones.forEach(function (clone) {
+        multiDragClones.forEach(clone => {
           clone.parentNode && clone.parentNode.removeChild(clone);
         });
       }
     },
-    nullingGlobal: function nullingGlobal() {
+
+    nullingGlobal() {
       this.isMultiDrag = dragStarted = false;
       multiDragClones.length = 0;
     },
-    destroyGlobal: function destroyGlobal() {
+
+    destroyGlobal() {
       this._deselectMultiDrag();
 
       off(document, 'pointerup', this._deselectMultiDrag);
@@ -3626,7 +3552,8 @@ function MultiDragPlugin() {
       off(document, 'keydown', this._checkKeyDown);
       off(document, 'keyup', this._checkKeyUp);
     },
-    _deselectMultiDrag: function _deselectMultiDrag(evt) {
+
+    _deselectMultiDrag(evt) {
       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
@@ -3636,7 +3563,7 @@ function MultiDragPlugin() {
       if (evt && evt.button !== 0) return;
 
       while (multiDragElements.length) {
-        var el = multiDragElements[0];
+        let el = multiDragElements[0];
         toggleClass(el, this.options.selectedClass, false);
         multiDragElements.shift();
         dispatchEvent({
@@ -3648,16 +3575,19 @@ function MultiDragPlugin() {
         });
       }
     },
-    _checkKeyDown: function _checkKeyDown(evt) {
+
+    _checkKeyDown(evt) {
       if (evt.key === this.options.multiDragKey) {
         this.multiDragKeyDown = true;
       }
     },
-    _checkKeyUp: function _checkKeyUp(evt) {
+
+    _checkKeyUp(evt) {
       if (evt.key === this.options.multiDragKey) {
         this.multiDragKeyDown = false;
       }
     }
+
   };
   return _extends(MultiDrag, {
     // Static methods & properties
@@ -3667,8 +3597,8 @@ function MultiDragPlugin() {
        * Selects the provided multi-drag item
        * @param  {HTMLElement} el    The element to be selected
        */
-      select: function select(el) {
-        var sortable = el.parentNode[expando];
+      select(el) {
+        let sortable = el.parentNode[expando];
         if (!sortable || !sortable.options.multiDrag || ~multiDragElements.indexOf(el)) return;
 
         if (multiDragSortable && multiDragSortable !== sortable) {
@@ -3685,49 +3615,50 @@ function MultiDragPlugin() {
        * Deselects the provided multi-drag item
        * @param  {HTMLElement} el    The element to be deselected
        */
-      deselect: function deselect(el) {
-        var sortable = el.parentNode[expando],
+      deselect(el) {
+        let sortable = el.parentNode[expando],
             index = multiDragElements.indexOf(el);
         if (!sortable || !sortable.options.multiDrag || !~index) return;
         toggleClass(el, sortable.options.selectedClass, false);
         multiDragElements.splice(index, 1);
       }
+
     },
-    eventProperties: function eventProperties() {
-      var _this3 = this;
 
-      var oldIndicies = [],
-          newIndicies = [];
-      multiDragElements.forEach(function (multiDragElement) {
+    eventProperties() {
+      const oldIndicies = [],
+            newIndicies = [];
+      multiDragElements.forEach(multiDragElement => {
         oldIndicies.push({
-          multiDragElement: multiDragElement,
+          multiDragElement,
           index: multiDragElement.sortableIndex
         }); // multiDragElements will already be sorted if folding
 
-        var newIndex;
+        let newIndex;
 
         if (folding && multiDragElement !== dragEl$1) {
           newIndex = -1;
         } else if (folding) {
-          newIndex = index(multiDragElement, ':not(.' + _this3.options.selectedClass + ')');
+          newIndex = index(multiDragElement, ':not(.' + this.options.selectedClass + ')');
         } else {
           newIndex = index(multiDragElement);
         }
 
         newIndicies.push({
-          multiDragElement: multiDragElement,
+          multiDragElement,
           index: newIndex
         });
       });
       return {
-        items: _toConsumableArray(multiDragElements),
-        clones: [].concat(multiDragClones),
-        oldIndicies: oldIndicies,
-        newIndicies: newIndicies
+        items: [...multiDragElements],
+        clones: [...multiDragClones],
+        oldIndicies,
+        newIndicies
       };
     },
+
     optionListeners: {
-      multiDragKey: function multiDragKey(key) {
+      multiDragKey(key) {
         key = key.toLowerCase();
 
         if (key === 'ctrl') {
@@ -3738,13 +3669,14 @@ function MultiDragPlugin() {
 
         return key;
       }
+
     }
   });
 }
 
 function insertMultiDragElements(clonesInserted, rootEl) {
-  multiDragElements.forEach(function (multiDragElement, i) {
-    var target = rootEl.children[multiDragElement.sortableIndex + (clonesInserted ? Number(i) : 0)];
+  multiDragElements.forEach((multiDragElement, i) => {
+    let target = rootEl.children[multiDragElement.sortableIndex + (clonesInserted ? Number(i) : 0)];
 
     if (target) {
       rootEl.insertBefore(multiDragElement, target);
@@ -3761,8 +3693,8 @@ function insertMultiDragElements(clonesInserted, rootEl) {
 
 
 function insertMultiDragClones(elementsInserted, rootEl) {
-  multiDragClones.forEach(function (clone, i) {
-    var target = rootEl.children[clone.sortableIndex + (elementsInserted ? Number(i) : 0)];
+  multiDragClones.forEach((clone, i) => {
+    let target = rootEl.children[clone.sortableIndex + (elementsInserted ? Number(i) : 0)];
 
     if (target) {
       rootEl.insertBefore(clone, target);
@@ -3773,7 +3705,7 @@ function insertMultiDragClones(elementsInserted, rootEl) {
 }
 
 function removeMultiDragElements() {
-  multiDragElements.forEach(function (multiDragElement) {
+  multiDragElements.forEach(multiDragElement => {
     if (multiDragElement === dragEl$1) return;
     multiDragElement.parentNode && multiDragElement.parentNode.removeChild(multiDragElement);
   });
diff --git a/modular/sortable.esm.js b/modular/sortable.esm.js
index 6ec7ed1bb..63ad12ca2 100644
--- a/modular/sortable.esm.js
+++ b/modular/sortable.esm.js
@@ -4,75 +4,6 @@
  * @author	owenm    <owen23355@gmail.com>
  * @license MIT
  */
-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(Object(source), true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
-  }
-
-  return target;
-}
-
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function (obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function (obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
-}
-
-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 _extends() {
   _extends = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -91,75 +22,6 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-
-  var key, i;
-
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-
-  return target;
-}
-
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
-
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
-  return arr2;
-}
-
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
 var version = "1.15.0";
 
 function userAgent(pattern) {
@@ -168,14 +30,14 @@ function userAgent(pattern) {
   }
 }
 
-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);
+const IE11OrLess = userAgent(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i);
+const Edge = userAgent(/Edge/i);
+const FireFox = userAgent(/firefox/i);
+const Safari = userAgent(/safari/i) && !userAgent(/chrome/i) && !userAgent(/android/i);
+const IOS = userAgent(/iP(ad|od|hone)/i);
+const ChromeForAndroid = userAgent(/chrome/i) && userAgent(/android/i);
 
-var captureMode = {
+const captureMode = {
   capture: false,
   passive: false
 };
@@ -240,21 +102,21 @@ ctx, includeCTX) {
   return null;
 }
 
-var R_SPACE = /\s+/g;
+const R_SPACE = /\s+/g;
 
 function toggleClass(el, name, state) {
   if (el && name) {
     if (el.classList) {
       el.classList[state ? 'add' : 'remove'](name);
     } else {
-      var className = (' ' + el.className + ' ').replace(R_SPACE, ' ').replace(' ' + name + ' ', ' ');
+      let className = (' ' + el.className + ' ').replace(R_SPACE, ' ').replace(' ' + name + ' ', ' ');
       el.className = (className + (state ? ' ' + name : '')).replace(R_SPACE, ' ');
     }
   }
 }
 
 function css(el, prop, val) {
-  var style = el && el.style;
+  let style = el && el.style;
 
   if (style) {
     if (val === void 0) {
@@ -276,13 +138,13 @@ function css(el, prop, val) {
 }
 
 function matrix(el, selfOnly) {
-  var appliedTransforms = '';
+  let appliedTransforms = '';
 
   if (typeof el === 'string') {
     appliedTransforms = el;
   } else {
     do {
-      var transform = css(el, 'transform');
+      let transform = css(el, 'transform');
 
       if (transform && transform !== 'none') {
         appliedTransforms = transform + ' ' + appliedTransforms;
@@ -292,7 +154,7 @@ function matrix(el, selfOnly) {
     } while (!selfOnly && (el = el.parentNode));
   }
 
-  var matrixFn = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
+  const matrixFn = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
   /*jshint -W056 */
 
   return matrixFn && new matrixFn(appliedTransforms);
@@ -300,7 +162,7 @@ function matrix(el, selfOnly) {
 
 function find(ctx, tagName, iterator) {
   if (ctx) {
-    var list = ctx.getElementsByTagName(tagName),
+    let list = ctx.getElementsByTagName(tagName),
         i = 0,
         n = list.length;
 
@@ -317,7 +179,7 @@ function find(ctx, tagName, iterator) {
 }
 
 function getWindowScrollingElement() {
-  var scrollingElement = document.scrollingElement;
+  let scrollingElement = document.scrollingElement;
 
   if (scrollingElement) {
     return scrollingElement;
@@ -338,7 +200,7 @@ function getWindowScrollingElement() {
 
 function getRect(el, relativeToContainingBlock, relativeToNonStaticParent, undoScale, container) {
   if (!el.getBoundingClientRect && el !== window) return;
-  var elRect, top, left, bottom, right, height, width;
+  let elRect, top, left, bottom, right, height, width;
 
   if (el !== window && el.parentNode && el !== getWindowScrollingElement()) {
     elRect = el.getBoundingClientRect();
@@ -365,7 +227,7 @@ function getRect(el, relativeToContainingBlock, relativeToNonStaticParent, undoS
     if (!IE11OrLess) {
       do {
         if (container && container.getBoundingClientRect && (css(container, 'transform') !== 'none' || relativeToNonStaticParent && css(container, 'position') !== 'static')) {
-          var containerRect = container.getBoundingClientRect(); // Set relative to edges of padding box of container
+          let containerRect = container.getBoundingClientRect(); // Set relative to edges of padding box of container
 
           top -= containerRect.top + parseInt(css(container, 'border-top-width'));
           left -= containerRect.left + parseInt(css(container, 'border-left-width'));
@@ -381,7 +243,7 @@ function getRect(el, relativeToContainingBlock, relativeToNonStaticParent, undoS
 
   if (undoScale && el !== window) {
     // Adjust for scale()
-    var elMatrix = matrix(container || el),
+    let elMatrix = matrix(container || el),
         scaleX = elMatrix && elMatrix.a,
         scaleY = elMatrix && elMatrix.d;
 
@@ -414,13 +276,13 @@ function getRect(el, relativeToContainingBlock, relativeToNonStaticParent, undoS
 
 
 function isScrolledPast(el, elSide, parentSide) {
-  var parent = getParentAutoScrollElement(el, true),
+  let parent = getParentAutoScrollElement(el, true),
       elSideVal = getRect(el)[elSide];
   /* jshint boss:true */
 
   while (parent) {
-    var parentSideVal = getRect(parent)[parentSide],
-        visible = void 0;
+    let parentSideVal = getRect(parent)[parentSide],
+        visible;
 
     if (parentSide === 'top' || parentSide === 'left') {
       visible = elSideVal >= parentSideVal;
@@ -446,7 +308,7 @@ function isScrolledPast(el, elSide, parentSide) {
 
 
 function getChild(el, childNum, options, includeDragEl) {
-  var currentChild = 0,
+  let currentChild = 0,
       i = 0,
       children = el.children;
 
@@ -473,7 +335,7 @@ function getChild(el, childNum, options, includeDragEl) {
 
 
 function lastChild(el, selector) {
-  var last = el.lastElementChild;
+  let last = el.lastElementChild;
 
   while (last && (last === Sortable.ghost || css(last, 'display') === 'none' || selector && !matches(last, selector))) {
     last = last.previousElementSibling;
@@ -491,7 +353,7 @@ function lastChild(el, selector) {
 
 
 function index(el, selector) {
-  var index = 0;
+  let index = 0;
 
   if (!el || !el.parentNode) {
     return -1;
@@ -516,13 +378,13 @@ function index(el, selector) {
 
 
 function getRelativeScrollOffset(el) {
-  var offsetLeft = 0,
+  let offsetLeft = 0,
       offsetTop = 0,
       winScroller = getWindowScrollingElement();
 
   if (el) {
     do {
-      var elMatrix = matrix(el),
+      let elMatrix = matrix(el),
           scaleX = elMatrix.a,
           scaleY = elMatrix.d;
       offsetLeft += el.scrollLeft * scaleX;
@@ -541,10 +403,10 @@ function getRelativeScrollOffset(el) {
 
 
 function indexOfObject(arr, obj) {
-  for (var i in arr) {
+  for (let i in arr) {
     if (!arr.hasOwnProperty(i)) continue;
 
-    for (var key in obj) {
+    for (let key in obj) {
       if (obj.hasOwnProperty(key) && obj[key] === arr[i][key]) return Number(i);
     }
   }
@@ -555,13 +417,13 @@ function indexOfObject(arr, obj) {
 function getParentAutoScrollElement(el, includeSelf) {
   // skip to window
   if (!el || !el.getBoundingClientRect) return getWindowScrollingElement();
-  var elem = el;
-  var gotSelf = false;
+  let elem = el;
+  let gotSelf = false;
 
   do {
     // we don't need to get elem css if it isn't even overflowing in the first place (performance)
     if (elem.clientWidth < elem.scrollWidth || elem.clientHeight < elem.scrollHeight) {
-      var elemCSS = css(elem);
+      let elemCSS = css(elem);
 
       if (elem.clientWidth < elem.scrollWidth && (elemCSS.overflowX == 'auto' || elemCSS.overflowX == 'scroll') || elem.clientHeight < elem.scrollHeight && (elemCSS.overflowY == 'auto' || elemCSS.overflowY == 'scroll')) {
         if (!elem.getBoundingClientRect || elem === document.body) return getWindowScrollingElement();
@@ -578,7 +440,7 @@ function getParentAutoScrollElement(el, includeSelf) {
 
 function extend(dst, src) {
   if (dst && src) {
-    for (var key in src) {
+    for (let key in src) {
       if (src.hasOwnProperty(key)) {
         dst[key] = src[key];
       }
@@ -592,12 +454,12 @@ function isRectEqual(rect1, rect2) {
   return Math.round(rect1.top) === Math.round(rect2.top) && Math.round(rect1.left) === Math.round(rect2.left) && Math.round(rect1.height) === Math.round(rect2.height) && Math.round(rect1.width) === Math.round(rect2.width);
 }
 
-var _throttleTimeout;
+let _throttleTimeout;
 
 function throttle(callback, ms) {
   return function () {
     if (!_throttleTimeout) {
-      var args = arguments,
+      let args = arguments,
           _this = this;
 
       if (args.length === 1) {
@@ -624,8 +486,8 @@ function scrollBy(el, x, y) {
 }
 
 function clone(el) {
-  var Polymer = window.Polymer;
-  var $ = window.jQuery || window.Zepto;
+  let Polymer = window.Polymer;
+  let $ = window.jQuery || window.Zepto;
 
   if (Polymer && Polymer.dom) {
     return Polymer.dom(el).cloneNode(true);
@@ -652,28 +514,27 @@ function unsetRect(el) {
   css(el, 'height', '');
 }
 
-var expando = 'Sortable' + new Date().getTime();
+const expando = 'Sortable' + new Date().getTime();
 
 function AnimationStateManager() {
-  var animationStates = [],
+  let animationStates = [],
       animationCallbackId;
   return {
-    captureAnimationState: function captureAnimationState() {
+    captureAnimationState() {
       animationStates = [];
       if (!this.options.animation) return;
-      var children = [].slice.call(this.el.children);
-      children.forEach(function (child) {
+      let children = [].slice.call(this.el.children);
+      children.forEach(child => {
         if (css(child, 'display') === 'none' || child === Sortable.ghost) return;
         animationStates.push({
           target: child,
           rect: getRect(child)
         });
-
-        var fromRect = _objectSpread2({}, animationStates[animationStates.length - 1].rect); // If animating: compensate for current animation
-
+        let fromRect = { ...animationStates[animationStates.length - 1].rect
+        }; // If animating: compensate for current animation
 
         if (child.thisAnimationDuration) {
-          var childMatrix = matrix(child, true);
+          let childMatrix = matrix(child, true);
 
           if (childMatrix) {
             fromRect.top -= childMatrix.f;
@@ -684,27 +545,28 @@ function AnimationStateManager() {
         child.fromRect = fromRect;
       });
     },
-    addAnimationState: function addAnimationState(state) {
+
+    addAnimationState(state) {
       animationStates.push(state);
     },
-    removeAnimationState: function removeAnimationState(target) {
+
+    removeAnimationState(target) {
       animationStates.splice(indexOfObject(animationStates, {
-        target: target
+        target
       }), 1);
     },
-    animateAll: function animateAll(callback) {
-      var _this = this;
 
+    animateAll(callback) {
       if (!this.options.animation) {
         clearTimeout(animationCallbackId);
         if (typeof callback === 'function') callback();
         return;
       }
 
-      var animating = false,
+      let animating = false,
           animationTime = 0;
-      animationStates.forEach(function (state) {
-        var time = 0,
+      animationStates.forEach(state => {
+        let time = 0,
             target = state.target,
             fromRect = target.fromRect,
             toRect = getRect(target),
@@ -726,7 +588,7 @@ function AnimationStateManager() {
           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
 
@@ -736,10 +598,10 @@ function AnimationStateManager() {
           target.prevToRect = toRect;
 
           if (!time) {
-            time = _this.options.animation;
+            time = this.options.animation;
           }
 
-          _this.animate(target, animatingRect, toRect, time);
+          this.animate(target, animatingRect, toRect, time);
         }
 
         if (time) {
@@ -768,11 +630,12 @@ function AnimationStateManager() {
 
       animationStates = [];
     },
-    animate: function animate(target, currentRect, toRect, duration) {
+
+    animate(target, currentRect, toRect, duration) {
       if (duration) {
         css(target, 'transition', '');
         css(target, 'transform', '');
-        var elMatrix = matrix(this.el),
+        let elMatrix = matrix(this.el),
             scaleX = elMatrix && elMatrix.a,
             scaleY = elMatrix && elMatrix.d,
             translateX = (currentRect.left - toRect.left) / (scaleX || 1),
@@ -794,6 +657,7 @@ function AnimationStateManager() {
         }, duration);
       }
     }
+
   };
 }
 
@@ -805,59 +669,61 @@ function calculateRealTime(animatingRect, fromRect, toRect, options) {
   return Math.sqrt(Math.pow(fromRect.top - animatingRect.top, 2) + Math.pow(fromRect.left - animatingRect.left, 2)) / Math.sqrt(Math.pow(fromRect.top - toRect.top, 2) + Math.pow(fromRect.left - toRect.left, 2)) * options.animation;
 }
 
-var plugins = [];
-var defaults = {
+let plugins = [];
+const defaults = {
   initializeByDefault: true
 };
 var PluginManager = {
-  mount: function mount(plugin) {
+  mount(plugin) {
     // Set default static properties
-    for (var option in defaults) {
+    for (let option in defaults) {
       if (defaults.hasOwnProperty(option) && !(option in plugin)) {
         plugin[option] = defaults[option];
       }
     }
 
-    plugins.forEach(function (p) {
+    plugins.forEach(p => {
       if (p.pluginName === plugin.pluginName) {
-        throw "Sortable: Cannot mount plugin ".concat(plugin.pluginName, " more than once");
+        throw `Sortable: Cannot mount plugin ${plugin.pluginName} more than once`;
       }
     });
     plugins.push(plugin);
   },
-  pluginEvent: function pluginEvent(eventName, sortable, evt) {
-    var _this = this;
 
+  pluginEvent(eventName, sortable, evt) {
     this.eventCanceled = false;
 
-    evt.cancel = function () {
-      _this.eventCanceled = true;
+    evt.cancel = () => {
+      this.eventCanceled = true;
     };
 
-    var eventNameGlobal = eventName + 'Global';
-    plugins.forEach(function (plugin) {
+    const eventNameGlobal = eventName + 'Global';
+    plugins.forEach(plugin => {
       if (!sortable[plugin.pluginName]) return; // Fire global events if it exists in this sortable
 
       if (sortable[plugin.pluginName][eventNameGlobal]) {
-        sortable[plugin.pluginName][eventNameGlobal](_objectSpread2({
-          sortable: sortable
-        }, evt));
+        sortable[plugin.pluginName][eventNameGlobal]({
+          sortable,
+          ...evt
+        });
       } // Only fire plugin event if plugin is enabled in this sortable,
       // and plugin has event defined
 
 
       if (sortable.options[plugin.pluginName] && sortable[plugin.pluginName][eventName]) {
-        sortable[plugin.pluginName][eventName](_objectSpread2({
-          sortable: sortable
-        }, evt));
+        sortable[plugin.pluginName][eventName]({
+          sortable,
+          ...evt
+        });
       }
     });
   },
-  initializePlugins: function initializePlugins(sortable, el, defaults, options) {
-    plugins.forEach(function (plugin) {
-      var pluginName = plugin.pluginName;
+
+  initializePlugins(sortable, el, defaults, options) {
+    plugins.forEach(plugin => {
+      const pluginName = plugin.pluginName;
       if (!sortable.options[pluginName] && !plugin.initializeByDefault) return;
-      var initialized = new plugin(sortable, el, sortable.options);
+      let initialized = new plugin(sortable, el, sortable.options);
       initialized.sortable = sortable;
       initialized.options = sortable.options;
       sortable[pluginName] = initialized; // Add default options from plugin
@@ -865,27 +731,29 @@ var PluginManager = {
       _extends(defaults, initialized.defaults);
     });
 
-    for (var option in sortable.options) {
+    for (let option in sortable.options) {
       if (!sortable.options.hasOwnProperty(option)) continue;
-      var modified = this.modifyOption(sortable, option, sortable.options[option]);
+      let modified = this.modifyOption(sortable, option, sortable.options[option]);
 
       if (typeof modified !== 'undefined') {
         sortable.options[option] = modified;
       }
     }
   },
-  getEventProperties: function getEventProperties(name, sortable) {
-    var eventProperties = {};
-    plugins.forEach(function (plugin) {
+
+  getEventProperties(name, sortable) {
+    let eventProperties = {};
+    plugins.forEach(plugin => {
       if (typeof plugin.eventProperties !== 'function') return;
 
       _extends(eventProperties, plugin.eventProperties.call(sortable[plugin.pluginName], name));
     });
     return eventProperties;
   },
-  modifyOption: function modifyOption(sortable, name, value) {
-    var modifiedValue;
-    plugins.forEach(function (plugin) {
+
+  modifyOption(sortable, name, value) {
+    let modifiedValue;
+    plugins.forEach(plugin => {
       // Plugin must exist on the Sortable
       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
 
@@ -895,26 +763,28 @@ var PluginManager = {
     });
     return modifiedValue;
   }
+
 };
 
-function dispatchEvent(_ref) {
-  var sortable = _ref.sortable,
-      rootEl = _ref.rootEl,
-      name = _ref.name,
-      targetEl = _ref.targetEl,
-      cloneEl = _ref.cloneEl,
-      toEl = _ref.toEl,
-      fromEl = _ref.fromEl,
-      oldIndex = _ref.oldIndex,
-      newIndex = _ref.newIndex,
-      oldDraggableIndex = _ref.oldDraggableIndex,
-      newDraggableIndex = _ref.newDraggableIndex,
-      originalEvent = _ref.originalEvent,
-      putSortable = _ref.putSortable,
-      extraEventProperties = _ref.extraEventProperties;
+function dispatchEvent({
+  sortable,
+  rootEl,
+  name,
+  targetEl,
+  cloneEl,
+  toEl,
+  fromEl,
+  oldIndex,
+  newIndex,
+  oldDraggableIndex,
+  newDraggableIndex,
+  originalEvent,
+  putSortable,
+  extraEventProperties
+}) {
   sortable = sortable || rootEl && rootEl[expando];
   if (!sortable) return;
-  var evt,
+  let evt,
       options = sortable.options,
       onName = 'on' + name.charAt(0).toUpperCase() + name.substr(1); // Support for new CustomEvent feature
 
@@ -938,10 +808,11 @@ function dispatchEvent(_ref) {
   evt.newDraggableIndex = newDraggableIndex;
   evt.originalEvent = originalEvent;
   evt.pullMode = putSortable ? putSortable.lastPutMode : undefined;
+  let allEventProperties = { ...extraEventProperties,
+    ...PluginManager.getEventProperties(name, sortable)
+  };
 
-  var allEventProperties = _objectSpread2(_objectSpread2({}, extraEventProperties), PluginManager.getEventProperties(name, sortable));
-
-  for (var option in allEventProperties) {
+  for (let option in allEventProperties) {
     evt[option] = allEventProperties[option];
   }
 
@@ -954,62 +825,65 @@ function dispatchEvent(_ref) {
   }
 }
 
-var _excluded = ["evt"];
-
-var pluginEvent = function pluginEvent(eventName, sortable) {
-  var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
-      originalEvent = _ref.evt,
-      data = _objectWithoutProperties(_ref, _excluded);
-
-  PluginManager.pluginEvent.bind(Sortable)(eventName, sortable, _objectSpread2({
-    dragEl: dragEl,
-    parentEl: parentEl,
-    ghostEl: ghostEl,
-    rootEl: rootEl,
-    nextEl: nextEl,
-    lastDownEl: lastDownEl,
-    cloneEl: cloneEl,
-    cloneHidden: cloneHidden,
+let pluginEvent = function (eventName, sortable, {
+  evt: originalEvent,
+  ...data
+} = {}) {
+  PluginManager.pluginEvent.bind(Sortable)(eventName, sortable, {
+    dragEl,
+    parentEl,
+    ghostEl,
+    rootEl,
+    nextEl,
+    lastDownEl,
+    cloneEl,
+    cloneHidden,
     dragStarted: moved,
-    putSortable: putSortable,
+    putSortable,
     activeSortable: Sortable.active,
-    originalEvent: originalEvent,
-    oldIndex: oldIndex,
-    oldDraggableIndex: oldDraggableIndex,
-    newIndex: newIndex,
-    newDraggableIndex: newDraggableIndex,
+    originalEvent,
+    oldIndex,
+    oldDraggableIndex,
+    newIndex,
+    newDraggableIndex,
     hideGhostForTarget: _hideGhostForTarget,
     unhideGhostForTarget: _unhideGhostForTarget,
-    cloneNowHidden: function cloneNowHidden() {
+
+    cloneNowHidden() {
       cloneHidden = true;
     },
-    cloneNowShown: function cloneNowShown() {
+
+    cloneNowShown() {
       cloneHidden = false;
     },
-    dispatchSortableEvent: function dispatchSortableEvent(name) {
+
+    dispatchSortableEvent(name) {
       _dispatchEvent({
-        sortable: sortable,
-        name: name,
-        originalEvent: originalEvent
+        sortable,
+        name,
+        originalEvent
       });
-    }
-  }, data));
+    },
+
+    ...data
+  });
 };
 
 function _dispatchEvent(info) {
-  dispatchEvent(_objectSpread2({
-    putSortable: putSortable,
-    cloneEl: cloneEl,
+  dispatchEvent({
+    putSortable,
+    cloneEl,
     targetEl: dragEl,
-    rootEl: rootEl,
-    oldIndex: oldIndex,
-    oldDraggableIndex: oldDraggableIndex,
-    newIndex: newIndex,
-    newDraggableIndex: newDraggableIndex
-  }, info));
+    rootEl,
+    oldIndex,
+    oldDraggableIndex,
+    newIndex,
+    newDraggableIndex,
+    ...info
+  });
 }
 
-var dragEl,
+let dragEl,
     parentEl,
     ghostEl,
     rootEl,
@@ -1046,24 +920,24 @@ _silent = false,
     savedInputChecked = [];
 /** @const */
 
-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
+const 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 = documentExists && !ChromeForAndroid && !IOS && 'draggable' in document.createElement('div'),
-    supportCssPointerEvents = function () {
+      supportCssPointerEvents = function () {
   if (!documentExists) return; // false when <= IE11
 
   if (IE11OrLess) {
     return false;
   }
 
-  var el = document.createElement('x');
+  let el = document.createElement('x');
   el.style.cssText = 'pointer-events:auto';
   return el.style.pointerEvents === 'auto';
 }(),
-    _detectDirection = function _detectDirection(el, options) {
-  var elCSS = css(el),
+      _detectDirection = function (el, options) {
+  let elCSS = css(el),
       elWidth = parseInt(elCSS.width) - parseInt(elCSS.paddingLeft) - parseInt(elCSS.paddingRight) - parseInt(elCSS.borderLeftWidth) - parseInt(elCSS.borderRightWidth),
       child1 = getChild(el, 0, options),
       child2 = getChild(el, 1, options),
@@ -1080,15 +954,15 @@ supportDraggable = documentExists && !ChromeForAndroid && !IOS && 'draggable' in
     return elCSS.gridTemplateColumns.split(' ').length <= 1 ? 'vertical' : 'horizontal';
   }
 
-  if (child1 && firstChildCSS["float"] && firstChildCSS["float"] !== 'none') {
-    var touchingSideChild2 = firstChildCSS["float"] === 'left' ? 'left' : 'right';
+  if (child1 && firstChildCSS.float && firstChildCSS.float !== 'none') {
+    let touchingSideChild2 = firstChildCSS.float === 'left' ? 'left' : 'right';
     return child2 && (secondChildCSS.clear === 'both' || secondChildCSS.clear === touchingSideChild2) ? 'vertical' : 'horizontal';
   }
 
   return child1 && (firstChildCSS.display === 'block' || firstChildCSS.display === 'flex' || firstChildCSS.display === 'table' || firstChildCSS.display === 'grid' || firstChildWidth >= elWidth && elCSS[CSSFloatProperty] === 'none' || child2 && elCSS[CSSFloatProperty] === 'none' && firstChildWidth + secondChildWidth > elWidth) ? 'vertical' : 'horizontal';
 },
-    _dragElInRowColumn = function _dragElInRowColumn(dragRect, targetRect, vertical) {
-  var dragElS1Opp = vertical ? dragRect.left : dragRect.top,
+      _dragElInRowColumn = function (dragRect, targetRect, vertical) {
+  let dragElS1Opp = vertical ? dragRect.left : dragRect.top,
       dragElS2Opp = vertical ? dragRect.right : dragRect.bottom,
       dragElOppLength = vertical ? dragRect.width : dragRect.height,
       targetS1Opp = vertical ? targetRect.left : targetRect.top,
@@ -1103,14 +977,14 @@ supportDraggable = documentExists && !ChromeForAndroid && !IOS && 'draggable' in
  * @param  {Number} y      Y position
  * @return {HTMLElement}   Element of the first found nearest Sortable
  */
-_detectNearestEmptySortable = function _detectNearestEmptySortable(x, y) {
-  var ret;
-  sortables.some(function (sortable) {
-    var threshold = sortable[expando].options.emptyInsertThreshold;
+_detectNearestEmptySortable = function (x, y) {
+  let ret;
+  sortables.some(sortable => {
+    const threshold = sortable[expando].options.emptyInsertThreshold;
     if (!threshold || lastChild(sortable)) return;
-    var rect = getRect(sortable),
-        insideHorizontally = x >= rect.left - threshold && x <= rect.right + threshold,
-        insideVertically = y >= rect.top - threshold && y <= rect.bottom + threshold;
+    const rect = getRect(sortable),
+          insideHorizontally = x >= rect.left - threshold && x <= rect.right + threshold,
+          insideVertically = y >= rect.top - threshold && y <= rect.bottom + threshold;
 
     if (insideHorizontally && insideVertically) {
       return ret = sortable;
@@ -1118,10 +992,10 @@ _detectNearestEmptySortable = function _detectNearestEmptySortable(x, y) {
   });
   return ret;
 },
-    _prepareGroup = function _prepareGroup(options) {
+      _prepareGroup = function (options) {
   function toFn(value, pull) {
     return function (to, from, dragEl, evt) {
-      var sameGroup = to.options.group.name && from.options.group.name && to.options.group.name === from.options.group.name;
+      let sameGroup = to.options.group.name && from.options.group.name && to.options.group.name === from.options.group.name;
 
       if (value == null && (pull || sameGroup)) {
         // Default pull value
@@ -1134,16 +1008,16 @@ _detectNearestEmptySortable = function _detectNearestEmptySortable(x, y) {
       } else if (typeof value === 'function') {
         return toFn(value(to, from, dragEl, evt), pull)(to, from, dragEl, evt);
       } else {
-        var otherGroup = (pull ? to : from).options.group.name;
+        let otherGroup = (pull ? to : from).options.group.name;
         return value === true || typeof value === 'string' && value === otherGroup || value.join && value.indexOf(otherGroup) > -1;
       }
     };
   }
 
-  var group = {};
-  var originalGroup = options.group;
+  let group = {};
+  let originalGroup = options.group;
 
-  if (!originalGroup || _typeof(originalGroup) != 'object') {
+  if (!originalGroup || typeof originalGroup != 'object') {
     originalGroup = {
       name: originalGroup
     };
@@ -1155,12 +1029,12 @@ _detectNearestEmptySortable = function _detectNearestEmptySortable(x, y) {
   group.revertClone = originalGroup.revertClone;
   options.group = group;
 },
-    _hideGhostForTarget = function _hideGhostForTarget() {
+      _hideGhostForTarget = function () {
   if (!supportCssPointerEvents && ghostEl) {
     css(ghostEl, 'display', 'none');
   }
 },
-    _unhideGhostForTarget = function _unhideGhostForTarget() {
+      _unhideGhostForTarget = function () {
   if (!supportCssPointerEvents && ghostEl) {
     css(ghostEl, 'display', '');
   }
@@ -1179,17 +1053,17 @@ if (documentExists && !ChromeForAndroid) {
   }, true);
 }
 
-var nearestEmptyInsertDetectEvent = function nearestEmptyInsertDetectEvent(evt) {
+let nearestEmptyInsertDetectEvent = function (evt) {
   if (dragEl) {
     evt = evt.touches ? evt.touches[0] : evt;
 
-    var nearest = _detectNearestEmptySortable(evt.clientX, evt.clientY);
+    let nearest = _detectNearestEmptySortable(evt.clientX, evt.clientY);
 
     if (nearest) {
       // Create imitation event
-      var event = {};
+      let event = {};
 
-      for (var i in evt) {
+      for (let i in evt) {
         if (evt.hasOwnProperty(i)) {
           event[i] = evt[i];
         }
@@ -1204,7 +1078,7 @@ var nearestEmptyInsertDetectEvent = function nearestEmptyInsertDetectEvent(evt)
   }
 };
 
-var _checkOutsideTargetEl = function _checkOutsideTargetEl(evt) {
+let _checkOutsideTargetEl = function (evt) {
   if (dragEl) {
     dragEl.parentNode[expando]._isOutsideThisEl(evt.target);
   }
@@ -1218,15 +1092,20 @@ var _checkOutsideTargetEl = function _checkOutsideTargetEl(evt) {
 
 function Sortable(el, options) {
   if (!(el && el.nodeType && el.nodeType === 1)) {
-    throw "Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(el));
+    throw `Sortable: \`el\` must be an HTMLElement, not ${{}.toString.call(el)}`;
   }
 
   this.el = el; // root element
 
-  this.options = options = _extends({}, options); // Export instance
+  this.options = options = _extends({}, options);
+
+  if (this.options.fallbackOnBody) {
+    this.options.getFallbackParent = () => document.body;
+  } // Export instance
+
 
   el[expando] = this;
-  var defaults = {
+  let defaults = {
     group: null,
     sort: true,
     disabled: false,
@@ -1240,7 +1119,7 @@ function Sortable(el, options) {
     invertedSwapThreshold: null,
     // will be set to same as swapThreshold if default
     removeCloneOnHide: true,
-    direction: function direction() {
+    direction: function () {
       return _detectDirection(el, this.options);
     },
     ghostClass: 'sortable-ghost',
@@ -1251,7 +1130,7 @@ function Sortable(el, options) {
     preventOnFilter: true,
     animation: 0,
     easing: null,
-    setData: function setData(dataTransfer, dragEl) {
+    setData: function (dataTransfer, dragEl) {
       dataTransfer.setData('Text', dragEl.textContent);
     },
     dropBubble: false,
@@ -1262,7 +1141,9 @@ function Sortable(el, options) {
     touchStartThreshold: (Number.parseInt ? Number : window).parseInt(window.devicePixelRatio, 10) || 1,
     forceFallback: false,
     fallbackClass: 'sortable-fallback',
+    // @obsolete use `getFallbackParent: () => (document.body)`
     fallbackOnBody: false,
+    getFallbackParent: null,
     fallbackTolerance: 0,
     fallbackOffset: {
       x: 0,
@@ -1273,14 +1154,14 @@ function Sortable(el, options) {
   };
   PluginManager.initializePlugins(this, el, defaults); // Set default options
 
-  for (var name in defaults) {
+  for (let name in defaults) {
     !(name in options) && (options[name] = defaults[name]);
   }
 
   _prepareGroup(options); // Bind all private methods
 
 
-  for (var fn in this) {
+  for (let fn in this) {
     if (fn.charAt(0) === '_' && typeof this[fn] === 'function') {
       this[fn] = this[fn].bind(this);
     }
@@ -1318,20 +1199,20 @@ Sortable.prototype =
 /** @lends Sortable.prototype */
 {
   constructor: Sortable,
-  _isOutsideThisEl: function _isOutsideThisEl(target) {
+  _isOutsideThisEl: function (target) {
     if (!this.el.contains(target) && target !== this.el) {
       lastTarget = null;
     }
   },
-  _getDirection: function _getDirection(evt, target) {
+  _getDirection: function (evt, target) {
     return typeof this.options.direction === 'function' ? this.options.direction.call(this, evt, target, dragEl) : this.options.direction;
   },
-  _onTapStart: function _onTapStart(
+  _onTapStart: function (
   /** Event|TouchEvent */
   evt) {
     if (!evt.cancelable) return;
 
-    var _this = this,
+    let _this = this,
         el = this.el,
         options = this.options,
         preventOnFilter = options.preventOnFilter,
@@ -1389,7 +1270,7 @@ Sortable.prototype =
         });
 
         pluginEvent('filter', _this, {
-          evt: evt
+          evt
         });
         preventOnFilter && evt.cancelable && evt.preventDefault();
         return; // cancel dnd
@@ -1409,7 +1290,7 @@ Sortable.prototype =
           });
 
           pluginEvent('filter', _this, {
-            evt: evt
+            evt
           });
           return true;
         }
@@ -1428,21 +1309,21 @@ Sortable.prototype =
 
     this._prepareDragStart(evt, touch, target);
   },
-  _prepareDragStart: function _prepareDragStart(
+  _prepareDragStart: function (
   /** Event */
   evt,
   /** Touch */
   touch,
   /** HTMLElement */
   target) {
-    var _this = this,
+    let _this = this,
         el = _this.el,
         options = _this.options,
         ownerDocument = el.ownerDocument,
         dragStartFn;
 
     if (target && !dragEl && target.parentNode === el) {
-      var dragRect = getRect(target);
+      let dragRect = getRect(target);
       rootEl = el;
       dragEl = target;
       parentEl = dragEl.parentNode;
@@ -1461,9 +1342,9 @@ Sortable.prototype =
       this._lastY = (touch || evt).clientY;
       dragEl.style['will-change'] = 'all';
 
-      dragStartFn = function dragStartFn() {
+      dragStartFn = function () {
         pluginEvent('delayEnded', _this, {
-          evt: evt
+          evt
         });
 
         if (Sortable.eventCanceled) {
@@ -1511,7 +1392,7 @@ Sortable.prototype =
       }
 
       pluginEvent('delayStart', this, {
-        evt: evt
+        evt
       }); // Delay is impossible for native DnD in Edge or IE
 
       if (options.delay && (!options.delayOnTouchOnly || touch) && (!this.nativeDraggable || !(Edge || IE11OrLess))) {
@@ -1536,23 +1417,23 @@ Sortable.prototype =
       }
     }
   },
-  _delayedDragTouchMoveHandler: function _delayedDragTouchMoveHandler(
+  _delayedDragTouchMoveHandler: function (
   /** TouchEvent|PointerEvent **/
   e) {
-    var touch = e.touches ? e.touches[0] : e;
+    let touch = e.touches ? e.touches[0] : e;
 
     if (Math.max(Math.abs(touch.clientX - this._lastX), Math.abs(touch.clientY - this._lastY)) >= Math.floor(this.options.touchStartThreshold / (this.nativeDraggable && window.devicePixelRatio || 1))) {
       this._disableDelayedDrag();
     }
   },
-  _disableDelayedDrag: function _disableDelayedDrag() {
+  _disableDelayedDrag: function () {
     dragEl && _disableDraggable(dragEl);
     clearTimeout(this._dragStartTimer);
 
     this._disableDelayedDragEvents();
   },
-  _disableDelayedDragEvents: function _disableDelayedDragEvents() {
-    var ownerDocument = this.el.ownerDocument;
+  _disableDelayedDragEvents: function () {
+    let ownerDocument = this.el.ownerDocument;
     off(ownerDocument, 'mouseup', this._disableDelayedDrag);
     off(ownerDocument, 'touchend', this._disableDelayedDrag);
     off(ownerDocument, 'touchcancel', this._disableDelayedDrag);
@@ -1560,7 +1441,7 @@ Sortable.prototype =
     off(ownerDocument, 'touchmove', this._delayedDragTouchMoveHandler);
     off(ownerDocument, 'pointermove', this._delayedDragTouchMoveHandler);
   },
-  _triggerDragStart: function _triggerDragStart(
+  _triggerDragStart: function (
   /** Event */
   evt,
   /** Touch */
@@ -1591,20 +1472,20 @@ Sortable.prototype =
       }
     } catch (err) {}
   },
-  _dragStarted: function _dragStarted(fallback, evt) {
+  _dragStarted: function (fallback, evt) {
 
     awaitingDragStarted = false;
 
     if (rootEl && dragEl) {
       pluginEvent('dragStarted', this, {
-        evt: evt
+        evt
       });
 
       if (this.nativeDraggable) {
         on(document, 'dragover', _checkOutsideTargetEl);
       }
 
-      var options = this.options; // Apply effect
+      let options = this.options; // Apply effect
 
       !fallback && toggleClass(dragEl, options.dragClass, false);
       toggleClass(dragEl, options.ghostClass, true);
@@ -1620,15 +1501,15 @@ Sortable.prototype =
       this._nulling();
     }
   },
-  _emulateDragOver: function _emulateDragOver() {
+  _emulateDragOver: function () {
     if (touchEvt) {
       this._lastX = touchEvt.clientX;
       this._lastY = touchEvt.clientY;
 
       _hideGhostForTarget();
 
-      var target = document.elementFromPoint(touchEvt.clientX, touchEvt.clientY);
-      var parent = target;
+      let target = document.elementFromPoint(touchEvt.clientX, touchEvt.clientY);
+      let parent = target;
 
       while (target && target.shadowRoot) {
         target = target.shadowRoot.elementFromPoint(touchEvt.clientX, touchEvt.clientY);
@@ -1641,7 +1522,7 @@ Sortable.prototype =
       if (parent) {
         do {
           if (parent[expando]) {
-            var inserted = void 0;
+            let inserted;
             inserted = parent[expando]._onDragOver({
               clientX: touchEvt.clientX,
               clientY: touchEvt.clientY,
@@ -1663,11 +1544,11 @@ Sortable.prototype =
       _unhideGhostForTarget();
     }
   },
-  _onTouchMove: function _onTouchMove(
+  _onTouchMove: function (
   /**TouchEvent*/
   evt) {
     if (tapEvt) {
-      var options = this.options,
+      let options = this.options,
           fallbackTolerance = options.fallbackTolerance,
           fallbackOffset = options.fallbackOffset,
           touch = evt.touches ? evt.touches[0] : evt,
@@ -1701,7 +1582,7 @@ Sortable.prototype =
           };
         }
 
-        var cssMatrix = "matrix(".concat(ghostMatrix.a, ",").concat(ghostMatrix.b, ",").concat(ghostMatrix.c, ",").concat(ghostMatrix.d, ",").concat(ghostMatrix.e, ",").concat(ghostMatrix.f, ")");
+        let cssMatrix = `matrix(${ghostMatrix.a},${ghostMatrix.b},${ghostMatrix.c},${ghostMatrix.d},${ghostMatrix.e},${ghostMatrix.f})`;
         css(ghostEl, 'webkitTransform', cssMatrix);
         css(ghostEl, 'mozTransform', cssMatrix);
         css(ghostEl, 'msTransform', cssMatrix);
@@ -1714,11 +1595,12 @@ Sortable.prototype =
       evt.cancelable && evt.preventDefault();
     }
   },
-  _appendGhost: function _appendGhost() {
+  _appendGhost: function () {
     // Bug if using scale(): https://stackoverflow.com/questions/2637058
     // Not being adjusted for
     if (!ghostEl) {
-      var container = this.options.fallbackOnBody ? document.body : rootEl,
+      let fallbackParent = typeof this.options.getFallbackParent === 'function' ? this.options.getFallbackParent() : null;
+      let container = fallbackParent ?? rootEl,
           rect = getRect(dragEl, true, PositionGhostAbsolutely, true, container),
           options = this.options; // Position absolutely
 
@@ -1763,17 +1645,17 @@ Sortable.prototype =
       css(ghostEl, 'transform-origin', tapDistanceLeft / parseInt(ghostEl.style.width) * 100 + '% ' + tapDistanceTop / parseInt(ghostEl.style.height) * 100 + '%');
     }
   },
-  _onDragStart: function _onDragStart(
+  _onDragStart: function (
   /**Event*/
   evt,
   /**boolean*/
   fallback) {
-    var _this = this;
+    let _this = this;
 
-    var dataTransfer = evt.dataTransfer;
-    var options = _this.options;
+    let dataTransfer = evt.dataTransfer;
+    let options = _this.options;
     pluginEvent('dragStart', this, {
-      evt: evt
+      evt
     });
 
     if (Sortable.eventCanceled) {
@@ -1843,10 +1725,10 @@ Sortable.prototype =
     }
   },
   // Returns true - if no further action is needed (either inserted or another condition)
-  _onDragOver: function _onDragOver(
+  _onDragOver: function (
   /**Event*/
   evt) {
-    var el = this.el,
+    let el = this.el,
         target = evt.target,
         dragRect,
         targetRect,
@@ -1864,22 +1746,25 @@ Sortable.prototype =
     if (_silent) return;
 
     function dragOverEvent(name, extra) {
-      pluginEvent(name, _this, _objectSpread2({
-        evt: evt,
-        isOwner: isOwner,
+      pluginEvent(name, _this, {
+        evt,
+        isOwner,
         axis: vertical ? 'vertical' : 'horizontal',
-        revert: revert,
-        dragRect: dragRect,
-        targetRect: targetRect,
-        canSort: canSort,
-        fromSortable: fromSortable,
-        target: target,
-        completed: completed,
-        onMove: function onMove(target, after) {
-          return _onMove(rootEl, el, dragEl, dragRect, target, getRect(target), evt, after);
+        revert,
+        dragRect,
+        targetRect,
+        canSort,
+        fromSortable,
+        target,
+        completed,
+
+        onMove(target, after) {
+          return onMove(rootEl, el, dragEl, dragRect, target, getRect(target), evt, after);
         },
-        changed: changed
-      }, extra));
+
+        changed,
+        ...extra
+      });
     } // Capture animation state
 
 
@@ -1896,7 +1781,7 @@ Sortable.prototype =
 
     function completed(insertion) {
       dragOverEvent('dragOverCompleted', {
-        insertion: insertion
+        insertion
       });
 
       if (insertion) {
@@ -1961,8 +1846,8 @@ Sortable.prototype =
         sortable: _this,
         name: 'change',
         toEl: el,
-        newIndex: newIndex,
-        newDraggableIndex: newDraggableIndex,
+        newIndex,
+        newDraggableIndex,
         originalEvent: evt
       });
     }
@@ -2008,7 +1893,7 @@ Sortable.prototype =
         return completed(true);
       }
 
-      var elLastChild = lastChild(el, options.draggable);
+      let elLastChild = lastChild(el, options.draggable);
 
       if (!elLastChild || _ghostIsLast(evt, vertical, this) && !elLastChild.animated) {
         // Insert to end of list
@@ -2026,7 +1911,7 @@ Sortable.prototype =
           targetRect = getRect(target);
         }
 
-        if (_onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, !!target) !== false) {
+        if (onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, !!target) !== false) {
           capture();
 
           if (elLastChild && elLastChild.nextSibling) {
@@ -2043,7 +1928,7 @@ Sortable.prototype =
         }
       } else if (elLastChild && _ghostIsFirst(evt, vertical, this)) {
         // Insert to start of list
-        var firstChild = getChild(el, 0, options, true);
+        let firstChild = getChild(el, 0, options, true);
 
         if (firstChild === dragEl) {
           return completed(false);
@@ -2052,7 +1937,7 @@ Sortable.prototype =
         target = firstChild;
         targetRect = getRect(target);
 
-        if (_onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, false) !== false) {
+        if (onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, false) !== false) {
           capture();
           el.insertBefore(dragEl, firstChild);
           parentEl = el; // actualization
@@ -2062,7 +1947,7 @@ Sortable.prototype =
         }
       } else if (target.parentNode === el) {
         targetRect = getRect(target);
-        var direction = 0,
+        let direction = 0,
             targetBeforeFirstSwap,
             differentLevel = dragEl.parentNode !== el,
             differentRowCol = !_dragElInRowColumn(dragEl.animated && dragEl.toRect || dragRect, target.animated && target.toRect || targetRect, vertical),
@@ -2077,11 +1962,11 @@ Sortable.prototype =
         }
 
         direction = _getSwapDirection(evt, target, targetRect, vertical, differentRowCol ? 1 : options.swapThreshold, options.invertedSwapThreshold == null ? options.swapThreshold : options.invertedSwapThreshold, isCircumstantialInvert, lastTarget === target);
-        var sibling;
+        let sibling;
 
         if (direction !== 0) {
           // Check if target is beside dragEl in respective direction (ignoring hidden elements)
-          var dragIndex = index(dragEl);
+          let dragIndex = index(dragEl);
 
           do {
             dragIndex -= direction;
@@ -2096,11 +1981,10 @@ Sortable.prototype =
 
         lastTarget = target;
         lastDirection = direction;
-        var nextSibling = target.nextElementSibling,
+        let nextSibling = target.nextElementSibling,
             after = false;
         after = direction === 1;
-
-        var moveVector = _onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, after);
+        let moveVector = onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, after);
 
         if (moveVector !== false) {
           if (moveVector === 1 || moveVector === -1) {
@@ -2142,7 +2026,7 @@ Sortable.prototype =
     return false;
   },
   _ignoreWhileAnimating: null,
-  _offMoveEvents: function _offMoveEvents() {
+  _offMoveEvents: function () {
     off(document, 'mousemove', this._onTouchMove);
     off(document, 'touchmove', this._onTouchMove);
     off(document, 'pointermove', this._onTouchMove);
@@ -2150,24 +2034,24 @@ Sortable.prototype =
     off(document, 'mousemove', nearestEmptyInsertDetectEvent);
     off(document, 'touchmove', nearestEmptyInsertDetectEvent);
   },
-  _offUpEvents: function _offUpEvents() {
-    var ownerDocument = this.el.ownerDocument;
+  _offUpEvents: function () {
+    let ownerDocument = this.el.ownerDocument;
     off(ownerDocument, 'mouseup', this._onDrop);
     off(ownerDocument, 'touchend', this._onDrop);
     off(ownerDocument, 'pointerup', this._onDrop);
     off(ownerDocument, 'touchcancel', this._onDrop);
     off(document, 'selectstart', this);
   },
-  _onDrop: function _onDrop(
+  _onDrop: function (
   /**Event*/
   evt) {
-    var el = this.el,
+    let el = this.el,
         options = this.options; // Get the index of the dragged element within its parent
 
     newIndex = index(dragEl);
     newDraggableIndex = index(dragEl, options.draggable);
     pluginEvent('drop', this, {
-      evt: evt
+      evt
     });
     parentEl = dragEl && dragEl.parentNode; // Get again after plugin event
 
@@ -2324,7 +2208,7 @@ Sortable.prototype =
 
     this._nulling();
   },
-  _nulling: function _nulling() {
+  _nulling: function () {
     pluginEvent('nulling', this);
     rootEl = dragEl = parentEl = ghostEl = nextEl = cloneEl = lastDownEl = cloneHidden = tapEvt = touchEvt = moved = newIndex = newDraggableIndex = oldIndex = oldDraggableIndex = lastTarget = lastDirection = putSortable = activeGroup = Sortable.dragged = Sortable.ghost = Sortable.clone = Sortable.active = null;
     savedInputChecked.forEach(function (el) {
@@ -2332,7 +2216,7 @@ Sortable.prototype =
     });
     savedInputChecked.length = lastDx = lastDy = 0;
   },
-  handleEvent: function handleEvent(
+  handleEvent: function (
   /**Event*/
   evt) {
     switch (evt.type) {
@@ -2362,8 +2246,8 @@ Sortable.prototype =
    * Serializes the item into an array of string.
    * @returns {String[]}
    */
-  toArray: function toArray() {
-    var order = [],
+  toArray: function () {
+    let order = [],
         el,
         children = this.el.children,
         i = 0,
@@ -2385,11 +2269,11 @@ Sortable.prototype =
    * Sorts the elements according to the array.
    * @param  {String[]}  order  order of the items
    */
-  sort: function sort(order, useAnimation) {
-    var items = {},
+  sort: function (order, useAnimation) {
+    let items = {},
         rootEl = this.el;
     this.toArray().forEach(function (id, i) {
-      var el = rootEl.children[i];
+      let el = rootEl.children[i];
 
       if (closest(el, this.options.draggable, rootEl, false)) {
         items[id] = el;
@@ -2408,8 +2292,8 @@ Sortable.prototype =
   /**
    * Save the current sorting
    */
-  save: function save() {
-    var store = this.options.store;
+  save: function () {
+    let store = this.options.store;
     store && store.set && store.set(this);
   },
 
@@ -2419,7 +2303,7 @@ Sortable.prototype =
    * @param   {String}       [selector]  default: `options.draggable`
    * @returns {HTMLElement|null}
    */
-  closest: function closest$1(el, selector) {
+  closest: function (el, selector) {
     return closest(el, selector || this.options.draggable, this.el, false);
   },
 
@@ -2429,13 +2313,13 @@ Sortable.prototype =
    * @param   {*}      [value]
    * @returns {*}
    */
-  option: function option(name, value) {
-    var options = this.options;
+  option: function (name, value) {
+    let options = this.options;
 
     if (value === void 0) {
       return options[name];
     } else {
-      var modifiedValue = PluginManager.modifyOption(this, name, value);
+      let modifiedValue = PluginManager.modifyOption(this, name, value);
 
       if (typeof modifiedValue !== 'undefined') {
         options[name] = modifiedValue;
@@ -2452,9 +2336,9 @@ Sortable.prototype =
   /**
    * Destroy
    */
-  destroy: function destroy() {
+  destroy: function () {
     pluginEvent('destroy', this);
-    var el = this.el;
+    let el = this.el;
     el[expando] = null;
     off(el, 'mousedown', this._onTapStart);
     off(el, 'touchstart', this._onTapStart);
@@ -2477,7 +2361,7 @@ Sortable.prototype =
     sortables.splice(sortables.indexOf(this.el), 1);
     this.el = el = null;
   },
-  _hideClone: function _hideClone() {
+  _hideClone: function () {
     if (!cloneHidden) {
       pluginEvent('hideClone', this);
       if (Sortable.eventCanceled) return;
@@ -2490,7 +2374,7 @@ Sortable.prototype =
       cloneHidden = true;
     }
   },
-  _showClone: function _showClone(putSortable) {
+  _showClone: function (putSortable) {
     if (putSortable.lastPutMode !== 'clone') {
       this._hideClone();
 
@@ -2529,8 +2413,8 @@ evt) {
   evt.cancelable && evt.preventDefault();
 }
 
-function _onMove(fromEl, toEl, dragEl, dragRect, targetEl, targetRect, originalEvent, willInsertAfter) {
-  var evt,
+function onMove(fromEl, toEl, dragEl, dragRect, targetEl, targetRect, originalEvent, willInsertAfter) {
+  let evt,
       sortable = fromEl[expando],
       onMoveFn = sortable.options.onMove,
       retVal; // Support for new CustomEvent feature
@@ -2571,19 +2455,19 @@ function _unsilent() {
 }
 
 function _ghostIsFirst(evt, vertical, sortable) {
-  var rect = getRect(getChild(sortable.el, 0, sortable.options, true));
-  var spacer = 10;
+  let rect = getRect(getChild(sortable.el, 0, sortable.options, true));
+  const spacer = 10;
   return vertical ? evt.clientX < rect.left - spacer || evt.clientY < rect.top && evt.clientX < rect.right : evt.clientY < rect.top - spacer || evt.clientY < rect.bottom && evt.clientX < rect.left;
 }
 
 function _ghostIsLast(evt, vertical, sortable) {
-  var rect = getRect(lastChild(sortable.el, sortable.options.draggable));
-  var spacer = 10;
+  let rect = getRect(lastChild(sortable.el, sortable.options.draggable));
+  const spacer = 10;
   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, targetRect, vertical, swapThreshold, invertedSwapThreshold, invertSwap, isLastTarget) {
-  var mouseOnAxis = vertical ? evt.clientY : evt.clientX,
+  let mouseOnAxis = vertical ? evt.clientY : evt.clientX,
       targetLength = vertical ? targetRect.height : targetRect.width,
       targetS1 = vertical ? targetRect.top : targetRect.left,
       targetS2 = vertical ? targetRect.bottom : targetRect.right,
@@ -2651,7 +2535,7 @@ function _getInsertDirection(target) {
 
 
 function _generateId(el) {
-  var str = el.tagName + el.className + el.src + el.href + el.textContent,
+  let str = el.tagName + el.className + el.src + el.href + el.textContent,
       i = str.length,
       sum = 0;
 
@@ -2664,11 +2548,11 @@ function _generateId(el) {
 
 function _saveInputCheckedState(root) {
   savedInputChecked.length = 0;
-  var inputs = root.getElementsByTagName('input');
-  var idx = inputs.length;
+  let inputs = root.getElementsByTagName('input');
+  let idx = inputs.length;
 
   while (idx--) {
-    var el = inputs[idx];
+    let el = inputs[idx];
     el.checked && savedInputChecked.push(el);
   }
 }
@@ -2696,7 +2580,7 @@ Sortable.utils = {
   off: off,
   css: css,
   find: find,
-  is: function is(el, selector) {
+  is: function (el, selector) {
     return !!closest(el, selector, el, false);
   },
   extend: extend,
@@ -2725,18 +2609,16 @@ Sortable.get = function (element) {
  */
 
 
-Sortable.mount = function () {
-  for (var _len = arguments.length, plugins = new Array(_len), _key = 0; _key < _len; _key++) {
-    plugins[_key] = arguments[_key];
-  }
-
+Sortable.mount = function (...plugins) {
   if (plugins[0].constructor === Array) plugins = plugins[0];
-  plugins.forEach(function (plugin) {
+  plugins.forEach(plugin => {
     if (!plugin.prototype || !plugin.prototype.constructor) {
-      throw "Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(plugin));
+      throw `Sortable: Mounted plugin must be a constructor function, not ${{}.toString.call(plugin)}`;
     }
 
-    if (plugin.utils) Sortable.utils = _objectSpread2(_objectSpread2({}, Sortable.utils), plugin.utils);
+    if (plugin.utils) Sortable.utils = { ...Sortable.utils,
+      ...plugin.utils
+    };
     PluginManager.mount(plugin);
   });
 };
@@ -2754,7 +2636,7 @@ Sortable.create = function (el, options) {
 
 Sortable.version = version;
 
-var autoScrolls = [],
+let autoScrolls = [],
     scrollEl,
     scrollRootEl,
     scrolling = false,
@@ -2773,7 +2655,7 @@ function AutoScrollPlugin() {
       bubbleScroll: true
     }; // Bind all private methods
 
-    for (var fn in this) {
+    for (let fn in this) {
       if (fn.charAt(0) === '_' && typeof this[fn] === 'function') {
         this[fn] = this[fn].bind(this);
       }
@@ -2781,9 +2663,9 @@ function AutoScrollPlugin() {
   }
 
   AutoScroll.prototype = {
-    dragStarted: function dragStarted(_ref) {
-      var originalEvent = _ref.originalEvent;
-
+    dragStarted({
+      originalEvent
+    }) {
       if (this.sortable.nativeDraggable) {
         on(document, 'dragover', this._handleAutoScroll);
       } else {
@@ -2796,15 +2678,17 @@ function AutoScrollPlugin() {
         }
       }
     },
-    dragOverCompleted: function dragOverCompleted(_ref2) {
-      var originalEvent = _ref2.originalEvent;
 
+    dragOverCompleted({
+      originalEvent
+    }) {
       // For when bubbling is canceled and using fallback (fallback 'touchmove' always reached)
       if (!this.options.dragOverBubble && !originalEvent.rootEl) {
         this._handleAutoScroll(originalEvent);
       }
     },
-    drop: function drop() {
+
+    drop() {
       if (this.sortable.nativeDraggable) {
         off(document, 'dragover', this._handleAutoScroll);
       } else {
@@ -2817,19 +2701,20 @@ function AutoScrollPlugin() {
       clearAutoScrolls();
       cancelThrottle();
     },
-    nulling: function nulling() {
+
+    nulling() {
       touchEvt$1 = scrollRootEl = scrollEl = scrolling = pointerElemChangedInterval = lastAutoScrollX = lastAutoScrollY = null;
       autoScrolls.length = 0;
     },
-    _handleFallbackAutoScroll: function _handleFallbackAutoScroll(evt) {
+
+    _handleFallbackAutoScroll(evt) {
       this._handleAutoScroll(evt, true);
     },
-    _handleAutoScroll: function _handleAutoScroll(evt, fallback) {
-      var _this = this;
 
-      var x = (evt.touches ? evt.touches[0] : evt).clientX,
-          y = (evt.touches ? evt.touches[0] : evt).clientY,
-          elem = document.elementFromPoint(x, y);
+    _handleAutoScroll(evt, fallback) {
+      const 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,
       // MACOS Safari does not have autoscroll,
@@ -2838,20 +2723,20 @@ function AutoScrollPlugin() {
       if (fallback || this.options.forceAutoScrollFallback || Edge || IE11OrLess || Safari) {
         autoScroll(evt, this.options, elem, fallback); // Listener for pointer element change
 
-        var ogElemScroller = getParentAutoScrollElement(elem, true);
+        let ogElemScroller = getParentAutoScrollElement(elem, true);
 
         if (scrolling && (!pointerElemChangedInterval || x !== lastAutoScrollX || y !== lastAutoScrollY)) {
           pointerElemChangedInterval && clearPointerElemChangedInterval(); // Detect for pointer elem change, emulating native DnD behaviour
 
-          pointerElemChangedInterval = setInterval(function () {
-            var newElem = getParentAutoScrollElement(document.elementFromPoint(x, y), true);
+          pointerElemChangedInterval = setInterval(() => {
+            let newElem = getParentAutoScrollElement(document.elementFromPoint(x, y), true);
 
             if (newElem !== ogElemScroller) {
               ogElemScroller = newElem;
               clearAutoScrolls();
             }
 
-            autoScroll(evt, _this.options, newElem, fallback);
+            autoScroll(evt, this.options, newElem, fallback);
           }, 10);
           lastAutoScrollX = x;
           lastAutoScrollY = y;
@@ -2866,6 +2751,7 @@ function AutoScrollPlugin() {
         autoScroll(evt, this.options, getParentAutoScrollElement(elem, false), false);
       }
     }
+
   };
   return _extends(AutoScroll, {
     pluginName: 'scroll',
@@ -2884,15 +2770,15 @@ function clearPointerElemChangedInterval() {
   clearInterval(pointerElemChangedInterval);
 }
 
-var autoScroll = throttle(function (evt, options, rootEl, isFallback) {
+const autoScroll = throttle(function (evt, options, rootEl, isFallback) {
   // Bug: https://bugzilla.mozilla.org/show_bug.cgi?id=505521
   if (!options.scroll) return;
-  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,
+  const x = (evt.touches ? evt.touches[0] : evt).clientX,
+        y = (evt.touches ? evt.touches[0] : evt).clientY,
+        sens = options.scrollSensitivity,
+        speed = options.scrollSpeed,
+        winScroller = getWindowScrollingElement();
+  let scrollThisInstance = false,
       scrollCustomFn; // New scroll root, set scrollEl
 
   if (scrollRootEl !== rootEl) {
@@ -2906,11 +2792,11 @@ var autoScroll = throttle(function (evt, options, rootEl, isFallback) {
     }
   }
 
-  var layersOut = 0;
-  var currentParent = scrollEl;
+  let layersOut = 0;
+  let currentParent = scrollEl;
 
   do {
-    var el = currentParent,
+    let el = currentParent,
         rect = getRect(el),
         top = rect.top,
         bottom = rect.bottom,
@@ -2918,8 +2804,8 @@ var autoScroll = throttle(function (evt, options, rootEl, isFallback) {
         right = rect.right,
         width = rect.width,
         height = rect.height,
-        canScrollX = void 0,
-        canScrollY = void 0,
+        canScrollX,
+        canScrollY,
         scrollWidth = el.scrollWidth,
         scrollHeight = el.scrollHeight,
         elCSS = css(el),
@@ -2934,11 +2820,11 @@ var autoScroll = throttle(function (evt, options, rootEl, isFallback) {
       canScrollY = height < scrollHeight && (elCSS.overflowY === 'auto' || elCSS.overflowY === 'scroll');
     }
 
-    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);
+    let vx = canScrollX && (Math.abs(right - x) <= sens && scrollPosX + width < scrollWidth) - (Math.abs(left - x) <= sens && !!scrollPosX);
+    let 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++) {
+      for (let i = 0; i <= layersOut; i++) {
         if (!autoScrolls[i]) {
           autoScrolls[i] = {};
         }
@@ -2962,8 +2848,8 @@ var autoScroll = throttle(function (evt, options, rootEl, isFallback) {
 
           }
 
-          var scrollOffsetY = autoScrolls[this.layer].vy ? autoScrolls[this.layer].vy * speed : 0;
-          var scrollOffsetX = autoScrolls[this.layer].vx ? autoScrolls[this.layer].vx * speed : 0;
+          let scrollOffsetY = autoScrolls[this.layer].vy ? autoScrolls[this.layer].vy * speed : 0;
+          let scrollOffsetX = autoScrolls[this.layer].vx ? autoScrolls[this.layer].vx * speed : 0;
 
           if (typeof scrollCustomFn === 'function') {
             if (scrollCustomFn.call(Sortable.dragged.parentNode[expando], scrollOffsetX, scrollOffsetY, evt, touchEvt$1, autoScrolls[this.layer].el) !== 'continue') {
@@ -2984,26 +2870,27 @@ var autoScroll = throttle(function (evt, options, rootEl, isFallback) {
   scrolling = scrollThisInstance; // in case another function catches scrolling as false in between when it is not
 }, 30);
 
-var drop = function drop(_ref) {
-  var originalEvent = _ref.originalEvent,
-      putSortable = _ref.putSortable,
-      dragEl = _ref.dragEl,
-      activeSortable = _ref.activeSortable,
-      dispatchSortableEvent = _ref.dispatchSortableEvent,
-      hideGhostForTarget = _ref.hideGhostForTarget,
-      unhideGhostForTarget = _ref.unhideGhostForTarget;
+const drop = function ({
+  originalEvent,
+  putSortable,
+  dragEl,
+  activeSortable,
+  dispatchSortableEvent,
+  hideGhostForTarget,
+  unhideGhostForTarget
+}) {
   if (!originalEvent) return;
-  var toSortable = putSortable || activeSortable;
+  let toSortable = putSortable || activeSortable;
   hideGhostForTarget();
-  var touch = originalEvent.changedTouches && originalEvent.changedTouches.length ? originalEvent.changedTouches[0] : originalEvent;
-  var target = document.elementFromPoint(touch.clientX, touch.clientY);
+  let touch = originalEvent.changedTouches && originalEvent.changedTouches.length ? originalEvent.changedTouches[0] : originalEvent;
+  let target = document.elementFromPoint(touch.clientX, touch.clientY);
   unhideGhostForTarget();
 
   if (toSortable && !toSortable.el.contains(target)) {
     dispatchSortableEvent('spill');
     this.onSpill({
-      dragEl: dragEl,
-      putSortable: putSortable
+      dragEl,
+      putSortable
     });
   }
 };
@@ -3012,20 +2899,24 @@ function Revert() {}
 
 Revert.prototype = {
   startIndex: null,
-  dragStart: function dragStart(_ref2) {
-    var oldDraggableIndex = _ref2.oldDraggableIndex;
+
+  dragStart({
+    oldDraggableIndex
+  }) {
     this.startIndex = oldDraggableIndex;
   },
-  onSpill: function onSpill(_ref3) {
-    var dragEl = _ref3.dragEl,
-        putSortable = _ref3.putSortable;
+
+  onSpill({
+    dragEl,
+    putSortable
+  }) {
     this.sortable.captureAnimationState();
 
     if (putSortable) {
       putSortable.captureAnimationState();
     }
 
-    var nextSibling = getChild(this.sortable.el, this.startIndex, this.options);
+    let nextSibling = getChild(this.sortable.el, this.startIndex, this.options);
 
     if (nextSibling) {
       this.sortable.el.insertBefore(dragEl, nextSibling);
@@ -3039,7 +2930,8 @@ Revert.prototype = {
       putSortable.animateAll();
     }
   },
-  drop: drop
+
+  drop
 };
 
 _extends(Revert, {
@@ -3049,22 +2941,24 @@ _extends(Revert, {
 function Remove() {}
 
 Remove.prototype = {
-  onSpill: function onSpill(_ref4) {
-    var dragEl = _ref4.dragEl,
-        putSortable = _ref4.putSortable;
-    var parentSortable = putSortable || this.sortable;
+  onSpill({
+    dragEl,
+    putSortable
+  }) {
+    const parentSortable = putSortable || this.sortable;
     parentSortable.captureAnimationState();
     dragEl.parentNode && dragEl.parentNode.removeChild(dragEl);
     parentSortable.animateAll();
   },
-  drop: drop
+
+  drop
 };
 
 _extends(Remove, {
   pluginName: 'removeOnSpill'
 });
 
-var lastSwapEl;
+let lastSwapEl;
 
 function SwapPlugin() {
   function Swap() {
@@ -3074,23 +2968,26 @@ function SwapPlugin() {
   }
 
   Swap.prototype = {
-    dragStart: function dragStart(_ref) {
-      var dragEl = _ref.dragEl;
+    dragStart({
+      dragEl
+    }) {
       lastSwapEl = dragEl;
     },
-    dragOverValid: function dragOverValid(_ref2) {
-      var completed = _ref2.completed,
-          target = _ref2.target,
-          onMove = _ref2.onMove,
-          activeSortable = _ref2.activeSortable,
-          changed = _ref2.changed,
-          cancel = _ref2.cancel;
+
+    dragOverValid({
+      completed,
+      target,
+      onMove,
+      activeSortable,
+      changed,
+      cancel
+    }) {
       if (!activeSortable.options.swap) return;
-      var el = this.sortable.el,
+      let el = this.sortable.el,
           options = this.options;
 
       if (target && target !== el) {
-        var prevSwapEl = lastSwapEl;
+        let prevSwapEl = lastSwapEl;
 
         if (onMove(target) !== false) {
           toggleClass(target, options.swapClass, true);
@@ -3108,12 +3005,14 @@ function SwapPlugin() {
       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.options;
+
+    drop({
+      activeSortable,
+      putSortable,
+      dragEl
+    }) {
+      let toSortable = putSortable || this.sortable;
+      let options = this.options;
       lastSwapEl && toggleClass(lastSwapEl, options.swapClass, false);
 
       if (lastSwapEl && (options.swap || putSortable && putSortable.options.swap)) {
@@ -3126,22 +3025,26 @@ function SwapPlugin() {
         }
       }
     },
-    nulling: function nulling() {
+
+    nulling() {
       lastSwapEl = null;
     }
+
   };
   return _extends(Swap, {
     pluginName: 'swap',
-    eventProperties: function eventProperties() {
+
+    eventProperties() {
       return {
         swapItem: lastSwapEl
       };
     }
+
   });
 }
 
 function swapNodes(n1, n2) {
-  var p1 = n1.parentNode,
+  let p1 = n1.parentNode,
       p2 = n2.parentNode,
       i1,
       i2;
@@ -3157,7 +3060,7 @@ function swapNodes(n1, n2) {
   p2.insertBefore(n1, p2.children[i2]);
 }
 
-var multiDragElements = [],
+let multiDragElements = [],
     multiDragClones = [],
     lastMultiDragSelect,
     // for selection with modifier key down (SHIFT)
@@ -3174,7 +3077,7 @@ dragStarted = false,
 function MultiDragPlugin() {
   function MultiDrag(sortable) {
     // Bind all private methods
-    for (var fn in this) {
+    for (let fn in this) {
       if (fn.charAt(0) === '_' && typeof this[fn] === 'function') {
         this[fn] = this[fn].bind(this);
       }
@@ -3195,11 +3098,12 @@ function MultiDragPlugin() {
       selectedClass: 'sortable-selected',
       multiDragKey: null,
       avoidImplicitDeselect: false,
-      setData: function setData(dataTransfer, dragEl) {
-        var data = '';
+
+      setData(dataTransfer, dragEl) {
+        let data = '';
 
         if (multiDragElements.length && multiDragSortable === sortable) {
-          multiDragElements.forEach(function (multiDragElement, i) {
+          multiDragElements.forEach((multiDragElement, i) => {
             data += (!i ? '' : ', ') + multiDragElement.textContent;
           });
         } else {
@@ -3208,25 +3112,31 @@ function MultiDragPlugin() {
 
         dataTransfer.setData('Text', data);
       }
+
     };
   }
 
   MultiDrag.prototype = {
     multiDragKeyDown: false,
     isMultiDrag: false,
-    delayStartGlobal: function delayStartGlobal(_ref) {
-      var dragged = _ref.dragEl;
+
+    delayStartGlobal({
+      dragEl: dragged
+    }) {
       dragEl$1 = dragged;
     },
-    delayEnded: function delayEnded() {
+
+    delayEnded() {
       this.isMultiDrag = ~multiDragElements.indexOf(dragEl$1);
     },
-    setupClone: function setupClone(_ref2) {
-      var sortable = _ref2.sortable,
-          cancel = _ref2.cancel;
+
+    setupClone({
+      sortable,
+      cancel
+    }) {
       if (!this.isMultiDrag) return;
 
-      for (var i = 0; i < multiDragElements.length; i++) {
+      for (let i = 0; i < multiDragElements.length; i++) {
         multiDragClones.push(clone(multiDragElements[i]));
         multiDragClones[i].sortableIndex = multiDragElements[i].sortableIndex;
         multiDragClones[i].draggable = false;
@@ -3239,11 +3149,13 @@ function MultiDragPlugin() {
 
       cancel();
     },
-    clone: function clone(_ref3) {
-      var sortable = _ref3.sortable,
-          rootEl = _ref3.rootEl,
-          dispatchSortableEvent = _ref3.dispatchSortableEvent,
-          cancel = _ref3.cancel;
+
+    clone({
+      sortable,
+      rootEl,
+      dispatchSortableEvent,
+      cancel
+    }) {
       if (!this.isMultiDrag) return;
 
       if (!this.options.removeCloneOnHide) {
@@ -3254,30 +3166,32 @@ function MultiDragPlugin() {
         }
       }
     },
-    showClone: function showClone(_ref4) {
-      var cloneNowShown = _ref4.cloneNowShown,
-          rootEl = _ref4.rootEl,
-          cancel = _ref4.cancel;
+
+    showClone({
+      cloneNowShown,
+      rootEl,
+      cancel
+    }) {
       if (!this.isMultiDrag) return;
       insertMultiDragClones(false, rootEl);
-      multiDragClones.forEach(function (clone) {
+      multiDragClones.forEach(clone => {
         css(clone, 'display', '');
       });
       cloneNowShown();
       clonesHidden = false;
       cancel();
     },
-    hideClone: function hideClone(_ref5) {
-      var _this = this;
 
-      var sortable = _ref5.sortable,
-          cloneNowHidden = _ref5.cloneNowHidden,
-          cancel = _ref5.cancel;
+    hideClone({
+      sortable,
+      cloneNowHidden,
+      cancel
+    }) {
       if (!this.isMultiDrag) return;
-      multiDragClones.forEach(function (clone) {
+      multiDragClones.forEach(clone => {
         css(clone, 'display', 'none');
 
-        if (_this.options.removeCloneOnHide && clone.parentNode) {
+        if (this.options.removeCloneOnHide && clone.parentNode) {
           clone.parentNode.removeChild(clone);
         }
       });
@@ -3285,14 +3199,15 @@ function MultiDragPlugin() {
       clonesHidden = true;
       cancel();
     },
-    dragStartGlobal: function dragStartGlobal(_ref6) {
-      var sortable = _ref6.sortable;
 
+    dragStartGlobal({
+      sortable
+    }) {
       if (!this.isMultiDrag && multiDragSortable) {
         multiDragSortable.multiDrag._deselectMultiDrag();
       }
 
-      multiDragElements.forEach(function (multiDragElement) {
+      multiDragElements.forEach(multiDragElement => {
         multiDragElement.sortableIndex = index(multiDragElement);
       }); // Sort multi-drag elements
 
@@ -3301,10 +3216,10 @@ function MultiDragPlugin() {
       });
       dragStarted = true;
     },
-    dragStarted: function dragStarted(_ref7) {
-      var _this2 = this;
 
-      var sortable = _ref7.sortable;
+    dragStarted({
+      sortable
+    }) {
       if (!this.isMultiDrag) return;
 
       if (this.options.sort) {
@@ -3317,12 +3232,12 @@ function MultiDragPlugin() {
         sortable.captureAnimationState();
 
         if (this.options.animation) {
-          multiDragElements.forEach(function (multiDragElement) {
+          multiDragElements.forEach(multiDragElement => {
             if (multiDragElement === dragEl$1) return;
             css(multiDragElement, 'position', 'absolute');
           });
-          var dragRect = getRect(dragEl$1, false, true, true);
-          multiDragElements.forEach(function (multiDragElement) {
+          let dragRect = getRect(dragEl$1, false, true, true);
+          multiDragElements.forEach(multiDragElement => {
             if (multiDragElement === dragEl$1) return;
             setRect(multiDragElement, dragRect);
           });
@@ -3331,41 +3246,43 @@ function MultiDragPlugin() {
         }
       }
 
-      sortable.animateAll(function () {
+      sortable.animateAll(() => {
         folding = false;
         initialFolding = false;
 
-        if (_this2.options.animation) {
-          multiDragElements.forEach(function (multiDragElement) {
+        if (this.options.animation) {
+          multiDragElements.forEach(multiDragElement => {
             unsetRect(multiDragElement);
           });
         } // Remove all auxiliary multidrag items from el, if sorting enabled
 
 
-        if (_this2.options.sort) {
+        if (this.options.sort) {
           removeMultiDragElements();
         }
       });
     },
-    dragOver: function dragOver(_ref8) {
-      var target = _ref8.target,
-          completed = _ref8.completed,
-          cancel = _ref8.cancel;
 
+    dragOver({
+      target,
+      completed,
+      cancel
+    }) {
       if (folding && ~multiDragElements.indexOf(target)) {
         completed(false);
         cancel();
       }
     },
-    revert: function revert(_ref9) {
-      var fromSortable = _ref9.fromSortable,
-          rootEl = _ref9.rootEl,
-          sortable = _ref9.sortable,
-          dragRect = _ref9.dragRect;
 
+    revert({
+      fromSortable,
+      rootEl,
+      sortable,
+      dragRect
+    }) {
       if (multiDragElements.length > 1) {
         // Setup unfold animation
-        multiDragElements.forEach(function (multiDragElement) {
+        multiDragElements.forEach(multiDragElement => {
           sortable.addAnimationState({
             target: multiDragElement,
             rect: folding ? getRect(multiDragElement) : dragRect
@@ -3378,14 +3295,16 @@ function MultiDragPlugin() {
         insertMultiDragElements(!this.options.removeCloneOnHide, rootEl);
       }
     },
-    dragOverCompleted: function dragOverCompleted(_ref10) {
-      var sortable = _ref10.sortable,
-          isOwner = _ref10.isOwner,
-          insertion = _ref10.insertion,
-          activeSortable = _ref10.activeSortable,
-          parentEl = _ref10.parentEl,
-          putSortable = _ref10.putSortable;
-      var options = this.options;
+
+    dragOverCompleted({
+      sortable,
+      isOwner,
+      insertion,
+      activeSortable,
+      parentEl,
+      putSortable
+    }) {
+      let options = this.options;
 
       if (insertion) {
         // Clones must be hidden before folding animation to capture dragRectAbsolute properly
@@ -3397,8 +3316,8 @@ 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);
-          multiDragElements.forEach(function (multiDragElement) {
+          let dragRectAbsolute = getRect(dragEl$1, false, true, true);
+          multiDragElements.forEach(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
@@ -3416,13 +3335,13 @@ function MultiDragPlugin() {
           }
 
           if (multiDragElements.length > 1) {
-            var clonesHiddenBefore = clonesHidden;
+            let clonesHiddenBefore = clonesHidden;
 
             activeSortable._showClone(sortable); // Unfold animation for clones if showing from hidden
 
 
             if (activeSortable.options.animation && !clonesHidden && clonesHiddenBefore) {
-              multiDragClones.forEach(function (clone) {
+              multiDragClones.forEach(clone => {
                 activeSortable.addAnimationState({
                   target: clone,
                   rect: clonesFromRect
@@ -3437,38 +3356,43 @@ function MultiDragPlugin() {
         }
       }
     },
-    dragOverAnimationCapture: function dragOverAnimationCapture(_ref11) {
-      var dragRect = _ref11.dragRect,
-          isOwner = _ref11.isOwner,
-          activeSortable = _ref11.activeSortable;
-      multiDragElements.forEach(function (multiDragElement) {
+
+    dragOverAnimationCapture({
+      dragRect,
+      isOwner,
+      activeSortable
+    }) {
+      multiDragElements.forEach(multiDragElement => {
         multiDragElement.thisAnimationDuration = null;
       });
 
       if (activeSortable.options.animation && !isOwner && activeSortable.multiDrag.isMultiDrag) {
         clonesFromRect = _extends({}, dragRect);
-        var dragMatrix = matrix(dragEl$1, true);
+        let dragMatrix = matrix(dragEl$1, true);
         clonesFromRect.top -= dragMatrix.f;
         clonesFromRect.left -= dragMatrix.e;
       }
     },
-    dragOverAnimationComplete: function dragOverAnimationComplete() {
+
+    dragOverAnimationComplete() {
       if (folding) {
         folding = false;
         removeMultiDragElements();
       }
     },
-    drop: function drop(_ref12) {
-      var evt = _ref12.originalEvent,
-          rootEl = _ref12.rootEl,
-          parentEl = _ref12.parentEl,
-          sortable = _ref12.sortable,
-          dispatchSortableEvent = _ref12.dispatchSortableEvent,
-          oldIndex = _ref12.oldIndex,
-          putSortable = _ref12.putSortable;
-      var toSortable = putSortable || this.sortable;
+
+    drop({
+      originalEvent: evt,
+      rootEl,
+      parentEl,
+      sortable,
+      dispatchSortableEvent,
+      oldIndex,
+      putSortable
+    }) {
+      let toSortable = putSortable || this.sortable;
       if (!evt) return;
-      var options = this.options,
+      let options = this.options,
           children = parentEl.children; // Multi-drag selection
 
       if (!dragStarted) {
@@ -3481,21 +3405,21 @@ function MultiDragPlugin() {
         if (!~multiDragElements.indexOf(dragEl$1)) {
           multiDragElements.push(dragEl$1);
           dispatchEvent({
-            sortable: sortable,
-            rootEl: rootEl,
+            sortable,
+            rootEl,
             name: 'select',
             targetEl: dragEl$1,
             originalEvent: evt
           }); // Modifier activated, select from last to dragEl
 
           if (evt.shiftKey && lastMultiDragSelect && sortable.el.contains(lastMultiDragSelect)) {
-            var lastIndex = index(lastMultiDragSelect),
+            let lastIndex = index(lastMultiDragSelect),
                 currentIndex = index(dragEl$1);
 
             if (~lastIndex && ~currentIndex && lastIndex !== currentIndex) {
               // Must include lastMultiDragSelect (select it), in case modified selection from no selection
               // (but previous selection existed)
-              var n, i;
+              let n, i;
 
               if (currentIndex > lastIndex) {
                 i = lastIndex;
@@ -3510,8 +3434,8 @@ function MultiDragPlugin() {
                 toggleClass(children[i], options.selectedClass, true);
                 multiDragElements.push(children[i]);
                 dispatchEvent({
-                  sortable: sortable,
-                  rootEl: rootEl,
+                  sortable,
+                  rootEl,
                   name: 'select',
                   targetEl: children[i],
                   originalEvent: evt
@@ -3527,8 +3451,8 @@ function MultiDragPlugin() {
           multiDragElements.splice(multiDragElements.indexOf(dragEl$1), 1);
           lastMultiDragSelect = null;
           dispatchEvent({
-            sortable: sortable,
-            rootEl: rootEl,
+            sortable,
+            rootEl,
             name: 'deselect',
             targetEl: dragEl$1,
             originalEvent: evt
@@ -3541,7 +3465,7 @@ function MultiDragPlugin() {
         folding = false; // Do not "unfold" after around dragEl if reverted
 
         if ((parentEl[expando].options.sort || parentEl !== rootEl) && multiDragElements.length > 1) {
-          var dragRect = getRect(dragEl$1),
+          let dragRect = getRect(dragEl$1),
               multiDragIndex = index(dragEl$1, ':not(.' + this.options.selectedClass + ')');
           if (!initialFolding && options.animation) dragEl$1.thisAnimationDuration = null;
           toSortable.captureAnimationState();
@@ -3549,11 +3473,11 @@ function MultiDragPlugin() {
           if (!initialFolding) {
             if (options.animation) {
               dragEl$1.fromRect = dragRect;
-              multiDragElements.forEach(function (multiDragElement) {
+              multiDragElements.forEach(multiDragElement => {
                 multiDragElement.thisAnimationDuration = null;
 
                 if (multiDragElement !== dragEl$1) {
-                  var rect = folding ? getRect(multiDragElement) : dragRect;
+                  let rect = folding ? getRect(multiDragElement) : dragRect;
                   multiDragElement.fromRect = rect; // Prepare unfold animation
 
                   toSortable.addAnimationState({
@@ -3567,7 +3491,7 @@ function MultiDragPlugin() {
 
 
             removeMultiDragElements();
-            multiDragElements.forEach(function (multiDragElement) {
+            multiDragElements.forEach(multiDragElement => {
               if (children[multiDragIndex]) {
                 parentEl.insertBefore(multiDragElement, children[multiDragIndex]);
               } else {
@@ -3580,8 +3504,8 @@ function MultiDragPlugin() {
             // must be fired here as Sortable will not.
 
             if (oldIndex === index(dragEl$1)) {
-              var update = false;
-              multiDragElements.forEach(function (multiDragElement) {
+              let update = false;
+              multiDragElements.forEach(multiDragElement => {
                 if (multiDragElement.sortableIndex !== index(multiDragElement)) {
                   update = true;
                   return;
@@ -3595,7 +3519,7 @@ function MultiDragPlugin() {
           } // Must be done after capturing individual rects (scroll bar)
 
 
-          multiDragElements.forEach(function (multiDragElement) {
+          multiDragElements.forEach(multiDragElement => {
             unsetRect(multiDragElement);
           });
           toSortable.animateAll();
@@ -3606,16 +3530,18 @@ function MultiDragPlugin() {
 
 
       if (rootEl === parentEl || putSortable && putSortable.lastPutMode !== 'clone') {
-        multiDragClones.forEach(function (clone) {
+        multiDragClones.forEach(clone => {
           clone.parentNode && clone.parentNode.removeChild(clone);
         });
       }
     },
-    nullingGlobal: function nullingGlobal() {
+
+    nullingGlobal() {
       this.isMultiDrag = dragStarted = false;
       multiDragClones.length = 0;
     },
-    destroyGlobal: function destroyGlobal() {
+
+    destroyGlobal() {
       this._deselectMultiDrag();
 
       off(document, 'pointerup', this._deselectMultiDrag);
@@ -3624,7 +3550,8 @@ function MultiDragPlugin() {
       off(document, 'keydown', this._checkKeyDown);
       off(document, 'keyup', this._checkKeyUp);
     },
-    _deselectMultiDrag: function _deselectMultiDrag(evt) {
+
+    _deselectMultiDrag(evt) {
       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
@@ -3634,7 +3561,7 @@ function MultiDragPlugin() {
       if (evt && evt.button !== 0) return;
 
       while (multiDragElements.length) {
-        var el = multiDragElements[0];
+        let el = multiDragElements[0];
         toggleClass(el, this.options.selectedClass, false);
         multiDragElements.shift();
         dispatchEvent({
@@ -3646,16 +3573,19 @@ function MultiDragPlugin() {
         });
       }
     },
-    _checkKeyDown: function _checkKeyDown(evt) {
+
+    _checkKeyDown(evt) {
       if (evt.key === this.options.multiDragKey) {
         this.multiDragKeyDown = true;
       }
     },
-    _checkKeyUp: function _checkKeyUp(evt) {
+
+    _checkKeyUp(evt) {
       if (evt.key === this.options.multiDragKey) {
         this.multiDragKeyDown = false;
       }
     }
+
   };
   return _extends(MultiDrag, {
     // Static methods & properties
@@ -3665,8 +3595,8 @@ function MultiDragPlugin() {
        * Selects the provided multi-drag item
        * @param  {HTMLElement} el    The element to be selected
        */
-      select: function select(el) {
-        var sortable = el.parentNode[expando];
+      select(el) {
+        let sortable = el.parentNode[expando];
         if (!sortable || !sortable.options.multiDrag || ~multiDragElements.indexOf(el)) return;
 
         if (multiDragSortable && multiDragSortable !== sortable) {
@@ -3683,49 +3613,50 @@ function MultiDragPlugin() {
        * Deselects the provided multi-drag item
        * @param  {HTMLElement} el    The element to be deselected
        */
-      deselect: function deselect(el) {
-        var sortable = el.parentNode[expando],
+      deselect(el) {
+        let sortable = el.parentNode[expando],
             index = multiDragElements.indexOf(el);
         if (!sortable || !sortable.options.multiDrag || !~index) return;
         toggleClass(el, sortable.options.selectedClass, false);
         multiDragElements.splice(index, 1);
       }
+
     },
-    eventProperties: function eventProperties() {
-      var _this3 = this;
 
-      var oldIndicies = [],
-          newIndicies = [];
-      multiDragElements.forEach(function (multiDragElement) {
+    eventProperties() {
+      const oldIndicies = [],
+            newIndicies = [];
+      multiDragElements.forEach(multiDragElement => {
         oldIndicies.push({
-          multiDragElement: multiDragElement,
+          multiDragElement,
           index: multiDragElement.sortableIndex
         }); // multiDragElements will already be sorted if folding
 
-        var newIndex;
+        let newIndex;
 
         if (folding && multiDragElement !== dragEl$1) {
           newIndex = -1;
         } else if (folding) {
-          newIndex = index(multiDragElement, ':not(.' + _this3.options.selectedClass + ')');
+          newIndex = index(multiDragElement, ':not(.' + this.options.selectedClass + ')');
         } else {
           newIndex = index(multiDragElement);
         }
 
         newIndicies.push({
-          multiDragElement: multiDragElement,
+          multiDragElement,
           index: newIndex
         });
       });
       return {
-        items: _toConsumableArray(multiDragElements),
-        clones: [].concat(multiDragClones),
-        oldIndicies: oldIndicies,
-        newIndicies: newIndicies
+        items: [...multiDragElements],
+        clones: [...multiDragClones],
+        oldIndicies,
+        newIndicies
       };
     },
+
     optionListeners: {
-      multiDragKey: function multiDragKey(key) {
+      multiDragKey(key) {
         key = key.toLowerCase();
 
         if (key === 'ctrl') {
@@ -3736,13 +3667,14 @@ function MultiDragPlugin() {
 
         return key;
       }
+
     }
   });
 }
 
 function insertMultiDragElements(clonesInserted, rootEl) {
-  multiDragElements.forEach(function (multiDragElement, i) {
-    var target = rootEl.children[multiDragElement.sortableIndex + (clonesInserted ? Number(i) : 0)];
+  multiDragElements.forEach((multiDragElement, i) => {
+    let target = rootEl.children[multiDragElement.sortableIndex + (clonesInserted ? Number(i) : 0)];
 
     if (target) {
       rootEl.insertBefore(multiDragElement, target);
@@ -3759,8 +3691,8 @@ function insertMultiDragElements(clonesInserted, rootEl) {
 
 
 function insertMultiDragClones(elementsInserted, rootEl) {
-  multiDragClones.forEach(function (clone, i) {
-    var target = rootEl.children[clone.sortableIndex + (elementsInserted ? Number(i) : 0)];
+  multiDragClones.forEach((clone, i) => {
+    let target = rootEl.children[clone.sortableIndex + (elementsInserted ? Number(i) : 0)];
 
     if (target) {
       rootEl.insertBefore(clone, target);
@@ -3771,7 +3703,7 @@ function insertMultiDragClones(elementsInserted, rootEl) {
 }
 
 function removeMultiDragElements() {
-  multiDragElements.forEach(function (multiDragElement) {
+  multiDragElements.forEach(multiDragElement => {
     if (multiDragElement === dragEl$1) return;
     multiDragElement.parentNode && multiDragElement.parentNode.removeChild(multiDragElement);
   });
diff --git a/src/Sortable.js b/src/Sortable.js
index 7a8c779b8..f6e460c13 100644
--- a/src/Sortable.js
+++ b/src/Sortable.js
@@ -351,7 +351,10 @@ function Sortable(el, options) {
 
 	this.el = el; // root element
 	this.options = options = Object.assign({}, options);
-
+	if (this.options.fallbackOnBody) {
+		// backwards compatibility
+		this.options.getFallbackParent = () => (document.body)
+	}
 
 	// Export instance
 	el[expando] = this;
@@ -389,7 +392,9 @@ function Sortable(el, options) {
 		touchStartThreshold: (Number.parseInt ? Number : window).parseInt(window.devicePixelRatio, 10) || 1,
 		forceFallback: false,
 		fallbackClass: 'sortable-fallback',
+		// @obsolete use `getFallbackParent: () => (document.body)`
 		fallbackOnBody: false,
+		getFallbackParent: null,
 		fallbackTolerance: 0,
 		fallbackOffset: {x: 0, y: 0},
 		supportPointer: Sortable.supportPointer !== false && ('PointerEvent' in window) && !Safari,
@@ -851,7 +856,8 @@ Sortable.prototype = /** @lends Sortable.prototype */ {
 		// Bug if using scale(): https://stackoverflow.com/questions/2637058
 		// Not being adjusted for
 		if (!ghostEl) {
-			let container = this.options.fallbackOnBody ? document.body : rootEl,
+			let fallbackParent = typeof this.options.getFallbackParent === 'function' ? this.options.getFallbackParent() : null
+			let container = fallbackParent ?? rootEl,
 				rect = getRect(dragEl, true, PositionGhostAbsolutely, true, container),
 				options = this.options;
 
diff --git a/st/app.js b/st/app.js
index a4853f3ec..498e12553 100644
--- a/st/app.js
+++ b/st/app.js
@@ -202,7 +202,7 @@ for (var i = 0; i < nestedSortables.length; i++) {
 	new Sortable(nestedSortables[i], {
 		group: 'nested',
 		animation: 150,
-		fallbackOnBody: true,
+		getFallbackParent: () => (document.body),
 		swapThreshold: 0.65
 	});
 }