@syncfusion/ej2-filemanager 23.2.6 → 24.1.43

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') {
@@ -3968,6 +3999,7 @@ class LargeIconsView {
             this.listElements = ListBase.createListFromJson(createElement, this.items, this.listObj);
             this.itemList = Array.prototype.slice.call(selectAll('.' + LIST_ITEM, this.listElements));
             this.element.appendChild(this.listElements);
+            this.listElements.setAttribute("aria-label", "listbox");
             this.preventImgDrag();
             this.createDragObj();
             if (this.itemList.length === 0) {
@@ -4034,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,
@@ -4131,6 +4163,7 @@ class LargeIconsView {
         });
         checkElement.setAttribute('role', 'checkbox');
         checkElement.setAttribute('aria-checked', 'false');
+        checkElement.setAttribute('aria-label', 'checkbox');
         args.item.firstElementChild.insertBefore(checkElement, args.item.firstElementChild.childNodes[0]);
     }
     onLayoutChange(args) {
@@ -5870,6 +5903,7 @@ class ContextMenu$2 {
      * @hidden
      */
     constructor(parent) {
+        this.isMenuItemClicked = false;
         this.currentItems = [];
         this.currentElement = null;
         this.disabledItems = [];
@@ -5913,6 +5947,12 @@ class ContextMenu$2 {
     }
     onBeforeClose() {
         this.menuTarget = null;
+        if (!this.isMenuItemClicked && this.parent.pathId.length > 1) {
+            this.parent.pathId.pop();
+            this.parent.pathId.push(Object.keys(this.parent.feParent)[Object.keys.length]);
+            this.parent.navigationpaneModule.treeObj.selectedNodes = [this.parent.pathId[this.parent.pathId.length - 1]];
+        }
+        this.isMenuItemClicked = false;
     }
     /* istanbul ignore next */
     onBeforeOpen(args) {
@@ -6179,6 +6219,7 @@ class ContextMenu$2 {
         this.parent.trigger('menuClick', eventArgs, (menuClickArgs) => {
             let sItems;
             if (!menuClickArgs.cancel) {
+                this.isMenuItemClicked = true;
                 // eslint:disable-next-line
                 switch (itemText) {
                     case 'cut':
@@ -8769,7 +8810,7 @@ class NavigationPane {
                     },
                     dragStop: dragStopHandler.bind(this, this.parent),
                     enableTailMode: true,
-                    enableAutoScroll: true,
+                    enableAutoScroll: false,
                     helper: this.dragHelper.bind(this)
                 });
             }
@@ -8923,7 +8964,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 {
@@ -9062,7 +9103,6 @@ class NavigationPane {
     onFinalizeEnd(args) {
         this.onInit();
         const id = getValue('_fm_id', args.cwd);
-        this.removeChildNodes(id);
         this.addChild(args.files, id, false);
         this.treeObj.selectedNodes = [this.parent.pathId[this.parent.pathId.length - 1]];
     }
@@ -10585,7 +10625,7 @@ class DetailsView {
                         dragStartHandler(this.parent, args, this.dragObj);
                     },
                     dragStop: dragStopHandler.bind(this, this.parent),
-                    enableAutoScroll: true,
+                    enableAutoScroll: false,
                     helper: this.dragHelper.bind(this)
                 });
             }