@syncfusion/ej2-filemanager 25.2.6 → 26.1.40

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

@@ -1,13 +1,13 @@
-import { Ajax, Browser, ChildProperty, Collection, Complex, Component, Draggable, Event, EventHandler, Fetch, Internationalization, KeyboardEvents, L10n, NotifyPropertyChanges, Property, SanitizeHtmlHelper, Touch, addClass, closest, createElement, detach, extend, formatUnit, getUniqueID, getValue, initializeCSPTemplate, isNullOrUndefined, isVisible, matches, remove, removeClass, select, selectAll, setStyleAttribute, setValue } from '@syncfusion/ej2-base';
+import { Property, ChildProperty, initializeCSPTemplate, getValue, isNullOrUndefined, matches, select, closest, createElement, setValue, detach, extend, Ajax, Internationalization, Fetch, remove, selectAll, Draggable, KeyboardEvents, EventHandler, Touch, addClass, removeClass, isVisible, getUniqueID, setStyleAttribute, formatUnit, Browser, L10n, Complex, Collection, Event, NotifyPropertyChanges, Component, SanitizeHtmlHelper } from '@syncfusion/ej2-base';
 import { Splitter } from '@syncfusion/ej2-layouts';
-import { Dialog, createSpinner, hideSpinner, showSpinner } from '@syncfusion/ej2-popups';
-import { DataManager, DataUtil, Query } from '@syncfusion/ej2-data';
+import { Dialog, showSpinner, hideSpinner, createSpinner } from '@syncfusion/ej2-popups';
+import { DataManager, Query, DataUtil } from '@syncfusion/ej2-data';
+import { getUid, Grid, Resize, ContextMenu as ContextMenu$2, Sort, VirtualScroll } from '@syncfusion/ej2-grids';
 import { Input, TextBox, Uploader } from '@syncfusion/ej2-inputs';
 import { CheckBox, createCheckBox } from '@syncfusion/ej2-buttons';
 import { ListBase } from '@syncfusion/ej2-lists';
 import { DropDownButton } from '@syncfusion/ej2-splitbuttons';
