@syncfusion/ej2-filemanager 24.1.41 → 24.1.44

package/dist/es6/ej2-filemanager.es2015.js

@@ -1914,6 +1914,30 @@ function removeItemClass(parent, value) {
         ele[i].classList.remove(value);
     }
 }
+/**
+ * Remove item class handler
+ *
+ * @param {Element} scrollParent - specifies the scrolling target.
+ * @param {IFileManager} parent - specifies the parent.
+ * @param {string} nodeClass - specifies the node class.
+ * @param {number} screenY - specifies the vertical (Y) coordinate of the mouse cursor position relative to the entire screen.
+ * @param {number} clientY - specifies the vertical (Y) coordinate of the mouse cursor position relative to the target element.
+ * @returns {void}
+ * @private
+ */
+function scrollHandler(scrollParent, parent, nodeClass, screenY, clientY) {
+    let position;
+    let elementData = scrollParent.getBoundingClientRect();
+    const node = select("." + nodeClass, scrollParent);
+    if ((screenY >= (elementData.top + scrollParent.clientHeight - 30)) && !isNullOrUndefined(node)) {
+        position = (parent.targetModule === 'navigationpane' || parent.targetModule === 'detailsview') ? node.offsetHeight / 2.5 : node.offsetHeight / 4.5;
+        scrollParent.scrollBy(0, position);
+    }
+    if (!isNullOrUndefined(node) && (clientY <= (elementData.top + 30))) {
+        position = (parent.targetModule === 'navigationpane' || parent.targetModule === 'detailsview') ? node.offsetHeight / 2.5 : node.offsetHeight / 4.5;
+        scrollParent.scrollBy(0, -position);
+    }
+}
 /**
  * Dragging handler
  *
@@ -1934,12 +1958,15 @@ function draggingHandler(parent, args) {
     }
     removeBlur(parent, 'hover');
     let node = null;
+    let scrollParent;
     if (parent.targetModule === 'navigationpane') {
         node = closest(args.target, 'li');
         node.classList.add(HOVER, DROP_FOLDER);
         canDrop = true;
         /* istanbul ignore next */
         parent.treeExpandTimer = window.setTimeout(() => { parent.notify(dragging, args); }, 800);
+        scrollParent = parent.navigationpaneModule.treeObj.element.parentElement;
+        scrollHandler(scrollParent, parent, 'e-level-2', args.event.screenY, args.event.y);
     }
     else if (parent.targetModule === 'detailsview') {
         node = closest(args.target, 'tr');
@@ -1950,6 +1977,8 @@ function draggingHandler(parent, args) {
             node.classList.add(DROP_FILE);
         }
         canDrop = true;
+        scrollParent = parent.detailsviewModule.gridObj.element.querySelector('.e-content');
+        scrollHandler(scrollParent, parent, 'e-row', args.event.screenY, args.event.y);
     }
     else if (parent.targetModule === 'largeiconsview') {
         node = closest(args.target, 'li');
@@ -1957,6 +1986,8 @@ function draggingHandler(parent, args) {
             node.classList.add(HOVER, DROP_FOLDER);
         }
         canDrop = true;
+        scrollParent = parent.largeiconsviewModule.element.firstElementChild;
+        scrollHandler(scrollParent, parent, 'e-large-icon', args.event.screenY, args.event.y);
         /* istanbul ignore next */
     }
     else if (parent.targetModule === 'breadcrumbbar') {
@@ -4035,7 +4066,7 @@ class LargeIconsView {
                 this.dragObj = new Draggable(this.listElements, {
                     enableTailMode: true,
                     distance: 5,
-                    enableAutoScroll: true,
+                    enableAutoScroll: false,
                     dragTarget: '.' + LARGE_ICON,
                     helper: this.dragHelper.bind(this),
                     cursorAt: this.parent.dragCursorPosition,
@@ -8451,6 +8482,9 @@ class Virtualization {
         this.itemList = Array.prototype.slice.call(selectAll('.' + LIST_ITEM, listElements));
         // Append the list element to the large icon element
         this.largeIconInstance.element.appendChild(listElements);
+        if (this.itemList.length !== 0 && this.largeIconInstance.element.querySelector('.' + EMPTY)) {
+            this.largeIconInstance.element.removeChild(this.largeIconInstance.element.querySelector('.' + EMPTY));
+        }
         // Get the total number of items
         this.itemCount = this.getItemCount(Object.keys(this.largeIconInstance.allItems).length);
         // Remove the first child element from the large icon element
@@ -8779,7 +8813,7 @@ class NavigationPane {
                     },
                     dragStop: dragStopHandler.bind(this, this.parent),
                     enableTailMode: true,
-                    enableAutoScroll: true,
+                    enableAutoScroll: false,
                     helper: this.dragHelper.bind(this)
                 });
             }
@@ -8933,7 +8967,7 @@ class NavigationPane {
         this.parent.itemData = nodeData;
         const previousPath = this.parent.path;
         const sNode = select('[data-uid="' + this.treeObj.selectedNodes[0] + '"]', this.treeObj.element);
-        if (!this.isRightClick && this.isSameNodeClicked && sNode.querySelector('.e-list-text').innerHTML !== this.parent.pathNames[this.parent.pathNames.length - 1]) {
+        if (!this.isRightClick && this.isSameNodeClicked) {
             updatePath(args.node, this.parent.itemData[0], this.parent);
         }
         else {
@@ -10594,7 +10628,7 @@ class DetailsView {
                         dragStartHandler(this.parent, args, this.dragObj);
                     },
                     dragStop: dragStopHandler.bind(this, this.parent),
-                    enableAutoScroll: true,
+                    enableAutoScroll: false,
                     helper: this.dragHelper.bind(this)
                 });
             }