diff --git a/dragster-script.js b/dragster-script.js
index c7e1472..b647b35 100644
--- a/dragster-script.js
+++ b/dragster-script.js
@@ -22,17 +22,14 @@ const Dragster = function (params = {}) {
         POS_BOTTOM = 'bottom',
         UNIT = 'px',
         DIV = 'div',
-        FALSE = false,
-        TRUE = true,
-        NULL = null,
         dummyCallback = function () {},
         finalParams = {
             elementSelector: '.dragster-block',
             regionSelector: '.dragster-region',
-            dragHandleCssClass: FALSE,
+            dragHandleCssClass: false,
             dragOnlyRegionCssClass: PREFIX_CLASS_DRAGSTER + 'region--drag-only',
-            replaceElements: FALSE,
-            updateRegionsHeight: TRUE,
+            replaceElements: false,
+            updateRegionsHeight: true,
             minimumRegionHeight: 60,
             onBeforeDragStart: dummyCallback,
             onAfterDragStart: dummyCallback,
@@ -41,15 +38,15 @@ const Dragster = function (params = {}) {
             onBeforeDragEnd: dummyCallback,
             onAfterDragEnd: dummyCallback,
             onAfterDragDrop: dummyCallback,
-            scrollWindowOnDrag: FALSE,
-            dragOnlyRegionsEnabled: FALSE,
-            cloneElements: FALSE,
-            wrapDraggableElements: TRUE,
-            shadowElementUnderMouse: FALSE,
+            scrollWindowOnDrag: false,
+            dragOnlyRegionsEnabled: false,
+            cloneElements: false,
+            wrapDraggableElements: true,
+            shadowElementUnderMouse: false,
         },
         visiblePlaceholder = {
-            top: FALSE,
-            bottom: FALSE,
+            top: false,
+            bottom: false,
         },
         defaultDragsterEventInfo = {
             drag: {
@@ -59,7 +56,7 @@ const Dragster = function (params = {}) {
                  * @property node
                  * @type {HTMLElement}
                  */
-                node: NULL,
+                node: null,
             },
             drop: {
                 /**
@@ -68,7 +65,7 @@ const Dragster = function (params = {}) {
                  * @property node
                  * @type {HTMLElement}
                  */
-                node: NULL,
+                node: null,
             },
             shadow: {
                 /**
@@ -77,7 +74,7 @@ const Dragster = function (params = {}) {
                  * @property node
                  * @type {HTMLElement}
                  */
-                node: NULL,
+                node: null,
                 /**
                  * Contains top position value of shadow element
                  *
@@ -100,7 +97,7 @@ const Dragster = function (params = {}) {
                  * @property node
                  * @type {HTMLElement}
                  */
-                node: NULL,
+                node: null,
                 /**
                  * Contains position type of placeholder
                  *
@@ -108,7 +105,7 @@ const Dragster = function (params = {}) {
                  * @type {String}
                  * @example 'top' or 'bottom'
                  */
-                position: NULL,
+                position: null,
             },
             /**
              * Reference to dropped element
@@ -116,21 +113,21 @@ const Dragster = function (params = {}) {
              * @property dropped
              * @type {HTMLElement}
              */
-            dropped: NULL,
+            dropped: null,
             /**
              * Reference to cloned element
              *
              * @property clonedFrom
              * @type {HTMLElement}
              */
-            clonedFrom: NULL,
+            clonedFrom: null,
             /**
              * Reference to dropped cloned element
              *
              * @property clonedTo
              * @type {HTMLElement}
              */
-            clonedTo: NULL,
+            clonedTo: null,
         },
         dragsterEventInfo = {},
         key,
@@ -170,45 +167,45 @@ const Dragster = function (params = {}) {
 
     // merge the object with default config with an object with params provided by a developer
     for (key in params) {
-        if (Object.prototype.hasOwnProperty.call(params, 'key')) {
+        if (Object.prototype.hasOwnProperty.call(params, key)) {
             finalParams[key] = params[key];
         }
     }
 
     finalParams = { ...finalParams, ...params };
 
-    /*
+    /**
      * Find all draggable elements on the page
      *
      * @private
      * @method findDraggableElements
-     * @return {Array}
+     * @return {Array<HTMLElement>}
      */
     findDraggableElements = function () {
         return [].slice.call(document.querySelectorAll(finalParams.elementSelector));
     };
 
-    /*
-     * Find all regions elements on the page
+    /**
+     * Find all region elements on the page
      *
      * @private
      * @method findRegionElements
-     * @return {Array}
+     * @return {Array<HTMLElement>}
      */
     findRegionElements = function () {
         return [].slice.call(document.querySelectorAll(finalParams.regionSelector));
     };
 
-    /*
+    /**
      * Wrap all elements from the `elements` param with a draggable wrapper
      *
      * @private
-     * @method findDraggableElements
-     * @param elements {Array}
-     * @return {Array}
+     * @method wrapDraggableElements
+     * @param {Array<HTMLElement>} elements
+     * @return {boolean|undefined}
      */
     wrapDraggableElements = function (elements) {
-        if (finalParams.wrapDraggableElements === FALSE) {
+        if (finalParams.wrapDraggableElements === false) {
             console.warn(
                 'You have disabled the default behavior of wrapping the draggable elements. ' +
                     'If you want Dragster.js to work properly you still will have to do this manually.\n' +
@@ -216,7 +213,7 @@ const Dragster = function (params = {}) {
                     'More info: https://github.com/sunpietro/dragster/blob/master/README.md#user-content-wrapdraggableelements---boolean',
             );
 
-            return FALSE;
+            return false;
         }
 
         elements.forEach(function (draggableElement) {
@@ -224,7 +221,7 @@ const Dragster = function (params = {}) {
                 draggableParent = draggableElement.parentNode;
 
             if (draggableParent.classList.contains(CLASS_DRAGGABLE)) {
-                return FALSE;
+                return false;
             }
 
             draggableParent.insertBefore(wrapper, draggableElement);
@@ -245,17 +242,17 @@ const Dragster = function (params = {}) {
         document.body.appendChild(tempContainer);
     }
 
-    /*
+    /**
      * Check whether a given element meets the requirements from the callback.
-     * The callback should always return Boolean value - true or false.
-     * The function allows to find a correct element within the DOM.
+     * The callback should always return a boolean value - true or false.
+     * The function allows finding the correct element within the DOM.
      * If the element doesn't meet the requirements then the function tests its parent node.
      *
      * @private
      * @method getElement
-     * @param element {HTMLElement} DOM element
-     * @param callback {Function} testing function
-     * @return {HTMLElement}
+     * @param {HTMLElement} element - DOM element
+     * @param {Function} callback - testing function
+     * @return {HTMLElement|undefined}
      */
     getElement = function (element, callback) {
         var parent = element.parentNode;
@@ -276,12 +273,12 @@ const Dragster = function (params = {}) {
         return callback(parent) ? parent : getElement(parent, callback);
     };
 
-    /*
+    /**
      * Removes all elements defined by a selector from the DOM
      *
      * @private
      * @method removeElements
-     * @param element {HTMLElement} DOM element
+     * @param {string} selector - CSS selector
      */
     removeElements = function (selector) {
         var elements = [].slice.call(document.getElementsByClassName(selector));
@@ -294,14 +291,14 @@ const Dragster = function (params = {}) {
         });
     };
 
-    /*
+    /**
      * Removes all visible placeholders, shadow elements, empty draggable nodes
      * and removes `mousemove` event listeners from regions
      *
      * @private
      * @method cleanWorkspace
-     * @param element {HTMLElement} DOM element
-     * @param eventName {String} name of the event to stop listening to
+     * @param {HTMLElement} element - DOM element
+     * @param {string} eventName - name of the event to stop listening to
      */
     cleanWorkspace = function (element, eventName) {
         if (eventName) {
@@ -328,7 +325,7 @@ const Dragster = function (params = {}) {
         updateRegionsHeight();
     };
 
-    /*
+    /**
      * Removes replacable classname from all replacable elements
      *
      * @private
@@ -340,7 +337,7 @@ const Dragster = function (params = {}) {
         });
     };
 
-    /*
+    /**
      * Creates a wrapper for a draggable element
      *
      * @private
@@ -356,7 +353,7 @@ const Dragster = function (params = {}) {
         return wrapper;
     };
 
-    /*
+    /**
      * Creates a placeholder where dragged element can be dropped into
      *
      * @private
@@ -372,7 +369,7 @@ const Dragster = function (params = {}) {
         return placeholder;
     };
 
-    /*
+    /**
      * Creates a copy of dragged element that follows the cursor movement
      *
      * @private
@@ -393,29 +390,29 @@ const Dragster = function (params = {}) {
         return element;
     };
 
-    /*
+    /**
      * Insert an element after a selected element
      *
      * @private
      * @method insertAfter
-     * @param elementTarget {HTMLElement} dragged element
-     * @param elementAfter {HTMLElement} dragged element will be placed after this element
+     * @param {HTMLElement} elementTarget - dragged element
+     * @param {HTMLElement} elementAfter - dragged element will be placed after this element
      */
     insertAfter = function (elementTarget, elementAfter) {
         if (elementTarget && elementTarget.parentNode) {
-            var refChild = finalParams.wrapDraggableElements === FALSE ? elementTarget : elementTarget.nextSibling;
+            var refChild = finalParams.wrapDraggableElements === false ? elementTarget : elementTarget.nextSibling;
 
             elementTarget.parentNode.insertBefore(elementAfter, refChild);
         }
     };
 
-    /*
+    /**
      * Insert an element before a selected element
      *
      * @private
      * @method insertBefore
-     * @param elementTarget {HTMLElement} dragged element
-     * @param elementBefore {HTMLElement} dragged element will be placed before this element
+     * @param {HTMLElement} elementTarget - dragged element
+     * @param {HTMLElement} elementBefore - dragged element will be placed before this element
      */
     insertBefore = function (elementTarget, elementBefore) {
         if (elementTarget && elementTarget.parentNode) {
@@ -423,13 +420,13 @@ const Dragster = function (params = {}) {
         }
     };
 
-    /*
+    /**
      * Test whether an element is a draggable element
      *
      * @private
      * @method isDraggableCallback
-     * @param element {HTMLElement}
-     * @return {Boolean}
+     * @param {HTMLElement} element
+     * @return {boolean}
      */
     isDraggableCallback = function (element) {
         return (
@@ -439,25 +436,23 @@ const Dragster = function (params = {}) {
         );
     };
 
-    /*
+    /**
      * Test whether an element belongs to drag only region
      *
      * @private
      * @method isInDragOnlyRegionCallback
-     * @param element {HTMLElement}
-     * @return {Boolean}
+     * @param {HTMLElement} element
+     * @return {boolean}
      */
     isInDragOnlyRegionCallback = function (element) {
         return element.classList && element.classList.contains(finalParams.dragOnlyRegionCssClass);
-    }; //jshint ignore:line
+    };
 
-    /*
+    /**
      * Update the height of the regions dynamically
      *
      * @private
      * @method updateRegionsHeight
-     * @param element {HTMLElement}
-     * @return {Boolean}
      */
     updateRegionsHeight = function () {
         if (finalParams.updateRegionsHeight) {
@@ -488,14 +483,22 @@ const Dragster = function (params = {}) {
      *
      * @method resetDragsterWorkspace
      * @private
-     * @param moveEvent {String} move event name (either mousemove or touchmove)
-     * @param upEvent {String} up event name (either mouseup or touchend)
+     * @param {string} moveEvent - move event name (either mousemove or touchmove)
+     * @param {string} upEvent - up event name (either mouseup or touchend)
      */
     resetDragsterWorkspace = function (moveEvent, upEvent) {
         cleanWorkspace(draggedElement, moveEvent);
         cleanWorkspace(draggedElement, upEvent);
     };
 
+    const addEventListeners = (element, events, handler) => {
+        events.forEach(event => element.addEventListener(event, handler, false));
+    };
+
+    const removeEventListeners = (element, events, handler) => {
+        events.forEach(event => element.removeEventListener(event, handler, false));
+    };
+
     regionEventHandlers = {
         /*
          * `mousedown` or `touchstart` event handler.
@@ -512,7 +515,7 @@ const Dragster = function (params = {}) {
                 (typeof finalParams.dragHandleCssClass !== 'string' ||
                     !event.target.classList.contains(finalParams.dragHandleCssClass))
             ) {
-                return FALSE;
+                return false;
             }
 
             var targetRegion,
@@ -524,8 +527,8 @@ const Dragster = function (params = {}) {
             dragsterEventInfo = JSON.parse(JSON.stringify(defaultDragsterEventInfo));
             event.dragster = dragsterEventInfo;
 
-            if (finalParams.onBeforeDragStart(event) === FALSE || event.which === 3 /* detect right click */) {
-                return FALSE;
+            if (finalParams.onBeforeDragStart(event) === false || event.which === 3 /* detect right click */) {
+                return false;
             }
 
             event.preventDefault();
@@ -533,19 +536,19 @@ const Dragster = function (params = {}) {
             draggedElement = getElement(event.target, isDraggableCallback);
 
             if (!draggedElement) {
-                return FALSE;
+                return false;
             }
 
             moveEvent = isTouch ? EVT_TOUCHMOVE : EVT_MOUSEMOVE;
             upEvent = isTouch ? EVT_TOUCHEND : EVT_MOUSEUP;
 
             regions.forEach(function (region) {
-                region.addEventListener(moveEvent, regionEventHandlers.mousemove, FALSE);
-                region.addEventListener(upEvent, regionEventHandlers.mouseup, FALSE);
+                addEventListeners(region, [moveEvent, upEvent], regionEventHandlers.mousemove);
+                addEventListeners(region, [moveEvent, upEvent], regionEventHandlers.mouseup);
             });
 
-            document.body.addEventListener(moveEvent, regionEventHandlers.mousemove, FALSE);
-            document.body.addEventListener(upEvent, regionEventHandlers.mouseup, FALSE);
+            addEventListeners(document.body, [moveEvent, upEvent], regionEventHandlers.mousemove);
+            addEventListeners(document.body, [moveEvent, upEvent], regionEventHandlers.mouseup);
 
             targetRegion = draggedElement.getBoundingClientRect();
 
@@ -583,8 +586,8 @@ const Dragster = function (params = {}) {
         mousemove: function (event) {
             event.dragster = dragsterEventInfo;
 
-            if (finalParams.onBeforeDragMove(event) === FALSE || !shadowElementRegion) {
-                return FALSE;
+            if (finalParams.onBeforeDragMove(event) === false || !shadowElementRegion) {
+                return false;
             }
 
             event.preventDefault();
@@ -675,10 +678,10 @@ const Dragster = function (params = {}) {
                 isFromDragOnlyRegion,
                 canBeCloned;
 
-            if (finalParams.onBeforeDragEnd(event) === FALSE) {
+            if (finalParams.onBeforeDragEnd(event) === false) {
                 resetDragsterWorkspace(moveEvent, upEvent);
 
-                return FALSE;
+                return false;
             }
 
             findByClass = finalParams.replaceElements ? CLASS_REPLACABLE : CLASS_PLACEHOLDER;
@@ -693,7 +696,7 @@ const Dragster = function (params = {}) {
             if (!draggedElement || !dropTarget) {
                 resetDragsterWorkspace(moveEvent, upEvent);
 
-                return FALSE;
+                return false;
             }
 
             dropDraggableTarget = getElement(dropTarget, isDraggableCallback);
@@ -833,20 +836,20 @@ const Dragster = function (params = {}) {
          * @return {Object} updated event info
          */
         moveElement: function (dragsterEvent, dropTarget, dropDraggableTarget) {
-            var dropTemp = finalParams.wrapDraggableElements === FALSE ? draggedElement : createElementWrapper(),
+            var dropTemp = finalParams.wrapDraggableElements === false ? draggedElement : createElementWrapper(),
                 placeholderPosition = dropTarget.dataset.placeholderPosition;
 
             if (placeholderPosition === POS_TOP) {
                 insertBefore(dropDraggableTarget, dropTemp);
             } else {
-                if (finalParams.wrapDraggableElements === FALSE) {
+                if (finalParams.wrapDraggableElements === false) {
                     insertAfter(dropTemp, dropDraggableTarget);
                 } else {
                     insertAfter(dropDraggableTarget, dropTemp);
                 }
             }
 
-            if (draggedElement.firstChild && finalParams.wrapDraggableElements === TRUE) {
+            if (draggedElement.firstChild && finalParams.wrapDraggableElements === true) {
                 dropTemp.appendChild(draggedElement.firstChild);
             }
 
@@ -911,7 +914,7 @@ const Dragster = function (params = {}) {
      *
      * @method scrollWindow
      * @private
-     * @param event {Object} event object
+     * @param {Object} event - event object
      */
     scrollWindow = function (event) {
         var eventObject = event.changedTouches ? event.changedTouches[0] : event,
@@ -948,8 +951,8 @@ const Dragster = function (params = {}) {
             region.classList.add(CLASS_REGION);
             region.dataset.dragsterId = dragsterId;
 
-            region.addEventListener(EVT_MOUSEDOWN, regionEventHandlers.mousedown, FALSE);
-            region.addEventListener(EVT_TOUCHSTART, regionEventHandlers.mousedown, FALSE);
+            region.addEventListener(EVT_MOUSEDOWN, regionEventHandlers.mousedown, false);
+            region.addEventListener(EVT_TOUCHSTART, regionEventHandlers.mousedown, false);
         });
     };
 
@@ -974,19 +977,19 @@ const Dragster = function (params = {}) {
             regions.forEach(function (region) {
                 region.classList.remove(CLASS_REGION);
 
-                region.removeEventListener(EVT_MOUSEDOWN, regionEventHandlers.mousedown, FALSE);
-                region.removeEventListener(EVT_MOUSEMOVE, regionEventHandlers.mousemove, FALSE);
-                region.removeEventListener(EVT_MOUSEUP, regionEventHandlers.mouseup, FALSE);
+                region.removeEventListener(EVT_MOUSEDOWN, regionEventHandlers.mousedown, false);
+                region.removeEventListener(EVT_MOUSEMOVE, regionEventHandlers.mousemove, false);
+                region.removeEventListener(EVT_MOUSEUP, regionEventHandlers.mouseup, false);
 
-                region.removeEventListener(EVT_TOUCHSTART, regionEventHandlers.mousedown, FALSE);
-                region.removeEventListener(EVT_TOUCHMOVE, regionEventHandlers.mousemove, FALSE);
-                region.removeEventListener(EVT_TOUCHEND, regionEventHandlers.mouseup, FALSE);
+                region.removeEventListener(EVT_TOUCHSTART, regionEventHandlers.mousedown, false);
+                region.removeEventListener(EVT_TOUCHMOVE, regionEventHandlers.mousemove, false);
+                region.removeEventListener(EVT_TOUCHEND, regionEventHandlers.mouseup, false);
             });
 
-            document.body.removeEventListener(EVT_MOUSEMOVE, regionEventHandlers.mousemove, FALSE);
-            document.body.removeEventListener(EVT_TOUCHMOVE, regionEventHandlers.mousemove, FALSE);
-            document.body.removeEventListener(EVT_MOUSEUP, regionEventHandlers.mouseup, FALSE);
-            document.body.removeEventListener(EVT_TOUCHEND, regionEventHandlers.mouseup, FALSE);
+            document.body.removeEventListener(EVT_MOUSEMOVE, regionEventHandlers.mousemove, false);
+            document.body.removeEventListener(EVT_TOUCHMOVE, regionEventHandlers.mousemove, false);
+            document.body.removeEventListener(EVT_MOUSEUP, regionEventHandlers.mouseup, false);
+            document.body.removeEventListener(EVT_TOUCHEND, regionEventHandlers.mouseup, false);
 
             window.removeEventListener('resize', discoverWindowHeight, false);
         },
diff --git a/dragster.es6.js b/dragster.es6.js
index f88fdf5..88a2fd4 100644
--- a/dragster.es6.js
+++ b/dragster.es6.js
@@ -10,12 +10,12 @@
  *
  * Date: 2017-06-28T22:30Z
  */
-//jshint ignore:line
+ //jshint ignore:line
 /* eslint-env browser */
 
 // eslint-disable-next-line
 const Dragster = function (params = {}) {
-    let PREFIX_CLASS_DRAGSTER = 'dragster-',
+    var PREFIX_CLASS_DRAGSTER = 'dragster-',
         CLASS_DRAGGING = 'is-dragging',
         CLASS_DRAGOVER = 'is-drag-over',
         CLASS_DRAGGABLE = PREFIX_CLASS_DRAGSTER + 'draggable',
@@ -35,17 +35,14 @@ const Dragster = function (params = {}) {
         POS_BOTTOM = 'bottom',
         UNIT = 'px',
         DIV = 'div',
-        FALSE = false,
-        TRUE = true,
-        NULL = null,
-        dummyCallback = () => undefined,
+        dummyCallback = function () {},
         finalParams = {
             elementSelector: '.dragster-block',
             regionSelector: '.dragster-region',
-            dragHandleCssClass: FALSE,
+            dragHandleCssClass: false,
             dragOnlyRegionCssClass: PREFIX_CLASS_DRAGSTER + 'region--drag-only',
-            replaceElements: FALSE,
-            updateRegionsHeight: TRUE,
+            replaceElements: false,
+            updateRegionsHeight: true,
             minimumRegionHeight: 60,
             onBeforeDragStart: dummyCallback,
             onAfterDragStart: dummyCallback,
@@ -54,15 +51,15 @@ const Dragster = function (params = {}) {
             onBeforeDragEnd: dummyCallback,
             onAfterDragEnd: dummyCallback,
             onAfterDragDrop: dummyCallback,
-            scrollWindowOnDrag: FALSE,
-            dragOnlyRegionsEnabled: FALSE,
-            cloneElements: FALSE,
-            wrapDraggableElements: TRUE,
-            shadowElementUnderMouse: FALSE,
+            scrollWindowOnDrag: false,
+            dragOnlyRegionsEnabled: false,
+            cloneElements: false,
+            wrapDraggableElements: true,
+            shadowElementUnderMouse: false,
         },
         visiblePlaceholder = {
-            top: FALSE,
-            bottom: FALSE,
+            top: false,
+            bottom: false,
         },
         defaultDragsterEventInfo = {
             drag: {
@@ -72,7 +69,7 @@ const Dragster = function (params = {}) {
                  * @property node
                  * @type {HTMLElement}
                  */
-                node: NULL,
+                node: null,
             },
             drop: {
                 /**
@@ -81,7 +78,7 @@ const Dragster = function (params = {}) {
                  * @property node
                  * @type {HTMLElement}
                  */
-                node: NULL,
+                node: null,
             },
             shadow: {
                 /**
@@ -90,7 +87,7 @@ const Dragster = function (params = {}) {
                  * @property node
                  * @type {HTMLElement}
                  */
-                node: NULL,
+                node: null,
                 /**
                  * Contains top position value of shadow element
                  *
@@ -113,7 +110,7 @@ const Dragster = function (params = {}) {
                  * @property node
                  * @type {HTMLElement}
                  */
-                node: NULL,
+                node: null,
                 /**
                  * Contains position type of placeholder
                  *
@@ -121,7 +118,7 @@ const Dragster = function (params = {}) {
                  * @type {String}
                  * @example 'top' or 'bottom'
                  */
-                position: NULL,
+                position: null,
             },
             /**
              * Reference to dropped element
@@ -129,21 +126,21 @@ const Dragster = function (params = {}) {
              * @property dropped
              * @type {HTMLElement}
              */
-            dropped: NULL,
+            dropped: null,
             /**
              * Reference to cloned element
              *
              * @property clonedFrom
              * @type {HTMLElement}
              */
-            clonedFrom: NULL,
+            clonedFrom: null,
             /**
              * Reference to dropped cloned element
              *
              * @property clonedTo
              * @type {HTMLElement}
              */
-            clonedTo: NULL,
+            clonedTo: null,
         },
         dragsterEventInfo = {},
         key,
@@ -183,45 +180,45 @@ const Dragster = function (params = {}) {
 
     // merge the object with default config with an object with params provided by a developer
     for (key in params) {
-        if (Object.prototype.hasOwnProperty.call(params, 'key')) {
+        if (Object.prototype.hasOwnProperty.call(params, key)) {
             finalParams[key] = params[key];
         }
     }
 
     finalParams = { ...finalParams, ...params };
 
-    /*
+    /**
      * Find all draggable elements on the page
      *
      * @private
      * @method findDraggableElements
-     * @return {Array}
+     * @return {Array<HTMLElement>}
      */
     findDraggableElements = function () {
         return [].slice.call(document.querySelectorAll(finalParams.elementSelector));
     };
 
-    /*
-     * Find all regions elements on the page
+    /**
+     * Find all region elements on the page
      *
      * @private
      * @method findRegionElements
-     * @return {Array}
+     * @return {Array<HTMLElement>}
      */
     findRegionElements = function () {
         return [].slice.call(document.querySelectorAll(finalParams.regionSelector));
     };
 
-    /*
+    /**
      * Wrap all elements from the `elements` param with a draggable wrapper
      *
      * @private
-     * @method findDraggableElements
-     * @param elements {Array}
-     * @return {Array}
+     * @method wrapDraggableElements
+     * @param {Array<HTMLElement>} elements
+     * @return {boolean|undefined}
      */
     wrapDraggableElements = function (elements) {
-        if (finalParams.wrapDraggableElements === FALSE) {
+        if (finalParams.wrapDraggableElements === false) {
             console.warn(
                 'You have disabled the default behavior of wrapping the draggable elements. ' +
                     'If you want Dragster.js to work properly you still will have to do this manually.\n' +
@@ -229,7 +226,7 @@ const Dragster = function (params = {}) {
                     'More info: https://github.com/sunpietro/dragster/blob/master/README.md#user-content-wrapdraggableelements---boolean',
             );
 
-            return FALSE;
+            return false;
         }
 
         elements.forEach(function (draggableElement) {
@@ -237,7 +234,7 @@ const Dragster = function (params = {}) {
                 draggableParent = draggableElement.parentNode;
 
             if (draggableParent.classList.contains(CLASS_DRAGGABLE)) {
-                return FALSE;
+                return false;
             }
 
             draggableParent.insertBefore(wrapper, draggableElement);
@@ -258,17 +255,17 @@ const Dragster = function (params = {}) {
         document.body.appendChild(tempContainer);
     }
 
-    /*
+    /**
      * Check whether a given element meets the requirements from the callback.
-     * The callback should always return Boolean value - true or false.
-     * The function allows to find a correct element within the DOM.
+     * The callback should always return a boolean value - true or false.
+     * The function allows finding the correct element within the DOM.
      * If the element doesn't meet the requirements then the function tests its parent node.
      *
      * @private
      * @method getElement
-     * @param element {HTMLElement} DOM element
-     * @param callback {Function} testing function
-     * @return {HTMLElement}
+     * @param {HTMLElement} element - DOM element
+     * @param {Function} callback - testing function
+     * @return {HTMLElement|undefined}
      */
     getElement = function (element, callback) {
         var parent = element.parentNode;
@@ -289,12 +286,12 @@ const Dragster = function (params = {}) {
         return callback(parent) ? parent : getElement(parent, callback);
     };
 
-    /*
+    /**
      * Removes all elements defined by a selector from the DOM
      *
      * @private
      * @method removeElements
-     * @param element {HTMLElement} DOM element
+     * @param {string} selector - CSS selector
      */
     removeElements = function (selector) {
         var elements = [].slice.call(document.getElementsByClassName(selector));
@@ -307,14 +304,14 @@ const Dragster = function (params = {}) {
         });
     };
 
-    /*
+    /**
      * Removes all visible placeholders, shadow elements, empty draggable nodes
      * and removes `mousemove` event listeners from regions
      *
      * @private
      * @method cleanWorkspace
-     * @param element {HTMLElement} DOM element
-     * @param eventName {String} name of the event to stop listening to
+     * @param {HTMLElement} element - DOM element
+     * @param {string} eventName - name of the event to stop listening to
      */
     cleanWorkspace = function (element, eventName) {
         if (eventName) {
@@ -341,7 +338,7 @@ const Dragster = function (params = {}) {
         updateRegionsHeight();
     };
 
-    /*
+    /**
      * Removes replacable classname from all replacable elements
      *
      * @private
@@ -353,7 +350,7 @@ const Dragster = function (params = {}) {
         });
     };
 
-    /*
+    /**
      * Creates a wrapper for a draggable element
      *
      * @private
@@ -369,7 +366,7 @@ const Dragster = function (params = {}) {
         return wrapper;
     };
 
-    /*
+    /**
      * Creates a placeholder where dragged element can be dropped into
      *
      * @private
@@ -385,7 +382,7 @@ const Dragster = function (params = {}) {
         return placeholder;
     };
 
-    /*
+    /**
      * Creates a copy of dragged element that follows the cursor movement
      *
      * @private
@@ -406,29 +403,29 @@ const Dragster = function (params = {}) {
         return element;
     };
 
-    /*
+    /**
      * Insert an element after a selected element
      *
      * @private
      * @method insertAfter
-     * @param elementTarget {HTMLElement} dragged element
-     * @param elementAfter {HTMLElement} dragged element will be placed after this element
+     * @param {HTMLElement} elementTarget - dragged element
+     * @param {HTMLElement} elementAfter - dragged element will be placed after this element
      */
     insertAfter = function (elementTarget, elementAfter) {
         if (elementTarget && elementTarget.parentNode) {
-            var refChild = finalParams.wrapDraggableElements === FALSE ? elementTarget : elementTarget.nextSibling;
+            var refChild = finalParams.wrapDraggableElements === false ? elementTarget : elementTarget.nextSibling;
 
             elementTarget.parentNode.insertBefore(elementAfter, refChild);
         }
     };
 
-    /*
+    /**
      * Insert an element before a selected element
      *
      * @private
      * @method insertBefore
-     * @param elementTarget {HTMLElement} dragged element
-     * @param elementBefore {HTMLElement} dragged element will be placed before this element
+     * @param {HTMLElement} elementTarget - dragged element
+     * @param {HTMLElement} elementBefore - dragged element will be placed before this element
      */
     insertBefore = function (elementTarget, elementBefore) {
         if (elementTarget && elementTarget.parentNode) {
@@ -436,13 +433,13 @@ const Dragster = function (params = {}) {
         }
     };
 
-    /*
+    /**
      * Test whether an element is a draggable element
      *
      * @private
      * @method isDraggableCallback
-     * @param element {HTMLElement}
-     * @return {Boolean}
+     * @param {HTMLElement} element
+     * @return {boolean}
      */
     isDraggableCallback = function (element) {
         return (
@@ -452,25 +449,23 @@ const Dragster = function (params = {}) {
         );
     };
 
-    /*
+    /**
      * Test whether an element belongs to drag only region
      *
      * @private
      * @method isInDragOnlyRegionCallback
-     * @param element {HTMLElement}
-     * @return {Boolean}
+     * @param {HTMLElement} element
+     * @return {boolean}
      */
     isInDragOnlyRegionCallback = function (element) {
         return element.classList && element.classList.contains(finalParams.dragOnlyRegionCssClass);
-    }; //jshint ignore:line
+    };
 
-    /*
+    /**
      * Update the height of the regions dynamically
      *
      * @private
      * @method updateRegionsHeight
-     * @param element {HTMLElement}
-     * @return {Boolean}
      */
     updateRegionsHeight = function () {
         if (finalParams.updateRegionsHeight) {
@@ -501,14 +496,22 @@ const Dragster = function (params = {}) {
      *
      * @method resetDragsterWorkspace
      * @private
-     * @param moveEvent {String} move event name (either mousemove or touchmove)
-     * @param upEvent {String} up event name (either mouseup or touchend)
+     * @param {string} moveEvent - move event name (either mousemove or touchmove)
+     * @param {string} upEvent - up event name (either mouseup or touchend)
      */
     resetDragsterWorkspace = function (moveEvent, upEvent) {
         cleanWorkspace(draggedElement, moveEvent);
         cleanWorkspace(draggedElement, upEvent);
     };
 
+    const addEventListeners = (element, events, handler) => {
+        events.forEach(event => element.addEventListener(event, handler, false));
+    };
+
+    const removeEventListeners = (element, events, handler) => {
+        events.forEach(event => element.removeEventListener(event, handler, false));
+    };
+
     regionEventHandlers = {
         /*
          * `mousedown` or `touchstart` event handler.
@@ -525,7 +528,7 @@ const Dragster = function (params = {}) {
                 (typeof finalParams.dragHandleCssClass !== 'string' ||
                     !event.target.classList.contains(finalParams.dragHandleCssClass))
             ) {
-                return FALSE;
+                return false;
             }
 
             var targetRegion,
@@ -537,8 +540,8 @@ const Dragster = function (params = {}) {
             dragsterEventInfo = JSON.parse(JSON.stringify(defaultDragsterEventInfo));
             event.dragster = dragsterEventInfo;
 
-            if (finalParams.onBeforeDragStart(event) === FALSE || event.which === 3 /* detect right click */) {
-                return FALSE;
+            if (finalParams.onBeforeDragStart(event) === false || event.which === 3 /* detect right click */) {
+                return false;
             }
 
             event.preventDefault();
@@ -546,19 +549,19 @@ const Dragster = function (params = {}) {
             draggedElement = getElement(event.target, isDraggableCallback);
 
             if (!draggedElement) {
-                return FALSE;
+                return false;
             }
 
             moveEvent = isTouch ? EVT_TOUCHMOVE : EVT_MOUSEMOVE;
             upEvent = isTouch ? EVT_TOUCHEND : EVT_MOUSEUP;
 
             regions.forEach(function (region) {
-                region.addEventListener(moveEvent, regionEventHandlers.mousemove, FALSE);
-                region.addEventListener(upEvent, regionEventHandlers.mouseup, FALSE);
+                addEventListeners(region, [moveEvent, upEvent], regionEventHandlers.mousemove);
+                addEventListeners(region, [moveEvent, upEvent], regionEventHandlers.mouseup);
             });
 
-            document.body.addEventListener(moveEvent, regionEventHandlers.mousemove, FALSE);
-            document.body.addEventListener(upEvent, regionEventHandlers.mouseup, FALSE);
+            addEventListeners(document.body, [moveEvent, upEvent], regionEventHandlers.mousemove);
+            addEventListeners(document.body, [moveEvent, upEvent], regionEventHandlers.mouseup);
 
             targetRegion = draggedElement.getBoundingClientRect();
 
@@ -596,8 +599,8 @@ const Dragster = function (params = {}) {
         mousemove: function (event) {
             event.dragster = dragsterEventInfo;
 
-            if (finalParams.onBeforeDragMove(event) === FALSE || !shadowElementRegion) {
-                return FALSE;
+            if (finalParams.onBeforeDragMove(event) === false || !shadowElementRegion) {
+                return false;
             }
 
             event.preventDefault();
@@ -688,10 +691,10 @@ const Dragster = function (params = {}) {
                 isFromDragOnlyRegion,
                 canBeCloned;
 
-            if (finalParams.onBeforeDragEnd(event) === FALSE) {
+            if (finalParams.onBeforeDragEnd(event) === false) {
                 resetDragsterWorkspace(moveEvent, upEvent);
 
-                return FALSE;
+                return false;
             }
 
             findByClass = finalParams.replaceElements ? CLASS_REPLACABLE : CLASS_PLACEHOLDER;
@@ -706,7 +709,7 @@ const Dragster = function (params = {}) {
             if (!draggedElement || !dropTarget) {
                 resetDragsterWorkspace(moveEvent, upEvent);
 
-                return FALSE;
+                return false;
             }
 
             dropDraggableTarget = getElement(dropTarget, isDraggableCallback);
@@ -846,20 +849,20 @@ const Dragster = function (params = {}) {
          * @return {Object} updated event info
          */
         moveElement: function (dragsterEvent, dropTarget, dropDraggableTarget) {
-            var dropTemp = finalParams.wrapDraggableElements === FALSE ? draggedElement : createElementWrapper(),
+            var dropTemp = finalParams.wrapDraggableElements === false ? draggedElement : createElementWrapper(),
                 placeholderPosition = dropTarget.dataset.placeholderPosition;
 
             if (placeholderPosition === POS_TOP) {
                 insertBefore(dropDraggableTarget, dropTemp);
             } else {
-                if (finalParams.wrapDraggableElements === FALSE) {
+                if (finalParams.wrapDraggableElements === false) {
                     insertAfter(dropTemp, dropDraggableTarget);
                 } else {
                     insertAfter(dropDraggableTarget, dropTemp);
                 }
             }
 
-            if (draggedElement.firstChild && finalParams.wrapDraggableElements === TRUE) {
+            if (draggedElement.firstChild && finalParams.wrapDraggableElements === true) {
                 dropTemp.appendChild(draggedElement.firstChild);
             }
 
@@ -924,7 +927,7 @@ const Dragster = function (params = {}) {
      *
      * @method scrollWindow
      * @private
-     * @param event {Object} event object
+     * @param {Object} event - event object
      */
     scrollWindow = function (event) {
         var eventObject = event.changedTouches ? event.changedTouches[0] : event,
@@ -961,8 +964,8 @@ const Dragster = function (params = {}) {
             region.classList.add(CLASS_REGION);
             region.dataset.dragsterId = dragsterId;
 
-            region.addEventListener(EVT_MOUSEDOWN, regionEventHandlers.mousedown, FALSE);
-            region.addEventListener(EVT_TOUCHSTART, regionEventHandlers.mousedown, FALSE);
+            region.addEventListener(EVT_MOUSEDOWN, regionEventHandlers.mousedown, false);
+            region.addEventListener(EVT_TOUCHSTART, regionEventHandlers.mousedown, false);
         });
     };
 
@@ -987,24 +990,24 @@ const Dragster = function (params = {}) {
             regions.forEach(function (region) {
                 region.classList.remove(CLASS_REGION);
 
-                region.removeEventListener(EVT_MOUSEDOWN, regionEventHandlers.mousedown, FALSE);
-                region.removeEventListener(EVT_MOUSEMOVE, regionEventHandlers.mousemove, FALSE);
-                region.removeEventListener(EVT_MOUSEUP, regionEventHandlers.mouseup, FALSE);
+                region.removeEventListener(EVT_MOUSEDOWN, regionEventHandlers.mousedown, false);
+                region.removeEventListener(EVT_MOUSEMOVE, regionEventHandlers.mousemove, false);
+                region.removeEventListener(EVT_MOUSEUP, regionEventHandlers.mouseup, false);
 
-                region.removeEventListener(EVT_TOUCHSTART, regionEventHandlers.mousedown, FALSE);
-                region.removeEventListener(EVT_TOUCHMOVE, regionEventHandlers.mousemove, FALSE);
-                region.removeEventListener(EVT_TOUCHEND, regionEventHandlers.mouseup, FALSE);
+                region.removeEventListener(EVT_TOUCHSTART, regionEventHandlers.mousedown, false);
+                region.removeEventListener(EVT_TOUCHMOVE, regionEventHandlers.mousemove, false);
+                region.removeEventListener(EVT_TOUCHEND, regionEventHandlers.mouseup, false);
             });
 
-            document.body.removeEventListener(EVT_MOUSEMOVE, regionEventHandlers.mousemove, FALSE);
-            document.body.removeEventListener(EVT_TOUCHMOVE, regionEventHandlers.mousemove, FALSE);
-            document.body.removeEventListener(EVT_MOUSEUP, regionEventHandlers.mouseup, FALSE);
-            document.body.removeEventListener(EVT_TOUCHEND, regionEventHandlers.mouseup, FALSE);
+            document.body.removeEventListener(EVT_MOUSEMOVE, regionEventHandlers.mousemove, false);
+            document.body.removeEventListener(EVT_TOUCHMOVE, regionEventHandlers.mousemove, false);
+            document.body.removeEventListener(EVT_MOUSEUP, regionEventHandlers.mouseup, false);
+            document.body.removeEventListener(EVT_TOUCHEND, regionEventHandlers.mouseup, false);
 
             window.removeEventListener('resize', discoverWindowHeight, false);
         },
     };
 };
-//jshint ignore:line
+ //jshint ignore:line
 
 export default Dragster;
diff --git a/dragster.js b/dragster.js
index 4e58892..791b16d 100644
--- a/dragster.js
+++ b/dragster.js
@@ -48,17 +48,14 @@ const Dragster = function (params = {}) {
         POS_BOTTOM = 'bottom',
         UNIT = 'px',
         DIV = 'div',
-        FALSE = false,
-        TRUE = true,
-        NULL = null,
         dummyCallback = function () {},
         finalParams = {
             elementSelector: '.dragster-block',
             regionSelector: '.dragster-region',
-            dragHandleCssClass: FALSE,
+            dragHandleCssClass: false,
             dragOnlyRegionCssClass: PREFIX_CLASS_DRAGSTER + 'region--drag-only',
-            replaceElements: FALSE,
-            updateRegionsHeight: TRUE,
+            replaceElements: false,
+            updateRegionsHeight: true,
             minimumRegionHeight: 60,
             onBeforeDragStart: dummyCallback,
             onAfterDragStart: dummyCallback,
@@ -67,15 +64,15 @@ const Dragster = function (params = {}) {
             onBeforeDragEnd: dummyCallback,
             onAfterDragEnd: dummyCallback,
             onAfterDragDrop: dummyCallback,
-            scrollWindowOnDrag: FALSE,
-            dragOnlyRegionsEnabled: FALSE,
-            cloneElements: FALSE,
-            wrapDraggableElements: TRUE,
-            shadowElementUnderMouse: FALSE,
+            scrollWindowOnDrag: false,
+            dragOnlyRegionsEnabled: false,
+            cloneElements: false,
+            wrapDraggableElements: true,
+            shadowElementUnderMouse: false,
         },
         visiblePlaceholder = {
-            top: FALSE,
-            bottom: FALSE,
+            top: false,
+            bottom: false,
         },
         defaultDragsterEventInfo = {
             drag: {
@@ -85,7 +82,7 @@ const Dragster = function (params = {}) {
                  * @property node
                  * @type {HTMLElement}
                  */
-                node: NULL,
+                node: null,
             },
             drop: {
                 /**
@@ -94,7 +91,7 @@ const Dragster = function (params = {}) {
                  * @property node
                  * @type {HTMLElement}
                  */
-                node: NULL,
+                node: null,
             },
             shadow: {
                 /**
@@ -103,7 +100,7 @@ const Dragster = function (params = {}) {
                  * @property node
                  * @type {HTMLElement}
                  */
-                node: NULL,
+                node: null,
                 /**
                  * Contains top position value of shadow element
                  *
@@ -126,7 +123,7 @@ const Dragster = function (params = {}) {
                  * @property node
                  * @type {HTMLElement}
                  */
-                node: NULL,
+                node: null,
                 /**
                  * Contains position type of placeholder
                  *
@@ -134,7 +131,7 @@ const Dragster = function (params = {}) {
                  * @type {String}
                  * @example 'top' or 'bottom'
                  */
-                position: NULL,
+                position: null,
             },
             /**
              * Reference to dropped element
@@ -142,21 +139,21 @@ const Dragster = function (params = {}) {
              * @property dropped
              * @type {HTMLElement}
              */
-            dropped: NULL,
+            dropped: null,
             /**
              * Reference to cloned element
              *
              * @property clonedFrom
              * @type {HTMLElement}
              */
-            clonedFrom: NULL,
+            clonedFrom: null,
             /**
              * Reference to dropped cloned element
              *
              * @property clonedTo
              * @type {HTMLElement}
              */
-            clonedTo: NULL,
+            clonedTo: null,
         },
         dragsterEventInfo = {},
         key,
@@ -196,45 +193,45 @@ const Dragster = function (params = {}) {
 
     // merge the object with default config with an object with params provided by a developer
     for (key in params) {
-        if (Object.prototype.hasOwnProperty.call(params, 'key')) {
+        if (Object.prototype.hasOwnProperty.call(params, key)) {
             finalParams[key] = params[key];
         }
     }
 
     finalParams = { ...finalParams, ...params };
 
-    /*
+    /**
      * Find all draggable elements on the page
      *
      * @private
      * @method findDraggableElements
-     * @return {Array}
+     * @return {Array<HTMLElement>}
      */
     findDraggableElements = function () {
         return [].slice.call(document.querySelectorAll(finalParams.elementSelector));
     };
 
-    /*
-     * Find all regions elements on the page
+    /**
+     * Find all region elements on the page
      *
      * @private
      * @method findRegionElements
-     * @return {Array}
+     * @return {Array<HTMLElement>}
      */
     findRegionElements = function () {
         return [].slice.call(document.querySelectorAll(finalParams.regionSelector));
     };
 
-    /*
+    /**
      * Wrap all elements from the `elements` param with a draggable wrapper
      *
      * @private
-     * @method findDraggableElements
-     * @param elements {Array}
-     * @return {Array}
+     * @method wrapDraggableElements
+     * @param {Array<HTMLElement>} elements
+     * @return {boolean|undefined}
      */
     wrapDraggableElements = function (elements) {
-        if (finalParams.wrapDraggableElements === FALSE) {
+        if (finalParams.wrapDraggableElements === false) {
             console.warn(
                 'You have disabled the default behavior of wrapping the draggable elements. ' +
                     'If you want Dragster.js to work properly you still will have to do this manually.\n' +
@@ -242,7 +239,7 @@ const Dragster = function (params = {}) {
                     'More info: https://github.com/sunpietro/dragster/blob/master/README.md#user-content-wrapdraggableelements---boolean',
             );
 
-            return FALSE;
+            return false;
         }
 
         elements.forEach(function (draggableElement) {
@@ -250,7 +247,7 @@ const Dragster = function (params = {}) {
                 draggableParent = draggableElement.parentNode;
 
             if (draggableParent.classList.contains(CLASS_DRAGGABLE)) {
-                return FALSE;
+                return false;
             }
 
             draggableParent.insertBefore(wrapper, draggableElement);
@@ -271,17 +268,17 @@ const Dragster = function (params = {}) {
         document.body.appendChild(tempContainer);
     }
 
-    /*
+    /**
      * Check whether a given element meets the requirements from the callback.
-     * The callback should always return Boolean value - true or false.
-     * The function allows to find a correct element within the DOM.
+     * The callback should always return a boolean value - true or false.
+     * The function allows finding the correct element within the DOM.
      * If the element doesn't meet the requirements then the function tests its parent node.
      *
      * @private
      * @method getElement
-     * @param element {HTMLElement} DOM element
-     * @param callback {Function} testing function
-     * @return {HTMLElement}
+     * @param {HTMLElement} element - DOM element
+     * @param {Function} callback - testing function
+     * @return {HTMLElement|undefined}
      */
     getElement = function (element, callback) {
         var parent = element.parentNode;
@@ -302,12 +299,12 @@ const Dragster = function (params = {}) {
         return callback(parent) ? parent : getElement(parent, callback);
     };
 
-    /*
+    /**
      * Removes all elements defined by a selector from the DOM
      *
      * @private
      * @method removeElements
-     * @param element {HTMLElement} DOM element
+     * @param {string} selector - CSS selector
      */
     removeElements = function (selector) {
         var elements = [].slice.call(document.getElementsByClassName(selector));
@@ -320,14 +317,14 @@ const Dragster = function (params = {}) {
         });
     };
 
-    /*
+    /**
      * Removes all visible placeholders, shadow elements, empty draggable nodes
      * and removes `mousemove` event listeners from regions
      *
      * @private
      * @method cleanWorkspace
-     * @param element {HTMLElement} DOM element
-     * @param eventName {String} name of the event to stop listening to
+     * @param {HTMLElement} element - DOM element
+     * @param {string} eventName - name of the event to stop listening to
      */
     cleanWorkspace = function (element, eventName) {
         if (eventName) {
@@ -354,7 +351,7 @@ const Dragster = function (params = {}) {
         updateRegionsHeight();
     };
 
-    /*
+    /**
      * Removes replacable classname from all replacable elements
      *
      * @private
@@ -366,7 +363,7 @@ const Dragster = function (params = {}) {
         });
     };
 
-    /*
+    /**
      * Creates a wrapper for a draggable element
      *
      * @private
@@ -382,7 +379,7 @@ const Dragster = function (params = {}) {
         return wrapper;
     };
 
-    /*
+    /**
      * Creates a placeholder where dragged element can be dropped into
      *
      * @private
@@ -398,7 +395,7 @@ const Dragster = function (params = {}) {
         return placeholder;
     };
 
-    /*
+    /**
      * Creates a copy of dragged element that follows the cursor movement
      *
      * @private
@@ -419,29 +416,29 @@ const Dragster = function (params = {}) {
         return element;
     };
 
-    /*
+    /**
      * Insert an element after a selected element
      *
      * @private
      * @method insertAfter
-     * @param elementTarget {HTMLElement} dragged element
-     * @param elementAfter {HTMLElement} dragged element will be placed after this element
+     * @param {HTMLElement} elementTarget - dragged element
+     * @param {HTMLElement} elementAfter - dragged element will be placed after this element
      */
     insertAfter = function (elementTarget, elementAfter) {
         if (elementTarget && elementTarget.parentNode) {
-            var refChild = finalParams.wrapDraggableElements === FALSE ? elementTarget : elementTarget.nextSibling;
+            var refChild = finalParams.wrapDraggableElements === false ? elementTarget : elementTarget.nextSibling;
 
             elementTarget.parentNode.insertBefore(elementAfter, refChild);
         }
     };
 
-    /*
+    /**
      * Insert an element before a selected element
      *
      * @private
      * @method insertBefore
-     * @param elementTarget {HTMLElement} dragged element
-     * @param elementBefore {HTMLElement} dragged element will be placed before this element
+     * @param {HTMLElement} elementTarget - dragged element
+     * @param {HTMLElement} elementBefore - dragged element will be placed before this element
      */
     insertBefore = function (elementTarget, elementBefore) {
         if (elementTarget && elementTarget.parentNode) {
@@ -449,13 +446,13 @@ const Dragster = function (params = {}) {
         }
     };
 
-    /*
+    /**
      * Test whether an element is a draggable element
      *
      * @private
      * @method isDraggableCallback
-     * @param element {HTMLElement}
-     * @return {Boolean}
+     * @param {HTMLElement} element
+     * @return {boolean}
      */
     isDraggableCallback = function (element) {
         return (
@@ -465,25 +462,23 @@ const Dragster = function (params = {}) {
         );
     };
 
-    /*
+    /**
      * Test whether an element belongs to drag only region
      *
      * @private
      * @method isInDragOnlyRegionCallback
-     * @param element {HTMLElement}
-     * @return {Boolean}
+     * @param {HTMLElement} element
+     * @return {boolean}
      */
     isInDragOnlyRegionCallback = function (element) {
         return element.classList && element.classList.contains(finalParams.dragOnlyRegionCssClass);
-    }; //jshint ignore:line
+    };
 
-    /*
+    /**
      * Update the height of the regions dynamically
      *
      * @private
      * @method updateRegionsHeight
-     * @param element {HTMLElement}
-     * @return {Boolean}
      */
     updateRegionsHeight = function () {
         if (finalParams.updateRegionsHeight) {
@@ -514,14 +509,22 @@ const Dragster = function (params = {}) {
      *
      * @method resetDragsterWorkspace
      * @private
-     * @param moveEvent {String} move event name (either mousemove or touchmove)
-     * @param upEvent {String} up event name (either mouseup or touchend)
+     * @param {string} moveEvent - move event name (either mousemove or touchmove)
+     * @param {string} upEvent - up event name (either mouseup or touchend)
      */
     resetDragsterWorkspace = function (moveEvent, upEvent) {
         cleanWorkspace(draggedElement, moveEvent);
         cleanWorkspace(draggedElement, upEvent);
     };
 
+    const addEventListeners = (element, events, handler) => {
+        events.forEach(event => element.addEventListener(event, handler, false));
+    };
+
+    const removeEventListeners = (element, events, handler) => {
+        events.forEach(event => element.removeEventListener(event, handler, false));
+    };
+
     regionEventHandlers = {
         /*
          * `mousedown` or `touchstart` event handler.
@@ -538,7 +541,7 @@ const Dragster = function (params = {}) {
                 (typeof finalParams.dragHandleCssClass !== 'string' ||
                     !event.target.classList.contains(finalParams.dragHandleCssClass))
             ) {
-                return FALSE;
+                return false;
             }
 
             var targetRegion,
@@ -550,8 +553,8 @@ const Dragster = function (params = {}) {
             dragsterEventInfo = JSON.parse(JSON.stringify(defaultDragsterEventInfo));
             event.dragster = dragsterEventInfo;
 
-            if (finalParams.onBeforeDragStart(event) === FALSE || event.which === 3 /* detect right click */) {
-                return FALSE;
+            if (finalParams.onBeforeDragStart(event) === false || event.which === 3 /* detect right click */) {
+                return false;
             }
 
             event.preventDefault();
@@ -559,19 +562,19 @@ const Dragster = function (params = {}) {
             draggedElement = getElement(event.target, isDraggableCallback);
 
             if (!draggedElement) {
-                return FALSE;
+                return false;
             }
 
             moveEvent = isTouch ? EVT_TOUCHMOVE : EVT_MOUSEMOVE;
             upEvent = isTouch ? EVT_TOUCHEND : EVT_MOUSEUP;
 
             regions.forEach(function (region) {
-                region.addEventListener(moveEvent, regionEventHandlers.mousemove, FALSE);
-                region.addEventListener(upEvent, regionEventHandlers.mouseup, FALSE);
+                addEventListeners(region, [moveEvent, upEvent], regionEventHandlers.mousemove);
+                addEventListeners(region, [moveEvent, upEvent], regionEventHandlers.mouseup);
             });
 
-            document.body.addEventListener(moveEvent, regionEventHandlers.mousemove, FALSE);
-            document.body.addEventListener(upEvent, regionEventHandlers.mouseup, FALSE);
+            addEventListeners(document.body, [moveEvent, upEvent], regionEventHandlers.mousemove);
+            addEventListeners(document.body, [moveEvent, upEvent], regionEventHandlers.mouseup);
 
             targetRegion = draggedElement.getBoundingClientRect();
 
@@ -609,8 +612,8 @@ const Dragster = function (params = {}) {
         mousemove: function (event) {
             event.dragster = dragsterEventInfo;
 
-            if (finalParams.onBeforeDragMove(event) === FALSE || !shadowElementRegion) {
-                return FALSE;
+            if (finalParams.onBeforeDragMove(event) === false || !shadowElementRegion) {
+                return false;
             }
 
             event.preventDefault();
@@ -701,10 +704,10 @@ const Dragster = function (params = {}) {
                 isFromDragOnlyRegion,
                 canBeCloned;
 
-            if (finalParams.onBeforeDragEnd(event) === FALSE) {
+            if (finalParams.onBeforeDragEnd(event) === false) {
                 resetDragsterWorkspace(moveEvent, upEvent);
 
-                return FALSE;
+                return false;
             }
 
             findByClass = finalParams.replaceElements ? CLASS_REPLACABLE : CLASS_PLACEHOLDER;
@@ -719,7 +722,7 @@ const Dragster = function (params = {}) {
             if (!draggedElement || !dropTarget) {
                 resetDragsterWorkspace(moveEvent, upEvent);
 
-                return FALSE;
+                return false;
             }
 
             dropDraggableTarget = getElement(dropTarget, isDraggableCallback);
@@ -859,20 +862,20 @@ const Dragster = function (params = {}) {
          * @return {Object} updated event info
          */
         moveElement: function (dragsterEvent, dropTarget, dropDraggableTarget) {
-            var dropTemp = finalParams.wrapDraggableElements === FALSE ? draggedElement : createElementWrapper(),
+            var dropTemp = finalParams.wrapDraggableElements === false ? draggedElement : createElementWrapper(),
                 placeholderPosition = dropTarget.dataset.placeholderPosition;
 
             if (placeholderPosition === POS_TOP) {
                 insertBefore(dropDraggableTarget, dropTemp);
             } else {
-                if (finalParams.wrapDraggableElements === FALSE) {
+                if (finalParams.wrapDraggableElements === false) {
                     insertAfter(dropTemp, dropDraggableTarget);
                 } else {
                     insertAfter(dropDraggableTarget, dropTemp);
                 }
             }
 
-            if (draggedElement.firstChild && finalParams.wrapDraggableElements === TRUE) {
+            if (draggedElement.firstChild && finalParams.wrapDraggableElements === true) {
                 dropTemp.appendChild(draggedElement.firstChild);
             }
 
@@ -937,7 +940,7 @@ const Dragster = function (params = {}) {
      *
      * @method scrollWindow
      * @private
-     * @param event {Object} event object
+     * @param {Object} event - event object
      */
     scrollWindow = function (event) {
         var eventObject = event.changedTouches ? event.changedTouches[0] : event,
@@ -974,8 +977,8 @@ const Dragster = function (params = {}) {
             region.classList.add(CLASS_REGION);
             region.dataset.dragsterId = dragsterId;
 
-            region.addEventListener(EVT_MOUSEDOWN, regionEventHandlers.mousedown, FALSE);
-            region.addEventListener(EVT_TOUCHSTART, regionEventHandlers.mousedown, FALSE);
+            region.addEventListener(EVT_MOUSEDOWN, regionEventHandlers.mousedown, false);
+            region.addEventListener(EVT_TOUCHSTART, regionEventHandlers.mousedown, false);
         });
     };
 
@@ -1000,19 +1003,19 @@ const Dragster = function (params = {}) {
             regions.forEach(function (region) {
                 region.classList.remove(CLASS_REGION);
 
-                region.removeEventListener(EVT_MOUSEDOWN, regionEventHandlers.mousedown, FALSE);
-                region.removeEventListener(EVT_MOUSEMOVE, regionEventHandlers.mousemove, FALSE);
-                region.removeEventListener(EVT_MOUSEUP, regionEventHandlers.mouseup, FALSE);
+                region.removeEventListener(EVT_MOUSEDOWN, regionEventHandlers.mousedown, false);
+                region.removeEventListener(EVT_MOUSEMOVE, regionEventHandlers.mousemove, false);
+                region.removeEventListener(EVT_MOUSEUP, regionEventHandlers.mouseup, false);
 
-                region.removeEventListener(EVT_TOUCHSTART, regionEventHandlers.mousedown, FALSE);
-                region.removeEventListener(EVT_TOUCHMOVE, regionEventHandlers.mousemove, FALSE);
-                region.removeEventListener(EVT_TOUCHEND, regionEventHandlers.mouseup, FALSE);
+                region.removeEventListener(EVT_TOUCHSTART, regionEventHandlers.mousedown, false);
+                region.removeEventListener(EVT_TOUCHMOVE, regionEventHandlers.mousemove, false);
+                region.removeEventListener(EVT_TOUCHEND, regionEventHandlers.mouseup, false);
             });
 
-            document.body.removeEventListener(EVT_MOUSEMOVE, regionEventHandlers.mousemove, FALSE);
-            document.body.removeEventListener(EVT_TOUCHMOVE, regionEventHandlers.mousemove, FALSE);
-            document.body.removeEventListener(EVT_MOUSEUP, regionEventHandlers.mouseup, FALSE);
-            document.body.removeEventListener(EVT_TOUCHEND, regionEventHandlers.mouseup, FALSE);
+            document.body.removeEventListener(EVT_MOUSEMOVE, regionEventHandlers.mousemove, false);
+            document.body.removeEventListener(EVT_TOUCHMOVE, regionEventHandlers.mousemove, false);
+            document.body.removeEventListener(EVT_MOUSEUP, regionEventHandlers.mouseup, false);
+            document.body.removeEventListener(EVT_TOUCHEND, regionEventHandlers.mouseup, false);
 
             window.removeEventListener('resize', discoverWindowHeight, false);
         },
diff --git a/dragster.min.js b/dragster.min.js
index 3935e20..fe9f653 100644
--- a/dragster.min.js
+++ b/dragster.min.js
@@ -10,4 +10,4 @@
  *
  * Date: 2017-06-28T22:30Z
  */
-!function(e,t,n){"use strict";"function"==typeof define&&define.amd?define(t,n):"object"==typeof exports?exports=module.exports=n():e[t]=n()}(this,"Dragster",function(){"use strict";return function(e={}){function t(){}var n,a,p,f,h,v,o,s,E,L,r,d,l,i,c,w,m,u,g,y,C,D,b,B,T,H,M,N,P,R,S,I="dragster-",O="is-dragging",A=I+"draggable",Y=I+"drag-region",x=I+"drop-placeholder",X=I+"temp",j=X+"-container",k=I+"is-hidden",q=I+"replacable",F="touchstart",U="touchmove",z="touchend",J="mousedown",W="mousemove",G="mouseup",K="top",Q="bottom",V="px",Z="div",$=!1,_=null,ee={elementSelector:".dragster-block",regionSelector:".dragster-region",dragHandleCssClass:$,dragOnlyRegionCssClass:I+"region--drag-only",replaceElements:$,updateRegionsHeight:!0,minimumRegionHeight:60,onBeforeDragStart:t,onAfterDragStart:t,onBeforeDragMove:t,onAfterDragMove:t,onBeforeDragEnd:t,onAfterDragEnd:t,onAfterDragDrop:t,scrollWindowOnDrag:$,dragOnlyRegionsEnabled:$,cloneElements:$,wrapDraggableElements:!0,shadowElementUnderMouse:$},te=$,ne=$,oe={drag:{node:_},drop:{node:_},shadow:{node:_,top:0,left:0},placeholder:{node:_,position:_},dropped:_,clonedFrom:_,clonedTo:_},re={},ae=window.innerHeight,se=Math.floor(65536*(1+Math.random())).toString(16);for(n in e)Object.prototype.hasOwnProperty.call(e,"key")&&(ee[n]=e[n]);return ee={...ee,...e},C=function(){return[].slice.call(document.querySelectorAll(ee.regionSelector))},D=function(e){if(ee.wrapDraggableElements===$)return console.warn("You have disabled the default behavior of wrapping the draggable elements. If you want Dragster.js to work properly you still will have to do this manually.\n\nMore info: https://github.com/sunpietro/dragster/blob/master/README.md#user-content-wrapdraggableelements---boolean"),$;e.forEach(function(e){var t=l(),n=e.parentNode;if(n.classList.contains(A))return $;n.insertBefore(t,e),n.removeChild(e),t.appendChild(e)})},o=(y=function(){return[].slice.call(document.querySelectorAll(ee.elementSelector))})(),a=C(),ee.replaceElements&&((_=document.createElement(Z)).classList.add(k),_.classList.add(j),document.body.appendChild(_)),p=function(e,t){var n=e.parentNode;if(n&&(!e.classList||!e.classList.contains(Y)||e.classList.contains(ee.dragOnlyRegionCssClass)))return t(e)?e:t(n)?n:p(n,t)},m=function(e){[].slice.call(document.getElementsByClassName(e)).forEach(function(e){e.dataset.dragsterId===se&&e.parentNode.removeChild(e)})},u=function(e,t){t&&(a.forEach(function(e){e.removeEventListener(t,s.mousemove)}),document.body.removeEventListener(t,s.mousemove)),e&&e.classList.remove(O),[].slice.call(document.getElementsByClassName(A)).forEach(function(e){e.firstChild||e.parentNode.removeChild(e)}),m(x),m(X),b()},g=function(){[].slice.call(document.getElementsByClassName(q)).forEach(function(e){e.classList.remove(q)})},l=function(){var e=document.createElement(Z);return e.classList.add(A),e.dataset.dragsterId=se,e},c=function(){var e=document.createElement(Z);return e.classList.add(x),e.dataset.dragsterId=se,e},i=function(){var e=document.createElement(Z);return e.classList.add(X),e.classList.add(k),e.style.position="fixed",e.dataset.dragsterId=se,document.body.appendChild(e),e},r=function(e,t){var n;e&&e.parentNode&&(n=ee.wrapDraggableElements===$?e:e.nextSibling,e.parentNode.insertBefore(t,n))},d=function(e,t){e&&e.parentNode&&e.parentNode.insertBefore(t,e)},E=function(e){return e.classList&&e.classList.contains(A)&&e.dataset.dragsterId===se},L=function(e){return e.classList&&e.classList.contains(ee.dragOnlyRegionCssClass)},b=function(){ee.updateRegionsHeight&&[].slice.call(document.getElementsByClassName(Y)).forEach(function(e){var t=[].slice.call(e.querySelectorAll(ee.elementSelector)),n=ee.minimumRegionHeight;t.length&&(t.forEach(function(e){var t=window.getComputedStyle(e);n+=e.offsetHeight+parseInt(t.marginTop,10)+parseInt(t.marginBottom,10)}),e.style.height=n+V)})},H=function(e,t){u(v,e),u(v,t)},s={mousedown:function(e){if(ee.dragHandleCssClass&&("string"!=typeof ee.dragHandleCssClass||!e.target.classList.contains(ee.dragHandleCssClass)))return $;var t,n,o=e.type===F,r=e.changedTouches?e.changedTouches[0]:e;return re=JSON.parse(JSON.stringify(oe)),e.dragster=re,ee.onBeforeDragStart(e)===$||3===e.which?$:(e.preventDefault(),(v=p(e.target,E))?(t=o?U:W,n=o?z:G,a.forEach(function(e){e.addEventListener(t,s.mousemove,$),e.addEventListener(n,s.mouseup,$)}),document.body.addEventListener(t,s.mousemove,$),document.body.addEventListener(n,s.mouseup,$),o=v.getBoundingClientRect(),P=o.left-r.clientX,R=o.top-r.clientY,(f=i()).innerHTML=v.innerHTML,f.style.width=o.width+V,f.style.height=o.height+V,f.dataset.dragsterId=se,h=f.getBoundingClientRect(),v.classList.add(O),re.drag.node=v,re.shadow.node=f,e.dragster=re,void ee.onAfterDragStart(e)):$)},mousemove:function(e){if(e.dragster=re,ee.onBeforeDragMove(e)===$||!h)return $;e.preventDefault();var t=e.changedTouches?e.changedTouches[0]:e,n=t.view?t.view.pageXOffset:0,o=t.view?t.view.pageYOffset:0,r=t.clientY+o,a=t.clientX+n,s=document.elementFromPoint(t.clientX,t.clientY),d=p(s,E),l=ee.shadowElementUnderMouse?t.clientY+R:t.clientY,i=ee.shadowElementUnderMouse?a+P:a-h.width/2,c=re.drag.node&&re.drag.node.dataset,m=!(!d||!p(d,L)),u=s.dataset.dragsterId===se,g=s.classList.contains(Y)&&u,n=s.classList.contains(ee.dragOnlyRegionCssClass)&&u,t=s.classList.contains(x),a=0<s.getElementsByClassName(A).length,u=0<s.getElementsByClassName(x).length;clearTimeout(w),f.style.top=l+V,f.style.left=i+V,f.classList.remove(k),re.shadow.top=l,re.shadow.left=i,c||g||t?d&&d!==v&&!m?(N.removePlaceholders(),N.addPlaceholderOnTarget(d,r,o)):!g||n||a||u?g&&!n&&a&&!u&&(N.removePlaceholders(),N.addPlaceholderInRegionBelowTargets(s)):(N.removePlaceholders(),N.addPlaceholderInRegion(s)):N.removePlaceholders(),ee.scrollWindowOnDrag&&B(e),b(),ee.onAfterDragMove(e)},mouseup:function(e){e.dragster=re;var t,n,o=e.type===F,r=o?U:W,a=o?z:G;return ee.onBeforeDragEnd(e)===$?(H(r,a),$):(n=ee.replaceElements?q:x,t=document.getElementsByClassName(n)[0],o=!(!v||!p(v,L)),n=ee.cloneElements&&o,w=setTimeout(H,200),g(),v&&t?(o=p(t,E),v!==(o=o||t)&&(ee.replaceElements||n?ee.replaceElements&&!n?(e.dragster=M.replaceElements(e.dragster,o),ee.onAfterDragDrop(e)):!ee.replaceElements&&n&&(e.dragster=M.cloneElements(e.dragster,t,o),ee.onAfterDragDrop(e)):(e.dragster=M.moveElement(e.dragster,t,o),ee.onAfterDragDrop(e)),o.classList.remove("is-drag-over")),H(r,a),void ee.onAfterDragEnd(e)):(H(r,a),$))}},N={addPlaceholderOnTarget:function(e,t,n){var o=e.getBoundingClientRect(),r=c(),a=o.height/2;g(),ee.replaceElements?e.classList.add(q):t-n-o.top<a&&!te?(m(x),r.dataset.placeholderPosition=K,d(e.firstChild,r),re.placeholder.position=K):o.bottom-(t-n)<a&&!ne&&(m(x),r.dataset.placeholderPosition=Q,e.appendChild(r),re.placeholder.position=Q),re.placeholder.node=r,re.drop.node=e},addPlaceholderInRegion:function(e){var t=c();e.appendChild(t),re.placeholder.position=Q,re.placeholder.node=t,re.drop.node=e},addPlaceholderInRegionBelowTargets:function(e){var t=[].slice.call(e.getElementsByClassName(A)).filter(function(e){return e.dataset.dragsterId===se}),e=t[t.length-1],t=c();t.dataset.placeholderPosition=Q,m(x),e.appendChild(t),re.placeholder.position=Q,re.placeholder.node=t,re.drop.node=e},removePlaceholders:function(){ee.replaceElements?g():m(x)}},M={moveElement:function(e,t,n){var o=ee.wrapDraggableElements===$?v:l();return t.dataset.placeholderPosition===K?d(n,o):ee.wrapDraggableElements===$?r(o,n):r(n,o),v.firstChild&&!0===ee.wrapDraggableElements&&o.appendChild(v.firstChild),e.dropped=o,e},replaceElements:function(e,t){var n=document.getElementsByClassName(j)[0];return n.innerHTML=v.innerHTML,v.innerHTML=t.innerHTML,t.innerHTML=n.innerHTML,n.innerHTML="",e.dropped=n,e},cloneElements:function(e,t,n){var o=v.cloneNode(!0);return(t.dataset.placeholderPosition===K?d:r)(n,o),u(o),e.clonedFrom=v,e.clonedTo=o,e}},B=function(e){e=e.changedTouches?e.changedTouches[0]:e;ae-e.clientY<60?window.scrollBy(0,10):e.clientY<60&&window.scrollBy(0,-10)},T=function(){ae=window.innerHeight},D(o),(S=function(){a.forEach(function(e){e.classList.add(Y),e.dataset.dragsterId=se,e.addEventListener(J,s.mousedown,$),e.addEventListener(F,s.mousedown,$)})})(),window.addEventListener("resize",T,!1),{update:function(){o=y(),D(o),b(),T()},updateRegions:function(){a=C(),S()},destroy:function(){a.forEach(function(e){e.classList.remove(Y),e.removeEventListener(J,s.mousedown,$),e.removeEventListener(W,s.mousemove,$),e.removeEventListener(G,s.mouseup,$),e.removeEventListener(F,s.mousedown,$),e.removeEventListener(U,s.mousemove,$),e.removeEventListener(z,s.mouseup,$)}),document.body.removeEventListener(W,s.mousemove,$),document.body.removeEventListener(U,s.mousemove,$),document.body.removeEventListener(G,s.mouseup,$),document.body.removeEventListener(z,s.mouseup,$),window.removeEventListener("resize",T,!1)}}}});
\ No newline at end of file
+!function(e,t,n){"use strict";"function"==typeof define&&define.amd?define(t,n):"object"==typeof exports?exports=module.exports=n():e[t]=n()}(this,"Dragster",function(){"use strict";return function(e={}){function t(){}var n,a,p,f,Y,h,o,v,x,r,s,X,j,l,q,d,i,c,F,U,k,E,u,z,J,W,m="dragster-",G="is-dragging",w=m+"draggable",L=m+"drag-region",y=m+"drop-placeholder",K=m+"temp",Q=K+"-container",V=m+"is-hidden",g=m+"replacable",C="touchstart",D="touchmove",b="touchend",Z="mousedown",B="mousemove",T="mouseup",H="top",M="bottom",N="px",P="div",R={elementSelector:".dragster-block",regionSelector:".dragster-region",dragHandleCssClass:!1,dragOnlyRegionCssClass:m+"region--drag-only",replaceElements:!1,updateRegionsHeight:!0,minimumRegionHeight:60,onBeforeDragStart:t,onAfterDragStart:t,onBeforeDragMove:t,onAfterDragMove:t,onBeforeDragEnd:t,onAfterDragEnd:t,onAfterDragDrop:t,scrollWindowOnDrag:!1,dragOnlyRegionsEnabled:!1,cloneElements:!1,wrapDraggableElements:!0,shadowElementUnderMouse:!1},$=!1,_=!1,ee={drag:{node:null},drop:{node:null},shadow:{node:null,top:0,left:0},placeholder:{node:null,position:null},dropped:null,clonedFrom:null,clonedTo:null},S={},te=window.innerHeight,I=Math.floor(65536*(1+Math.random())).toString(16);for(n in e)Object.prototype.hasOwnProperty.call(e,n)&&(R[n]=e[n]);R={...R,...e},U=function(){return[].slice.call(document.querySelectorAll(R.regionSelector))},k=function(e){if(!1===R.wrapDraggableElements)return console.warn("You have disabled the default behavior of wrapping the draggable elements. If you want Dragster.js to work properly you still will have to do this manually.\n\nMore info: https://github.com/sunpietro/dragster/blob/master/README.md#user-content-wrapdraggableelements---boolean"),!1;e.forEach(function(e){var t=X(),n=e.parentNode;if(n.classList.contains(w))return!1;n.insertBefore(t,e),n.removeChild(e),t.appendChild(e)})},o=(F=function(){return[].slice.call(document.querySelectorAll(R.elementSelector))})(),a=U(),R.replaceElements&&((m=document.createElement(P)).classList.add(V),m.classList.add(Q),document.body.appendChild(m)),p=function(e,t){var n=e.parentNode;if(n&&(!e.classList||!e.classList.contains(L)||e.classList.contains(R.dragOnlyRegionCssClass)))return t(e)?e:t(n)?n:p(n,t)},d=function(e){[].slice.call(document.getElementsByClassName(e)).forEach(function(e){e.dataset.dragsterId===I&&e.parentNode.removeChild(e)})},i=function(e,t){t&&(a.forEach(function(e){e.removeEventListener(t,O.mousemove)}),document.body.removeEventListener(t,O.mousemove)),e&&e.classList.remove(G),[].slice.call(document.getElementsByClassName(w)).forEach(function(e){e.firstChild||e.parentNode.removeChild(e)}),d(y),d(K),E()},c=function(){[].slice.call(document.getElementsByClassName(g)).forEach(function(e){e.classList.remove(g)})},X=function(){var e=document.createElement(P);return e.classList.add(w),e.dataset.dragsterId=I,e},l=function(){var e=document.createElement(P);return e.classList.add(y),e.dataset.dragsterId=I,e},j=function(){var e=document.createElement(P);return e.classList.add(K),e.classList.add(V),e.style.position="fixed",e.dataset.dragsterId=I,document.body.appendChild(e),e},r=function(e,t){var n;e&&e.parentNode&&(n=!1===R.wrapDraggableElements?e:e.nextSibling,e.parentNode.insertBefore(t,n))},s=function(e,t){e&&e.parentNode&&e.parentNode.insertBefore(t,e)},v=function(e){return e.classList&&e.classList.contains(w)&&e.dataset.dragsterId===I},x=function(e){return e.classList&&e.classList.contains(R.dragOnlyRegionCssClass)},E=function(){R.updateRegionsHeight&&[].slice.call(document.getElementsByClassName(L)).forEach(function(e){var t=[].slice.call(e.querySelectorAll(R.elementSelector)),n=R.minimumRegionHeight;t.length&&(t.forEach(function(e){var t=window.getComputedStyle(e);n+=e.offsetHeight+parseInt(t.marginTop,10)+parseInt(t.marginBottom,10)}),e.style.height=n+N)})},u=function(e,t){i(h,e),i(h,t)};const ne=(t,e,n)=>{e.forEach(e=>t.addEventListener(e,n,!1))};var O={mousedown:function(e){var t,n,o,r;return!(R.dragHandleCssClass&&("string"!=typeof R.dragHandleCssClass||!e.target.classList.contains(R.dragHandleCssClass)))&&(o=e.type===C,r=e.changedTouches?e.changedTouches[0]:e,S=JSON.parse(JSON.stringify(ee)),e.dragster=S,!1!==R.onBeforeDragStart(e)&&3!==e.which&&(e.preventDefault(),!!(h=p(e.target,v))&&(t=o?D:B,n=o?b:T,a.forEach(function(e){ne(e,[t,n],O.mousemove),ne(e,[t,n],O.mouseup)}),ne(document.body,[t,n],O.mousemove),ne(document.body,[t,n],O.mouseup),o=h.getBoundingClientRect(),z=o.left-r.clientX,J=o.top-r.clientY,(f=j()).innerHTML=h.innerHTML,f.style.width=o.width+N,f.style.height=o.height+N,f.dataset.dragsterId=I,Y=f.getBoundingClientRect(),h.classList.add(G),S.drag.node=h,S.shadow.node=f,e.dragster=S,void R.onAfterDragStart(e))))},mousemove:function(e){if(e.dragster=S,!1===R.onBeforeDragMove(e)||!Y)return!1;e.preventDefault();var t=e.changedTouches?e.changedTouches[0]:e,n=t.view?t.view.pageXOffset:0,o=t.view?t.view.pageYOffset:0,r=t.clientY+o,n=t.clientX+n,a=document.elementFromPoint(t.clientX,t.clientY),s=p(a,v),t=R.shadowElementUnderMouse?t.clientY+J:t.clientY,n=R.shadowElementUnderMouse?n+z:n-Y.width/2,l=S.drag.node&&S.drag.node.dataset,d=!(!s||!p(s,x)),i=a.dataset.dragsterId===I,c=a.classList.contains(L)&&i,i=a.classList.contains(R.dragOnlyRegionCssClass)&&i,u=a.classList.contains(y),m=0<a.getElementsByClassName(w).length,g=0<a.getElementsByClassName(y).length;clearTimeout(q),f.style.top=t+N,f.style.left=n+N,f.classList.remove(V),S.shadow.top=t,S.shadow.left=n,l||c||u?s&&s!==h&&!d?(A.removePlaceholders(),A.addPlaceholderOnTarget(s,r,o)):!c||i||m||g?c&&!i&&m&&!g&&(A.removePlaceholders(),A.addPlaceholderInRegionBelowTargets(a)):(A.removePlaceholders(),A.addPlaceholderInRegion(a)):A.removePlaceholders(),R.scrollWindowOnDrag&&re(e),E(),R.onAfterDragMove(e)},mouseup:function(e){e.dragster=S;var t,n,o,r=e.type===C,a=r?D:B,r=r?b:T;return!1!==R.onBeforeDragEnd(e)&&(t=R.replaceElements?g:y,t=document.getElementsByClassName(t)[0],o=!(!h||!p(h,x)),o=R.cloneElements&&o,q=setTimeout(u,200),c(),h&&t)?(n=p(t,v),h!==(n=n||t)&&(R.replaceElements||o?R.replaceElements&&!o?(e.dragster=oe.replaceElements(e.dragster,n),R.onAfterDragDrop(e)):!R.replaceElements&&o&&(e.dragster=oe.cloneElements(e.dragster,t,n),R.onAfterDragDrop(e)):(e.dragster=oe.moveElement(e.dragster,t,n),R.onAfterDragDrop(e)),n.classList.remove("is-drag-over")),u(a,r),void R.onAfterDragEnd(e)):(u(a,r),!1)}},A={addPlaceholderOnTarget:function(e,t,n){var o=e.getBoundingClientRect(),r=l(),a=o.height/2;c(),R.replaceElements?e.classList.add(g):t-n-o.top<a&&!$?(d(y),r.dataset.placeholderPosition=H,s(e.firstChild,r),S.placeholder.position=H):o.bottom-(t-n)<a&&!_&&(d(y),r.dataset.placeholderPosition=M,e.appendChild(r),S.placeholder.position=M),S.placeholder.node=r,S.drop.node=e},addPlaceholderInRegion:function(e){var t=l();e.appendChild(t),S.placeholder.position=M,S.placeholder.node=t,S.drop.node=e},addPlaceholderInRegionBelowTargets:function(e){var e=[].slice.call(e.getElementsByClassName(w)).filter(function(e){return e.dataset.dragsterId===I}),e=e[e.length-1],t=l();t.dataset.placeholderPosition=M,d(y),e.appendChild(t),S.placeholder.position=M,S.placeholder.node=t,S.drop.node=e},removePlaceholders:function(){R.replaceElements?c():d(y)}},oe={moveElement:function(e,t,n){var o=!1===R.wrapDraggableElements?h:X();return t.dataset.placeholderPosition===H?s(n,o):!1===R.wrapDraggableElements?r(o,n):r(n,o),h.firstChild&&!0===R.wrapDraggableElements&&o.appendChild(h.firstChild),e.dropped=o,e},replaceElements:function(e,t){var n=document.getElementsByClassName(Q)[0];return n.innerHTML=h.innerHTML,h.innerHTML=t.innerHTML,t.innerHTML=n.innerHTML,n.innerHTML="",e.dropped=n,e},cloneElements:function(e,t,n){var o=h.cloneNode(!0);return(t.dataset.placeholderPosition===H?s:r)(n,o),i(o),e.clonedFrom=h,e.clonedTo=o,e}},re=function(e){e=e.changedTouches?e.changedTouches[0]:e;te-e.clientY<60?window.scrollBy(0,10):e.clientY<60&&window.scrollBy(0,-10)},ae=function(){te=window.innerHeight};return k(o),(W=function(){a.forEach(function(e){e.classList.add(L),e.dataset.dragsterId=I,e.addEventListener(Z,O.mousedown,!1),e.addEventListener(C,O.mousedown,!1)})})(),window.addEventListener("resize",ae,!1),{update:function(){o=F(),k(o),E(),ae()},updateRegions:function(){a=U(),W()},destroy:function(){a.forEach(function(e){e.classList.remove(L),e.removeEventListener(Z,O.mousedown,!1),e.removeEventListener(B,O.mousemove,!1),e.removeEventListener(T,O.mouseup,!1),e.removeEventListener(C,O.mousedown,!1),e.removeEventListener(D,O.mousemove,!1),e.removeEventListener(b,O.mouseup,!1)}),document.body.removeEventListener(B,O.mousemove,!1),document.body.removeEventListener(D,O.mousemove,!1),document.body.removeEventListener(T,O.mouseup,!1),document.body.removeEventListener(b,O.mouseup,!1),window.removeEventListener("resize",ae,!1)}}}});
\ No newline at end of file
diff --git a/dragster.min.js.gz b/dragster.min.js.gz
index 4c263c2..f16d0fe 100644
Binary files a/dragster.min.js.gz and b/dragster.min.js.gz differ