@syncfusion/ej2-filemanager 24.1.41 → 24.1.44

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

@@ -2063,6 +2063,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) {
+    var position;
+    var elementData = scrollParent.getBoundingClientRect();
+    var 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
  *
@@ -2083,12 +2107,15 @@ function draggingHandler(parent, args) {
     }
     removeBlur(parent, 'hover');
     var node = null;
+    var 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(function () { 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');
@@ -2099,6 +2126,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');
@@ -2106,6 +2135,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') {
@@ -4188,7 +4219,7 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
                 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,
@@ -8652,6 +8683,9 @@ var Virtualization = /** @__PURE__ @class */ (function () {
         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
@@ -8984,7 +9018,7 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
                     },
                     dragStop: dragStopHandler.bind(this, this.parent),
                     enableTailMode: true,
-                    enableAutoScroll: true,
+                    enableAutoScroll: false,
                     helper: this.dragHelper.bind(this)
                 });
             }
@@ -9138,7 +9172,7 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
         this.parent.itemData = nodeData;
         var previousPath = this.parent.path;
         var 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 {
@@ -10803,7 +10837,7 @@ var DetailsView = /** @__PURE__ @class */ (function () {
                         dragStartHandler(_this.parent, args, _this.dragObj);
                     },
                     dragStop: dragStopHandler.bind(this, this.parent),
-                    enableAutoScroll: true,
+                    enableAutoScroll: false,
                     helper: this.dragHelper.bind(this)
                 });
             }