@syncfusion/ej2-filemanager 23.2.6 → 24.1.43

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') {
@@ -4120,6 +4151,7 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
             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) {
@@ -4187,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,
@@ -4284,6 +4316,7 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
         });
         checkElement.setAttribute('role', 'checkbox');
         checkElement.setAttribute('aria-checked', 'false');
+        checkElement.setAttribute('aria-label', 'checkbox');
         args.item.firstElementChild.insertBefore(checkElement, args.item.firstElementChild.childNodes[0]);
     };
     LargeIconsView.prototype.onLayoutChange = function (args) {
@@ -6030,6 +6063,7 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
      * @hidden
      */
     function ContextMenu$$1(parent) {
+        this.isMenuItemClicked = false;
         this.currentItems = [];
         this.currentElement = null;
         this.disabledItems = [];
@@ -6073,6 +6107,12 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
     };
     ContextMenu$$1.prototype.onBeforeClose = function () {
         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 */
     ContextMenu$$1.prototype.onBeforeOpen = function (args) {
@@ -6341,6 +6381,7 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
         this.parent.trigger('menuClick', eventArgs, function (menuClickArgs) {
             var sItems;
             if (!menuClickArgs.cancel) {
+                _this.isMenuItemClicked = true;
                 // eslint:disable-next-line
                 switch (itemText) {
                     case 'cut':
@@ -8974,7 +9015,7 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
                     },
                     dragStop: dragStopHandler.bind(this, this.parent),
                     enableTailMode: true,
-                    enableAutoScroll: true,
+                    enableAutoScroll: false,
                     helper: this.dragHelper.bind(this)
                 });
             }
@@ -9128,7 +9169,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 {
@@ -9267,7 +9308,6 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
     NavigationPane.prototype.onFinalizeEnd = function (args) {
         this.onInit();
         var 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]];
     };
@@ -10794,7 +10834,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)
                 });
             }