-import { ContextMenu, Toolbar, TreeView } from '@syncfusion/ej2-navigations';
-import { ContextMenu as ContextMenu$1, Grid, Resize, Sort, VirtualScroll } from '@syncfusion/ej2-grids';
+import { ContextMenu as ContextMenu$1, Toolbar as Toolbar$1, TreeView } from '@syncfusion/ej2-navigations';
 
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -217,7 +217,7 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
 var columnArray = [
     {
         field: 'name', headerText: 'Name', minWidth: 120,
-        template: '<span class=\"e-fe-text\">${name}</span>',
+        template: '<span class="e-fe-text">${name}</span>',
         customAttributes: { class: 'e-fe-grid-name' }
     },
     {
@@ -226,6 +226,7 @@ var columnArray = [
     },
     {
         field: 'size', headerText: 'Size', minWidth: 90, width: '110',
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         template: initializeCSPTemplate(function (data) {
             return "<span class=\"e-fe-size\">" + data.size + "</span>";
         }), format: 'n2'
@@ -470,10 +471,6 @@ var Column = /** @__PURE__ @class */ (function (_super) {
     return Column;
 }(ChildProperty));
 
-/**
- * FileExplorer common modules
- */
-
 /**
  * Specifies the File Manager internal ID's
  */
@@ -849,22 +846,27 @@ function sortComparer(reference, comparer) {
     var referenceIsFile = /\.\S+/.test(reference);
     var comparerIsFile = /\.\S+/.test(comparer);
     // If one is a file and the other is a folder, the folder should come first
-    if (referenceIsFile && !comparerIsFile)
+    if (referenceIsFile && !comparerIsFile) {
         return 1;
-    if (!referenceIsFile && comparerIsFile)
+    }
+    if (!referenceIsFile && comparerIsFile) {
         return -1;
+    }
     var referenceParts = [];
     var comparerParts = [];
-    (reference + '').replace(/(\d+)|(\D+)/g, function (_, $1, $2) { referenceParts.push([$1 || Infinity, $2 || ""]); return ""; });
-    (comparer + '').replace(/(\d+)|(\D+)/g, function (_, $1, $2) { comparerParts.push([$1 || Infinity, $2 || ""]); return ""; });
+    (reference + '').replace(/(\d+)|(\D+)/g, function (_, $1, $2) { referenceParts.push([$1 || Infinity, $2 || '']); return ''; });
+    (comparer + '').replace(/(\d+)|(\D+)/g, function (_, $1, $2) { comparerParts.push([$1 || Infinity, $2 || '']); return ''; });
     // Compare each part of reference and comparer
     while (referenceParts.length && comparerParts.length) {
         var referencePart = referenceParts.shift();
         var comparerPart = comparerParts.shift();
-        var comparisonResult = referencePart[0] - comparerPart[0] ||
-            referencePart[1].localeCompare(comparerPart[1]);
-        if (comparisonResult)
-            return comparisonResult;
+        if (referencePart && comparerPart) {
+            var comparisonResult = referencePart[0] - comparerPart[0] ||
+                referencePart[1].localeCompare(comparerPart[1]);
+            if (comparisonResult) {
+                return comparisonResult;
+            }
+        }
     }
     return referenceParts.length - comparerParts.length;
 }
@@ -877,7 +879,6 @@ function sortComparer(reference, comparer) {
  * @returns {void}
  * @private
  */
-// eslint-disable-next-line
 function updatePath(node, data, instance) {
     var text = getValue('name', data);
     var id = node.getAttribute('data-id');
@@ -973,8 +974,7 @@ function generatePath(parent) {
     var newPath = '/';
     var i = 1;
     for (i; i < parent.pathId.length; i++) {
-        // eslint-disable-next-line
-        var data = getValue(parent.pathId[i], parent.feParent);
+        var data = getValue(parent.pathId[parseInt(i.toString(), 10)], parent.feParent);
         newPath += getValue(key, data) + '/';
     }
     parent.setProperties({ path: newPath }, true);
@@ -1112,6 +1112,22 @@ function searchWordHandler(parent, value, isLayoutChange) {
     if (value.length === 0 && !parent.isFiltered) {
         parent.notify(pathColumn, { args: parent });
     }
+    if (isFileSystemData(parent)) {
+        if (value === '') {
+            parent.itemData = parent.fileSystemData;
+            read(parent, layoutChange, parent.path);
+        }
+        else {
+            parent.searchSettings.filterType = isNullOrUndefined(parent.searchSettings.filterType) ? 'contains' : parent.searchSettings.filterType;
+            var filteredData = parent.fileSystemData.filter(function (obj) { return obj.parentId !== null; });
+            var data = new DataManager(filteredData).
+                executeLocal(new Query().where('name', parent.searchSettings.filterType, value, parent.searchSettings.ignoreCase));
+            var searchValue = parent.searchSettings.ignoreCase ? value.toLowerCase() : value;
+            parent.itemData = data;
+            Search(parent, isLayoutChange ? layoutChange : search, parent.path, searchValue, parent.showHiddenItems, !parent.searchSettings.ignoreCase);
+        }
+        return;
+    }
     if (parent.searchSettings.filterType === 'startsWith') {
         searchWord = value + '*';
     }
@@ -1229,7 +1245,6 @@ function openAction(parent) {
  * @returns {Object} - returns the path data.
  * @private
  */
-// eslint-disable-next-line
 function getPathObject(parent) {
     return getValue(parent.pathId[parent.pathId.length - 1], parent.feParent);
 }
@@ -1271,10 +1286,9 @@ function cutFiles(parent) {
  * @returns {string} - returns the file type.
  * @private
  */
-// eslint-disable-next-line
 function fileType(file) {
-    var isFile$$1 = getValue('isFile', file);
-    if (!isFile$$1) {
+    var isFile = getValue('isFile', file);
+    if (!isFile) {
         return FOLDER;
     }
     var imageFormat = ['bmp', 'dib', 'jpg', 'jpeg', 'jpe', 'jfif', 'gif', 'tif', 'tiff', 'png', 'ico'];
@@ -1314,11 +1328,18 @@ function fileType(file) {
  * @returns {string} - returns the image url.
  * @private
  */
-// eslint-disable-next-line
 function getImageUrl(parent, item) {
+    var imgUrl = isFileSystemData(parent) ? getValue('imageUrl', item) : '';
+    if (isFileSystemData(parent)) {
+        var eventArgs_1 = {
+            fileDetails: [item],
+            imageUrl: imgUrl
+        };
+        parent.trigger('beforeImageLoad', eventArgs_1);
+        return eventArgs_1.imageUrl;
+    }
     var baseUrl = parent.ajaxSettings.getImageUrl ? parent.ajaxSettings.getImageUrl : parent.ajaxSettings.url;
     var pathUrl = (baseUrl.indexOf('?') !== -1) ? '&path=' : '?path=';
-    var imgUrl;
     var fileName = encodeURIComponent(getValue('name', item));
     var fPath = getValue('filterPath', item);
     if (parent.hasId) {
@@ -1349,7 +1370,6 @@ function getImageUrl(parent, item) {
  * @returns {string} - returns the image url.
  * @private
  */
-// eslint-disable-next-line
 function getFullPath(parent, data, path) {
     var filePath = getValue(parent.hasId ? 'id' : 'name', data) + '/';
     var fPath = getValue(parent.hasId ? 'filterId' : 'filterPath', data);
@@ -1368,7 +1388,6 @@ function getFullPath(parent, data, path) {
  * @returns {string} - returns the name.
  * @private
  */
-// eslint-disable-next-line
 function getName(parent, data) {
     var name = getValue('name', data);
     var fPath = getValue('filterPath', data);
@@ -1386,19 +1405,17 @@ function getName(parent, data) {
  * @returns {Object[]} - returns the sorted data.
  * @private
  */
-// eslint-disable-next-line
 function getSortedData(parent, items) {
     if (items.length === 0) {
         return items;
     }
     var query;
-    if (parent.sortOrder !== 'None') {
+    if (parent.sortOrder !== 'None' && !isNullOrUndefined(parent.sortOrder)) {
         query = new Query().sortBy(parent.sortBy, parent.sortOrder.toLowerCase(), true).group('isFile');
     }
     else {
         query = new Query().group('isFile');
     }
-    // eslint-disable-next-line
     var lists = new DataManager(items).executeLocal(query);
     return getValue('records', lists);
 }
@@ -1411,12 +1428,9 @@ function getSortedData(parent, items) {
  * @returns {Object} - returns the sorted data.
  * @private
  */
-// eslint-disable-next-line
 function getObject(parent, key, value) {
-    // eslint-disable-next-line
     var currFiles = getValue(parent.pathId[parent.pathId.length - 1], parent.feFiles);
     var query = new Query().where(key, 'equal', value);
-    // eslint-disable-next-line
     var lists = new DataManager(currFiles).executeLocal(query);
     return lists[0];
 }
@@ -1481,7 +1495,6 @@ function createEmptyElement(parent, element, args) {
  * @returns {Object[]} - returns the sorted data.
  * @private
  */
-// eslint-disable-next-line
 function getDirectories(files) {
     return new DataManager(files).executeLocal(new Query().where(isFile, 'equal', false, false));
 }
@@ -1494,7 +1507,6 @@ function getDirectories(files) {
  * @private
  */
 function setNodeId(result, rootId) {
-    // eslint-disable-next-line
     var dirs = getDirectories(result.files);
     for (var i = 0, len = dirs.length; i < len; i++) {
         setValue('_fm_id', rootId + '_' + i, dirs[i]);
@@ -1504,16 +1516,17 @@ function setNodeId(result, rootId) {
  * set the date object
  *
  * @param {Object[]} args - specifies the file object.
+ * @param {Internationalization} localeString - The internationalization object for formatting dates.
+ * @param {string} dateFormat - The date format string.
  * @returns {void}
  * @private
  */
-// eslint-disable-next-line
 function setDateObject(args, localeString, dateFormat) {
     for (var i = 0; i < args.length; i++) {
         var createdDate = new Date(getValue('dateCreated', args[i]));
         var modifiedDate = new Date(getValue('dateModified', args[i]));
         if (isNullOrUndefined(dateFormat)) {
-            dateFormat = "MM/dd/yyyy";
+            dateFormat = 'MM/dd/yyyy';
         }
         setValue('_fm_created', localeString.formatDate(createdDate, { format: dateFormat }), args[i]);
         setValue('_fm_modified', localeString.formatDate(modifiedDate, { format: dateFormat }), args[i]);
@@ -1586,6 +1599,7 @@ function sortbyClickHandler(parent, args) {
  * Gets the sorted fields
  *
  * @param {string} id - specifies the id.
+ * @param {IFileManager} [parent] - optional parameter representing the parent IFileManager.
  * @returns {string} - returns the sorted fields
  * @private
  */
@@ -1631,14 +1645,12 @@ function getSortField(id, parent) {
 function setNextPath(parent, path) {
     var currfolders = path.split('/');
     var folders = parent.originalPath.split('/');
-    // eslint-disable-next-line
     var root = getValue(parent.pathId[0], parent.feParent);
     var key = isNullOrUndefined(getValue('id', root)) ? 'name' : 'id';
     for (var i = currfolders.length - 1, len = folders.length - 1; i < len; i++) {
         var eventName = (folders[i + 1] === '') ? finalizeEnd : initialEnd;
         var newPath = (folders[i] === '') ? '/' : (parent.path + folders[i] + '/');
-        // eslint-disable-next-line
-        var data = getObject(parent, key, folders[i]);
+        var data = getObject(parent, key, folders[parseInt(i.toString(), 10)]);
         if (!isNullOrUndefined(data)) {
             var id = getValue('_fm_id', data);
             parent.setProperties({ path: newPath }, true);
@@ -1661,13 +1673,12 @@ function setNextPath(parent, path) {
  * @returns {void}
  * @private
  */
-// eslint-disable-next-line
 function openSearchFolder(parent, data) {
     parent.originalPath = getFullPath(parent, data, parent.path);
     var root = getValue(parent.pathId[0], parent.feParent);
-    var isRoot = getValue('_fm_id', parent.itemData[0]) == 'fe_tree';
+    var isRoot = getValue('_fm_id', parent.itemData[0]) === 'fe_tree';
     var key = isNullOrUndefined(getValue('id', root)) ? 'name' : 'id';
-    var searchData = getObject(parent, key, getValue('name', data));
+    var searchData = getObject(parent, key, isFileSystemData(parent) ? getValue('id', data) : getValue('name', data));
     if (isNullOrUndefined(searchData)) {
         if (!isRoot) {
             parent.notify(clearPathInit, { selectedNode: parent.pathId[parent.pathId.length - 1] });
@@ -1697,7 +1708,6 @@ function pasteHandler(parent) {
     parent.isDragDrop = false;
     if (parent.selectedNodes.length !== 0 && parent.enablePaste) {
         var path = (parent.folderPath === '') ? parent.path : parent.folderPath;
-        // eslint-disable-next-line
         var subFolder = validateSubFolder(parent, parent.actionRecords, path, parent.path);
         if (!subFolder) {
             if ((parent.fileAction === 'move' && parent.targetPath !== path) || parent.fileAction === 'copy') {
@@ -1731,13 +1741,12 @@ function pasteHandler(parent) {
  * @returns {boolean} - returns the validated sub folder.
  * @private
  */
-// eslint-disable-next-line
-function validateSubFolder(parent, data, dropPath$$1, dragPath) {
+function validateSubFolder(parent, data, dropPath, dragPath) {
     var subFolder = false;
     for (var i = 0; i < data.length; i++) {
         if (!getValue('isFile', data[i])) {
             var tempTarget = getFullPath(parent, data[i], dragPath);
-            if (dropPath$$1.indexOf(tempTarget) === 0) {
+            if (dropPath.indexOf(tempTarget) === 0) {
                 var result = {
                     files: null,
                     error: {
@@ -1752,7 +1761,8 @@ function validateSubFolder(parent, data, dropPath$$1, dragPath) {
             }
         }
         else {
-            var srcData = parent.dragNodes[i];
+            var name_1 = parent.dragData[i] ? parent.dragData[i].name : null;
+            var srcData = isFileSystemData(parent) ? name_1 : parent.dragNodes[i];
             var len = 0;
             if (srcData) {
                 len = srcData.lastIndexOf('/');
@@ -1761,7 +1771,7 @@ function validateSubFolder(parent, data, dropPath$$1, dragPath) {
             if (len > 0) {
                 path = dragPath + srcData.substring(0, len + 1);
             }
-            if (path === dropPath$$1) {
+            if (path === dropPath) {
                 var result = {
                     files: null,
                     error: {
@@ -1823,15 +1833,15 @@ function getParentPath(oldPath) {
  */
 function getDirectoryPath(parent, args) {
     var filePath = getValue(parent.hasId ? 'id' : 'name', args.cwd) + '/';
-    var fPath = getValue(parent.hasId ? 'filterId' : 'filterPath', args.cwd);
+    var fPath = getValue(parent.hasId && !isNullOrUndefined(parent.ajaxSettings.url) ? 'filterId' : 'filterPath', args.cwd);
     if (!isNullOrUndefined(fPath)) {
         if (fPath === '') {
-            return parent.hasId ? filePath : '/';
+            return parent.hasId && !isNullOrUndefined(parent.ajaxSettings.url) ? filePath : '/';
         }
         return fPath.replace(/\\/g, '/') + filePath;
     }
     else {
-        return parent.path + filePath;
+        return isFileSystemData(parent) ? filePath : parent.path + filePath;
     }
 }
 /**
@@ -1901,7 +1911,7 @@ function readDropPath(parent) {
             var node = select('[data-uid="' + pathId + '"]', parent.navigationpaneModule.treeObj.element);
             if (!node) {
                 var liElement = document.querySelector('[data-id = "' + getValue('id', parent.dropData) + '"]');
-                pathId = liElement.getAttribute("data-uid");
+                pathId = liElement.getAttribute('data-uid');
                 node = select('[data-uid="' + pathId + '"]', parent.navigationpaneModule.treeObj.element);
             }
             updatePath(node, parent.dropData, parent);
@@ -1917,11 +1927,8 @@ function readDropPath(parent) {
  * @returns {object} - returns the duplicated path.
  * @private
  */
-// eslint-disable-next-line
 function getDuplicateData(parent, name) {
-    // eslint-disable-next-line
     var data = null;
-    // eslint-disable-next-line
     var records = parent.isDragDrop ? parent.dragData : parent.actionRecords;
     for (var i = 0; i < records.length; i++) {
         if (getValue('name', records[i]) === name) {
@@ -2115,7 +2122,7 @@ function removeItemClass(parent, value) {
 function scrollHandler(scrollParent, parent, nodeClass, screenY, clientY) {
     var position;
     var elementData = scrollParent.getBoundingClientRect();
-    var node = select("." + nodeClass, scrollParent);
+    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);
@@ -2193,7 +2200,6 @@ function draggingHandler(parent, args) {
  * @private
  */
 // Ignored the message key value in permission object
-// eslint-disable-next-line
 function objectToString(data) {
     var str = '';
     var keys = Object.keys(data);
@@ -2212,7 +2218,6 @@ function objectToString(data) {
  * @returns {string} returns the item name.
  * @private
  */
-// eslint-disable-next-line
 function getItemName(parent, data) {
     if (parent.hasId) {
         return getValue('id', data);
@@ -2227,7 +2232,6 @@ function getItemName(parent, data) {
  * @returns {void}
  * @private
  */
-// eslint-disable-next-line
 function updateRenamingData(parent, data) {
     parent.itemData = [data];
     parent.currentItemText = getValue('name', data);
@@ -2258,7 +2262,6 @@ function doRename(parent) {
  * @private
  */
 function doDownload(parent) {
-    // eslint-disable-next-line
     var items = parent.itemData;
     for (var i = 0; i < items.length; i++) {
         if (!hasDownloadAccess(items[i])) {
@@ -2279,7 +2282,6 @@ function doDownload(parent) {
  * @returns {void}
  * @private
  */
-// eslint-disable-next-line
 function doDeleteFiles(parent, data, newIds) {
     for (var i = 0; i < data.length; i++) {
         if (!hasEditAccess(data[i])) {
@@ -2300,7 +2302,6 @@ function doDeleteFiles(parent, data, newIds) {
  * @returns {void}
  * @private
  */
-// eslint-disable-next-line
 function doDownloadFiles(parent, data, newIds) {
     for (var i = 0; i < data.length; i++) {
         if (!hasDownloadAccess(data[i])) {
@@ -2322,7 +2323,6 @@ function doDownloadFiles(parent, data, newIds) {
  * @returns {void}
  * @private
  */
-// eslint-disable-next-line
 function createDeniedDialog(parent, data, action) {
     var message = getValue('message', getValue('permission', data));
     if (message === '') {
@@ -2344,7 +2344,6 @@ function createDeniedDialog(parent, data, action) {
  * @returns {string} - returns accesses classes.
  * @private
  */
-// eslint-disable-next-line
 function getAccessClass(data) {
     return !hasReadAccess(data) ? 'e-fe-locked e-fe-hidden' : 'e-fe-locked';
 }
@@ -2355,9 +2354,7 @@ function getAccessClass(data) {
  * @returns {boolean} - returns read access.
  * @private
  */
-// eslint-disable-next-line
 function hasReadAccess(data) {
-    // eslint-disable-next-line
     var permission = getValue('permission', data);
     return (permission && !getValue('read', permission)) ? false : true;
 }
@@ -2368,9 +2365,7 @@ function hasReadAccess(data) {
  * @returns {boolean} - returns edit access.
  * @private
  */
-// eslint-disable-next-line
 function hasEditAccess(data) {
-    // eslint-disable-next-line
     var permission = getValue('permission', data);
     return permission ? ((getValue('read', permission) && getValue('write', permission))) : true;
 }
@@ -2381,9 +2376,7 @@ function hasEditAccess(data) {
  * @returns {boolean} - returns content access.
  * @private
  */
-// eslint-disable-next-line
 function hasContentAccess(data) {
-    // eslint-disable-next-line
     var permission = getValue('permission', data);
     return permission ? ((getValue('read', permission) && getValue('writeContents', permission))) : true;
 }
@@ -2394,9 +2387,7 @@ function hasContentAccess(data) {
  * @returns {boolean} - returns upload access.
  * @private
  */
-// eslint-disable-next-line
 function hasUploadAccess(data) {
-    // eslint-disable-next-line
     var permission = getValue('permission', data);
     return permission ? ((getValue('read', permission) && getValue('upload', permission))) : true;
 }
@@ -2407,9 +2398,7 @@ function hasUploadAccess(data) {
  * @returns {boolean} - returns download access.
  * @private
  */
-// eslint-disable-next-line
 function hasDownloadAccess(data) {
-    // eslint-disable-next-line
     var permission = getValue('permission', data);
     return permission ? ((getValue('read', permission) && getValue('download', permission))) : true;
 }
@@ -2421,7 +2410,6 @@ function hasDownloadAccess(data) {
  * @private
  */
 function createNewFolder(parent) {
-    // eslint-disable-next-line
     var details = parent.itemData[0];
     if (!hasContentAccess(details)) {
         createDeniedDialog(parent, details, permissionEditContents);
@@ -2438,7 +2426,6 @@ function createNewFolder(parent) {
  * @private
  */
 function uploadItem(parent) {
-    // eslint-disable-next-line
     var details = parent.itemData[0];
     if (!hasUploadAccess(details)) {
         createDeniedDialog(parent, details, permissionUpload);
@@ -2449,7 +2436,70 @@ function uploadItem(parent) {
         uploadEle.click();
     }
 }
+/**
+ * Close dialog popup handler
+ *
+ * @param {IFileManager} parent - specifies the parent.
+ * @returns {void}
+ * @private
+ */
+function closePopup(parent) {
+    if (!isNullOrUndefined(parent.dialogObj)) {
+        parent.dialogObj.hide();
+    }
+}
+/**
+ * Access control handler
+ *
+ * @param {IFileManager} parent - specifies the parent.
+ * @param {Object[]} itemData - specifies the item elements.
+ * @param {string} action - specifies the action.
+ * @param {boolean} isPathPermision - specifies the path permission.
+ * @returns {string} returns the path.
+ * @private
+ */
+function getAccessDetails(parent, itemData, action, isPathPermision) {
+    var accessMessage = '';
+    for (var i = 0; i < itemData.length; i++) {
+        var permission = getValue('permission', itemData[i]);
+        if (permission == null) {
+            permission = undefined;
+        }
+        if (isPathPermision) {
+            if (permission && (!getValue('read', permission) || !getValue('writeContents', permission))) {
+                accessMessage = getValue('message', getValue('permission', itemData[i]));
+                if (accessMessage === '') {
+                    accessMessage = getLocaleText(parent, 'Access-Message').replace('{0}', getValue('name', itemData[i])).replace('{1}', 'writeContents');
+                }
+            }
+        }
+        else {
+            var copyOrMovePermission = action === 'copy' ? getValue('copy', permission) : getValue('write', permission);
+            if (permission && (!getValue('read', permission) || !copyOrMovePermission)) {
+                accessMessage = getValue('message', getValue('permission', itemData[i]));
+                if (accessMessage === '') {
+                    accessMessage = getLocaleText(parent, 'Access-Message').replace('{0}', getValue('name', itemData[i])).replace('{1}', action);
+                }
+            }
+        }
+        if (accessMessage !== '') {
+            parent.responseData = {
+                cwd: null,
+                details: null,
+                error: {
+                    code: '401',
+                    message: accessMessage,
+                    fileExists: null
+                },
+                files: null
+            };
+            break;
+        }
+    }
+    return accessMessage;
+}
 
+/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * Function to read the content from given path in File Manager.
  *
@@ -2460,14 +2510,12 @@ function uploadItem(parent) {
  * @private
  */
 function read(parent, event, path) {
-    // eslint-disable-next-line
     var itemData = parent.itemData;
     for (var i = 0; i < itemData.length; i++) {
         if (isNullOrUndefined(getValue('hasChild', itemData[i]))) {
             setValue('hasChild', false, itemData[i]);
         }
     }
-    // eslint-disable-next-line
     var data = { action: 'read', path: path, showHiddenItems: parent.showHiddenItems, data: itemData };
     createAjax(parent, data, readSuccess, event);
 }
@@ -2480,7 +2528,6 @@ function read(parent, event, path) {
  * @private
  */
 function createFolder(parent, itemName) {
-    // eslint-disable-next-line
     var data = { action: 'create', path: parent.path, name: itemName, data: parent.itemData };
     createAjax(parent, data, createSuccess, itemName);
 }
@@ -2493,11 +2540,8 @@ function createFolder(parent, itemName) {
  * @private
  */
 function filter(parent, event) {
-    // eslint-disable-next-line
     var data = { action: 'filter', path: parent.path, showHiddenItems: parent.showHiddenItems, data: [getPathObject(parent)] };
-    // eslint-disable-next-line
     var filterData;
-    // eslint-disable-next-line
     var filterDataVal = parent.filterData ? extend(filterData, data, parent.filterData) : data;
     createAjax(parent, filterDataVal, filterSuccess, event, getValue('action', filterDataVal));
 }
@@ -2529,7 +2573,6 @@ function rename(parent, path, itemNewName) {
             newName = fPath.replace(path, '') + itemNewName;
         }
     }
-    // eslint-disable-next-line
     var data = {
         action: 'rename', path: path, name: name, newName: newName, data: parent.itemData, showFileExtension: parent.showFileExtension
     };
@@ -2548,10 +2591,7 @@ function rename(parent, path, itemNewName) {
  * @returns {void}
  * @private
  */
-function paste(parent, path, names, targetPath, pasteOperation, 
-// eslint-disable-next-line
-renameItems, actionRecords) {
-    // eslint-disable-next-line
+function paste(parent, path, names, targetPath, pasteOperation, renameItems, actionRecords) {
     var data = {
         action: pasteOperation, path: path, targetData: parent.itemData[0],
         targetPath: targetPath, names: names, renameFiles: renameItems, data: actionRecords
@@ -2570,7 +2610,6 @@ renameItems, actionRecords) {
  * @private
  */
 function Delete(parent, items, path, operation) {
-    // eslint-disable-next-line
     var data = { action: operation, path: path, names: items, data: parent.itemData };
     createAjax(parent, data, deleteSuccess, path);
 }
@@ -2586,25 +2625,22 @@ function Delete(parent, items, path, operation) {
  * @private
  */
 function GetDetails(parent, names, path, operation) {
-    // eslint-disable-next-line
     var data = { action: operation, path: path, names: names, data: parent.itemData };
     createAjax(parent, data, detailsSuccess, path, operation);
 }
 /**
- * Function for createAjax in File Manager.
+ * Function for getDateFormat in File Manager.
  *
  * @param {IFileManager} parent - specifies the parent element.
- * @param {Object} data - specifies the data.
- * @param {Function} fn - specifies the fn.
- * @param {string} event - specifies the event.
- * @param {string} operation - specifies the operation.
- * @param {string} targetPath - specifies the target path.
  * @returns {void}
  * @private
  */
 function getDateFormat(parent) {
     var columns = parent.detailsViewSettings.columns;
     var dateFormat;
+    if (!columns) {
+        return null;
+    }
     for (var i = 0; i < columns.length; i++) {
         if (columns[i].field === '_fm_modified') {
             if (!isNullOrUndefined(columns[i].format)) {
@@ -2615,10 +2651,393 @@ function getDateFormat(parent) {
     }
     return dateFormat;
 }
-function createAjax(
-// eslint-disable-next-line
-parent, data, fn, event, operation, targetPath) {
-    // eslint-disable-next-line
+/**
+ * Checks whether fileSystemData is enabled.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @returns {boolean} - returns the boolean value.
+ */
+function isFileSystemData(parent) {
+    var isFileSystemData = parent.fileSystemData.length >= 0 && isNullOrUndefined(parent.ajaxSettings.url);
+    return isFileSystemData;
+}
+/**
+ * Function to check whether file already exist or not.
+ *
+ * @param {Record<string, any>} fileSystemData - specifies the file data.
+ * @param {string} name - specifies the name.
+ * @returns {boolean} - returns the boolean value.
+ * @private
+ */
+function isFileExists(fileSystemData, name) {
+    var isExists = fileSystemData.some(function (item) { return item.name === name; });
+    return isExists;
+}
+/**
+ * Function to find the index value of a file or folder.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {number} id - specifies the id.
+ * @returns {number} - returns the index value.
+ * @private
+ */
+function findIndexById(parent, id) {
+    var index = parent.fileSystemData.findIndex(function (item) { return String(item.id) === String(id); });
+    return index;
+}
+/**
+ * Function to get the entire data of a file or folder using id value.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {number | string} id - specifies the id.
+ * @returns {Object} - returns the data.
+ * @private
+ */
+function filterById(parent, id) {
+    var data = parent.fileSystemData.filter(function (item) { return String(item.id) === String(id); })[0];
+    return data;
+}
+/**
+ * Function to get the entire data of a file or folder for a parent.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {number | string} parentId - specifies the parent id.
+ * @returns {Object[]} - returns the data.
+ * @private
+ */
+function filterByParent(parent, parentId) {
+    var data = parent.fileSystemData.filter(function (item) { return String(item.parentId) === String(parentId); });
+    return data;
+}
+/**
+ * Function to create a new copied file or folder.
+ *
+ * @param {Record<string, any>} data - specifies the file or folder data.
+ * @param {Record<string, any>} target - specifies the target data.
+ * @param {string} itemName - specifies the item name.
+ * @param {boolean} isCopy - specifies the copy operation.
+ * @returns {Record<string, Object>} - returns the data.
+ * @private
+ */
+function createNewItem(data, target, itemName, isCopy) {
+    var newItem = {};
+    //Construct the new folder details.
+    for (var key in data) {
+        if (Object.prototype.hasOwnProperty.call(data, key)) {
+            newItem[key] = null;
+        }
+    }
+    var currentDate = new Date();
+    var folderPath = target.id !== 0 ? target.filterPath + target.name : '\\';
+    Object.assign(newItem, {
+        dateCreated: currentDate,
+        dateModified: currentDate,
+        filterPath: folderPath,
+        hasChild: isCopy ? data.hasChild : false,
+        id: getUid(itemName === null ? data.name : itemName),
+        isFile: isCopy ? data.isFile : false,
+        name: itemName === null ? data.name : itemName,
+        parentId: target.id,
+        size: isCopy ? data.size : 0,
+        type: isCopy ? data.type : ''
+    });
+    return newItem;
+}
+/**
+ * Function to create an error response.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {string} message - specifies the error message.
+ * @param {string} code - specifies the error code.
+ * @param {Object[]} fileName - specifies the file name.
+ * @returns {void}
+ * @private
+ */
+function createErrorObject(parent, message, code, fileName) {
+    parent.responseData = {
+        cwd: null,
+        details: null,
+        error: {
+            code: code,
+            message: message,
+            fileExists: fileName != null ? fileName : null
+        },
+        files: null
+    };
+}
+/**
+ * Function to trigger folder creation.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {Object} data - specifies the data.
+ * @param {BeforeSendEventArgs} eventArgs - specifies the eventArgs.
+ * @returns {void}
+ * @private
+ */
+function triggerFolderCreation(parent, data, eventArgs) {
+    var createEventArgs = {
+        folderName: getValue('name', data),
+        cancel: false,
+        path: getValue('path', data),
+        parentFolder: getValue('data', data)
+    };
+    parent.trigger('beforeFolderCreate', createEventArgs, function (args) {
+        if (args.cancel) {
+            eventArgs.cancel = true;
+            return;
+        }
+        if (isFileSystemData(parent)) {
+            if (!isFileExists(parent.fileSystemData, args.folderName)) {
+                var data_1 = args.parentFolder[0];
+                var newObject = createNewItem(data_1, data_1, args.folderName, false);
+                parent.fileSystemData.push(newObject);
+            }
+            else {
+                var message = 'A file or folder with the name ' + args.folderName + ' already exists.';
+                createErrorObject(parent, message, '400', null);
+            }
+        }
+    });
+}
+/**
+ * Function to trigger delete operation.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {Object} data - specifies the data.
+ * @param {BeforeSendEventArgs} eventArgs - specifies the eventArgs.
+ * @returns {void}
+ * @private
+ */
+function triggerDeleteOperation(parent, data, eventArgs) {
+    var deleteEventArgs = {
+        cancel: false,
+        itemData: getValue('data', data),
+        path: getValue('path', data)
+    };
+    parent.trigger('beforeDelete', deleteEventArgs, function (args) {
+        if (args.cancel) {
+            eventArgs.cancel = true;
+            return;
+        }
+        if (isFileSystemData(parent)) {
+            args.itemData.forEach(function (itemData) {
+                var index = findIndexById(parent, itemData.id);
+                if (index !== -1) {
+                    parent.fileSystemData.splice(index, 1);
+                }
+                if (!itemData.isFile) {
+                    var subItems = parent.fileSystemData.filter(function (obj) { return obj.filterPath.includes(itemData.name); });
+                    subItems.forEach(function (subItem) {
+                        var index = findIndexById(parent, subItem.id);
+                        if (index !== -1) {
+                            parent.fileSystemData.splice(index, 1);
+                        }
+                    });
+                }
+            });
+        }
+    });
+}
+/**
+ * Function to trigger rename operation.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {Object} data - specifies the data.
+ * @param {BeforeSendEventArgs} eventArgs - specifies the eventArgs.
+ * @returns {void}
+ * @private
+ */
+function triggerRenameOperation(parent, data, eventArgs) {
+    var renameEventArgs = {
+        cancel: false,
+        newName: getValue('newName', data),
+        itemData: getValue('data', data),
+        path: getValue('path', data)
+    };
+    parent.trigger('beforeRename', renameEventArgs, function (args) {
+        if (args.cancel) {
+            eventArgs.cancel = true;
+            return;
+        }
+        if (isFileSystemData(parent)) {
+            if (!isFileExists(parent.fileSystemData, args.newName)) {
+                var fileData = filterById(parent, args.itemData[0].id);
+                fileData.name = args.newName;
+            }
+            else {
+                var message = 'Cannot rename' + args.itemData[0].name + 'to' + args.newName + ': destination already exists.';
+                createErrorObject(parent, message, '400', null);
+            }
+        }
+    });
+}
+/**
+ * Function to trigger move or copy operation.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {Object} data - specifies the data.
+ * @param {BeforeSendEventArgs} eventArgs - specifies the eventArgs.
+ * @returns {void}
+ * @private
+ */
+function triggerMoveOrCopyOperation(parent, data, eventArgs) {
+    var moveEventArgs = {
+        cancel: false,
+        itemData: getValue('data', data),
+        isCopy: getValue('action', data) === 'copy' ? true : false,
+        path: getValue('path', data),
+        targetData: getValue('targetData', data),
+        targetPath: getValue('targetPath', data)
+    };
+    parent.trigger('beforeMove', moveEventArgs, function (args) {
+        if (args.cancel) {
+            eventArgs.cancel = true;
+            return;
+        }
+        if (isFileSystemData(parent)) {
+            var message = 'File Already Exists';
+            var action = getValue('action', data);
+            var itemPermission = getAccessDetails(parent, args.itemData, action, false);
+            var pathPermission = getAccessDetails(parent, [args.targetData], action, true);
+            var file_1 = [];
+            parent.pasteNodes = [];
+            if (itemPermission === '' && pathPermission === '') {
+                if (args.isCopy) {
+                    var folderSubItems_1 = filterByParent(parent, args.targetData.id);
+                    var copiedFolders = args.itemData;
+                    copiedFolders.forEach(function (itemData) {
+                        if (!isFileExists(folderSubItems_1, itemData.name) || getValue('renameFiles', data).length > 0) {
+                            if (getValue('renameFiles', data).length > 0) {
+                                var names = itemData.name.split('.');
+                                var name_1 = itemData.name.includes('.') ? names[0] + '(' + parent.existingFileCount + ').' + names[1] : names[0] + '(' + parent.existingFileCount + ')';
+                                copyFolderItems(parent, itemData, args.targetData, name_1);
+                                parent.responseData.error = null;
+                                parent.existingFileCount++;
+                                return;
+                            }
+                            copyFolderItems(parent, itemData, args.targetData, null);
+                        }
+                        else {
+                            file_1.push(itemData.name);
+                        }
+                    });
+                    if (file_1.length > 0) {
+                        createErrorObject(parent, message, '400', file_1);
+                    }
+                    return;
+                }
+                var target = args.targetData;
+                var getTargetFiles = filterByParent(parent, target.id);
+                for (var i = 0; i < args.itemData.length; i++) {
+                    var currItem = args.itemData[i];
+                    if (!isFileExists(getTargetFiles, currItem.name) || getValue('renameFiles', data).length > 0) {
+                        if (!target.hasChild) {
+                            target.hasChild = !currItem.isFile;
+                        }
+                        if (!currItem.isFile) {
+                            //Check whether the source folder include other sub folders or not.
+                            var subItems = currItem.parentId !== 0
+                                ? filterByParent(parent, currItem.parentID) : [];
+                            var itemData = filterById(parent, currItem.parentId);
+                            itemData.hasChild = subItems.length > 1 ? true : false;
+                        }
+                        var fileData = filterById(parent, currItem.id);
+                        if (getValue('renameFiles', data).length > 0) {
+                            var names = currItem.name.split('.');
+                            currItem.name = currItem.name.includes('.') ? names[0] + '(' + parent.existingFileCount + ').' + names[1] : names[0] + '(' + parent.existingFileCount + ')';
+                            fileData.name = currItem.name;
+                            parent.responseData.error = null;
+                            parent.existingFileCount++;
+                            parent.dropData = target;
+                            parent.dropPath = args.path;
+                            var pathArray = args.targetPath.replace(/^\/|\/$/g, '').split('/');
+                            target = filterById(parent, pathArray[pathArray.length - 1]);
+                        }
+                        fileData.parentId = target.id;
+                        fileData.filterPath = target.id === 0 ? '\\' : target.filterPath + target.name + '\\';
+                    }
+                    else {
+                        file_1.push(currItem.name);
+                    }
+                }
+                if (file_1.length > 0) {
+                    createErrorObject(parent, message, '400', file_1);
+                }
+            }
+        }
+    });
+}
+/**
+ * Function to trigger search operation.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {Object} data - specifies the data.
+ * @param {BeforeSendEventArgs} eventArgs - specifies the eventArgs.
+ * @returns {void}
+ * @private
+ */
+function triggerSearchOperation(parent, data, eventArgs) {
+    var searchEventArgs = {
+        searchResults: getValue('data', data),
+        cancel: false,
+        path: getValue('path', data),
+        searchText: getValue('searchString', data),
+        caseSensitive: getValue('caseSensitive', data),
+        showHiddenItems: getValue('showHiddenItems', data)
+    };
+    parent.trigger('search', searchEventArgs, function (args) {
+        if (args.cancel) {
+            eventArgs.cancel = true;
+        }
+    });
+}
+/**
+ * Function to trigger client side events.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {Object} data - specifies the data.
+ * @param {BeforeSendEventArgs} eventArgs - specifies the eventArgs.
+ * @returns {void}
+ * @private
+ */
+function triggerClientEvents(parent, data, eventArgs) {
+    switch (getValue('action', data)) {
+        case 'create': {
+            triggerFolderCreation(parent, data, eventArgs);
+            break;
+        }
+        case 'delete': {
+            triggerDeleteOperation(parent, data, eventArgs);
+            break;
+        }
+        case 'rename': {
+            triggerRenameOperation(parent, data, eventArgs);
+            break;
+        }
+        case 'move':
+        case 'copy': {
+            triggerMoveOrCopyOperation(parent, data, eventArgs);
+            break;
+        }
+        case 'search': {
+            triggerSearchOperation(parent, data, eventArgs);
+            break;
+        }
+    }
+}
+/**
+ * Creates an AJAX request for the file manager.
+ *
+ * @param {IFileManager} parent - The parent file manager instance.
+ * @param {Object} data - The data object for the AJAX request.
+ * @param {Function} fn - The callback function to be executed after the AJAX request.
+ * @param {string} [event] - The event type for the AJAX request.
+ * @param {string} [operation] - The operation type for the AJAX request.
+ * @param {string} [targetPath] - The target path for the AJAX request.
+ * @returns {void}
+ * @private
+ */
+function createAjax(parent, data, fn, event, operation, targetPath) {
     var ajaxSettings = {
         url: parent.ajaxSettings.url,
         type: 'POST',
@@ -2631,9 +3050,64 @@ parent, data, fn, event, operation, targetPath) {
         beforeSend: null
     };
     var eventArgs = { action: getValue('action', data), ajaxSettings: ajaxSettings, cancel: false };
+    triggerClientEvents(parent, data, eventArgs);
     parent.trigger('beforeSend', eventArgs, function (beforeSendArgs) {
         if (!beforeSendArgs.cancel) {
             parent.notify(beforeRequest, {});
+            if (isFileSystemData(parent)) {
+                var filePath = event === 'node-expand' || event === 'finalize-end' ? getValue('path', data) : parent.path;
+                var pathArray = filePath.replace(/^\/|\/$/g, '').split('/');
+                var idValue = event === 'rename-end-parent' || (event === 'path-changed' && getValue('data', data).length !== 0)
+                    || (event === 'paste-end' && (parent.targetModule === 'largeiconsview' || parent.targetModule === 'detailsview'))
+                    ? getValue('data', data)[0].id : pathArray[pathArray.length - 1];
+                var action = getValue('action', data);
+                var isFileOperation = (action === 'move' || action === 'rename' || action === 'copy' || action === 'delete' || action === 'search') && event !== 'rename-end';
+                if (action === 'read' || action === 'create' || event === 'rename-end') {
+                    parent.responseData = {
+                        cwd: filterById(parent, parent.path === '/' && event !== 'node-expand' && event !== 'rename-end-parent' ? 0 : idValue),
+                        details: null,
+                        error: null,
+                        files: filterByParent(parent, parent.path === '/' && event !== 'node-expand' && event !== 'rename-end-parent' ? 0 : idValue)
+                    };
+                    if (isNullOrUndefined(parent.responseData.cwd)) {
+                        var message = 'Cannot load empty data within the File Manager.';
+                        createErrorObject(parent, message, '400', null);
+                    }
+                }
+                else if (isFileOperation && parent.responseData.error === null) {
+                    var itemData = action === 'search' || action === 'delete' ? getValue('data', data) : [];
+                    if (itemData.length === 0) {
+                        itemData = getValue('data', data).map(function (item) { return filterById(parent, item.id); });
+                    }
+                    parent.responseData = {
+                        cwd: null,
+                        details: null,
+                        error: null,
+                        files: itemData
+                    };
+                }
+                else if (getValue('action', data) === 'details') {
+                    var itemData = getValue('data', data);
+                    var details = itemData[0];
+                    var isMultipleFiles = itemData.length > 1;
+                    var itemNames = itemData.map(function (item) { return item.name; });
+                    var totalSize = isMultipleFiles ? getSize(itemData.reduce(function (accumulator, currentObject) { return accumulator + (currentObject.size || 0); }, 0)) : getSize(details.size);
+                    var path = (parent.pathNames.includes(details.name) ? parent.pathNames.join('/') : parent.pathNames.join('/') + '/' + details.name);
+                    parent.responseData.details = Object.assign({
+                        location: isMultipleFiles ? null : path,
+                        multipleFiles: isMultipleFiles,
+                        name: itemNames.join(', '),
+                        size: totalSize
+                    }, isMultipleFiles ? {} : {
+                        created: details.dateCreated,
+                        isFile: details.isFile,
+                        modified: details.dateModified,
+                        permission: details.permission
+                    });
+                }
+                performReadOperation(parent, parent.responseData, fn, data, event, operation, targetPath, beforeSendArgs);
+                return;
+            }
             var ajax = new Ajax({
                 url: getValue('url', beforeSendArgs.ajaxSettings),
                 type: getValue('type', beforeSendArgs.ajaxSettings),
@@ -2658,61 +3132,7 @@ parent, data, fn, event, operation, targetPath) {
                     if (typeof (result) === 'string') {
                         result = JSON.parse(result);
                     }
-                    parent.notify(afterRequest, { action: 'success' });
-                    var id = parent.expandedId ? parent.expandedId : parent.pathId[parent.pathId.length - 1];
-                    if (!isNullOrUndefined(result.cwd) && (getValue('action', data) === 'read')) {
-                        result.cwd.name = (parent.pathId.length === 1) ? (parent.rootAliasName || result.cwd.name) : result.cwd.name;
-                        setValue('_fm_id', id, result.cwd);
-                        setValue(id, result.cwd, parent.feParent);
-                        if (!isNullOrUndefined(result.files) || result.error.code === '401') {
-                            if ((event === 'finalize-end' || event === 'initial-end') && parent.pathNames.length === 0) {
-                                // eslint-disable-next-line
-                                var root = getValue(parent.pathId[0], parent.feParent);
-                                parent.pathNames[0] = getValue('name', root);
-                                parent.hasId = !isNullOrUndefined(getValue('id', root));
-                            }
-                            if (event === 'finalize-end') {
-                                generatePath(parent);
-                            }
-                        }
-                    }
-                    var intl = new Internationalization(parent.locale);
-                    if (!isNullOrUndefined(result.files)) {
-                        setDateObject(result.files, intl, getDateFormat(parent));
-                        for (var i = 0, len = result.files.length; i < len; i++) {
-                            // eslint-disable-next-line
-                            var item = result.files[i];
-                            setValue('_fm_iconClass', fileType(item), item);
-                        }
-                        if (getValue('action', data) === 'read') {
-                            setNodeId(result, id);
-                            setValue(id, result.files, parent.feFiles);
-                        }
-                    }
-                    if (!isNullOrUndefined(result.details) && !isNullOrUndefined(parent.rootAliasName)) {
-                        var rootName = parent.rootAliasName || getValue('name', result.details);
-                        var location_1 = getValue('location', result.details).replace(new RegExp('/', 'g'), '\\');
-                        if ((getValue('path', data) === '/') || (parent.hasId && getValue('path', data).match(/[/]/g).length === 1)) {
-                            if (getValue('names', data).length === 0) {
-                                setValue('name', rootName, result.details);
-                                location_1 = rootName;
-                            }
-                            else {
-                                location_1 = location_1.replace(location_1.substring(0, location_1.indexOf('\\')), rootName);
-                            }
-                        }
-                        else {
-                            location_1 = location_1.replace(location_1.substring(0, location_1.indexOf('\\')), rootName);
-                        }
-                        setValue('location', location_1, result.details);
-                    }
-                    fn(parent, result, event, operation, targetPath);
-                    if (!isNullOrUndefined(result.files) && (event === 'path-changed' || event === 'finalize-end' || event === 'open-end' || event === 'drop-path')) {
-                        parent.notify(searchTextChange, result);
-                    }
-                    if (typeof getValue('onSuccess', beforeSendArgs.ajaxSettings) === 'function') {
-                        getValue('onSuccess', beforeSendArgs.ajaxSettings)();
-                    }
+                    performReadOperation(parent, result, fn, data, event, operation, targetPath, beforeSendArgs);
                 },
                 onFailure: function () {
                     var result = {
@@ -2730,6 +3150,117 @@ parent, data, fn, event, operation, targetPath) {
         }
     });
 }
+/**
+ * Function to get file size.
+ *
+ * @param {number} size - specifies the size.
+ * @returns {string} - returns the size.
+ * @private
+ */
+function getSize(size) {
+    var hz;
+    if (size < 1024) {
+        hz = size + ' B';
+    }
+    else if (size < 1024 * 1024) {
+        hz = (size / 1024).toFixed(2) + ' KB';
+    }
+    else if (size < 1024 * 1024 * 1024) {
+        hz = (size / 1024 / 1024).toFixed(2) + ' MB';
+    }
+    else {
+        hz = (size / 1024 / 1024 / 1024).toFixed(2) + ' GB';
+    }
+    return hz;
+}
+/**
+ * Function to perform read operation.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {ReadArgs} result - specifies the result.
+ * @param {Function} fn - specifies the function.
+ * @param {Object} data - specifies the data.
+ * @param {string} event - specifies the event.
+ * @param {string} operation - specifies the operation.
+ * @param {string} targetPath - specifies the targetPath.
+ * @param {BeforeSendEventArgs} beforeSendArgs - specifies the eventArgs.
+ * @returns {void}
+ * @private
+ */
+function performReadOperation(parent, result, fn, data, event, operation, targetPath, beforeSendArgs) {
+    parent.notify(afterRequest, { action: 'success' });
+    var id = parent.expandedId ? parent.expandedId : parent.pathId[parent.pathId.length - 1];
+    if (!isNullOrUndefined(result.cwd) && (getValue('action', data) === 'read')) {
+        result.cwd.name = (parent.pathId.length === 1) ? (parent.rootAliasName || result.cwd.name) : result.cwd.name;
+        setValue('_fm_id', id, result.cwd);
+        setValue(id, result.cwd, parent.feParent);
+        if (!isNullOrUndefined(result.files) || result.error.code === '401') {
+            if ((event === 'finalize-end' || event === 'initial-end') && parent.pathNames.length === 0) {
+                var root = getValue(parent.pathId[0], parent.feParent);
+                parent.pathNames[0] = getValue('name', root);
+                parent.hasId = !isNullOrUndefined(getValue('id', root));
+            }
+            if (event === 'finalize-end') {
+                generatePath(parent);
+            }
+        }
+    }
+    var intl = new Internationalization(parent.locale);
+    if (!isNullOrUndefined(result.files)) {
+        setDateObject(result.files, intl, getDateFormat(parent));
+        for (var i = 0, len = result.files.length; i < len; i++) {
+            var item = result.files[i];
+            setValue('_fm_iconClass', fileType(item), item);
+        }
+        if (getValue('action', data) === 'read' || isFileSystemData(parent) && getValue('action', data) === 'search') {
+            setNodeId(result, id);
+            setValue(id, result.files, parent.feFiles);
+        }
+    }
+    if (!isNullOrUndefined(result.details) && !isNullOrUndefined(parent.rootAliasName)) {
+        var rootName = parent.rootAliasName || getValue('name', result.details);
+        var location_1 = getValue('location', result.details).replace(new RegExp('/', 'g'), '\\');
+        if ((getValue('path', data) === '/') || (parent.hasId && getValue('path', data).match(/[/]/g).length === 1)) {
+            if (getValue('names', data).length === 0) {
+                setValue('name', rootName, result.details);
+                location_1 = rootName;
+            }
+            else {
+                location_1 = location_1.replace(location_1.substring(0, location_1.indexOf('\\')), rootName);
+            }
+        }
+        else {
+            location_1 = location_1.replace(location_1.substring(0, location_1.indexOf('\\')), rootName);
+        }
+        setValue('location', location_1, result.details);
+    }
+    fn(parent, result, event, operation, targetPath);
+    if (!isNullOrUndefined(result.files) && (event === 'path-changed' || event === 'finalize-end' || event === 'open-end' || event === 'drop-path')) {
+        parent.notify(searchTextChange, result);
+    }
+    if (typeof getValue('onSuccess', beforeSendArgs.ajaxSettings) === 'function') {
+        getValue('onSuccess', beforeSendArgs.ajaxSettings)();
+    }
+}
+/**
+ * Function to copy operation.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {Object} data - specifies the data.
+ * @param {string} target - specifies the target.
+ * @param {string} itemName - specifies the item name.
+ * @returns {void}
+ * @private
+ */
+function copyFolderItems(parent, data, target, itemName) {
+    var newObject = createNewItem(data, target, itemName, true);
+    parent.fileSystemData.push(newObject);
+    parent.pasteNodes.push(newObject.id);
+    var copiedItems = filterByParent(parent, data.id);
+    for (var i = 0; i < copiedItems.length; i++) {
+        copyFolderItems(parent, copiedItems[i], newObject, null);
+    }
+}
 /**
  * Function for trigger Ajax failure in File Manager.
  *
@@ -2743,9 +3274,7 @@ parent, data, fn, event, operation, targetPath) {
  * @returns {void}
  * @private
  */
-function triggerAjaxFailure(
-// eslint-disable-next-line
-parent, beforeSendArgs, fn, result, event, operation, targetPath) {
+function triggerAjaxFailure(parent, beforeSendArgs, fn, result, event, operation, targetPath) {
     parent.notify(afterRequest, { action: 'failure' });
     fn(parent, result, event, operation, targetPath);
     if (typeof getValue('onFailure', beforeSendArgs.ajaxSettings) === 'function') {
@@ -2821,8 +3350,14 @@ function createSuccess(parent, result, itemName) {
         if (parent.dialogObj && parent.dialogObj.visible) {
             parent.dialogObj.hide();
         }
-        parent.createdItem = result.files[0];
+        parent.createdItem = isFileSystemData(parent) ? result.files[result.files.length - 1] : result.files[0];
         parent.breadcrumbbarModule.searchObj.value = '';
+        var createEventArgs = {
+            folderName: itemName,
+            path: parent.path,
+            parentFolder: parent.itemData
+        };
+        parent.trigger('folderCreate', createEventArgs);
         var args = { action: 'create', result: result };
         parent.trigger('success', args);
         parent.itemData = [getPathObject(parent)];
@@ -2863,11 +3398,10 @@ function createSuccess(parent, result, itemName) {
  *
  * @param {IFileManager} parent - specifies the parent element.
  * @param {ReadArgs} result - specifies the result.
- * @param {string} path - specifies the path
  * @returns {void}
  * @private
  */
-function renameSuccess(parent, result, path) {
+function renameSuccess(parent, result) {
     if (!isNullOrUndefined(result.files)) {
         if (!isNullOrUndefined(parent.dialogObj)) {
             parent.dialogObj.hide();
@@ -2875,15 +3409,22 @@ function renameSuccess(parent, result, path) {
         var args = { action: 'rename', result: result };
         parent.trigger('success', args);
         parent.renamedItem = Array.isArray(result.files) ? result.files[0] : result.files;
+        var renameEventArgs = {
+            newName: parent.renamedItem.name,
+            itemData: parent.renamedItem,
+            path: parent.path
+        };
+        parent.trigger('rename', renameEventArgs);
         if (parent.activeModule === 'navigationpane') {
             parent.pathId.pop();
             parent.itemData = [getValue(parent.pathId[parent.pathId.length - 1], parent.feParent)];
             read(parent, renameEndParent, getValue('filterPath', parent.renamedItem).replace(/\\/g, '/'));
             parent.itemData[0] = parent.renamedItem;
-            read(parent, pathChanged, parent.path === '/' ? parent.path : getValue('filterPath', parent.renamedItem).replace(/\\/g, '/') + parent.renamedItem.name + '/');
             if (getValue('filterPath', parent.renamedItem) === getValue('filterPath', parent.itemData[0]) && parent.pathNames.length > 1) {
                 parent.pathNames[parent.pathNames.length - 1] = parent.renameText;
             }
+            read(parent, pathChanged, parent.path === '/' ? parent.path : getValue('filterPath', parent.renamedItem).replace(/\\/g, '/') + parent.renamedItem.name + '/');
+            parent.renamedItem = null;
         }
         else {
             parent.itemData = [getPathObject(parent)];
@@ -2929,6 +3470,14 @@ function renameSuccess(parent, result, path) {
  * @private
  */
 function pasteSuccess(parent, result, path, operation) {
+    var moveorcopyEventArgs = {
+        itemData: result.files,
+        isCopy: operation === 'copy' ? true : false,
+        path: path,
+        targetData: parent.itemData[0],
+        targetPath: parent.path
+    };
+    parent.trigger('move', moveorcopyEventArgs);
     if (result.error && result.error.fileExists) {
         parent.fileLength = 0;
         if (!isNullOrUndefined(result.files)) {
@@ -2963,6 +3512,11 @@ function pasteSuccess(parent, result, path, operation) {
  * @private
  */
 function deleteSuccess(parent, result, path) {
+    var deleteEventArgs = {
+        itemData: result.files,
+        path: path
+    };
+    parent.trigger('delete', deleteEventArgs);
     if (!isNullOrUndefined(result.files)) {
         parent.setProperties({ path: path }, true);
         parent.itemData = [getPathObject(parent)];
@@ -3027,10 +3581,7 @@ function onFailure(parent, result, action) {
  * @returns {void}
  * @private
  */
-function Search(
-// eslint:disable-next-line
-parent, event, path, searchString, showHiddenItems, caseSensitive) {
-    // eslint-disable-next-line
+function Search(parent, event, path, searchString, showHiddenItems, caseSensitive) {
     var data = {
         action: 'search', path: path, searchString: searchString, showHiddenItems: showHiddenItems, caseSensitive: caseSensitive,
         data: parent.itemData
@@ -3069,7 +3620,6 @@ function searchSuccess(parent, result, event) {
  */
 function Download(parent, path, items) {
     var downloadUrl = parent.ajaxSettings.downloadUrl ? parent.ajaxSettings.downloadUrl : parent.ajaxSettings.url;
-    // eslint-disable-next-line
     var data = { 'action': 'download', 'path': path, 'names': items, 'data': parent.itemData };
     var ajaxSettings = {
         url: downloadUrl,
@@ -3133,12 +3683,12 @@ function Download(parent, path, items) {
                         var result = {
                             error: {
                                 code: e.status.toString(),
-                                message: getLocaleText(parent, 'Network-Error') + ' ' + parent.ajaxSettings.downloadUrl,
-                            },
+                                message: getLocaleText(parent, 'Network-Error') + ' ' + parent.ajaxSettings.downloadUrl
+                            }
                         };
                         createDialog(parent, 'Error', result);
                         parent.trigger('failure', downloadArgs);
-                    },
+                    }
                 });
                 fetch_1.send(JSON.stringify(downloadArgs.data));
             }
@@ -3152,12 +3702,11 @@ function Download(parent, path, items) {
  * @param {string} text - specifies the text string.
  * @param {ReadArgs | SelectedEventArgs} e - specifies the type of event args.
  * @param {FileDetails} details - specifies the file details.
- * @param {string[]} replaceItems - specifies the replacement.
  * @returns {void}
  * @private
  */
-function createDialog(parent, text, e, details, replaceItems) {
-    var options = getOptions(parent, text, e, details, replaceItems);
+function createDialog(parent, text, e, details) {
+    var options = getOptions(parent, text, e, details);
     if (isNullOrUndefined(parent.dialogObj)) {
         parent.dialogObj = new Dialog({
             beforeOpen: keydownAction.bind(this, parent, options.dialogName),
@@ -3678,11 +4227,10 @@ function createInput(ele, placeholder) {
  * @param {string} text - specifies the text string.
  * @param {ReadArgs | SelectedEventArgs} e - specifies the event arguements.
  * @param {FileDetails} details - specifies the file details.
- * @param {string[]} replaceItems - specifies the replacement items.
  * @returns {DialogOptions} - specifies the dialog options.
  * @private
  */
-function getOptions(parent, text, e, details, replaceItems) {
+function getOptions(parent, text, e, details) {
     var options = {
         header: '', content: '', buttons: [], dialogName: ''
     };
@@ -3690,11 +4238,12 @@ function getOptions(parent, text, e, details, replaceItems) {
     var formattedString;
     var intl;
     var strArr;
-    var fileType$$1;
+    var fileType;
     var location;
     options.open = function () { triggerPopupOpen(parent, parent.dialogObj, options.dialogName); };
     options.close = function () { triggerPopupClose(parent, parent.dialogObj, options.dialogName); };
     text = (details && details.multipleFiles === true) ? 'MultipleFileDetails' : text;
+    var index;
     switch (text) {
         case 'NewFolder':
             options.dialogName = 'Create Folder';
@@ -3727,7 +4276,7 @@ function getOptions(parent, text, e, details, replaceItems) {
             options.buttons = [
                 {
                     buttonModel: { isPrimary: true, content: getLocaleText(parent, 'Button-Yes') },
-                    click: function (e) {
+                    click: function () {
                         onDeleteSubmit(parent);
                     }
                 },
@@ -3779,31 +4328,30 @@ function getOptions(parent, text, e, details, replaceItems) {
             options.buttons = [
                 {
                     buttonModel: { isPrimary: true, content: getLocaleText(parent, 'Button-Ok') },
-                    click: function (e) {
+                    click: function () {
                         parent.dialogObj.hide();
                     }
                 }
             ];
             break;
         case 'MultipleFileDetails':
-            var index_1;
             options.dialogName = 'File Details';
             strArr = parent.itemData.map(function (val) {
-                index_1 = val.name.indexOf('.') + 1;
-                return (index_1 === 0 && (!val.isFile)) ? 'Folder' : ((index_1 !== 0) ? val.name.substr(index_1).replace(' ', '') : 'undetermined');
+                index = val.name.indexOf('.') + 1;
+                return (index === 0 && (!val.isFile)) ? 'Folder' : ((index !== 0) ? val.name.substr(index).replace(' ', '') : 'undetermined');
             });
-            if (strArr[0] == undefined) {
+            if (strArr[0] === undefined) {
                 strArr = details.name.split(',').map(function (val) {
-                    index_1 = val.indexOf('.') + 1;
-                    return (index_1 === 0) ? 'Folder' : val.substr(index_1).replace(' ', '');
+                    index = val.indexOf('.') + 1;
+                    return (index === 0) ? 'Folder' : val.substr(index).replace(' ', '');
                 });
             }
-            fileType$$1 = strArr.every(function (val, i, arr) { return val === arr[0]; }) ?
+            fileType = strArr.every(function (val, i, arr) { return val === arr[0]; }) ?
                 ((strArr[0] === 'Folder') ? 'Folder' : strArr[0].toLocaleUpperCase() + ' Type') : 'Multiple Types';
             location = details.location;
             options.header = details.name;
             options.content = '<table><tr><td>' + getLocaleText(parent, 'Type')
-                + ':</td><td class="' + VALUE + '">' + fileType$$1 + '</td></tr>' +
+                + ':</td><td class="' + VALUE + '">' + fileType + '</td></tr>' +
                 '<tr><td>' + getLocaleText(parent, 'Size') + ':</td><td>' +
                 details.size + '<span class="' + VALUE + '" title ="' + details.size
                 + '"></span></td></tr>' + '<tr><td>' + getLocaleText(parent, 'Location') +
@@ -3835,7 +4383,7 @@ function getOptions(parent, text, e, details, replaceItems) {
             options.buttons = [
                 {
                     buttonModel: { isPrimary: true, content: getLocaleText(parent, 'Button-Ok') },
-                    click: function (e) {
+                    click: function () {
                         parent.dialogObj.hide();
                     }
                 }
@@ -4132,10 +4680,6 @@ function updateImage(parent) {
     imgWrap.style.height = (content.offsetHeight - paddingHeight) + 'px';
 }
 
-/**
- * File Manager common operations
- */
-
 /**
  * LargeIconsView module
  */
@@ -4246,11 +4790,10 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
                 }
                 this.parent.virtualizationModule.setUIVirtualization();
             }
-            // eslint-disable-next-line
             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.listElements.setAttribute('aria-label', 'listbox');
             this.preventImgDrag();
             this.createDragObj();
             if (this.itemList.length === 0) {
@@ -4298,7 +4841,7 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    LargeIconsView.prototype.comparer = function (x, y, xObj, yObj) {
+    LargeIconsView.prototype.comparer = function (x, y) {
         if (this.parent.sortOrder === 'Descending') {
             var z = x;
             x = y;
@@ -4306,7 +4849,6 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
         }
         return this.parent.sortComparer(x, y);
     };
-    
     LargeIconsView.prototype.preventImgDrag = function () {
         var i = 0;
         while (i < this.itemList.length) {
@@ -4358,8 +4900,7 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
         this.parent.activeElements = [];
         this.parent.dragData = [];
         for (var i = 0; i < activeEle.length; i++) {
-            // eslint-disable-next-line
-            this.parent.dragData.push(this.getItemObject(activeEle[i]));
+            this.parent.dragData.push(this.getItemObject(activeEle[parseInt(i.toString(), 10)]));
             this.parent.activeElements.push(activeEle[i]);
         }
         getModule(this.parent, dragLi);
@@ -4370,10 +4911,8 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
     LargeIconsView.prototype.onDropInit = function (args) {
         if (this.parent.targetModule === this.getModuleName()) {
             var dropLi = closest(args.target, '.e-list-item');
-            // eslint-disable-next-line
             var cwdData = getValue(this.parent.pathId[this.parent.pathId.length - 1], this.parent.feParent);
             if (dropLi) {
-                // eslint-disable-next-line
                 var info = this.getItemObject(dropLi);
                 this.parent.dropPath = info.isFile ? this.parent.path : getFullPath(this.parent, info, this.parent.path);
                 this.parent.dropData = info.isFile ? cwdData : info;
@@ -4465,10 +5004,8 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    // eslint-disable-next-line
     LargeIconsView.prototype.renderList = function (args) {
         var i = 0;
-        // eslint-disable-next-line
         var items = JSON.parse(JSON.stringify(args.files));
         while (i < items.length) {
             var icon = fileType(items[i]);
@@ -4550,7 +5087,6 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
             if (this.parent.renamedItem) {
                 this.clearSelect();
                 this.addSelection(this.parent.renamedItem);
-                this.parent.renamedItem = null;
             }
         }
     };
@@ -4692,7 +5228,6 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
         this.parent.on(filterEnd, this.onPathChanged, this);
     };
     LargeIconsView.prototype.onActionFailure = function () { this.isInteraction = true; this.isInteracted = true; };
-    // eslint-disable-next-line
     LargeIconsView.prototype.onMenuItemData = function (args) {
         if (this.parent.activeModule === this.getModuleName()) {
             var ele = closest(args.target, 'li');
@@ -4830,38 +5365,37 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
         }
     };
     LargeIconsView.prototype.wireClickEvent = function (toBind) {
+        var _this = this;
         if (toBind) {
-            // eslint-disable-next-line
-            var proxy_1 = this;
             this.clickObj = new Touch(this.element, {
                 tap: function (eve) {
                     eve.originalEvent.preventDefault();
-                    if (proxy_1.parent.isDevice) {
-                        proxy_1.tapCount = eve.tapCount;
-                        proxy_1.tapEvent = eve;
+                    if (_this.parent.isDevice) {
+                        _this.tapCount = eve.tapCount;
+                        _this.tapEvent = eve;
                         setTimeout(function () {
-                            if (proxy_1.tapCount > 0) {
-                                proxy_1.doTapAction(proxy_1.tapEvent);
+                            if (_this.tapCount > 0) {
+                                _this.doTapAction(_this.tapEvent);
                             }
-                            proxy_1.tapCount = 0;
+                            _this.tapCount = 0;
                         }, 350);
                     }
                     else {
                         if (eve.tapCount === 2 && eve.originalEvent.which !== 3) {
-                            proxy_1.dblClickHandler(eve);
+                            _this.dblClickHandler(eve);
                         }
                         else {
-                            proxy_1.clickHandler(eve);
+                            _this.clickHandler(eve);
                         }
                     }
                 },
                 tapHold: function (e) {
-                    if (proxy_1.parent.isDevice) {
-                        proxy_1.multiSelect = proxy_1.parent.allowMultiSelection ? true : false;
-                        if (proxy_1.parent.allowMultiSelection) {
-                            addClass([proxy_1.parent.element], MULTI_SELECT);
+                    if (_this.parent.isDevice) {
+                        _this.multiSelect = _this.parent.allowMultiSelection ? true : false;
+                        if (_this.parent.allowMultiSelection) {
+                            addClass([_this.parent.element], MULTI_SELECT);
                         }
-                        proxy_1.clickHandler(e);
+                        _this.clickHandler(e);
                     }
                 }
             });
@@ -4912,6 +5446,7 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
         this.parent.isFile = false;
         var action = 'select';
         if (e.which === 3 && !isNullOrUndefined(item) && item.classList.contains(ACTIVE)) {
+            this.addActive(item);
             this.updateType(item);
             return;
         }
@@ -5002,7 +5537,6 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
         this.parent.isFile = false;
         if (!isNullOrUndefined(item)) {
             this.updateType(item);
-            // eslint-disable-next-line
             var details_1 = this.getItemObject(item);
             if (!hasReadAccess(details_1)) {
                 createDeniedDialog(this.parent, details_1, permissionRead);
@@ -5046,7 +5580,6 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
         this.parent.isFile = isNullOrUndefined(folder) ? true : false;
     };
     /* istanbul ignore next */
-    // eslint:disable-next-line
     LargeIconsView.prototype.keydownActionHandler = function (e) {
         if (!this.isRendered) {
             return;
@@ -5090,12 +5623,9 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
             case 'ctrlD':
                 e.preventDefault();
                 break;
-            default:
-                break;
         }
     };
     /* istanbul ignore next */
-    // eslint:disable-next-line
     LargeIconsView.prototype.keyActionHandler = function (e) {
         var _this = this;
         if (!this.isRendered) {
@@ -5231,7 +5761,6 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
     LargeIconsView.prototype.performDelete = function () {
         if (this.parent.selectedItems && this.parent.selectedItems.length > 0) {
             this.updateSelectedData();
-            // eslint-disable-next-line
             var data = this.parent.itemData;
             for (var i = 0; i < data.length; i++) {
                 if (!hasEditAccess(data[i])) {
@@ -5250,7 +5779,6 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
     };
     LargeIconsView.prototype.updateRenameData = function () {
         var item = select('.' + LIST_ITEM + '.' + ACTIVE, this.element);
-        // eslint-disable-next-line
         var data = this.getItemObject(item);
         updateRenamingData(this.parent, data);
     };
@@ -5466,7 +5994,6 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
         }
     };
     LargeIconsView.prototype.getDataName = function (item) {
-        // eslint-disable-next-line
         var data = this.getItemObject(item);
         return getItemName(this.parent, data);
     };
@@ -5539,7 +6066,6 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
         this.perRow = perRow;
     };
     LargeIconsView.prototype.triggerSelection = function (action, item) {
-        // eslint-disable-next-line
         var data = [];
         if (this.isSelectAllCalled) {
             for (var i = 0, len = this.itemList.length; i < len; i++) {
@@ -5549,15 +6075,15 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
         else {
             data[0] = this.getItemObject(item);
         }
-        var eventArgs = {
-            action: action, fileDetails: data.length > 1 ? data : data[0], isInteracted: this.isInteraction, cancel: false, target: this.isSelectAllCalled ? null : item
+        var eventArgs = { action: action, fileDetails: data.length > 1
+                ? data : data[0], isInteracted: this.isInteraction, cancel: false, target: this.isSelectAllCalled ? null
+                : item
         };
         this.parent.trigger('fileSelection', eventArgs);
         this.isInteraction = true;
         return eventArgs;
     };
     LargeIconsView.prototype.triggerSelect = function (action, item) {
-        // eslint-disable-next-line
         var data = [];
         if (this.isSelectAllCalled) {
             for (var i = 0, len = this.itemList.length; i < len; i++) {
@@ -5569,7 +6095,9 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
             data[0] = this.getItemObject(item);
         }
         this.parent.visitedData = data.length > 1 ? data[data.length - 1] : data[0];
-        var eventArgs = { action: action, fileDetails: data.length > 1 ? data : data[0], isInteracted: this.isInteracted };
+        var eventArgs = { action: action, fileDetails: data.length > 1
+                ? data
+                : data[0], isInteracted: this.isInteracted };
         this.parent.trigger('fileSelect', eventArgs);
         this.isInteracted = true;
     };
@@ -5582,29 +6110,25 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
     };
     LargeIconsView.prototype.getIndexes = function (items, byId) {
         var indexes = [];
-        var filter$$1 = byId ? 'id' : 'name';
+        var filter = byId ? 'id' : 'name';
         for (var i = 0, len = this.items.length; i < len; i++) {
-            if (items.indexOf(getValue(filter$$1, this.items[i])) !== -1) {
+            if (items.indexOf(getValue(filter, this.items[i])) !== -1) {
                 indexes.push(i);
             }
         }
         return indexes;
     };
-    // eslint-disable-next-line
     LargeIconsView.prototype.getItemObject = function (item) {
         var index = this.itemList.indexOf(item);
         return this.items[index];
     };
-    // eslint-disable-next-line
     LargeIconsView.prototype.addSelection = function (data) {
-        // eslint-disable-next-line
         var resultData = [];
         if (this.parent.hasId) {
             resultData = new DataManager(this.items).
                 executeLocal(new Query().where('id', 'equal', this.parent.renamedId, false));
         }
         else {
-            // eslint-disable-next-line
             var newData = new DataManager(this.items).
                 executeLocal(new Query().where('name', 'equal', getValue('name', data), false));
             if (newData.length > 0) {
@@ -5619,7 +6143,6 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
         }
     };
     LargeIconsView.prototype.updateSelectedData = function () {
-        // eslint-disable-next-line
         var data = [];
         var items = selectAll('.' + LIST_ITEM + '.' + ACTIVE, this.element);
         for (var i = 0; i < items.length; i++) {
@@ -5627,7 +6150,6 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
         }
         this.parent.itemData = data;
     };
-    // eslint-disable-next-line
     LargeIconsView.prototype.onMethodCall = function (args) {
         if (this.parent.view !== 'LargeIcons') {
             return;
@@ -5695,7 +6217,6 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
         if (indexes.length === 0) {
             return;
         }
-        // eslint-disable-next-line
         var data = [];
         var newIds = [];
         for (var i = 0; i < indexes.length; i++) {
@@ -5713,7 +6234,6 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
         if (index.length === 0) {
             return;
         }
-        // eslint-disable-next-line
         var data = [];
         var newIds = [];
         for (var i = 0; i < index.length; i++) {
@@ -5891,8 +6411,8 @@ var BreadCrumbBar = /** @__PURE__ @class */ (function () {
             });
             this.searchObj.appendTo('#' + this.parent.element.id + SEARCH_ID);
             this.searchEventBind(this.parent.searchSettings.allowSearchOnTyping);
-            var search$$1 = this.searchObj.element.nextElementSibling;
-            EventHandler.add(search$$1, 'mousedown', this.searchChangeHandler.bind(this), this);
+            var search = this.searchObj.element.nextElementSibling;
+            EventHandler.add(search, 'mousedown', this.searchChangeHandler.bind(this), this);
             EventHandler.add(this.searchObj.element, 'keyup', this.onKeyUp.bind(this), this);
         }
         var searchWrap = this.parent.breadCrumbBarNavigation.querySelector('.e-search-wrap');
@@ -5906,7 +6426,6 @@ var BreadCrumbBar = /** @__PURE__ @class */ (function () {
                     breadCrumbBarWidth = diff;
                 }
                 else {
-                    // eslint-disable-next-line
                     var items = [];
                     for (var j = 0; j <= i; j++) {
                         var liElement = liElements[j];
@@ -5916,7 +6435,6 @@ var BreadCrumbBar = /** @__PURE__ @class */ (function () {
                         });
                     }
                     var subMenuLi = this.parent.createElement('li', { className: 'e-breadcrumb-menu' });
-                    // eslint-disable-next-line
                     var attributes = { className: 'e-breadcrumb-submenu' };
                     var subMenuSpan = this.parent.createElement('button', attributes);
                     subMenuLi.appendChild(subMenuSpan);
@@ -5957,7 +6475,6 @@ var BreadCrumbBar = /** @__PURE__ @class */ (function () {
     };
     /* istanbul ignore next */
     BreadCrumbBar.prototype.subMenuSelectOperations = function (event) {
-        // eslint-disable-next-line
         var args = { target: event.element };
         this.addressPathClickHandler(args);
     };
@@ -6005,7 +6522,6 @@ var BreadCrumbBar = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    // eslint-disable-next-line
     BreadCrumbBar.prototype.triggerFileOpen = function (data) {
         var eventArgs = { cancel: false, fileDetails: data, module: 'BreadCrumbBar' };
         delete eventArgs.cancel;
@@ -6163,14 +6679,14 @@ var BreadCrumbBar = /** @__PURE__ @class */ (function () {
 /**
  * ContextMenu module
  */
-var ContextMenu$2 = /** @__PURE__ @class */ (function () {
+var ContextMenu = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for the ContextMenu module
      *
      * @param {IFileManager} parent - Specifies the parent element.
      * @hidden
      */
-    function ContextMenu$$1(parent) {
+    function ContextMenu(parent) {
         this.isMenuItemClicked = false;
         this.currentItems = [];
         this.currentElement = null;
@@ -6178,12 +6694,12 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
         this.parent = parent;
         this.render();
     }
-    ContextMenu$$1.prototype.render = function () {
+    ContextMenu.prototype.render = function () {
         this.keyConfigs = {
             downarrow: 'downarrow',
             uparrow: 'uparrown'
         };
-        this.contextMenu = new ContextMenu({
+        this.contextMenu = new ContextMenu$1({
             enableRtl: this.parent.enableRtl,
             locale: this.parent.locale,
             target: '#' + this.parent.element.id,
@@ -6199,7 +6715,7 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
         this.addEventListener();
     };
     /* istanbul ignore next */
-    ContextMenu$$1.prototype.onBeforeItemRender = function (args) {
+    ContextMenu.prototype.onBeforeItemRender = function (args) {
         if (args.item.id === this.getMenuId('largeiconsview')) {
             var iconSpan = createElement('span');
             var element = args.element;
@@ -6213,14 +6729,15 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
             iconSpan.setAttribute('class', ICON_GRID + ' ' + MENU_ICON);
         }
     };
-    ContextMenu$$1.prototype.onBeforeClose = function () {
+    ContextMenu.prototype.onBeforeClose = function () {
         this.menuTarget = null;
-        if (!this.isMenuItemClicked && this.parent.pathId.length > 1 && this.parent.activeModule == 'navigationpane') {
+        if (!this.isMenuItemClicked && this.parent.pathId.length > 1 && this.parent.activeModule === 'navigationpane') {
             this.parent.pathId.pop();
             var parentKey = [];
             var itemKeys = Object.keys(this.parent.feParent);
             for (var _i = 0, itemKeys_1 = itemKeys; _i < itemKeys_1.length; _i++) {
                 var item = itemKeys_1[_i];
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 var itemData = getValue(item, this.parent.feParent);
                 if (this.parent.pathNames.indexOf(itemData.name) !== -1) {
                     parentKey.push(itemData._fm_id);
@@ -6232,11 +6749,10 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
         this.isMenuItemClicked = false;
     };
     /* istanbul ignore next */
-    ContextMenu$$1.prototype.onBeforeOpen = function (args) {
+    ContextMenu.prototype.onBeforeOpen = function (args) {
         var _this = this;
         var selected = false;
         var uid;
-        // eslint-disable-next-line
         var data;
         var treeFolder = false;
         var target = args.event.target;
@@ -6248,7 +6764,7 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
         }
         this.targetElement = this.parent.view === 'Details' ? closest(target, 'tr.e-row') : target;
         if (this.parent.enableVirtualization && (target.classList.contains('e-virtual-bottom') || target.classList.contains('e-virtualtable'))) {
-            target = target.parentElement.closest("div");
+            target = target.parentElement.closest('div');
         }
         var view = this.getTargetView(target);
         this.updateActiveModule();
@@ -6257,7 +6773,6 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
             (closest(target, '#' + this.parent.element.id + BREADCRUMBBAR_ID)) ||
             (closest(target, '#' + this.parent.element.id + TOOLBAR_ID))) {
             args.cancel = true;
-            // eslint:disable-next-line
         }
         else if (!(this.parent.view === 'LargeIcons') && this.targetElement &&
             this.targetElement.classList.contains('e-emptyrow')) {
@@ -6266,24 +6781,20 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
         }
         else if (closest(target, '.' + EMPTY)) {
             this.setLayoutItem(target);
-            // eslint:disable-next-line
         }
         else if (!target.classList.contains(MENU_ITEM) &&
             !target.classList.contains(MENU_ICON) && !target.classList.contains(SUBMENU_ICON)) {
             /* istanbul ignore next */
-            // eslint:disable-next-line
             if (this.parent.view === 'LargeIcons' && !isNullOrUndefined(closest(target, 'li')) && !closest(target, '#' + this.parent.element.id + TREE_ID)) {
                 var eveArgs = { ctrlKey: true, shiftKey: true };
                 if (!closest(target, 'li').classList.contains('e-active')) {
                     this.parent.largeiconsviewModule.doSelection(target, eveArgs);
                 }
-                // eslint-disable-next-line
                 data = this.parent.visitedData;
                 selected = true;
             }
             else if (!isNullOrUndefined(closest(target, 'tr.e-row'))) {
                 uid = this.targetElement.getAttribute('data-uid');
-                // eslint-disable-next-line
                 data = this.parent.detailsviewModule.gridObj.getRowObjectFromUID(uid).data;
                 if (isNullOrUndefined(this.targetElement.getAttribute('aria-selected'))) {
                     /* istanbul ignore next */
@@ -6311,8 +6822,17 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
                 if (uid === this.parent.pathId[0]) {
                     this.disabledItems.push('Delete', 'Rename', 'Cut', 'Copy');
                 }
+                else {
+                    var itemsToRemove = ['Delete', 'Rename', 'Cut', 'Copy'];
+                    for (var i = 0; i < this.disabledItems.length; i++) {
+                        var item = this.disabledItems[i];
+                        if (itemsToRemove.indexOf(item) !== -1) {
+                            this.disabledItems.splice(i, 1);
+                            i--;
+                        }
+                    }
+                }
                 /* istanbul ignore next */
-                // eslint:disable-next-line
             }
             else if (view === 'TreeView' || view === 'GridView' || view === 'LargeIcon') {
                 this.setLayoutItem(target);
@@ -6370,7 +6890,7 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
             }
         });
     };
-    ContextMenu$$1.prototype.updateActiveModule = function () {
+    ContextMenu.prototype.updateActiveModule = function () {
         this.parent.activeModule = closest(this.menuTarget, '#' + this.parent.element.id + TREE_ID) ?
             'navigationpane' : closest(this.menuTarget, '#' + this.parent.element.id + GRID_ID) ?
             'detailsview' : closest(this.menuTarget, '#' + this.parent.element.id + LARGEICON_ID) ?
@@ -6383,14 +6903,14 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
      * @returns {string} -returns the target view.
      * @hidden
      */
-    ContextMenu$$1.prototype.getTargetView = function (target) {
+    ContextMenu.prototype.getTargetView = function (target) {
         return target.classList.contains(TREE_VIEW) ?
             'TreeView' : target.classList.contains(GRID_VIEW) ?
             'GridView' : target.classList.contains(ICON_VIEW) ?
             'LargeIcon' : target.classList.contains(LARGE_ICONS) ?
             'LargeIcon' : '';
     };
-    ContextMenu$$1.prototype.getItemIndex = function (item) {
+    ContextMenu.prototype.getItemIndex = function (item) {
         var itemId = this.getMenuId(item);
         for (var i = 0; i < this.currentItems.length; i++) {
             if ((this.currentItems[i].id === itemId) || (this.currentItems[i].id === item)) {
@@ -6399,12 +6919,12 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
         }
         return -1;
     };
-    ContextMenu$$1.prototype.disableItem = function (items) {
+    ContextMenu.prototype.disableItem = function (items) {
         if (items.length !== 0) {
             this.disabledItems = this.disabledItems.concat(items);
         }
     };
-    ContextMenu$$1.prototype.enableItems = function (items, enable, isUniqueId) {
+    ContextMenu.prototype.enableItems = function (items, enable, isUniqueId) {
         for (var i = 0; i < items.length; i++) {
             if (this.checkValidItem(items[i]) === 1) {
                 this.contextMenu.enableItems([this.getMenuId(items[i])], enable, isUniqueId);
@@ -6414,7 +6934,7 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    ContextMenu$$1.prototype.setFolderItem = function (isTree) {
+    ContextMenu.prototype.setFolderItem = function (isTree) {
         this.menuType = 'folder';
         this.contextMenu.items = this.getItemData(this.parent.contextMenuSettings.folder.map(function (item) { return item.trim(); }));
         this.contextMenu.dataBind();
@@ -6423,6 +6943,18 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
             if (this.parent.pathNames[this.parent.pathNames.length - 1] === selectedTreeNode.querySelector('.e-list-text').innerHTML && this.parent.activeModule === 'navigationpane') {
                 this.disabledItems.push('Open');
             }
+            else {
+                var indexToRemove = this.disabledItems.indexOf('Open');
+                if (indexToRemove !== -1) {
+                    this.disabledItems.splice(indexToRemove, 1);
+                }
+            }
+            if (this.parent.selectedItems.length === 0) {
+                var renameIndex = this.disabledItems.indexOf('Rename');
+                if (renameIndex !== -1) {
+                    this.disabledItems.splice(renameIndex, 1);
+                }
+            }
         }
         else if (this.parent.activeModule !== 'navigationpane') {
             if (this.parent.selectedItems.length === 1) {
@@ -6436,7 +6968,7 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    ContextMenu$$1.prototype.setFileItem = function () {
+    ContextMenu.prototype.setFileItem = function () {
         this.menuType = 'file';
         this.contextMenu.items = this.getItemData(this.parent.contextMenuSettings.file.map(function (item) { return item.trim(); }));
         this.contextMenu.dataBind();
@@ -6450,7 +6982,7 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
             this.disabledItems.push('Rename');
         }
     };
-    ContextMenu$$1.prototype.setLayoutItem = function (target) {
+    ContextMenu.prototype.setLayoutItem = function (target) {
         this.menuType = 'layout';
         this.contextMenu.items = this.getItemData(this.parent.contextMenuSettings.layout.map(function (item) { return item.trim(); }));
         this.contextMenu.dataBind();
@@ -6470,7 +7002,7 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
         }
         this.contextMenu.dataBind();
     };
-    ContextMenu$$1.prototype.checkValidItem = function (nameEle) {
+    ContextMenu.prototype.checkValidItem = function (nameEle) {
         if (!isNullOrUndefined(select('#' + this.getMenuId(nameEle), this.currentElement))) {
             return 1;
         }
@@ -6481,26 +7013,23 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
             return -1;
         }
     };
-    // eslint-disable-next-line
-    ContextMenu$$1.prototype.getMenuItemData = function () {
+    ContextMenu.prototype.getMenuItemData = function () {
         if (this.menuType === 'layout') {
             return getPathObject(this.parent);
         }
         else {
-            // eslint-disable-next-line
             var args = { target: this.menuTarget };
             this.parent.notify(menuItemData, args);
             return this.parent.itemData[0];
         }
     };
     /* istanbul ignore next */
-    ContextMenu$$1.prototype.onSelect = function (args) {
+    ContextMenu.prototype.onSelect = function (args) {
         var _this = this;
         if (isNullOrUndefined(args.item) || !args.item.id) {
             return;
         }
         var itemText = args.item.id.substr((this.parent.element.id + '_cm_').length);
-        // eslint-disable-next-line
         var details;
         if (itemText === 'refresh' || itemText === 'newfolder' || itemText === 'upload') {
             details = [getPathObject(this.parent)];
@@ -6525,7 +7054,6 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
             var sItems;
             if (!menuClickArgs.cancel) {
                 _this.isMenuItemClicked = true;
-                // eslint:disable-next-line
                 switch (itemText) {
                     case 'cut':
                         cutFiles(_this.parent);
@@ -6613,19 +7141,10 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
                     case 'upload':
                         uploadItem(_this.parent);
                         break;
-                    /* istanbul ignore next */
                     case 'name':
-                    /* istanbul ignore next */
-                    // eslint-disable-next-line no-fallthrough
                     case 'size':
-                    /* istanbul ignore next */
-                    // eslint-disable-next-line no-fallthrough
                     case 'date':
-                    /* istanbul ignore next */
-                    // eslint-disable-next-line no-fallthrough
                     case 'ascending':
-                    /* istanbul ignore next */
-                    // eslint-disable-next-line no-fallthrough
                     case 'descending':
                         /* istanbul ignore next */
                         sortbyClickHandler(_this.parent, args);
@@ -6636,12 +7155,10 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
                         sortbyClickHandler(_this.parent, args);
                         break;
                     /* istanbul ignore next */
-                    // eslint:disable-next-line
                     case 'largeiconsview':
                         updateLayout(_this.parent, 'LargeIcons');
                         break;
                     /* istanbul ignore next */
-                    // eslint:disable-next-line
                     case 'detailsview':
                         updateLayout(_this.parent, 'Details');
                         break;
@@ -6649,7 +7166,7 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
             }
         });
     };
-    ContextMenu$$1.prototype.onPropertyChanged = function (e) {
+    ContextMenu.prototype.onPropertyChanged = function (e) {
         if (e.module !== this.getModuleName() && e.module !== 'common') {
             /* istanbul ignore next */
             return;
@@ -6663,7 +7180,7 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    ContextMenu$$1.prototype.addEventListener = function () {
+    ContextMenu.prototype.addEventListener = function () {
         this.parent.on(destroy, this.destroy, this);
         this.parent.on(modelChanged, this.onPropertyChanged, this);
         this.keyboardModule = new KeyboardEvents(this.contextMenu.element, {
@@ -6672,12 +7189,12 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
             eventName: 'keydown'
         });
     };
-    ContextMenu$$1.prototype.removeEventListener = function () {
+    ContextMenu.prototype.removeEventListener = function () {
         this.parent.off(destroy, this.destroy);
         this.parent.off(modelChanged, this.onPropertyChanged);
         this.keyboardModule.destroy();
     };
-    ContextMenu$$1.prototype.keyActionHandler = function (e) {
+    ContextMenu.prototype.keyActionHandler = function (e) {
         switch (e.action) {
             case 'uparrow':
             case 'downarrow':
@@ -6690,10 +7207,10 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
      * @returns {string} - returns the module name.
      * @private
      */
-    ContextMenu$$1.prototype.getModuleName = function () {
+    ContextMenu.prototype.getModuleName = function () {
         return 'contextmenu';
     };
-    ContextMenu$$1.prototype.destroy = function () {
+    ContextMenu.prototype.destroy = function () {
         if (this.parent.isDestroyed) {
             return;
         }
@@ -6702,7 +7219,7 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
         this.targetElement = null;
     };
     /* istanbul ignore next */
-    ContextMenu$$1.prototype.getItemData = function (data) {
+    ContextMenu.prototype.getItemData = function (data) {
         var items = [];
         for (var i = 0; i < data.length; i++) {
             var item = void 0;
@@ -6806,16 +7323,15 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
         }
         return items;
     };
-    ContextMenu$$1.prototype.getMenuId = function (id) {
+    ContextMenu.prototype.getMenuId = function (id) {
         return this.parent.element.id + '_cm_' + id.split(' ').join('').toLowerCase();
     };
-    return ContextMenu$$1;
+    return ContextMenu;
 }());
 
 /**
  * Specifies the default locale of FileManager component
  */
-// eslint-disable-next-line
 var defaultLocale = {
     'NewFolder': 'New folder',
     'Upload': 'Upload',
@@ -6949,14 +7465,13 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
     __extends$8(FileManager, _super);
     function FileManager(options, element) {
         var _this = _super.call(this, options, element) || this;
-        // eslint-disable-next-line
         _this.filterData = null;
         _this.selectedNodes = [];
         _this.duplicateItems = [];
-        // eslint-disable-next-line
         _this.duplicateRecords = [];
         _this.previousPath = [];
         _this.nextPath = [];
+        _this.existingFileCount = 0;
         _this.isLayoutChange = false;
         _this.layoutSelectedItems = [];
         _this.renamedId = null;
@@ -6978,11 +7493,9 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
         _this.isOpened = false;
         _this.isRetryOpened = false;
         _this.isPathDrag = false;
-        // eslint-disable-next-line
         _this.searchedItems = [];
         _this.retryFiles = [];
         _this.isApplySame = false;
-        // eslint-disable-next-line
         _this.dragData = [];
         _this.dragNodes = [];
         _this.dragPath = '';
@@ -6992,13 +7505,12 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
         _this.dragCursorPosition = { left: 44, top: 18 };
         _this.isDropEnd = false;
         _this.dragCount = 0;
-        // eslint-disable-next-line
         _this.droppedObjects = [];
         _this.uploadingCount = 0;
         _this.uploadedCount = 0;
-        //Specifies whether the operating system is MAC or not 
+        //Specifies whether the operating system is MAC or not
         _this.isMac = false;
-        FileManager_1.Inject(BreadCrumbBar, LargeIconsView, ContextMenu$2);
+        FileManager_1.Inject(BreadCrumbBar, LargeIconsView, ContextMenu);
         return _this;
     }
     FileManager_1 = FileManager;
@@ -7390,7 +7902,6 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
         var data = JSON.stringify(getValue(this.pathId[this.pathId.length - 1], this.feParent));
         args.customFormData = [{ 'path': this.path }, { 'action': action }, { 'data': data }, { 'filename': args.fileData.name }];
         var uploadUrl = this.ajaxSettings.uploadUrl ? this.ajaxSettings.uploadUrl : this.ajaxSettings.url;
-        // eslint-disable-next-line
         var ajaxSettings = {
             url: uploadUrl,
             type: 'POST',
@@ -7406,7 +7917,6 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
         this.trigger('beforeSend', this.uploadEventArgs, function (uploadEventArgs) {
             args.customFormData = JSON.parse(getValue('data', uploadEventArgs.ajaxSettings));
             args.cancel = uploadEventArgs.cancel;
-            // eslint-disable-next-line
             var eventArgs = {
                 cancel: false,
                 httpRequest: args.currentRequest
@@ -7443,7 +7953,6 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
         }
         this.uploadingCount = args.filesData.length;
         this.uploadedCount = 0;
-        // eslint-disable-next-line
         var details = getPathObject(this);
         if (!hasUploadAccess(details)) {
             args.cancel = true;
@@ -7452,7 +7961,6 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
         }
         this.uploadDialogObj.show();
     };
-    // eslint-disable-next-line
     FileManager.prototype.onFileUploadSuccess = function (args) {
         this.uploadedCount = this.uploadedCount + args.count;
         if (this.uploadSettings.autoClose && (this.uploadingCount === this.uploadedCount)) {
@@ -7460,7 +7968,6 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
         }
     };
     /* istanbul ignore next */
-    // eslint-disable-next-line
     FileManager.prototype.onUploadSuccess = function (files) {
         var args = { action: 'Upload', result: files };
         this.trigger('success', args);
@@ -7472,9 +7979,7 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
         }
     };
     /* istanbul ignore next */
-    // eslint-disable-next-line
     FileManager.prototype.onUploadFailure = function (files) {
-        // eslint-disable-next-line
         var response = getValue('response', files);
         var statusText = getValue('statusText', response);
         if (statusText !== '') {
@@ -7558,7 +8063,7 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
                 break;
             case 'ctrlU':
                 e.preventDefault();
-                if (this.toolbarSettings.items.indexOf('Upload') != -1) {
+                if (this.toolbarSettings.items.indexOf('Upload') !== -1) {
                     uploadEle = select('#' + this.element.id + UPLOAD_ID, this.element);
                     uploadEle.click();
                 }
@@ -7592,7 +8097,6 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
      * @private
      */
     /* istanbul ignore next */
-    // eslint:disable-next-line
     FileManager.prototype.onPropertyChanged = function (newProp, oldProp) {
         var height;
         for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
@@ -7725,6 +8229,10 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
                         this.viewerObj.target = newProp.popupTarget;
                     }
                     break;
+                case 'fileSystemData':
+                    this.fileSystemData = newProp.fileSystemData;
+                    this.refresh();
+                    break;
             }
         }
     };
@@ -7810,7 +8318,6 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
      */
     FileManager.prototype.createFolder = function (name) {
         this.notify(methodCall, { action: 'createFolder' });
-        // eslint-disable-next-line
         var details = [getPathObject(this)];
         this.itemData = details;
         if (name) {
@@ -7933,7 +8440,6 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
      *
      * @returns {void}
      */
-    // eslint-disable-next-line
     FileManager.prototype.filterFiles = function (filterData) {
         this.filterData = filterData ? filterData : null;
         this.setProperties({ selectedItems: [] }, true);
@@ -7949,7 +8455,6 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
      *
      * @returns {Object[]} - returns selected files.
      */
-    // eslint-disable-next-line
     FileManager.prototype.getSelectedFiles = function () {
         this.notify(updateSelectionData, {});
         return this.itemData;
@@ -8021,11 +8526,18 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
      * @returns {void}
      */
     FileManager.prototype.uploadFiles = function () {
-        // eslint-disable-next-line
         var details = [getPathObject(this)];
         this.itemData = details;
         uploadItem(this);
     };
+    /**
+     * Specifies the method which must be invoked to programmatically close the dialog popup in the file manager.
+     *
+     * @returns {void}
+     */
+    FileManager.prototype.closeDialog = function () {
+        closePopup(this);
+    };
     /**
      * Specifies the direction of FileManager
      *
@@ -8048,6 +8560,9 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
     __decorate$8([
         Complex({}, AjaxSettings)
     ], FileManager.prototype, "ajaxSettings", void 0);
+    __decorate$8([
+        Property([])
+    ], FileManager.prototype, "fileSystemData", void 0);
     __decorate$8([
         Property(false)
     ], FileManager.prototype, "allowDragAndDrop", void 0);
@@ -8153,9 +8668,36 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
     __decorate$8([
         Event()
     ], FileManager.prototype, "created", void 0);
+    __decorate$8([
+        Event()
+    ], FileManager.prototype, "beforeFolderCreate", void 0);
+    __decorate$8([
+        Event()
+    ], FileManager.prototype, "folderCreate", void 0);
     __decorate$8([
         Event()
     ], FileManager.prototype, "destroyed", void 0);
+    __decorate$8([
+        Event()
+    ], FileManager.prototype, "beforeDelete", void 0);
+    __decorate$8([
+        Event()
+    ], FileManager.prototype, "delete", void 0);
+    __decorate$8([
+        Event()
+    ], FileManager.prototype, "beforeRename", void 0);
+    __decorate$8([
+        Event()
+    ], FileManager.prototype, "rename", void 0);
+    __decorate$8([
+        Event()
+    ], FileManager.prototype, "beforeMove", void 0);
+    __decorate$8([
+        Event()
+    ], FileManager.prototype, "move", void 0);
+    __decorate$8([
+        Event()
+    ], FileManager.prototype, "search", void 0);
     __decorate$8([
         Event()
     ], FileManager.prototype, "fileDragStart", void 0);
@@ -8207,26 +8749,11 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
     return FileManager;
 }(Component));
 
-/**
- * File Manager base modules
- */
-
-var __assign = (undefined && undefined.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * Toolbar module
  */
-var Toolbar$1 = /** @__PURE__ @class */ (function () {
+var Toolbar = /** @__PURE__ @class */ (function () {
     /**
      * Constructor for the Toolbar module
      *
@@ -8234,7 +8761,7 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
      * @param {IFileManager} parent - specifies the parent element.
      * @private
      */
-    function Toolbar$$1(parent) {
+    function Toolbar(parent) {
         this.default = ['Delete', 'Rename', 'Download', 'Cut', 'Copy', 'Paste'];
         this.single = ['Delete', 'Rename', 'Download', 'Cut', 'Copy'];
         this.multiple = ['Delete', 'Download', 'Cut', 'Copy', 'Refresh'];
@@ -8243,13 +8770,13 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
         this.render();
         this.addEventListener();
     }
-    Toolbar$$1.prototype.render = function () {
+    Toolbar.prototype.render = function () {
         var _this = this;
         this.items = this.toolbarItemData(this.getItems(this.parent.toolbarSettings.items.map(function (item) { return item.trim(); })));
         var eventArgs = { items: this.items };
         this.parent.trigger('toolbarCreate', eventArgs, function (toolbarCreateArgs) {
             _this.items = toolbarCreateArgs.items;
-            _this.toolbarObj = new Toolbar({
+            _this.toolbarObj = new Toolbar$1({
                 items: _this.items,
                 created: _this.toolbarCreateHandler.bind(_this),
                 overflowMode: 'Popup',
@@ -8262,7 +8789,7 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
             _this.toolbarObj.appendTo('#' + _this.parent.element.id + TOOLBAR_ID);
         });
     };
-    Toolbar$$1.prototype.getItemIndex = function (item) {
+    Toolbar.prototype.getItemIndex = function (item) {
         var itemId = this.getId(item);
         for (var i = 0; i < this.items.length; i++) {
             if (this.items[i].id === itemId) {
@@ -8271,7 +8798,7 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
         }
         return -1;
     };
-    Toolbar$$1.prototype.getItems = function (items) {
+    Toolbar.prototype.getItems = function (items) {
         var currItems = items.slice();
         if (this.parent.isDevice && this.parent.allowMultiSelection) {
             currItems.push('SelectAll');
@@ -8282,13 +8809,12 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
         return currItems;
     };
     /* istanbul ignore next */
-    Toolbar$$1.prototype.onClicked = function (args) {
+    Toolbar.prototype.onClicked = function (args) {
         var _this = this;
         if (isNullOrUndefined(args.item) || !args.item.id) {
             return;
         }
         var tool = args.item.id.substr((this.parent.element.id + '_tb_').length);
-        // eslint-disable-next-line
         var details;
         if (tool === 'refresh' || tool === 'newfolder' || tool === 'upload') {
             details = [getPathObject(this.parent)];
@@ -8368,7 +8894,7 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
             }
         });
     };
-    Toolbar$$1.prototype.toolbarCreateHandler = function () {
+    Toolbar.prototype.toolbarCreateHandler = function () {
         var _this = this;
         if (!isNullOrUndefined(select('#' + this.getId('SortBy'), this.parent.element))) {
             var items = [
@@ -8453,7 +8979,7 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
         }
         this.parent.refreshLayout();
     };
-    Toolbar$$1.prototype.updateSortByButton = function () {
+    Toolbar.prototype.updateSortByButton = function () {
         if (this.buttonObj) {
             var items = this.buttonObj.items;
             for (var itemCount = 0; itemCount < items.length; itemCount++) {
@@ -8483,10 +9009,10 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    Toolbar$$1.prototype.getPupupId = function (id) {
+    Toolbar.prototype.getPupupId = function (id) {
         return this.parent.element.id + '_ddl_' + id.toLowerCase();
     };
-    Toolbar$$1.prototype.layoutChange = function (args) {
+    Toolbar.prototype.layoutChange = function (args) {
         if (this.parent.view === 'Details') {
             if (args.item.id === this.getPupupId('large')) {
                 updateLayout(this.parent, 'LargeIcons');
@@ -8498,7 +9024,7 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    Toolbar$$1.prototype.toolbarItemData = function (data) {
+    Toolbar.prototype.toolbarItemData = function (data) {
         var items = [];
         var mode = 'Both';
         if (this.parent.isMobile) {
@@ -8591,7 +9117,7 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
                     break;
             }
             if (this.parent.toolbarItems.length > 0 && propItem) {
-                var mergedItems = __assign({}, item, propItem);
+                var mergedItems = Object.assign({}, item, propItem);
                 items.push(mergedItems);
             }
             else {
@@ -8600,7 +9126,7 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
         }
         return items;
     };
-    Toolbar$$1.prototype.getItemModel = function (propItem) {
+    Toolbar.prototype.getItemModel = function (propItem) {
         var item = {};
         if (propItem.id) {
             item.id = propItem.id;
@@ -8655,10 +9181,10 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
         }
         return item;
     };
-    Toolbar$$1.prototype.getId = function (id) {
+    Toolbar.prototype.getId = function (id) {
         return this.parent.element.id + '_tb_' + id.toLowerCase();
     };
-    Toolbar$$1.prototype.addEventListener = function () {
+    Toolbar.prototype.addEventListener = function () {
         this.parent.on(modelChanged, this.onPropertyChanged, this);
         this.parent.on(selectionChanged, this.onSelectionChanged, this);
         this.parent.on(layoutChange, this.onLayoutChange, this);
@@ -8667,7 +9193,7 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
         this.parent.on(destroy, this.destroy, this);
         this.parent.on(sortByChange, this.updateSortByButton, this);
     };
-    Toolbar$$1.prototype.reRenderToolbar = function (e) {
+    Toolbar.prototype.reRenderToolbar = function (e) {
         var _this = this;
         var itemsToProcess = [];
         if (this.parent.toolbarItems.length > 0) {
@@ -8697,7 +9223,7 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
             });
         }
     };
-    Toolbar$$1.prototype.onSelectionChanged = function () {
+    Toolbar.prototype.onSelectionChanged = function () {
         this.hideStatus();
         this.hideItems(this.single, true);
         this.hideItems(this.selection, false);
@@ -8722,7 +9248,7 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
             this.toolbarObj.hideItem(ele.parentElement, false);
         }
     };
-    Toolbar$$1.prototype.hideItems = function (tools, toHide) {
+    Toolbar.prototype.hideItems = function (tools, toHide) {
         for (var i = 0; i < tools.length; i++) {
             var ele = select('#' + this.getId(tools[i]), this.parent.element);
             if (ele) {
@@ -8730,19 +9256,19 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    Toolbar$$1.prototype.hideStatus = function () {
+    Toolbar.prototype.hideStatus = function () {
         var ele = select('#' + this.getId('Selection'), this.toolbarObj.element);
         if (ele) {
             this.toolbarObj.hideItem(ele.parentElement, true);
         }
     };
-    Toolbar$$1.prototype.showPaste = function () {
+    Toolbar.prototype.showPaste = function () {
         this.hideItems(['Paste'], false);
     };
-    Toolbar$$1.prototype.hidePaste = function () {
+    Toolbar.prototype.hidePaste = function () {
         this.hideItems(['Paste'], true);
     };
-    Toolbar$$1.prototype.onLayoutChange = function () {
+    Toolbar.prototype.onLayoutChange = function () {
         if (this.layoutBtnObj) {
             this.layoutBtnObj.iconCss = this.parent.view === 'Details' ? ICON_GRID : ICON_LARGE;
             var items = this.layoutBtnObj.items;
@@ -8756,7 +9282,7 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    Toolbar$$1.prototype.removeEventListener = function () {
+    Toolbar.prototype.removeEventListener = function () {
         this.parent.off(modelChanged, this.onPropertyChanged);
         this.parent.off(selectionChanged, this.onSelectionChanged);
         this.parent.off(layoutChange, this.onLayoutChange);
@@ -8771,10 +9297,10 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
      * @returns {string} - returns module name.
      * @private
      */
-    Toolbar$$1.prototype.getModuleName = function () {
+    Toolbar.prototype.getModuleName = function () {
         return 'toolbar';
     };
-    Toolbar$$1.prototype.onPropertyChanged = function (e) {
+    Toolbar.prototype.onPropertyChanged = function (e) {
         if (e.module !== this.getModuleName() && e.module !== 'common') {
             /* istanbul ignore next */
             return;
@@ -8801,7 +9327,7 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    Toolbar$$1.prototype.destroy = function () {
+    Toolbar.prototype.destroy = function () {
         if (this.parent.isDestroyed) {
             return;
         }
@@ -8815,7 +9341,7 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
         this.toolbarObj.destroy();
         this.parent.refreshLayout();
     };
-    Toolbar$$1.prototype.enableItems = function (items, isEnable) {
+    Toolbar.prototype.enableItems = function (items, isEnable) {
         for (var i = 0; i < items.length; i++) {
             var ele = select('#' + this.getId(items[i]), this.parent.element);
             if (ele) {
@@ -8823,7 +9349,7 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    return Toolbar$$1;
+    return Toolbar;
 }());
 
 var Virtualization = /** @__PURE__ @class */ (function () {
@@ -8833,6 +9359,8 @@ var Virtualization = /** @__PURE__ @class */ (function () {
     }
     /**
      * Sets up UI virtualization for the large icon view.
+     *
+     * @returns {void}
      */
     Virtualization.prototype.setUIVirtualization = function () {
         // Get the current view data source
@@ -8858,6 +9386,8 @@ var Virtualization = /** @__PURE__ @class */ (function () {
     /**
      * Sets the height of the top and bottom elements that are used for virtualization.
      * These elements are used to give the appearance of an infinitely scrolling list.
+     *
+     * @returns {void}
      */
     Virtualization.prototype.setUlElementHeight = function () {
         // Calculate the number of items in the last row
@@ -8865,10 +9395,10 @@ var Virtualization = /** @__PURE__ @class */ (function () {
             (this.largeIconInstance.allItems.length - this.itemCount) % this.rowItemCount : this.rowItemCount;
         // Create top and bottom elements
         this.topElement = this.filemanagerInstance.createElement('div');
-        this.topElement.classList.add("e-virtual-top");
+        this.topElement.classList.add('e-virtual-top');
         this.largeIconInstance.element.firstElementChild.insertBefore(this.topElement, this.largeIconInstance.element.firstElementChild.firstChild);
         this.bottomElement = this.filemanagerInstance.createElement('div');
-        this.bottomElement.classList.add("e-virtual-bottom");
+        this.bottomElement.classList.add('e-virtual-bottom');
         this.largeIconInstance.element.firstElementChild.insertBefore(this.bottomElement, null);
         // Get the margin value for list items
         var marginValue = parseInt(window.getComputedStyle(this.largeIconInstance.itemList[0]).getPropertyValue('margin-top'), 10) +
@@ -8890,17 +9420,21 @@ var Virtualization = /** @__PURE__ @class */ (function () {
     };
     /**
      * Calculates the number of items to display in the list based on the available width and height.
-     * @param dataSourceLength The length of the data source.
-     * @returns The number of items to display.
+     *
+     * @param {number} dataSourceLength The length of the data source.
+     * @returns {number} The number of items to display.
      */
     Virtualization.prototype.getItemCount = function (dataSourceLength) {
         // Get the margin values for list items
         var widthMargin = parseInt(window.getComputedStyle(this.itemList[0]).getPropertyValue('margin-right'), 10) +
             parseInt(window.getComputedStyle(this.itemList[0]).getPropertyValue('margin-left'), 10);
         // Calculate the number of items that can fit in a single row
-        this.rowItemCount = Math.floor(parseFloat(formatUnit(this.largeIconInstance.element.firstElementChild.clientWidth)) / (this.itemList[0].offsetWidth + widthMargin));
+        this.rowItemCount =
+            Math.floor(parseFloat(formatUnit(this.largeIconInstance.element.firstElementChild.clientWidth)) /
+                (this.itemList[0].offsetWidth + widthMargin));
         // Calculate the number of items that can fit in the available height
-        var itemCount = this.rowItemCount * (Math.round(parseFloat(formatUnit(this.largeIconInstance.element.clientHeight)) / this.itemList[0].offsetHeight));
+        var itemCount = this.rowItemCount *
+            (Math.round(parseFloat(formatUnit(this.largeIconInstance.element.clientHeight)) / this.itemList[0].offsetHeight));
         // If the calculated item count is greater than the data source length, set the item count to the data source length
         if (itemCount > dataSourceLength) {
             itemCount = dataSourceLength;
@@ -8909,7 +9443,9 @@ var Virtualization = /** @__PURE__ @class */ (function () {
     };
     /**
      * Wires or un wires the scroll event for the list element.
-     * @param destroy - Set `true` to unwire the scroll event.
+     *
+     * @param {boolean} destroy - Set `true` to unwire the scroll event.
+     * @returns {void}
      */
     Virtualization.prototype.wireScrollEvent = function (destroy) {
         if (!destroy) {
@@ -8924,6 +9460,9 @@ var Virtualization = /** @__PURE__ @class */ (function () {
     /**
      * Handles the scroll event for the list element.
      * This method updates the top and bottom elements and the displayed items based on the scroll position.
+     *
+     * @returns {void}
+     * @private
      */
     Virtualization.prototype.onVirtualUiScroll = function () {
         var _a;
@@ -8961,14 +9500,17 @@ var Virtualization = /** @__PURE__ @class */ (function () {
         this.scrollPosition = scroll;
         // Update the list of items and the items property of the largeIconInstance
         this.largeIconInstance.itemList = Array.prototype.slice.call(selectAll('.' + LIST_ITEM, this.largeIconInstance.element));
-        this.itemCount = this.itemCount != this.largeIconInstance.itemList.length ? this.largeIconInstance.itemList.length : this.itemCount;
+        this.itemCount = this.itemCount !== this.largeIconInstance.itemList.length ?
+            this.largeIconInstance.itemList.length : this.itemCount;
         this.largeIconInstance.items = this.largeIconInstance.allItems.slice(this.renderedCount -
             this.itemCount, this.renderedCount);
     };
     /**
      * Calculates the current scroll position of the list element.
-     * @param startingHeight The starting height from which to calculate the scroll position.
-     * @returns The current scroll position.
+     *
+     * @param {number} startingHeight The starting height from which to calculate the scroll position.
+     * @returns {number} The current scroll position.
+     * @private
      */
     Virtualization.prototype.getscrollerHeight = function (startingHeight) {
         // If the scroll position is less than or equal to the starting height, return 0.
@@ -8978,8 +9520,11 @@ var Virtualization = /** @__PURE__ @class */ (function () {
     };
     /**
      * This method updates the displayed items and the selection based on the scroll direction.
-     * @param listDiff The number of rows to update.
-     * @param isScrollingDown If set to true, the scroll direction is downward.
+     *
+     * @param {number} listDiff The number of rows to update.
+     * @param {boolean} isScrollingDown If set to true, the scroll direction is downward.
+     * @returns {void}
+     * @private
      */
     Virtualization.prototype.onNormalScroll = function (listDiff, isScrollingDown) {
         // Update the displayed items
@@ -8989,7 +9534,10 @@ var Virtualization = /** @__PURE__ @class */ (function () {
     };
     /**
      * Updates the items in the large icons view.
-     * @param isScrollingDown If set to true, the scroll direction is downward.
+     *
+     * @param {boolean} isScrollingDown - If set to true, the scroll direction is downward.
+     * @returns {void}
+     * @private
      */
     Virtualization.prototype.updateUI = function (isScrollingDown) {
         var _this = this;
@@ -9063,6 +9611,8 @@ var Virtualization = /** @__PURE__ @class */ (function () {
     };
     /**
      * Destroys the component.
+     *
+     * @returns {void}
      */
     Virtualization.prototype.destroy = function () {
         // If the file manager has already been destroyed, return immediately
@@ -9077,10 +9627,6 @@ var Virtualization = /** @__PURE__ @class */ (function () {
     return Virtualization;
 }());
 
-/**
- * File Manager actions modules
- */
-
 /**
  * NavigationPane module
  */
@@ -9127,10 +9673,8 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
         if (!isNullOrUndefined(this.treeObj)) {
             return;
         }
-        // eslint-disable-next-line
         var rootData = getValue(this.parent.pathId[0], this.parent.feParent);
         setValue('_fm_icon', 'e-fe-folder', rootData);
-        // eslint-disable-next-line
         var attr = {};
         var id = getValue('id', rootData);
         if (!isNullOrUndefined(id)) {
@@ -9202,7 +9746,6 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
         this.parent.activeElements = [dragLi];
         this.parent.dragNodes = [];
         getModule(this.parent, dragLi);
-        // eslint-disable-next-line
         this.parent.dragData = this.getTreeData(dragLi);
         this.parent.dragPath = this.getDragPath(dragLi, this.parent.dragData[0].name);
         this.parent.dragNodes.push(this.parent.dragData[0].name);
@@ -9226,19 +9769,20 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
         };
         this.parent.trigger('fileLoad', eventArgs);
     };
-    // eslint-disable-next-line
     NavigationPane.prototype.addChild = function (files, target, prevent) {
-        // eslint-disable-next-line
         var directories = getDirectories(files);
-        if (directories.length > 0 &&
-            (directories[0].filterPath == null || this.getTreeData(target)[0].filterPath == null || directories[0].filterPath !== this.getTreeData(target)[0].filterPath)) {
+        var targetDirectory = this.getTreeData(target);
+        if (directories.length > 0 && targetDirectory.length > 0 &&
+            (directories[0].filterPath == null ||
+                isNullOrUndefined(targetDirectory[0])
+                    && targetDirectory[0].filterPath == null
+                || directories[0].filterPath !==
+                    targetDirectory[0].filterPath)) {
             var length_1 = 0;
-            // eslint-disable-next-line
             var folders = directories;
             while (length_1 < directories.length) {
-                // eslint-disable-next-line
-                folders[length_1]._fm_icon = 'e-fe-folder';
-                // eslint-disable-next-line
+                // eslint-disable-next-line camelcase
+                folders[parseInt(length_1.toString(), 10)]._fm_icon = 'e-fe-folder';
                 var attr = {};
                 var id = getValue('id', folders[length_1]);
                 if (!isNullOrUndefined(id)) {
@@ -9255,21 +9799,20 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
             var element = select('[data-uid="' + target + '"]', this.treeObj.element);
             var childElements = select('ul', element);
             if (isNullOrUndefined(childElements)) {
-                // eslint-disable-next-line
                 this.treeObj.addNodes(directories, target, null, prevent);
             }
         }
     };
     // Node Selecting event handler
     NavigationPane.prototype.onNodeSelecting = function (args) {
-        if (!args.isInteracted && !this.isRightClick && !this.isSameNodeClicked && !this.isPathDragged && !this.isRenameParent || this.restrictSelecting) {
+        if (!args.isInteracted && !this.isRightClick &&
+            !this.isSameNodeClicked && !this.isPathDragged && !this.isRenameParent || this.restrictSelecting) {
             this.restrictSelecting = false;
             this.isNodeClickCalled = false;
             return;
         }
         if (!this.renameParent) {
             this.parent.activeModule = 'navigationpane';
-            // eslint-disable-next-line
             var nodeData = this.getTreeData(getValue('id', args.nodeData));
             if (args.node.getAttribute('data-uid') !== this.parent.pathId[this.parent.pathId.length - 1] && !this.isRightClick && !this.isNodeClickCalled || this.isSameNodeClicked) {
                 this.isNodeClickCalled = false;
@@ -9288,7 +9831,7 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
                     this.isNodeClickCalled = true;
                     this.isSameNodeClicked = false;
                     this.previousSelected = this.treeObj.selectedNodes;
-                    this.treeObj.selectedNodes = [args.node.getAttribute("data-uid")];
+                    this.treeObj.selectedNodes = [args.node.getAttribute('data-uid')];
                 }
             }
             else if (this.previousSelected[0] !== args.node.getAttribute('data-uid')) {
@@ -9300,7 +9843,6 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
     // Opens the folder while clicking open context menu item in the treeview.
     NavigationPane.prototype.openFileOnContextMenuClick = function (node) {
         var data = this.treeObj.getTreeData(node);
-        // eslint-disable-next-line
         this.parent.selectedItems = [];
         this.parent.itemData = data;
         this.activeNode = node;
@@ -9329,7 +9871,6 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
         }
         this.activeNode = args.node;
         this.parent.activeModule = 'navigationpane';
-        // eslint-disable-next-line
         var nodeData = this.getTreeData(getValue('id', args.nodeData));
         this.parent.selectedItems = [];
         this.parent.itemData = nodeData;
@@ -9354,7 +9895,6 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
         this.isPathDragged = this.isRenameParent = this.isRightClick = this.isSameNodeClicked = false;
     };
     /* istanbul ignore next */
-    // eslint-disable-next-line
     NavigationPane.prototype.onPathDrag = function (args) {
         this.isPathDragged = true;
         this.selectResultNode(args[0]);
@@ -9365,6 +9905,7 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
             return;
         }
         if (args.node.querySelector('.' + LIST_ITEM) === null) {
+            this.isNodeExpandCalled = true;
             var text = getValue('text', args.nodeData);
             var id = args.node.getAttribute('data-id');
             var isId = isNullOrUndefined(id) ? false : true;
@@ -9375,7 +9916,6 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
             this.parent.itemData = this.getTreeData(getValue('id', args.nodeData));
             this.parent.pathId.push(getValue('id', args.nodeData));
             read(this.parent, nodeExpand, path);
-            this.isNodeExpandCalled = true;
         }
     };
     /* istanbul ignore next */
@@ -9415,7 +9955,6 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
     };
     NavigationPane.prototype.onPathChanged = function (args) {
         this.parent.isCut = false;
-        // eslint-disable-next-line
         var currFiles = getValue(this.parent.pathId[this.parent.pathId.length - 1], this.parent.feFiles);
         if (this.expandNodeTarget === 'add') {
             var sNode = select('[data-uid="' + this.treeObj.selectedNodes[0] + '"]', this.treeObj.element);
@@ -9520,14 +10059,12 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
             this.renameParent = null;
         }
         else {
-            // eslint-disable-next-line
             var resultData = [];
             if (this.parent.hasId) {
                 resultData = new DataManager(this.treeObj.getTreeData()).
                     executeLocal(new Query().where('id', 'equal', this.parent.renamedId, false));
             }
             else {
-                // eslint-disable-next-line
                 var nData = new DataManager(this.treeObj.getTreeData()).
                     executeLocal(new Query().where(this.treeObj.fields.text, 'equal', this.parent.renameText, false));
                 if (nData.length > 0) {
@@ -9548,16 +10085,13 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
             this.updateTree(args);
         }
         else {
-            // eslint-disable-next-line
             var data = this.treeObj.getTreeData();
-            // eslint-disable-next-line
             var resultData = [];
             if (this.parent.hasId) {
                 resultData = new DataManager(data).
                     executeLocal(new Query().where('id', 'equal', this.parent.renamedId, false));
             }
             else {
-                // eslint-disable-next-line
                 var nData = new DataManager(data).
                     executeLocal(new Query().where(this.treeObj.fields.text, 'equal', this.parent.currentItemText, false));
                 if (nData.length > 0) {
@@ -9613,7 +10147,6 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
         }
         this.treeObj.removeNodes(moveNames);
     };
-    // eslint-disable-next-line
     NavigationPane.prototype.getMoveNames = function (files, flag, path) {
         var moveNames = [];
         for (var i = 0; i < files.length; i++) {
@@ -9626,7 +10159,6 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
                         name_2 = path.substring(index + 1);
                         path = path.substring(0, index + 1);
                     }
-                    // eslint-disable-next-line
                     var resultData = new DataManager(this.treeObj.getTreeData()).
                         executeLocal(new Query().where(this.treeObj.fields.text, 'equal', name_2, false));
                     for (var j = 0; j < resultData.length; j++) {
@@ -9653,16 +10185,13 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
         this.treeObj.removeNodes(moveNames);
     };
     /* istanbul ignore next */
-    // eslint-disable-next-line
     NavigationPane.prototype.selectResultNode = function (resultObj) {
         if (!this.parent.hasId) {
             var path = getValue('filterPath', resultObj);
             var itemname = getValue('name', resultObj);
-            // eslint-disable-next-line
             var data = new DataManager(this.treeObj.getTreeData()).
                 executeLocal(new Query().where(this.treeObj.fields.text, 'equal', itemname, false));
             if (data.length > 0) {
-                // eslint-disable-next-line
                 var resultData = new DataManager(data).
                     executeLocal(new Query().where('filterPath', 'equal', path, false));
                 if (resultData.length > 0) {
@@ -9684,14 +10213,12 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
         this.parent.isDropEnd = !this.parent.isPasteError;
     };
     NavigationPane.prototype.onpasteEnd = function (args) {
-        // eslint-disable-next-line
         var resultData = [];
         if (this.parent.hasId) {
             resultData = new DataManager(this.treeObj.getTreeData()).
                 executeLocal(new Query().where('id', 'equal', getValue('id', args.cwd), false));
         }
         else {
-            // eslint-disable-next-line
             var nData = new DataManager(this.treeObj.getTreeData()).
                 executeLocal(new Query().where(this.treeObj.fields.text, 'equal', getValue('name', args.cwd), false));
             if (nData.length > 0) {
@@ -9713,6 +10240,9 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
     };
     /* istanbul ignore next */
     NavigationPane.prototype.checkDropPath = function (args) {
+        if (isFileSystemData(this.parent) && this.parent.path === this.parent.dropPath || this.parent.targetModule === 'navigationpane') {
+            return;
+        }
         if (this.parent.hasId) {
             this.parent.isDropEnd = !this.parent.isPasteError;
             readDropPath(this.parent);
@@ -9731,8 +10261,7 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
             this.updateItemData();
         }
         this.moveNames = [];
-        // eslint-disable-next-line
-        var obj = this.parent.isDragDrop ? this.parent.dragData : this.parent.actionRecords;
+        var obj = this.parent.isDragDrop || isFileSystemData(this.parent) ? this.parent.dragData : this.parent.actionRecords;
         for (var i = 0; i < obj.length; i++) {
             if (getValue('isFile', obj[i]) === false) {
                 this.moveNames.push(getValue('_fm_id', obj[i]));
@@ -9812,12 +10341,10 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
     /* istanbul ignore next */
     NavigationPane.prototype.onDetailsInit = function () {
         if (this.parent.activeModule === this.getModuleName()) {
-            // eslint-disable-next-line
             var dataobj = this.getTreeData(this.treeObj.selectedNodes[0]);
             this.parent.itemData = dataobj;
         }
     };
-    // eslint-disable-next-line
     NavigationPane.prototype.onMenuItemData = function (args) {
         if (this.parent.activeModule === this.getModuleName()) {
             var liEle = closest(args.target, 'li');
@@ -9915,7 +10442,6 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
                 break;
             case 'f2':
                 if (this.parent.selectedItems.length === 0) {
-                    // eslint-disable-next-line
                     var data = this.getTreeData(this.treeObj.selectedNodes[0])[0];
                     if (!hasEditAccess(data)) {
                         createDeniedDialog(this.parent, data, permissionEdit);
@@ -9928,9 +10454,7 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
                 break;
         }
     };
-    // eslint-disable-next-line
     NavigationPane.prototype.getTreeData = function (args) {
-        // eslint-disable-next-line
         var data = this.treeObj.getTreeData(args);
         for (var i = 0; i < data.length; i++) {
             if (isNullOrUndefined(getValue('hasChild', data[i]))) {
@@ -9944,7 +10468,6 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
         this.parent.currentItemText = getValue('name', this.parent.itemData[0]);
     };
     NavigationPane.prototype.updateItemData = function () {
-        // eslint-disable-next-line
         var data = this.getTreeData(this.treeObj.selectedNodes[0])[0];
         this.parent.itemData = [data];
         this.parent.isFile = false;
@@ -9966,6 +10489,7 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
     return NavigationPane;
 }());
 
+/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * DetailsView module
  */
@@ -9992,7 +10516,7 @@ var DetailsView = /** @__PURE__ @class */ (function () {
         this.isNameWidth = false;
         this.pasteOperation = false;
         this.uploadOperation = false;
-        Grid.Inject(Resize, ContextMenu$1, Sort, VirtualScroll);
+        Grid.Inject(Resize, ContextMenu$2, Sort, VirtualScroll);
         this.parent = parent;
         this.element = select('#' + this.parent.element.id + GRID_ID, this.parent.element);
         this.addEventListener();
@@ -10039,7 +10563,6 @@ var DetailsView = /** @__PURE__ @class */ (function () {
         showSpinner(this.parent.element);
         if (this.parent.view === 'Details') {
             removeClass([this.parent.element], MULTI_SELECT);
-            // eslint-disable-next-line
             var items = getSortedData(this.parent, args.files);
             this.checkNameWidth();
             var columns = this.getColumns();
@@ -10080,8 +10603,7 @@ var DetailsView = /** @__PURE__ @class */ (function () {
                 width: '100%',
                 height: (this.parent.enableVirtualization) ? this.getGridHeight() : 'auto',
                 beforeCopy: function (args) { args.cancel = true; },
-                // eslint-disable-next-line
-                load: function (args) {
+                load: function () {
                     this.focusModule.destroy();
                 },
                 locale: this.parent.locale
@@ -10099,18 +10621,18 @@ var DetailsView = /** @__PURE__ @class */ (function () {
         }
     };
     DetailsView.prototype.reactTemplateRender = function (args) {
-        this.parent["portals"] = args;
+        this.parent['portals'] = args;
         if (this.parent.portals && this.parent.toolbarModule && this.parent.toolbarModule.toolbarObj &&
             this.parent.toolbarModule.toolbarObj.portals) {
-            this.parent["portals"] = this.parent["portals"].concat(this.parent.toolbarModule.toolbarObj.portals);
+            this.parent['portals'] = this.parent['portals'].concat(this.parent.toolbarModule.toolbarObj.portals);
         }
-        this.parent.notify('renderReactTemplate', this.parent["portals"]);
-        this.parent["renderReactTemplates"]();
+        this.parent.notify('renderReactTemplate', this.parent['portals']);
+        this.parent['renderReactTemplates']();
     };
     /**
      * Gets the grid height.
      *
-     * @returns The grid height.
+     * @returns {number} - The grid height.
      * @private
      */
     DetailsView.prototype.getGridHeight = function () {
@@ -10188,7 +10710,7 @@ var DetailsView = /** @__PURE__ @class */ (function () {
                 return "<span class=\"e-fe-icon " + data._fm_iconClass + "\"></span>";
             }), allowResizing: false, allowSorting: true, customAttributes: { class: 'e-fe-grid-icon' },
             headerTemplate: initializeCSPTemplate(function () {
-                return "<span class=\"e-fe-icon e-fe-folder\"></span>";
+                return '<span class=\'e-fe-icon e-fe-folder\'></span>';
             })
         };
         columns.unshift(icon);
@@ -10247,7 +10769,8 @@ var DetailsView = /** @__PURE__ @class */ (function () {
             }
         }
         if (!this.parent.showFileExtension && getValue('isFile', args.data)) {
-            var textEle = args.row.querySelector('.e-fe-text');
+            var text = getValue('name', args.data);
+            var textEle = args.row.querySelector('[title= "' + text + '"]');
             if (textEle) {
                 var name_1 = getValue('name', args.data);
                 var type = getValue('type', args.data);
@@ -10281,7 +10804,6 @@ var DetailsView = /** @__PURE__ @class */ (function () {
                 var dateEle = args.row.querySelector('.e-fe-date');
                 var intl = new Internationalization(this.parent.locale);
                 var columns = this.parent.detailsViewSettings.columns;
-                // eslint-disable-next-line
                 var format = void 0;
                 for (var i = 0; i < columns.length; i++) {
                     if (columns[i].field === 'dateModified') {
@@ -10317,7 +10839,6 @@ var DetailsView = /** @__PURE__ @class */ (function () {
                 var len = rows.length;
                 this.sortSelectedNodes = [];
                 while (len > 0) {
-                    // eslint-disable-next-line
                     var data = this.gridObj.getRowsObject()[rows[len - 1]].data;
                     this.sortSelectedNodes.push(getValue(this.parent.hasId ? 'id' : 'name', data));
                     len--;
@@ -10337,8 +10858,9 @@ var DetailsView = /** @__PURE__ @class */ (function () {
         showSpinner(this.parent.element);
         var nameColumn = this.parent.detailsViewSettings.columns.find(function (column) { return column.field === _this.parent.sortBy; });
         if (nameColumn && !('sortComparer' in nameColumn)) {
-            // eslint-disable-next-line
-            var items = getSortedData(this.parent, (this.parent.enableVirtualization) ? args.result : this.gridObj.dataSource);
+            var items = getSortedData(this.parent, (this.parent.enableVirtualization)
+                ? args.result
+                : this.gridObj.dataSource);
             args.result = items;
         }
     };
@@ -10347,7 +10869,7 @@ var DetailsView = /** @__PURE__ @class */ (function () {
         this.createDragObj();
         if ((this.parent.selectedItems.length !== 0 && !this.parent.enableVirtualization) ||
             ((this.parent.selectedItems.length !== 0 && this.parent.enableVirtualization &&
-                this.element.querySelector('.e-content').scrollTop == 0))) {
+                this.element.querySelector('.e-content').scrollTop === 0))) {
             this.selectRecords(this.parent.selectedItems);
         }
         if (this.isPasteOperation === true) {
@@ -10420,7 +10942,6 @@ var DetailsView = /** @__PURE__ @class */ (function () {
         this.isLoaded = false;
     };
     DetailsView.prototype.selectRecords = function (nodes) {
-        // eslint-disable-next-line
         var gridRecords = this.gridObj.getCurrentViewRecords();
         var sRecords = [];
         for (var i = 0, len = gridRecords.length; i < len; i++) {
@@ -10428,7 +10949,7 @@ var DetailsView = /** @__PURE__ @class */ (function () {
             if (nodes.indexOf(node) !== -1) {
                 sRecords.push(i);
             }
-            else if (!this.parent.showFileExtension && node.includes('.')) {
+            else if (!this.parent.showFileExtension && !this.parent.hasId && node.includes('.')) {
                 var Str2 = node.split('.').slice(0, -1).join('.');
                 if (nodes.indexOf(Str2) !== -1) {
                     sRecords.push(i);
@@ -10440,18 +10961,14 @@ var DetailsView = /** @__PURE__ @class */ (function () {
             this.addFocus(this.gridObj.selectedRowIndex);
         }
     };
-    // eslint-disable-next-line
     DetailsView.prototype.addSelection = function (data) {
-        // eslint-disable-next-line
         var items = this.gridObj.getCurrentViewRecords();
-        // eslint-disable-next-line
         var rData = [];
         if (this.parent.hasId) {
             rData = new DataManager(items).
                 executeLocal(new Query().where('id', 'equal', this.parent.renamedId, false));
         }
         else {
-            // eslint-disable-next-line
             var nData = new DataManager(items).
                 executeLocal(new Query().where('name', 'equal', getValue('name', data), false));
             if (nData.length > 0) {
@@ -10469,7 +10986,6 @@ var DetailsView = /** @__PURE__ @class */ (function () {
             this.gridObj.sortModule.sortColumn(this.parent.sortBy, this.parent.sortOrder);
         }
         else {
-            // eslint-disable-next-line
             this.gridObj.dataSource = getSortedData(this.parent, this.gridObj.dataSource);
         }
         if (this.element.querySelector('.e-content').scrollTop !== 0) {
@@ -10566,10 +11082,10 @@ var DetailsView = /** @__PURE__ @class */ (function () {
         var len = this.gridObj.columns.length;
         var columnData = JSON.parse(JSON.stringify(this.gridObj.columns));
         if (columnData[len - 1].field && columnData[len - 1].field !== 'filterPath' && !this.parent.isMobile) {
-            var pathColumn$$1 = {
+            var pathColumn = {
                 field: 'filterPath', headerText: getLocaleText(this.parent, 'Path'), minWidth: 180, width: 'auto'
             };
-            this.gridObj.columns.push(pathColumn$$1);
+            this.gridObj.columns.push(pathColumn);
             this.adjustWidth(this.gridObj.columns, 'filterPath');
             this.adjustWidth(this.gridObj.columns, 'name');
             this.isColumnRefresh = true;
@@ -10577,7 +11093,6 @@ var DetailsView = /** @__PURE__ @class */ (function () {
         }
     };
     DetailsView.prototype.checkEmptyDiv = function (args) {
-        // eslint-disable-next-line
         var items = getSortedData(this.parent, args.files);
         if (items.length === 0 && !isNullOrUndefined(this.element.querySelector('.' + GRID_VIEW))) {
             createEmptyElement(this.parent, this.element, args);
@@ -10594,21 +11109,18 @@ var DetailsView = /** @__PURE__ @class */ (function () {
     };
     DetailsView.prototype.onOpenInit = function () {
         if (this.parent.activeModule === 'detailsview') {
-            // eslint-disable-next-line
             var data = this.gridObj.getSelectedRecords()[0];
             this.openContent(data);
         }
     };
     DetailsView.prototype.DblClickEvents = function (args) {
         this.gridObj.selectRows([args.rowIndex]);
-        // eslint-disable-next-line
         var data;
         if (args.rowData) {
             data = JSON.parse(JSON.stringify(args.rowData));
             this.openContent(data);
         }
     };
-    // eslint-disable-next-line
     DetailsView.prototype.openContent = function (data) {
         var _this = this;
         if (!hasReadAccess(data)) {
@@ -10705,7 +11217,6 @@ var DetailsView = /** @__PURE__ @class */ (function () {
                     this.gridObj.sortColumn('name', this.parent.sortOrder);
                 }
                 else {
-                    // eslint-disable-next-line
                     this.gridObj.dataSource = getSortedData(this.parent, this.gridObj.dataSource);
                 }
                 this.parent.notify(sortByChange, {});
@@ -10894,7 +11405,6 @@ var DetailsView = /** @__PURE__ @class */ (function () {
         this.parent.off(updateSelectionData, this.onUpdateSelectionData);
     };
     DetailsView.prototype.onActionFailure = function () { this.interaction = true; };
-    // eslint-disable-next-line
     DetailsView.prototype.onMenuItemData = function (args) {
         if (this.parent.activeModule === this.getModuleName()) {
             this.parent.itemData = [this.gridObj.getRowInfo(args.target).rowData];
@@ -10935,7 +11445,6 @@ var DetailsView = /** @__PURE__ @class */ (function () {
         getModule(this.parent, dragLi);
         this.parent.activeElements = [];
         this.parent.dragData = [];
-        // eslint-disable-next-line
         this.parent.dragData = this.gridObj.getSelectedRecords();
         var dragRow;
         if (this.parent.dragData.length === 0 && dragLi) {
@@ -11024,16 +11533,13 @@ var DetailsView = /** @__PURE__ @class */ (function () {
     DetailsView.prototype.onDropInit = function (args) {
         if (this.parent.targetModule === this.getModuleName()) {
             /* istanbul ignore next */
-            // eslint-disable-next-line
             var cwdData = getValue(this.parent.pathId[this.parent.pathId.length - 1], this.parent.feParent);
             if (!args.target.closest('tr')) {
                 this.parent.dropPath = this.parent.path;
                 this.parent.dropData = cwdData;
             }
             else {
-                // eslint-disable-next-line
                 var info = null;
-                // eslint-disable-next-line
                 info = this.gridObj.getRowInfo(args.target).rowData;
                 this.parent.dropPath = info.isFile ? this.parent.path : getFullPath(this.parent, info, this.parent.path);
                 this.parent.dropData = info.isFile ? cwdData : info;
@@ -11135,7 +11641,6 @@ var DetailsView = /** @__PURE__ @class */ (function () {
             this.parent.currentItemText = getValue('name', args.data);
         }
         else if (len > 0) {
-            // eslint-disable-next-line
             var data = this.gridObj.getRowsObject()[rows[len - 1]].data;
             this.parent.currentItemText = getValue('name', data);
         }
@@ -11165,7 +11670,6 @@ var DetailsView = /** @__PURE__ @class */ (function () {
     };
     DetailsView.prototype.selectedRecords = function () {
         this.parent.setProperties({ selectedItems: [] }, true);
-        // eslint-disable-next-line
         var selectedRecords = this.gridSelectNodes();
         var selectSize = 0;
         while (selectSize < selectedRecords.length) {
@@ -11229,28 +11733,27 @@ var DetailsView = /** @__PURE__ @class */ (function () {
         EventHandler.remove(this.parent.element, 'focusout', this.onBlur);
     };
     DetailsView.prototype.wireClickEvent = function (toBind) {
+        var _this = this;
         if (toBind) {
-            // eslint-disable-next-line
-            var proxy_1 = this;
             var ele = this.gridObj.getContent();
             this.clickObj = new Touch(ele, {
                 tap: function (eve) {
                     if (eve.tapCount === 1 && eve.originalEvent.target.classList.contains('e-content')) {
-                        proxy_1.onClearAllInit();
+                        _this.onClearAllInit();
                     }
                 },
                 tapHold: function (e) {
-                    if (proxy_1.parent.isDevice) {
+                    if (_this.parent.isDevice) {
                         e.originalEvent.preventDefault();
-                        if (proxy_1.parent.allowMultiSelection) {
-                            setValue('enableSelectMultiTouch', proxy_1.parent.allowMultiSelection, proxy_1.gridObj.selectionModule);
-                            addClass([proxy_1.parent.element], MULTI_SELECT);
+                        if (_this.parent.allowMultiSelection) {
+                            setValue('enableSelectMultiTouch', _this.parent.allowMultiSelection, _this.gridObj.selectionModule);
+                            addClass([_this.parent.element], MULTI_SELECT);
                         }
                         var target = e.originalEvent.target;
                         if (target) {
                             var row = closest(target, '.' + ROW);
-                            var index = proxy_1.gridObj.getRows().indexOf(row);
-                            proxy_1.gridObj.selectRow(index);
+                            var index = _this.gridObj.getRows().indexOf(row);
+                            _this.gridObj.selectRow(index);
                         }
                     }
                 }
@@ -11294,7 +11797,6 @@ var DetailsView = /** @__PURE__ @class */ (function () {
             parseInt(this.getFocusedItem().getAttribute('data-rowindex'), 10) : null;
     };
     /* istanbul ignore next */
-    // eslint:disable-next-line
     DetailsView.prototype.keydownHandler = function (e) {
         if (!this.isRendered) {
             return;
@@ -11333,26 +11835,20 @@ var DetailsView = /** @__PURE__ @class */ (function () {
             case 'ctrlD':
                 e.preventDefault();
                 break;
-            default:
-                break;
         }
     };
     /* istanbul ignore next */
-    // eslint:disable-next-line
     DetailsView.prototype.keyupHandler = function (e) {
         if (!this.isRendered) {
             return;
         }
         e.preventDefault();
         var action = e.action;
-        // eslint-disable-next-line
         var gridItems = getSortedData(this.parent, this.gridObj.dataSource);
         var gridLength = gridItems.length;
-        var focItem = this.getFocusedItem();
         var focIndex = this.getFocusedItemIndex();
         var selIndex = this.gridObj.selectedRowIndex;
         var selRowIndeces = this.gridObj.getSelectedRowIndexes();
-        // eslint-disable-next-line
         var rowData;
         var firstItem;
         var lastItem;
@@ -11382,7 +11878,6 @@ var DetailsView = /** @__PURE__ @class */ (function () {
                 }
                 rowData = this.gridObj.getRowsObject()[this.gridObj.selectedRowIndex].data;
                 if (rowData) {
-                    // eslint-disable-next-line
                     var data = JSON.parse(JSON.stringify(rowData));
                     this.openContent(data);
                 }
@@ -11499,14 +11994,12 @@ var DetailsView = /** @__PURE__ @class */ (function () {
                 break;
         }
     };
-    // eslint-disable-next-line
     DetailsView.prototype.gridSelectNodes = function () {
         return this.gridObj.getSelectedRecords();
     };
     DetailsView.prototype.doDownload = function () {
         if (this.parent.selectedItems.length !== 0) {
             this.parent.itemData = this.gridObj.getSelectedRecords();
-            // eslint-disable-next-line
             var items = this.parent.itemData;
             for (var i = 0; i < items.length; i++) {
                 if (!hasDownloadAccess(items[i])) {
@@ -11520,7 +12013,6 @@ var DetailsView = /** @__PURE__ @class */ (function () {
     DetailsView.prototype.performDelete = function () {
         if (this.parent.selectedItems && this.parent.selectedItems.length > 0) {
             this.parent.itemData = this.gridObj.getSelectedRecords();
-            // eslint-disable-next-line
             var items = this.parent.itemData;
             for (var i = 0; i < items.length; i++) {
                 if (!hasEditAccess(items[i])) {
@@ -11538,11 +12030,9 @@ var DetailsView = /** @__PURE__ @class */ (function () {
         }
     };
     DetailsView.prototype.updateRenameData = function () {
-        // eslint-disable-next-line
         var data = this.gridSelectNodes()[0];
         updateRenamingData(this.parent, data);
     };
-    // eslint-disable-next-line
     DetailsView.prototype.shiftMoveMethod = function (gridItems, selIndex, focIndex, selRowIndeces, e) {
         if (!this.parent.allowMultiSelection) {
             this.moveFunction(gridItems, e, selIndex);
@@ -11560,7 +12050,6 @@ var DetailsView = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    // eslint-disable-next-line
     DetailsView.prototype.moveFunction = function (selectedItems, e, rowIndex) {
         if (!isNullOrUndefined(this.getFocusedItem()) && this.parent.allowMultiSelection) {
             if (e.action === 'moveDown') {
@@ -11607,7 +12096,6 @@ var DetailsView = /** @__PURE__ @class */ (function () {
             this.gridObj.selectRow(selIndex);
         }
     };
-    // eslint-disable-next-line
     DetailsView.prototype.ctrlMoveFunction = function (items, e, rowIndex) {
         var nextItem;
         if (!isNullOrUndefined(this.getFocusedItem())) {
@@ -11626,7 +12114,6 @@ var DetailsView = /** @__PURE__ @class */ (function () {
         }
         this.addFocus(nextItem);
     };
-    // eslint-disable-next-line
     DetailsView.prototype.checkRowsKey = function (items, indexValue, focIndex, e) {
         if (this.gridObj.checkAllRows === 'Uncheck' || this.gridObj.checkAllRows === 'Intermediate') {
             if (e.action !== 'csHome' && e.action !== 'csEnd') {
@@ -11750,7 +12237,6 @@ var DetailsView = /** @__PURE__ @class */ (function () {
         }
         return check;
     };
-    // eslint-disable-next-line
     DetailsView.prototype.shiftSelectedItem = function (selIndex, selRowIndexes, gridItems, e) {
         if (selIndex === -1) {
             this.gridObj.selectRow(0);
@@ -11799,7 +12285,6 @@ var DetailsView = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    // eslint-disable-next-line
     DetailsView.prototype.onMethodCall = function (e) {
         if (this.parent.view !== 'Details') {
             return;
@@ -11832,17 +12317,14 @@ var DetailsView = /** @__PURE__ @class */ (function () {
                 break;
         }
     };
-    // eslint-disable-next-line
     DetailsView.prototype.getRecords = function (nodes) {
-        // eslint-disable-next-line
         var gridRecords = this.gridObj.getCurrentViewRecords();
-        // eslint-disable-next-line
         var records = [];
         var hasFilter = (this.parent.breadcrumbbarModule.searchObj.element.value !== '' || this.parent.isFiltered) ? true : false;
-        var filter$$1 = this.parent.hasId ? 'id' : 'name';
+        var filter = this.parent.hasId ? 'id' : 'name';
         if (this.parent.hasId || !hasFilter) {
             for (var i = 0, len = gridRecords.length; i < len; i++) {
-                if (nodes.indexOf(getValue(filter$$1, gridRecords[i])) !== -1) {
+                if (nodes.indexOf(getValue(filter, gridRecords[i])) !== -1) {
                     records.push(gridRecords[i]);
                 }
             }
@@ -11863,12 +12345,10 @@ var DetailsView = /** @__PURE__ @class */ (function () {
             this.performDelete();
             return;
         }
-        // eslint-disable-next-line
         var records = this.getRecords(ids);
         if (records.length === 0) {
             return;
         }
-        // eslint-disable-next-line
         var data = [];
         var newIds = [];
         for (var i = 0; i < records.length; i++) {
@@ -11882,12 +12362,10 @@ var DetailsView = /** @__PURE__ @class */ (function () {
             this.doDownload();
             return;
         }
-        // eslint-disable-next-line
         var dRecords = this.getRecords(ids);
         if (dRecords.length === 0) {
             return;
         }
-        // eslint-disable-next-line
         var data = [];
         var newIds = [];
         for (var i = 0; i < dRecords.length; i++) {
@@ -11900,7 +12378,6 @@ var DetailsView = /** @__PURE__ @class */ (function () {
         if (isNullOrUndefined(id)) {
             return;
         }
-        // eslint-disable-next-line
         var records = this.getRecords([id]);
         if (records.length > 0) {
             this.openContent(records[0]);
@@ -11912,7 +12389,6 @@ var DetailsView = /** @__PURE__ @class */ (function () {
             this.performRename();
             return;
         }
-        // eslint-disable-next-line
         var records = this.getRecords([id]);
         if (records.length > 0) {
             updateRenamingData(this.parent, records[0]);
@@ -11932,21 +12408,5 @@ var DetailsView = /** @__PURE__ @class */ (function () {
     return DetailsView;
 }());
 
-/**
- * File Manager layout modules
- */
-
-/**
- * File Manager pop-up modules
- */
-
-/**
- * File Manager modules
- */
-
-/**
- * File Manager all modules
- */
-
-export { AjaxSettings, defaultToolbarItems, ToolbarSettings, ToolbarItem, SearchSettings, columnArray, DetailsViewSettings, fileItems, folderItems, layoutItems, ContextMenuSettings, NavigationPaneSettings, UploadSettings, Column, TOOLBAR_ID, LAYOUT_ID, NAVIGATION_ID, TREE_ID, GRID_ID, LARGEICON_ID, DIALOG_ID, ALT_DIALOG_ID, IMG_DIALOG_ID, EXTN_DIALOG_ID, UPLOAD_DIALOG_ID, RETRY_DIALOG_ID, CONTEXT_MENU_ID, SORTBY_ID, VIEW_ID, SPLITTER_ID, CONTENT_ID, BREADCRUMBBAR_ID, UPLOAD_ID, RETRY_ID, SEARCH_ID, ROOT, CONTROL, CHECK_SELECT, ROOT_POPUP, MOBILE, MOB_POPUP, MULTI_SELECT, FILTER, LAYOUT, NAVIGATION, LAYOUT_CONTENT, LARGE_ICONS, TB_ITEM, LIST_ITEM, LIST_TEXT, LIST_PARENT, TB_OPTION_TICK, TB_OPTION_DOT, BLUR, ACTIVE, HOVER, FOCUS, FOCUSED, CHECK, FRAME, CB_WRAP, ROW, ROWCELL, EMPTY, EMPTY_CONTENT, EMPTY_INNER_CONTENT, CLONE, DROP_FOLDER, DROP_FILE, FOLDER, ICON_IMAGE, ICON_MUSIC, ICON_VIDEO, LARGE_ICON, LARGE_EMPTY_FOLDER, LARGE_EMPTY_FOLDER_TWO, LARGE_ICON_FOLDER, SELECTED_ITEMS, TEXT_CONTENT, GRID_HEADER, TEMPLATE_CELL, TREE_VIEW, MENU_ITEM, MENU_ICON, SUBMENU_ICON, GRID_VIEW, GRID_CONTENT, ICON_VIEW, ICON_OPEN, ICON_UPLOAD, ICON_CUT, ICON_COPY, ICON_PASTE, ICON_DELETE, ICON_RENAME, ICON_NEWFOLDER, ICON_DETAILS, ICON_SHORTBY, ICON_REFRESH, ICON_SELECTALL, ICON_DOWNLOAD, ICON_OPTIONS, ICON_GRID, ICON_LARGE, ICON_BREADCRUMB, ICON_CLEAR, ICON_DROP_IN, ICON_DROP_OUT, ICON_NO_DROP, ICONS, DETAILS_LABEL, ERROR_CONTENT, STATUS, BREADCRUMBS, RTL, DISPLAY_NONE, COLLAPSED, FULLROW, ICON_COLLAPSIBLE, SPLIT_BAR, HEADER_CHECK, OVERLAY, VALUE, isFile, modelChanged, initialEnd, finalizeEnd, createEnd, filterEnd, beforeDelete, pathDrag, deleteInit, deleteEnd, refreshEnd, resizeEnd, splitterResize, pathChanged, destroy, beforeRequest, upload, skipUpload, afterRequest, download, layoutRefresh, actionFailure, search, openInit, openEnd, selectionChanged, selectAllInit, clearAllInit, clearPathInit, layoutChange, sortByChange, nodeExpand, detailsInit, menuItemData, renameInit, renameEndParent, renameEnd, showPaste, hidePaste, selectedData, cutCopyInit, pasteInit, pasteEnd, cutEnd, hideLayout, updateTreeSelection, treeSelect, sortColumn, pathColumn, searchTextChange, beforeDownload, downloadInit, dropInit, dragEnd, dropPath, dragHelper, dragging, updateSelectionData, methodCall, permissionRead, permissionEdit, permissionEditContents, permissionCopy, permissionUpload, permissionDownload, FileManager, Toolbar$1 as Toolbar, BreadCrumbBar, Virtualization, NavigationPane, DetailsView, LargeIconsView, createDialog, createExtDialog, createImageDialog, ContextMenu$2 as ContextMenu, read, createFolder, filter, rename, paste, Delete, GetDetails, Search, Download, sortComparer, updatePath, getPath, getPathId, getPathNames, getParents, generatePath, removeActive, activeElement, addBlur, removeBlur, getModule, searchWordHandler, updateLayout, getTargetModule, refresh, openAction, getPathObject, copyFiles, cutFiles, fileType, getImageUrl, getFullPath, getName, getSortedData, getObject, createEmptyElement, getDirectories, setNodeId, setDateObject, getLocaleText, getCssClass, sortbyClickHandler, getSortField, setNextPath, openSearchFolder, pasteHandler, validateSubFolder, dropHandler, getParentPath, getDirectoryPath, doPasteUpdate, readDropPath, getDuplicateData, createVirtualDragElement, dragStopHandler, dragStartHandler, dragCancel, removeDropTarget, removeItemClass, scrollHandler, draggingHandler, objectToString, getItemName, updateRenamingData, doRename, doDownload, doDeleteFiles, doDownloadFiles, createDeniedDialog, getAccessClass, hasReadAccess, hasEditAccess, hasContentAccess, hasUploadAccess, hasDownloadAccess, createNewFolder, uploadItem };
+export { ACTIVE, ALT_DIALOG_ID, AjaxSettings, BLUR, BREADCRUMBBAR_ID, BREADCRUMBS, BreadCrumbBar, CB_WRAP, CHECK, CHECK_SELECT, CLONE, COLLAPSED, CONTENT_ID, CONTEXT_MENU_ID, CONTROL, Column, ContextMenu, ContextMenuSettings, DETAILS_LABEL, DIALOG_ID, DISPLAY_NONE, DROP_FILE, DROP_FOLDER, Delete, DetailsView, DetailsViewSettings, Download, EMPTY, EMPTY_CONTENT, EMPTY_INNER_CONTENT, ERROR_CONTENT, EXTN_DIALOG_ID, FILTER, FOCUS, FOCUSED, FOLDER, FRAME, FULLROW, FileManager, GRID_CONTENT, GRID_HEADER, GRID_ID, GRID_VIEW, GetDetails, HEADER_CHECK, HOVER, ICONS, ICON_BREADCRUMB, ICON_CLEAR, ICON_COLLAPSIBLE, ICON_COPY, ICON_CUT, ICON_DELETE, ICON_DETAILS, ICON_DOWNLOAD, ICON_DROP_IN, ICON_DROP_OUT, ICON_GRID, ICON_IMAGE, ICON_LARGE, ICON_MUSIC, ICON_NEWFOLDER, ICON_NO_DROP, ICON_OPEN, ICON_OPTIONS, ICON_PASTE, ICON_REFRESH, ICON_RENAME, ICON_SELECTALL, ICON_SHORTBY, ICON_UPLOAD, ICON_VIDEO, ICON_VIEW, IMG_DIALOG_ID, LARGEICON_ID, LARGE_EMPTY_FOLDER, LARGE_EMPTY_FOLDER_TWO, LARGE_ICON, LARGE_ICONS, LARGE_ICON_FOLDER, LAYOUT, LAYOUT_CONTENT, LAYOUT_ID, LIST_ITEM, LIST_PARENT, LIST_TEXT, LargeIconsView, MENU_ICON, MENU_ITEM, MOBILE, MOB_POPUP, MULTI_SELECT, NAVIGATION, NAVIGATION_ID, NavigationPane, NavigationPaneSettings, OVERLAY, RETRY_DIALOG_ID, RETRY_ID, ROOT, ROOT_POPUP, ROW, ROWCELL, RTL, SEARCH_ID, SELECTED_ITEMS, SORTBY_ID, SPLITTER_ID, SPLIT_BAR, STATUS, SUBMENU_ICON, Search, SearchSettings, TB_ITEM, TB_OPTION_DOT, TB_OPTION_TICK, TEMPLATE_CELL, TEXT_CONTENT, TOOLBAR_ID, TREE_ID, TREE_VIEW, Toolbar, ToolbarItem, ToolbarSettings, UPLOAD_DIALOG_ID, UPLOAD_ID, UploadSettings, VALUE, VIEW_ID, Virtualization, actionFailure, activeElement, addBlur, afterRequest, beforeDelete, beforeDownload, beforeRequest, clearAllInit, clearPathInit, closePopup, columnArray, copyFiles, createDeniedDialog, createDialog, createEmptyElement, createEnd, createExtDialog, createFolder, createImageDialog, createNewFolder, createVirtualDragElement, cutCopyInit, cutEnd, cutFiles, defaultToolbarItems, deleteEnd, deleteInit, destroy, detailsInit, doDeleteFiles, doDownload, doDownloadFiles, doPasteUpdate, doRename, download, downloadInit, dragCancel, dragEnd, dragHelper, dragStartHandler, dragStopHandler, dragging, draggingHandler, dropHandler, dropInit, dropPath, fileItems, fileType, filter, filterEnd, finalizeEnd, folderItems, generatePath, getAccessClass, getAccessDetails, getCssClass, getDirectories, getDirectoryPath, getDuplicateData, getFullPath, getImageUrl, getItemName, getLocaleText, getModule, getName, getObject, getParentPath, getParents, getPath, getPathId, getPathNames, getPathObject, getSortField, getSortedData, getTargetModule, hasContentAccess, hasDownloadAccess, hasEditAccess, hasReadAccess, hasUploadAccess, hideLayout, hidePaste, initialEnd, isFile, isFileSystemData, layoutChange, layoutItems, layoutRefresh, menuItemData, methodCall, modelChanged, nodeExpand, objectToString, openAction, openEnd, openInit, openSearchFolder, paste, pasteEnd, pasteHandler, pasteInit, pathChanged, pathColumn, pathDrag, permissionCopy, permissionDownload, permissionEdit, permissionEditContents, permissionRead, permissionUpload, read, readDropPath, refresh, refreshEnd, removeActive, removeBlur, removeDropTarget, removeItemClass, rename, renameEnd, renameEndParent, renameInit, resizeEnd, scrollHandler, search, searchTextChange, searchWordHandler, selectAllInit, selectedData, selectionChanged, setDateObject, setNextPath, setNodeId, showPaste, skipUpload, sortByChange, sortColumn, sortComparer, sortbyClickHandler, splitterResize, treeSelect, updateLayout, updatePath, updateRenamingData, updateSelectionData, updateTreeSelection, upload, uploadItem, validateSubFolder };
 //# sourceMappingURL=ej2-filemanager.es5.js.map