@syncfusion/ej2-filemanager 25.2.6 → 26.1.40

package/dist/es6/ej2-filemanager.es2015.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 { ChildProperty, Property, initializeCSPTemplate, getValue, isNullOrUndefined, matches, select, closest, createElement, setValue, detach, extend, Ajax, Internationalization, Fetch, remove, selectAll, addClass, Draggable, KeyboardEvents, EventHandler, Touch, removeClass, isVisible, Component, getUniqueID, setStyleAttribute, formatUnit, Browser, L10n, Complex, Collection, Event, NotifyPropertyChanges, 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 __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -145,7 +145,7 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
 const 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' }
     },
     {
@@ -154,6 +154,7 @@ const 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'
@@ -321,10 +322,6 @@ __decorate$7([
     Property(false)
 ], Column.prototype, "isPrimaryKey", void 0);
 
-/**
- * FileExplorer common modules
- */
-
 /**
  * Specifies the File Manager internal ID's
  */
@@ -697,25 +694,30 @@ const permissionDownload = 'download';
  */
 function sortComparer(reference, comparer) {
     // Check if reference and comparer are files or folders
-    let referenceIsFile = /\.\S+/.test(reference);
-    let comparerIsFile = /\.\S+/.test(comparer);
+    const referenceIsFile = /\.\S+/.test(reference);
+    const 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;
-    let referenceParts = [];
-    let 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 ""; });
+    }
+    const referenceParts = [];
+    const 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 ''; });
     // Compare each part of reference and comparer
     while (referenceParts.length && comparerParts.length) {
-        let referencePart = referenceParts.shift();
-        let comparerPart = comparerParts.shift();
-        let comparisonResult = referencePart[0] - comparerPart[0] ||
-            referencePart[1].localeCompare(comparerPart[1]);
-        if (comparisonResult)
-            return comparisonResult;
+        const referencePart = referenceParts.shift();
+        const comparerPart = comparerParts.shift();
+        if (referencePart && comparerPart) {
+            const comparisonResult = referencePart[0] - comparerPart[0] ||
+                referencePart[1].localeCompare(comparerPart[1]);
+            if (comparisonResult) {
+                return comparisonResult;
+            }
+        }
     }
     return referenceParts.length - comparerParts.length;
 }
@@ -728,7 +730,6 @@ function sortComparer(reference, comparer) {
  * @returns {void}
  * @private
  */
-// eslint-disable-next-line
 function updatePath(node, data, instance) {
     const text = getValue('name', data);
     const id = node.getAttribute('data-id');
@@ -824,8 +825,7 @@ function generatePath(parent) {
     let newPath = '/';
     let i = 1;
     for (i; i < parent.pathId.length; i++) {
-        // eslint-disable-next-line
-        const data = getValue(parent.pathId[i], parent.feParent);
+        const data = getValue(parent.pathId[parseInt(i.toString(), 10)], parent.feParent);
         newPath += getValue(key, data) + '/';
     }
     parent.setProperties({ path: newPath }, true);
@@ -963,6 +963,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;
+            const filteredData = parent.fileSystemData.filter((obj) => obj.parentId !== null);
+            const data = new DataManager(filteredData).
+                executeLocal(new Query().where('name', parent.searchSettings.filterType, value, parent.searchSettings.ignoreCase));
+            const 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 + '*';
     }
@@ -1080,7 +1096,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);
 }
@@ -1122,10 +1137,9 @@ function cutFiles(parent) {
  * @returns {string} - returns the file type.
  * @private
  */
-// eslint-disable-next-line
 function fileType(file) {
-    const isFile$$1 = getValue('isFile', file);
-    if (!isFile$$1) {
+    const isFile = getValue('isFile', file);
+    if (!isFile) {
         return FOLDER;
     }
     const imageFormat = ['bmp', 'dib', 'jpg', 'jpeg', 'jpe', 'jfif', 'gif', 'tif', 'tiff', 'png', 'ico'];
@@ -1165,11 +1179,18 @@ function fileType(file) {
  * @returns {string} - returns the image url.
  * @private
  */
-// eslint-disable-next-line
 function getImageUrl(parent, item) {
+    let imgUrl = isFileSystemData(parent) ? getValue('imageUrl', item) : '';
+    if (isFileSystemData(parent)) {
+        const eventArgs = {
+            fileDetails: [item],
+            imageUrl: imgUrl
+        };
+        parent.trigger('beforeImageLoad', eventArgs);
+        return eventArgs.imageUrl;
+    }
     const baseUrl = parent.ajaxSettings.getImageUrl ? parent.ajaxSettings.getImageUrl : parent.ajaxSettings.url;
-    let pathUrl = (baseUrl.indexOf('?') !== -1) ? '&path=' : '?path=';
-    let imgUrl;
+    const pathUrl = (baseUrl.indexOf('?') !== -1) ? '&path=' : '?path=';
     const fileName = encodeURIComponent(getValue('name', item));
     const fPath = getValue('filterPath', item);
     if (parent.hasId) {
@@ -1200,7 +1221,6 @@ function getImageUrl(parent, item) {
  * @returns {string} - returns the image url.
  * @private
  */
-// eslint-disable-next-line
 function getFullPath(parent, data, path) {
     const filePath = getValue(parent.hasId ? 'id' : 'name', data) + '/';
     const fPath = getValue(parent.hasId ? 'filterId' : 'filterPath', data);
@@ -1219,7 +1239,6 @@ function getFullPath(parent, data, path) {
  * @returns {string} - returns the name.
  * @private
  */
-// eslint-disable-next-line
 function getName(parent, data) {
     let name = getValue('name', data);
     let fPath = getValue('filterPath', data);
@@ -1237,19 +1256,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;
     }
     let 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
     const lists = new DataManager(items).executeLocal(query);
     return getValue('records', lists);
 }
@@ -1262,12 +1279,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
     const currFiles = getValue(parent.pathId[parent.pathId.length - 1], parent.feFiles);
     const query = new Query().where(key, 'equal', value);
-    // eslint-disable-next-line
     const lists = new DataManager(currFiles).executeLocal(query);
     return lists[0];
 }
@@ -1332,7 +1346,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));
 }
@@ -1345,7 +1358,6 @@ function getDirectories(files) {
  * @private
  */
 function setNodeId(result, rootId) {
-    // eslint-disable-next-line
     const dirs = getDirectories(result.files);
     for (let i = 0, len = dirs.length; i < len; i++) {
         setValue('_fm_id', rootId + '_' + i, dirs[i]);
@@ -1355,16 +1367,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 (let i = 0; i < args.length; i++) {
         const createdDate = new Date(getValue('dateCreated', args[i]));
         const 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]);
@@ -1437,6 +1450,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
  */
@@ -1482,14 +1496,12 @@ function getSortField(id, parent) {
 function setNextPath(parent, path) {
     const currfolders = path.split('/');
     const folders = parent.originalPath.split('/');
-    // eslint-disable-next-line
     const root = getValue(parent.pathId[0], parent.feParent);
     const key = isNullOrUndefined(getValue('id', root)) ? 'name' : 'id';
     for (let i = currfolders.length - 1, len = folders.length - 1; i < len; i++) {
         const eventName = (folders[i + 1] === '') ? finalizeEnd : initialEnd;
         const newPath = (folders[i] === '') ? '/' : (parent.path + folders[i] + '/');
-        // eslint-disable-next-line
-        const data = getObject(parent, key, folders[i]);
+        const data = getObject(parent, key, folders[parseInt(i.toString(), 10)]);
         if (!isNullOrUndefined(data)) {
             const id = getValue('_fm_id', data);
             parent.setProperties({ path: newPath }, true);
@@ -1512,13 +1524,12 @@ function setNextPath(parent, path) {
  * @returns {void}
  * @private
  */
-// eslint-disable-next-line
 function openSearchFolder(parent, data) {
     parent.originalPath = getFullPath(parent, data, parent.path);
     const root = getValue(parent.pathId[0], parent.feParent);
-    const isRoot = getValue('_fm_id', parent.itemData[0]) == 'fe_tree';
+    const isRoot = getValue('_fm_id', parent.itemData[0]) === 'fe_tree';
     const key = isNullOrUndefined(getValue('id', root)) ? 'name' : 'id';
-    const searchData = getObject(parent, key, getValue('name', data));
+    const 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] });
@@ -1548,7 +1559,6 @@ function pasteHandler(parent) {
     parent.isDragDrop = false;
     if (parent.selectedNodes.length !== 0 && parent.enablePaste) {
         const path = (parent.folderPath === '') ? parent.path : parent.folderPath;
-        // eslint-disable-next-line
         const subFolder = validateSubFolder(parent, parent.actionRecords, path, parent.path);
         if (!subFolder) {
             if ((parent.fileAction === 'move' && parent.targetPath !== path) || parent.fileAction === 'copy') {
@@ -1582,13 +1592,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) {
     let subFolder = false;
     for (let i = 0; i < data.length; i++) {
         if (!getValue('isFile', data[i])) {
             const tempTarget = getFullPath(parent, data[i], dragPath);
-            if (dropPath$$1.indexOf(tempTarget) === 0) {
+            if (dropPath.indexOf(tempTarget) === 0) {
                 const result = {
                     files: null,
                     error: {
@@ -1603,7 +1612,8 @@ function validateSubFolder(parent, data, dropPath$$1, dragPath) {
             }
         }
         else {
-            const srcData = parent.dragNodes[i];
+            const name = parent.dragData[i] ? parent.dragData[i].name : null;
+            const srcData = isFileSystemData(parent) ? name : parent.dragNodes[i];
             let len = 0;
             if (srcData) {
                 len = srcData.lastIndexOf('/');
@@ -1612,7 +1622,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) {
                 const result = {
                     files: null,
                     error: {
@@ -1674,15 +1684,15 @@ function getParentPath(oldPath) {
  */
 function getDirectoryPath(parent, args) {
     const filePath = getValue(parent.hasId ? 'id' : 'name', args.cwd) + '/';
-    const fPath = getValue(parent.hasId ? 'filterId' : 'filterPath', args.cwd);
+    const 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;
     }
 }
 /**
@@ -1751,8 +1761,8 @@ function readDropPath(parent) {
         if (parent.navigationpaneModule) {
             let node = select('[data-uid="' + pathId + '"]', parent.navigationpaneModule.treeObj.element);
             if (!node) {
-                let liElement = document.querySelector('[data-id = "' + getValue('id', parent.dropData) + '"]');
-                pathId = liElement.getAttribute("data-uid");
+                const liElement = document.querySelector('[data-id = "' + getValue('id', parent.dropData) + '"]');
+                pathId = liElement.getAttribute('data-uid');
                 node = select('[data-uid="' + pathId + '"]', parent.navigationpaneModule.treeObj.element);
             }
             updatePath(node, parent.dropData, parent);
@@ -1768,11 +1778,8 @@ function readDropPath(parent) {
  * @returns {object} - returns the duplicated path.
  * @private
  */
-// eslint-disable-next-line
 function getDuplicateData(parent, name) {
-    // eslint-disable-next-line
     let data = null;
-    // eslint-disable-next-line
     const records = parent.isDragDrop ? parent.dragData : parent.actionRecords;
     for (let i = 0; i < records.length; i++) {
         if (getValue('name', records[i]) === name) {
@@ -1965,8 +1972,8 @@ function removeItemClass(parent, value) {
  */
 function scrollHandler(scrollParent, parent, nodeClass, screenY, clientY) {
     let position;
-    let elementData = scrollParent.getBoundingClientRect();
-    const node = select("." + nodeClass, scrollParent);
+    const elementData = scrollParent.getBoundingClientRect();
+    const node = select('.' + nodeClass, scrollParent);
     if ((screenY >= (elementData.top + scrollParent.clientHeight - 30)) && !isNullOrUndefined(node)) {
         position = (parent.targetModule === 'navigationpane' || parent.targetModule === 'detailsview') ? node.offsetHeight / 2.5 : node.offsetHeight / 4.5;
         scrollParent.scrollBy(0, position);
@@ -2044,7 +2051,6 @@ function draggingHandler(parent, args) {
  * @private
  */
 // Ignored the message key value in permission object
-// eslint-disable-next-line
 function objectToString(data) {
     let str = '';
     const keys = Object.keys(data);
@@ -2063,7 +2069,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);
@@ -2078,7 +2083,6 @@ function getItemName(parent, data) {
  * @returns {void}
  * @private
  */
-// eslint-disable-next-line
 function updateRenamingData(parent, data) {
     parent.itemData = [data];
     parent.currentItemText = getValue('name', data);
@@ -2109,7 +2113,6 @@ function doRename(parent) {
  * @private
  */
 function doDownload(parent) {
-    // eslint-disable-next-line
     const items = parent.itemData;
     for (let i = 0; i < items.length; i++) {
         if (!hasDownloadAccess(items[i])) {
@@ -2130,7 +2133,6 @@ function doDownload(parent) {
  * @returns {void}
  * @private
  */
-// eslint-disable-next-line
 function doDeleteFiles(parent, data, newIds) {
     for (let i = 0; i < data.length; i++) {
         if (!hasEditAccess(data[i])) {
@@ -2151,7 +2153,6 @@ function doDeleteFiles(parent, data, newIds) {
  * @returns {void}
  * @private
  */
-// eslint-disable-next-line
 function doDownloadFiles(parent, data, newIds) {
     for (let i = 0; i < data.length; i++) {
         if (!hasDownloadAccess(data[i])) {
@@ -2173,7 +2174,6 @@ function doDownloadFiles(parent, data, newIds) {
  * @returns {void}
  * @private
  */
-// eslint-disable-next-line
 function createDeniedDialog(parent, data, action) {
     let message = getValue('message', getValue('permission', data));
     if (message === '') {
@@ -2195,7 +2195,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';
 }
@@ -2206,9 +2205,7 @@ function getAccessClass(data) {
  * @returns {boolean} - returns read access.
  * @private
  */
-// eslint-disable-next-line
 function hasReadAccess(data) {
-    // eslint-disable-next-line
     const permission = getValue('permission', data);
     return (permission && !getValue('read', permission)) ? false : true;
 }
@@ -2219,9 +2216,7 @@ function hasReadAccess(data) {
  * @returns {boolean} - returns edit access.
  * @private
  */
-// eslint-disable-next-line
 function hasEditAccess(data) {
-    // eslint-disable-next-line
     const permission = getValue('permission', data);
     return permission ? ((getValue('read', permission) && getValue('write', permission))) : true;
 }
@@ -2232,9 +2227,7 @@ function hasEditAccess(data) {
  * @returns {boolean} - returns content access.
  * @private
  */
-// eslint-disable-next-line
 function hasContentAccess(data) {
-    // eslint-disable-next-line
     const permission = getValue('permission', data);
     return permission ? ((getValue('read', permission) && getValue('writeContents', permission))) : true;
 }
@@ -2245,9 +2238,7 @@ function hasContentAccess(data) {
  * @returns {boolean} - returns upload access.
  * @private
  */
-// eslint-disable-next-line
 function hasUploadAccess(data) {
-    // eslint-disable-next-line
     const permission = getValue('permission', data);
     return permission ? ((getValue('read', permission) && getValue('upload', permission))) : true;
 }
@@ -2258,9 +2249,7 @@ function hasUploadAccess(data) {
  * @returns {boolean} - returns download access.
  * @private
  */
-// eslint-disable-next-line
 function hasDownloadAccess(data) {
-    // eslint-disable-next-line
     const permission = getValue('permission', data);
     return permission ? ((getValue('read', permission) && getValue('download', permission))) : true;
 }
@@ -2272,7 +2261,6 @@ function hasDownloadAccess(data) {
  * @private
  */
 function createNewFolder(parent) {
-    // eslint-disable-next-line
     const details = parent.itemData[0];
     if (!hasContentAccess(details)) {
         createDeniedDialog(parent, details, permissionEditContents);
@@ -2289,7 +2277,6 @@ function createNewFolder(parent) {
  * @private
  */
 function uploadItem(parent) {
-    // eslint-disable-next-line
     const details = parent.itemData[0];
     if (!hasUploadAccess(details)) {
         createDeniedDialog(parent, details, permissionUpload);
@@ -2300,7 +2287,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) {
+    let accessMessage = '';
+    for (let i = 0; i < itemData.length; i++) {
+        let 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 {
+            const 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.
  *
@@ -2311,14 +2361,12 @@ function uploadItem(parent) {
  * @private
  */
 function read(parent, event, path) {
-    // eslint-disable-next-line
     const itemData = parent.itemData;
     for (let i = 0; i < itemData.length; i++) {
         if (isNullOrUndefined(getValue('hasChild', itemData[i]))) {
             setValue('hasChild', false, itemData[i]);
         }
     }
-    // eslint-disable-next-line
     const data = { action: 'read', path: path, showHiddenItems: parent.showHiddenItems, data: itemData };
     createAjax(parent, data, readSuccess, event);
 }
@@ -2331,7 +2379,6 @@ function read(parent, event, path) {
  * @private
  */
 function createFolder(parent, itemName) {
-    // eslint-disable-next-line
     const data = { action: 'create', path: parent.path, name: itemName, data: parent.itemData };
     createAjax(parent, data, createSuccess, itemName);
 }
@@ -2344,11 +2391,8 @@ function createFolder(parent, itemName) {
  * @private
  */
 function filter(parent, event) {
-    // eslint-disable-next-line
     const data = { action: 'filter', path: parent.path, showHiddenItems: parent.showHiddenItems, data: [getPathObject(parent)] };
-    // eslint-disable-next-line
     let filterData;
-    // eslint-disable-next-line
     const filterDataVal = parent.filterData ? extend(filterData, data, parent.filterData) : data;
     createAjax(parent, filterDataVal, filterSuccess, event, getValue('action', filterDataVal));
 }
@@ -2380,7 +2424,6 @@ function rename(parent, path, itemNewName) {
             newName = fPath.replace(path, '') + itemNewName;
         }
     }
-    // eslint-disable-next-line
     const data = {
         action: 'rename', path: path, name: name, newName: newName, data: parent.itemData, showFileExtension: parent.showFileExtension
     };
@@ -2399,10 +2442,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) {
     const data = {
         action: pasteOperation, path: path, targetData: parent.itemData[0],
         targetPath: targetPath, names: names, renameFiles: renameItems, data: actionRecords
@@ -2421,7 +2461,6 @@ renameItems, actionRecords) {
  * @private
  */
 function Delete(parent, items, path, operation) {
-    // eslint-disable-next-line
     const data = { action: operation, path: path, names: items, data: parent.itemData };
     createAjax(parent, data, deleteSuccess, path);
 }
@@ -2437,26 +2476,23 @@ function Delete(parent, items, path, operation) {
  * @private
  */
 function GetDetails(parent, names, path, operation) {
-    // eslint-disable-next-line
     const 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) {
     const columns = parent.detailsViewSettings.columns;
     let dateFormat;
-    for (var i = 0; i < columns.length; i++) {
+    if (!columns) {
+        return null;
+    }
+    for (let i = 0; i < columns.length; i++) {
         if (columns[i].field === '_fm_modified') {
             if (!isNullOrUndefined(columns[i].format)) {
                 dateFormat = columns[i].format.toString();
@@ -2466,10 +2502,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) {
+    const 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) {
+    const isExists = fileSystemData.some((item) => 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) {
+    const index = parent.fileSystemData.findIndex((item) => 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) {
+    const data = parent.fileSystemData.filter((item) => 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) {
+    const data = parent.fileSystemData.filter((item) => 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) {
+    const newItem = {};
+    //Construct the new folder details.
+    for (const key in data) {
+        if (Object.prototype.hasOwnProperty.call(data, key)) {
+            newItem[key] = null;
+        }
+    }
+    const currentDate = new Date();
+    const 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) {
+    const 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)) {
+                const data = args.parentFolder[0];
+                const newObject = createNewItem(data, data, args.folderName, false);
+                parent.fileSystemData.push(newObject);
+            }
+            else {
+                const 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) {
+    const 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((itemData) => {
+                const index = findIndexById(parent, itemData.id);
+                if (index !== -1) {
+                    parent.fileSystemData.splice(index, 1);
+                }
+                if (!itemData.isFile) {
+                    const subItems = parent.fileSystemData.filter(function (obj) { return obj.filterPath.includes(itemData.name); });
+                    subItems.forEach((subItem) => {
+                        const 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) {
+    const 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)) {
+                const fileData = filterById(parent, args.itemData[0].id);
+                fileData.name = args.newName;
+            }
+            else {
+                const 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) {
+    const 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)) {
+            const message = 'File Already Exists';
+            const action = getValue('action', data);
+            const itemPermission = getAccessDetails(parent, args.itemData, action, false);
+            const pathPermission = getAccessDetails(parent, [args.targetData], action, true);
+            const file = [];
+            parent.pasteNodes = [];
+            if (itemPermission === '' && pathPermission === '') {
+                if (args.isCopy) {
+                    const folderSubItems = filterByParent(parent, args.targetData.id);
+                    const copiedFolders = args.itemData;
+                    copiedFolders.forEach((itemData) => {
+                        if (!isFileExists(folderSubItems, itemData.name) || getValue('renameFiles', data).length > 0) {
+                            if (getValue('renameFiles', data).length > 0) {
+                                const names = itemData.name.split('.');
+                                const name = itemData.name.includes('.') ? names[0] + '(' + parent.existingFileCount + ').' + names[1] : names[0] + '(' + parent.existingFileCount + ')';
+                                copyFolderItems(parent, itemData, args.targetData, name);
+                                parent.responseData.error = null;
+                                parent.existingFileCount++;
+                                return;
+                            }
+                            copyFolderItems(parent, itemData, args.targetData, null);
+                        }
+                        else {
+                            file.push(itemData.name);
+                        }
+                    });
+                    if (file.length > 0) {
+                        createErrorObject(parent, message, '400', file);
+                    }
+                    return;
+                }
+                let target = args.targetData;
+                const getTargetFiles = filterByParent(parent, target.id);
+                for (let i = 0; i < args.itemData.length; i++) {
+                    const 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.
+                            const subItems = currItem.parentId !== 0
+                                ? filterByParent(parent, currItem.parentID) : [];
+                            const itemData = filterById(parent, currItem.parentId);
+                            itemData.hasChild = subItems.length > 1 ? true : false;
+                        }
+                        const fileData = filterById(parent, currItem.id);
+                        if (getValue('renameFiles', data).length > 0) {
+                            const 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;
+                            const 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.push(currItem.name);
+                    }
+                }
+                if (file.length > 0) {
+                    createErrorObject(parent, message, '400', file);
+                }
+            }
+        }
+    });
+}
+/**
+ * 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) {
+    const 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) {
     const ajaxSettings = {
         url: parent.ajaxSettings.url,
         type: 'POST',
@@ -2482,9 +2901,64 @@ parent, data, fn, event, operation, targetPath) {
         beforeSend: null
     };
     const eventArgs = { action: getValue('action', data), ajaxSettings: ajaxSettings, cancel: false };
+    triggerClientEvents(parent, data, eventArgs);
     parent.trigger('beforeSend', eventArgs, (beforeSendArgs) => {
         if (!beforeSendArgs.cancel) {
             parent.notify(beforeRequest, {});
+            if (isFileSystemData(parent)) {
+                const filePath = event === 'node-expand' || event === 'finalize-end' ? getValue('path', data) : parent.path;
+                const pathArray = filePath.replace(/^\/|\/$/g, '').split('/');
+                const 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];
+                const action = getValue('action', data);
+                const 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)) {
+                        const message = 'Cannot load empty data within the File Manager.';
+                        createErrorObject(parent, message, '400', null);
+                    }
+                }
+                else if (isFileOperation && parent.responseData.error === null) {
+                    let itemData = action === 'search' || action === 'delete' ? getValue('data', data) : [];
+                    if (itemData.length === 0) {
+                        itemData = getValue('data', data).map((item) => filterById(parent, item.id));
+                    }
+                    parent.responseData = {
+                        cwd: null,
+                        details: null,
+                        error: null,
+                        files: itemData
+                    };
+                }
+                else if (getValue('action', data) === 'details') {
+                    const itemData = getValue('data', data);
+                    const details = itemData[0];
+                    const isMultipleFiles = itemData.length > 1;
+                    const itemNames = itemData.map((item) => item.name);
+                    const totalSize = isMultipleFiles ? getSize(itemData.reduce((accumulator, currentObject) => accumulator + (currentObject.size || 0), 0)) : getSize(details.size);
+                    const 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;
+            }
             const ajax = new Ajax({
                 url: getValue('url', beforeSendArgs.ajaxSettings),
                 type: getValue('type', beforeSendArgs.ajaxSettings),
@@ -2509,61 +2983,7 @@ parent, data, fn, event, operation, targetPath) {
                     if (typeof (result) === 'string') {
                         result = JSON.parse(result);
                     }
-                    parent.notify(afterRequest, { action: 'success' });
-                    const 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
-                                const 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);
-                            }
-                        }
-                    }
-                    const intl = new Internationalization(parent.locale);
-                    if (!isNullOrUndefined(result.files)) {
-                        setDateObject(result.files, intl, getDateFormat(parent));
-                        for (let i = 0, len = result.files.length; i < len; i++) {
-                            // eslint-disable-next-line
-                            const 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)) {
-                        const rootName = parent.rootAliasName || getValue('name', result.details);
-                        let location = 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 = rootName;
-                            }
-                            else {
-                                location = location.replace(location.substring(0, location.indexOf('\\')), rootName);
-                            }
-                        }
-                        else {
-                            location = location.replace(location.substring(0, location.indexOf('\\')), rootName);
-                        }
-                        setValue('location', location, 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: () => {
                     const result = {
@@ -2581,6 +3001,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) {
+    let 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' });
+    const 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) {
+                const 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);
+            }
+        }
+    }
+    const intl = new Internationalization(parent.locale);
+    if (!isNullOrUndefined(result.files)) {
+        setDateObject(result.files, intl, getDateFormat(parent));
+        for (let i = 0, len = result.files.length; i < len; i++) {
+            const 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)) {
+        const rootName = parent.rootAliasName || getValue('name', result.details);
+        let location = 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 = rootName;
+            }
+            else {
+                location = location.replace(location.substring(0, location.indexOf('\\')), rootName);
+            }
+        }
+        else {
+            location = location.replace(location.substring(0, location.indexOf('\\')), rootName);
+        }
+        setValue('location', location, 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) {
+    const newObject = createNewItem(data, target, itemName, true);
+    parent.fileSystemData.push(newObject);
+    parent.pasteNodes.push(newObject.id);
+    const copiedItems = filterByParent(parent, data.id);
+    for (let i = 0; i < copiedItems.length; i++) {
+        copyFolderItems(parent, copiedItems[i], newObject, null);
+    }
+}
 /**
  * Function for trigger Ajax failure in File Manager.
  *
@@ -2594,9 +3125,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') {
@@ -2672,8 +3201,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 = '';
+        const createEventArgs = {
+            folderName: itemName,
+            path: parent.path,
+            parentFolder: parent.itemData
+        };
+        parent.trigger('folderCreate', createEventArgs);
         const args = { action: 'create', result: result };
         parent.trigger('success', args);
         parent.itemData = [getPathObject(parent)];
@@ -2714,11 +3249,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();
@@ -2726,15 +3260,22 @@ function renameSuccess(parent, result, path) {
         const args = { action: 'rename', result: result };
         parent.trigger('success', args);
         parent.renamedItem = Array.isArray(result.files) ? result.files[0] : result.files;
+        const 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)];
@@ -2780,6 +3321,14 @@ function renameSuccess(parent, result, path) {
  * @private
  */
 function pasteSuccess(parent, result, path, operation) {
+    const 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)) {
@@ -2814,6 +3363,11 @@ function pasteSuccess(parent, result, path, operation) {
  * @private
  */
 function deleteSuccess(parent, result, path) {
+    const deleteEventArgs = {
+        itemData: result.files,
+        path: path
+    };
+    parent.trigger('delete', deleteEventArgs);
     if (!isNullOrUndefined(result.files)) {
         parent.setProperties({ path: path }, true);
         parent.itemData = [getPathObject(parent)];
@@ -2878,10 +3432,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) {
     const data = {
         action: 'search', path: path, searchString: searchString, showHiddenItems: showHiddenItems, caseSensitive: caseSensitive,
         data: parent.itemData
@@ -2920,7 +3471,6 @@ function searchSuccess(parent, result, event) {
  */
 function Download(parent, path, items) {
     const downloadUrl = parent.ajaxSettings.downloadUrl ? parent.ajaxSettings.downloadUrl : parent.ajaxSettings.url;
-    // eslint-disable-next-line
     const data = { 'action': 'download', 'path': path, 'names': items, 'data': parent.itemData };
     const ajaxSettings = {
         url: downloadUrl,
@@ -2984,12 +3534,12 @@ function Download(parent, path, items) {
                         const 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.send(JSON.stringify(downloadArgs.data));
             }
@@ -3003,12 +3553,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) {
-    const options = getOptions(parent, text, e, details, replaceItems);
+function createDialog(parent, text, e, details) {
+    const options = getOptions(parent, text, e, details);
     if (isNullOrUndefined(parent.dialogObj)) {
         parent.dialogObj = new Dialog({
             beforeOpen: keydownAction.bind(this, parent, options.dialogName),
@@ -3529,11 +4078,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) {
     const options = {
         header: '', content: '', buttons: [], dialogName: ''
     };
@@ -3541,11 +4089,12 @@ function getOptions(parent, text, e, details, replaceItems) {
     let formattedString;
     let intl;
     let strArr;
-    let fileType$$1;
+    let fileType;
     let location;
     options.open = () => { triggerPopupOpen(parent, parent.dialogObj, options.dialogName); };
     options.close = () => { triggerPopupClose(parent, parent.dialogObj, options.dialogName); };
     text = (details && details.multipleFiles === true) ? 'MultipleFileDetails' : text;
+    let index;
     switch (text) {
         case 'NewFolder':
             options.dialogName = 'Create Folder';
@@ -3578,7 +4127,7 @@ function getOptions(parent, text, e, details, replaceItems) {
             options.buttons = [
                 {
                     buttonModel: { isPrimary: true, content: getLocaleText(parent, 'Button-Yes') },
-                    click: (e) => {
+                    click: () => {
                         onDeleteSubmit(parent);
                     }
                 },
@@ -3630,31 +4179,30 @@ function getOptions(parent, text, e, details, replaceItems) {
             options.buttons = [
                 {
                     buttonModel: { isPrimary: true, content: getLocaleText(parent, 'Button-Ok') },
-                    click: (e) => {
+                    click: () => {
                         parent.dialogObj.hide();
                     }
                 }
             ];
             break;
         case 'MultipleFileDetails':
-            let index;
             options.dialogName = 'File Details';
             strArr = parent.itemData.map((val) => {
                 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((val) => {
                     index = val.indexOf('.') + 1;
                     return (index === 0) ? 'Folder' : val.substr(index).replace(' ', '');
                 });
             }
-            fileType$$1 = strArr.every((val, i, arr) => val === arr[0]) ?
+            fileType = strArr.every((val, i, arr) => 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') +
@@ -3686,7 +4234,7 @@ function getOptions(parent, text, e, details, replaceItems) {
             options.buttons = [
                 {
                     buttonModel: { isPrimary: true, content: getLocaleText(parent, 'Button-Ok') },
-                    click: (e) => {
+                    click: () => {
                         parent.dialogObj.hide();
                     }
                 }
@@ -3980,10 +4528,6 @@ function updateImage(parent) {
     imgWrap.style.height = (content.offsetHeight - paddingHeight) + 'px';
 }
 
-/**
- * File Manager common operations
- */
-
 /**
  * LargeIconsView module
  */
@@ -4094,11 +4638,10 @@ class LargeIconsView {
                 }
                 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) {
@@ -4146,7 +4689,7 @@ class LargeIconsView {
             }
         }
     }
-    comparer(x, y, xObj, yObj) {
+    comparer(x, y) {
         if (this.parent.sortOrder === 'Descending') {
             const z = x;
             x = y;
@@ -4154,7 +4697,6 @@ class LargeIconsView {
         }
         return this.parent.sortComparer(x, y);
     }
-    ;
     preventImgDrag() {
         let i = 0;
         while (i < this.itemList.length) {
@@ -4205,8 +4747,7 @@ class LargeIconsView {
         this.parent.activeElements = [];
         this.parent.dragData = [];
         for (let 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);
@@ -4217,10 +4758,8 @@ class LargeIconsView {
     onDropInit(args) {
         if (this.parent.targetModule === this.getModuleName()) {
             const dropLi = closest(args.target, '.e-list-item');
-            // eslint-disable-next-line
             const cwdData = getValue(this.parent.pathId[this.parent.pathId.length - 1], this.parent.feParent);
             if (dropLi) {
-                // eslint-disable-next-line
                 const 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;
@@ -4312,10 +4851,8 @@ class LargeIconsView {
             }
         }
     }
-    // eslint-disable-next-line
     renderList(args) {
         let i = 0;
-        // eslint-disable-next-line
         const items = JSON.parse(JSON.stringify(args.files));
         while (i < items.length) {
             const icon = fileType(items[i]);
@@ -4397,7 +4934,6 @@ class LargeIconsView {
             if (this.parent.renamedItem) {
                 this.clearSelect();
                 this.addSelection(this.parent.renamedItem);
-                this.parent.renamedItem = null;
             }
         }
     }
@@ -4539,7 +5075,6 @@ class LargeIconsView {
         this.parent.on(filterEnd, this.onPathChanged, this);
     }
     onActionFailure() { this.isInteraction = true; this.isInteracted = true; }
-    // eslint-disable-next-line
     onMenuItemData(args) {
         if (this.parent.activeModule === this.getModuleName()) {
             const ele = closest(args.target, 'li');
@@ -4677,37 +5212,35 @@ class LargeIconsView {
     }
     wireClickEvent(toBind) {
         if (toBind) {
-            // eslint-disable-next-line
-            const proxy = this;
             this.clickObj = new Touch(this.element, {
                 tap: (eve) => {
                     eve.originalEvent.preventDefault();
-                    if (proxy.parent.isDevice) {
-                        proxy.tapCount = eve.tapCount;
-                        proxy.tapEvent = eve;
+                    if (this.parent.isDevice) {
+                        this.tapCount = eve.tapCount;
+                        this.tapEvent = eve;
                         setTimeout(() => {
-                            if (proxy.tapCount > 0) {
-                                proxy.doTapAction(proxy.tapEvent);
+                            if (this.tapCount > 0) {
+                                this.doTapAction(this.tapEvent);
                             }
-                            proxy.tapCount = 0;
+                            this.tapCount = 0;
                         }, 350);
                     }
                     else {
                         if (eve.tapCount === 2 && eve.originalEvent.which !== 3) {
-                            proxy.dblClickHandler(eve);
+                            this.dblClickHandler(eve);
                         }
                         else {
-                            proxy.clickHandler(eve);
+                            this.clickHandler(eve);
                         }
                     }
                 },
                 tapHold: (e) => {
-                    if (proxy.parent.isDevice) {
-                        proxy.multiSelect = proxy.parent.allowMultiSelection ? true : false;
-                        if (proxy.parent.allowMultiSelection) {
-                            addClass([proxy.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.clickHandler(e);
+                        this.clickHandler(e);
                     }
                 }
             });
@@ -4758,6 +5291,7 @@ class LargeIconsView {
         this.parent.isFile = false;
         let action = 'select';
         if (e.which === 3 && !isNullOrUndefined(item) && item.classList.contains(ACTIVE)) {
+            this.addActive(item);
             this.updateType(item);
             return;
         }
@@ -4847,7 +5381,6 @@ class LargeIconsView {
         this.parent.isFile = false;
         if (!isNullOrUndefined(item)) {
             this.updateType(item);
-            // eslint-disable-next-line
             const details = this.getItemObject(item);
             if (!hasReadAccess(details)) {
                 createDeniedDialog(this.parent, details, permissionRead);
@@ -4891,7 +5424,6 @@ class LargeIconsView {
         this.parent.isFile = isNullOrUndefined(folder) ? true : false;
     }
     /* istanbul ignore next */
-    // eslint:disable-next-line
     keydownActionHandler(e) {
         if (!this.isRendered) {
             return;
@@ -4935,12 +5467,9 @@ class LargeIconsView {
             case 'ctrlD':
                 e.preventDefault();
                 break;
-            default:
-                break;
         }
     }
     /* istanbul ignore next */
-    // eslint:disable-next-line
     keyActionHandler(e) {
         if (!this.isRendered) {
             return;
@@ -5075,7 +5604,6 @@ class LargeIconsView {
     performDelete() {
         if (this.parent.selectedItems && this.parent.selectedItems.length > 0) {
             this.updateSelectedData();
-            // eslint-disable-next-line
             const data = this.parent.itemData;
             for (let i = 0; i < data.length; i++) {
                 if (!hasEditAccess(data[i])) {
@@ -5094,7 +5622,6 @@ class LargeIconsView {
     }
     updateRenameData() {
         const item = select('.' + LIST_ITEM + '.' + ACTIVE, this.element);
-        // eslint-disable-next-line
         const data = this.getItemObject(item);
         updateRenamingData(this.parent, data);
     }
@@ -5310,7 +5837,6 @@ class LargeIconsView {
         }
     }
     getDataName(item) {
-        // eslint-disable-next-line
         const data = this.getItemObject(item);
         return getItemName(this.parent, data);
     }
@@ -5383,7 +5909,6 @@ class LargeIconsView {
         this.perRow = perRow;
     }
     triggerSelection(action, item) {
-        // eslint-disable-next-line
         const data = [];
         if (this.isSelectAllCalled) {
             for (let i = 0, len = this.itemList.length; i < len; i++) {
@@ -5393,15 +5918,15 @@ class LargeIconsView {
         else {
             data[0] = this.getItemObject(item);
         }
-        const eventArgs = {
-            action: action, fileDetails: data.length > 1 ? data : data[0], isInteracted: this.isInteraction, cancel: false, target: this.isSelectAllCalled ? null : item
+        const 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;
     }
     triggerSelect(action, item) {
-        // eslint-disable-next-line
         const data = [];
         if (this.isSelectAllCalled) {
             for (let i = 0, len = this.itemList.length; i < len; i++) {
@@ -5413,7 +5938,9 @@ class LargeIconsView {
             data[0] = this.getItemObject(item);
         }
         this.parent.visitedData = data.length > 1 ? data[data.length - 1] : data[0];
-        const eventArgs = { action: action, fileDetails: data.length > 1 ? data : data[0], isInteracted: this.isInteracted };
+        const eventArgs = { action: action, fileDetails: data.length > 1
+                ? data
+                : data[0], isInteracted: this.isInteracted };
         this.parent.trigger('fileSelect', eventArgs);
         this.isInteracted = true;
     }
@@ -5426,29 +5953,25 @@ class LargeIconsView {
     }
     getIndexes(items, byId) {
         const indexes = [];
-        const filter$$1 = byId ? 'id' : 'name';
+        const filter = byId ? 'id' : 'name';
         for (let 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
     getItemObject(item) {
         const index = this.itemList.indexOf(item);
         return this.items[index];
     }
-    // eslint-disable-next-line
     addSelection(data) {
-        // eslint-disable-next-line
         let 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
             const newData = new DataManager(this.items).
                 executeLocal(new Query().where('name', 'equal', getValue('name', data), false));
             if (newData.length > 0) {
@@ -5463,7 +5986,6 @@ class LargeIconsView {
         }
     }
     updateSelectedData() {
-        // eslint-disable-next-line
         const data = [];
         const items = selectAll('.' + LIST_ITEM + '.' + ACTIVE, this.element);
         for (let i = 0; i < items.length; i++) {
@@ -5471,7 +5993,6 @@ class LargeIconsView {
         }
         this.parent.itemData = data;
     }
-    // eslint-disable-next-line
     onMethodCall(args) {
         if (this.parent.view !== 'LargeIcons') {
             return;
@@ -5539,7 +6060,6 @@ class LargeIconsView {
         if (indexes.length === 0) {
             return;
         }
-        // eslint-disable-next-line
         const data = [];
         const newIds = [];
         for (let i = 0; i < indexes.length; i++) {
@@ -5557,7 +6077,6 @@ class LargeIconsView {
         if (index.length === 0) {
             return;
         }
-        // eslint-disable-next-line
         const data = [];
         const newIds = [];
         for (let i = 0; i < index.length; i++) {
@@ -5733,8 +6252,8 @@ class BreadCrumbBar {
             });
             this.searchObj.appendTo('#' + this.parent.element.id + SEARCH_ID);
             this.searchEventBind(this.parent.searchSettings.allowSearchOnTyping);
-            const search$$1 = this.searchObj.element.nextElementSibling;
-            EventHandler.add(search$$1, 'mousedown', this.searchChangeHandler.bind(this), this);
+            const 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);
         }
         const searchWrap = this.parent.breadCrumbBarNavigation.querySelector('.e-search-wrap');
@@ -5748,7 +6267,6 @@ class BreadCrumbBar {
                     breadCrumbBarWidth = diff;
                 }
                 else {
-                    // eslint-disable-next-line
                     const items = [];
                     for (let j = 0; j <= i; j++) {
                         const liElement = liElements[j];
@@ -5758,7 +6276,6 @@ class BreadCrumbBar {
                         });
                     }
                     const subMenuLi = this.parent.createElement('li', { className: 'e-breadcrumb-menu' });
-                    // eslint-disable-next-line
                     const attributes = { className: 'e-breadcrumb-submenu' };
                     const subMenuSpan = this.parent.createElement('button', attributes);
                     subMenuLi.appendChild(subMenuSpan);
@@ -5799,7 +6316,6 @@ class BreadCrumbBar {
     }
     /* istanbul ignore next */
     subMenuSelectOperations(event) {
-        // eslint-disable-next-line
         const args = { target: event.element };
         this.addressPathClickHandler(args);
     }
@@ -5846,7 +6362,6 @@ class BreadCrumbBar {
             }
         }
     }
-    // eslint-disable-next-line
     triggerFileOpen(data) {
         const eventArgs = { cancel: false, fileDetails: data, module: 'BreadCrumbBar' };
         delete eventArgs.cancel;
@@ -6003,7 +6518,7 @@ class BreadCrumbBar {
 /**
  * ContextMenu module
  */
-class ContextMenu$2 {
+class ContextMenu {
     /**
      * Constructor for the ContextMenu module
      *
@@ -6023,7 +6538,7 @@ class ContextMenu$2 {
             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,
@@ -6055,12 +6570,13 @@ class ContextMenu$2 {
     }
     onBeforeClose() {
         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();
             const parentKey = [];
             const itemKeys = Object.keys(this.parent.feParent);
             for (const item of itemKeys) {
-                var itemData = getValue(item, this.parent.feParent);
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                const itemData = getValue(item, this.parent.feParent);
                 if (this.parent.pathNames.indexOf(itemData.name) !== -1) {
                     parentKey.push(itemData._fm_id);
                 }
@@ -6074,7 +6590,6 @@ class ContextMenu$2 {
     onBeforeOpen(args) {
         let selected = false;
         let uid;
-        // eslint-disable-next-line
         let data;
         let treeFolder = false;
         let target = args.event.target;
@@ -6086,7 +6601,7 @@ class ContextMenu$2 {
         }
         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');
         }
         const view = this.getTargetView(target);
         this.updateActiveModule();
@@ -6095,7 +6610,6 @@ class ContextMenu$2 {
             (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')) {
@@ -6104,24 +6618,20 @@ class ContextMenu$2 {
         }
         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)) {
                 const 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 */
@@ -6149,8 +6659,17 @@ class ContextMenu$2 {
                 if (uid === this.parent.pathId[0]) {
                     this.disabledItems.push('Delete', 'Rename', 'Cut', 'Copy');
                 }
+                else {
+                    const itemsToRemove = ['Delete', 'Rename', 'Cut', 'Copy'];
+                    for (let i = 0; i < this.disabledItems.length; i++) {
+                        const 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);
@@ -6261,6 +6780,18 @@ class ContextMenu$2 {
             if (this.parent.pathNames[this.parent.pathNames.length - 1] === selectedTreeNode.querySelector('.e-list-text').innerHTML && this.parent.activeModule === 'navigationpane') {
                 this.disabledItems.push('Open');
             }
+            else {
+                const indexToRemove = this.disabledItems.indexOf('Open');
+                if (indexToRemove !== -1) {
+                    this.disabledItems.splice(indexToRemove, 1);
+                }
+            }
+            if (this.parent.selectedItems.length === 0) {
+                const 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) {
@@ -6299,7 +6830,7 @@ class ContextMenu$2 {
             this.disabledItems.push('SelectAll');
         }
         else {
-            this.disabledItems = this.disabledItems.filter(item => item !== 'SelectAll');
+            this.disabledItems = this.disabledItems.filter((item) => item !== 'SelectAll');
         }
         if (this.parent.selectedNodes.length === 0) {
             if (this.disabledItems.indexOf('Paste') === -1) {
@@ -6319,13 +6850,11 @@ class ContextMenu$2 {
             return -1;
         }
     }
-    // eslint-disable-next-line
     getMenuItemData() {
         if (this.menuType === 'layout') {
             return getPathObject(this.parent);
         }
         else {
-            // eslint-disable-next-line
             const args = { target: this.menuTarget };
             this.parent.notify(menuItemData, args);
             return this.parent.itemData[0];
@@ -6337,7 +6866,6 @@ class ContextMenu$2 {
             return;
         }
         const itemText = args.item.id.substr((this.parent.element.id + '_cm_').length);
-        // eslint-disable-next-line
         let details;
         if (itemText === 'refresh' || itemText === 'newfolder' || itemText === 'upload') {
             details = [getPathObject(this.parent)];
@@ -6362,7 +6890,6 @@ class ContextMenu$2 {
             let sItems;
             if (!menuClickArgs.cancel) {
                 this.isMenuItemClicked = true;
-                // eslint:disable-next-line
                 switch (itemText) {
                     case 'cut':
                         cutFiles(this.parent);
@@ -6450,19 +6977,10 @@ class ContextMenu$2 {
                     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);
@@ -6473,12 +6991,10 @@ class ContextMenu$2 {
                         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;
@@ -6650,7 +7166,6 @@ class ContextMenu$2 {
 /**
  * Specifies the default locale of FileManager component
  */
-// eslint-disable-next-line
 const defaultLocale = {
     'NewFolder': 'New folder',
     'Upload': 'Upload',
@@ -6771,14 +7286,13 @@ var FileManager_1;
 let FileManager = FileManager_1 = class FileManager extends Component {
     constructor(options, element) {
         super(options, element);
-        // 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;
@@ -6800,11 +7314,9 @@ let FileManager = FileManager_1 = class FileManager extends Component {
         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 = '';
@@ -6814,13 +7326,12 @@ let FileManager = FileManager_1 = class FileManager extends Component {
         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);
     }
     /**
      * Get component name.
@@ -7210,7 +7721,6 @@ let FileManager = FileManager_1 = class FileManager extends Component {
         const 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 }];
         const uploadUrl = this.ajaxSettings.uploadUrl ? this.ajaxSettings.uploadUrl : this.ajaxSettings.url;
-        // eslint-disable-next-line
         const ajaxSettings = {
             url: uploadUrl,
             type: 'POST',
@@ -7226,7 +7736,6 @@ let FileManager = FileManager_1 = class FileManager extends Component {
         this.trigger('beforeSend', this.uploadEventArgs, (uploadEventArgs) => {
             args.customFormData = JSON.parse(getValue('data', uploadEventArgs.ajaxSettings));
             args.cancel = uploadEventArgs.cancel;
-            // eslint-disable-next-line
             const eventArgs = {
                 cancel: false,
                 httpRequest: args.currentRequest
@@ -7263,7 +7772,6 @@ let FileManager = FileManager_1 = class FileManager extends Component {
         }
         this.uploadingCount = args.filesData.length;
         this.uploadedCount = 0;
-        // eslint-disable-next-line
         const details = getPathObject(this);
         if (!hasUploadAccess(details)) {
             args.cancel = true;
@@ -7272,7 +7780,6 @@ let FileManager = FileManager_1 = class FileManager extends Component {
         }
         this.uploadDialogObj.show();
     }
-    // eslint-disable-next-line
     onFileUploadSuccess(args) {
         this.uploadedCount = this.uploadedCount + args.count;
         if (this.uploadSettings.autoClose && (this.uploadingCount === this.uploadedCount)) {
@@ -7280,7 +7787,6 @@ let FileManager = FileManager_1 = class FileManager extends Component {
         }
     }
     /* istanbul ignore next */
-    // eslint-disable-next-line
     onUploadSuccess(files) {
         const args = { action: 'Upload', result: files };
         this.trigger('success', args);
@@ -7292,9 +7798,7 @@ let FileManager = FileManager_1 = class FileManager extends Component {
         }
     }
     /* istanbul ignore next */
-    // eslint-disable-next-line
     onUploadFailure(files) {
-        // eslint-disable-next-line
         const response = getValue('response', files);
         const statusText = getValue('statusText', response);
         if (statusText !== '') {
@@ -7378,7 +7882,7 @@ let FileManager = FileManager_1 = class FileManager extends Component {
                 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();
                 }
@@ -7412,7 +7916,6 @@ let FileManager = FileManager_1 = class FileManager extends Component {
      * @private
      */
     /* istanbul ignore next */
-    // eslint:disable-next-line
     onPropertyChanged(newProp, oldProp) {
         let height;
         for (const prop of Object.keys(newProp)) {
@@ -7544,6 +8047,10 @@ let FileManager = FileManager_1 = class FileManager extends Component {
                         this.viewerObj.target = newProp.popupTarget;
                     }
                     break;
+                case 'fileSystemData':
+                    this.fileSystemData = newProp.fileSystemData;
+                    this.refresh();
+                    break;
             }
         }
     }
@@ -7629,7 +8136,6 @@ let FileManager = FileManager_1 = class FileManager extends Component {
      */
     createFolder(name) {
         this.notify(methodCall, { action: 'createFolder' });
-        // eslint-disable-next-line
         const details = [getPathObject(this)];
         this.itemData = details;
         if (name) {
@@ -7752,7 +8258,6 @@ let FileManager = FileManager_1 = class FileManager extends Component {
      *
      * @returns {void}
      */
-    // eslint-disable-next-line
     filterFiles(filterData) {
         this.filterData = filterData ? filterData : null;
         this.setProperties({ selectedItems: [] }, true);
@@ -7768,7 +8273,6 @@ let FileManager = FileManager_1 = class FileManager extends Component {
      *
      * @returns {Object[]} - returns selected files.
      */
-    // eslint-disable-next-line
     getSelectedFiles() {
         this.notify(updateSelectionData, {});
         return this.itemData;
@@ -7840,11 +8344,18 @@ let FileManager = FileManager_1 = class FileManager extends Component {
      * @returns {void}
      */
     uploadFiles() {
-        // eslint-disable-next-line
         const 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}
+     */
+    closeDialog() {
+        closePopup(this);
+    }
     /**
      * Specifies the direction of FileManager
      *
@@ -7867,6 +8378,9 @@ let FileManager = FileManager_1 = class FileManager extends Component {
 __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);
@@ -7972,9 +8486,36 @@ __decorate$8([
 __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);
@@ -8024,15 +8565,11 @@ FileManager = FileManager_1 = __decorate$8([
     NotifyPropertyChanges
 ], FileManager);
 
-/**
- * File Manager base modules
- */
-
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * Toolbar module
  */
-class Toolbar$1 {
+class Toolbar {
     /**
      * Constructor for the Toolbar module
      *
@@ -8054,7 +8591,7 @@ class Toolbar$1 {
         const eventArgs = { items: this.items };
         this.parent.trigger('toolbarCreate', eventArgs, (toolbarCreateArgs) => {
             this.items = toolbarCreateArgs.items;
-            this.toolbarObj = new Toolbar({
+            this.toolbarObj = new Toolbar$1({
                 items: this.items,
                 created: this.toolbarCreateHandler.bind(this),
                 overflowMode: 'Popup',
@@ -8092,7 +8629,6 @@ class Toolbar$1 {
             return;
         }
         const tool = args.item.id.substr((this.parent.element.id + '_tb_').length);
-        // eslint-disable-next-line
         let details;
         if (tool === 'refresh' || tool === 'newfolder' || tool === 'upload') {
             details = [getPathObject(this.parent)];
@@ -8630,6 +9166,8 @@ class Virtualization {
     }
     /**
      * Sets up UI virtualization for the large icon view.
+     *
+     * @returns {void}
      */
     setUIVirtualization() {
         // Get the current view data source
@@ -8655,6 +9193,8 @@ class Virtualization {
     /**
      * 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}
      */
     setUlElementHeight() {
         // Calculate the number of items in the last row
@@ -8662,10 +9202,10 @@ class Virtualization {
             (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
         const marginValue = parseInt(window.getComputedStyle(this.largeIconInstance.itemList[0]).getPropertyValue('margin-top'), 10) +
@@ -8687,17 +9227,21 @@ class Virtualization {
     }
     /**
      * 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.
      */
     getItemCount(dataSourceLength) {
         // Get the margin values for list items
         const 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
-        let itemCount = this.rowItemCount * (Math.round(parseFloat(formatUnit(this.largeIconInstance.element.clientHeight)) / this.itemList[0].offsetHeight));
+        let 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;
@@ -8706,7 +9250,9 @@ class Virtualization {
     }
     /**
      * 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}
      */
     wireScrollEvent(destroy) {
         if (!destroy) {
@@ -8721,6 +9267,9 @@ class Virtualization {
     /**
      * 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
      */
     onVirtualUiScroll() {
         // Set the starting height to 0
@@ -8757,14 +9306,17 @@ class Virtualization {
         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
      */
     getscrollerHeight(startingHeight) {
         // If the scroll position is less than or equal to the starting height, return 0.
@@ -8774,8 +9326,11 @@ class Virtualization {
     }
     /**
      * 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
      */
     onNormalScroll(listDiff, isScrollingDown) {
         // Update the displayed items
@@ -8785,7 +9340,10 @@ class Virtualization {
     }
     /**
      * 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
      */
     updateUI(isScrollingDown) {
         if (isScrollingDown) {
@@ -8858,6 +9416,8 @@ class Virtualization {
     }
     /**
      * Destroys the component.
+     *
+     * @returns {void}
      */
     destroy() {
         // If the file manager has already been destroyed, return immediately
@@ -8871,10 +9431,6 @@ class Virtualization {
     }
 }
 
-/**
- * File Manager actions modules
- */
-
 /**
  * NavigationPane module
  */
@@ -8921,10 +9477,8 @@ class NavigationPane {
         if (!isNullOrUndefined(this.treeObj)) {
             return;
         }
-        // eslint-disable-next-line
         const rootData = getValue(this.parent.pathId[0], this.parent.feParent);
         setValue('_fm_icon', 'e-fe-folder', rootData);
-        // eslint-disable-next-line
         const attr = {};
         const id = getValue('id', rootData);
         if (!isNullOrUndefined(id)) {
@@ -8995,7 +9549,6 @@ class NavigationPane {
         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);
@@ -9019,19 +9572,20 @@ class NavigationPane {
         };
         this.parent.trigger('fileLoad', eventArgs);
     }
-    // eslint-disable-next-line
     addChild(files, target, prevent) {
-        // eslint-disable-next-line
         const 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)) {
+        const 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)) {
             let length = 0;
-            // eslint-disable-next-line
             const folders = directories;
             while (length < directories.length) {
-                // eslint-disable-next-line
-                folders[length]._fm_icon = 'e-fe-folder';
-                // eslint-disable-next-line
+                // eslint-disable-next-line camelcase
+                folders[parseInt(length.toString(), 10)]._fm_icon = 'e-fe-folder';
                 const attr = {};
                 const id = getValue('id', folders[length]);
                 if (!isNullOrUndefined(id)) {
@@ -9048,21 +9602,20 @@ class NavigationPane {
             const element = select('[data-uid="' + target + '"]', this.treeObj.element);
             const childElements = select('ul', element);
             if (isNullOrUndefined(childElements)) {
-                // eslint-disable-next-line
                 this.treeObj.addNodes(directories, target, null, prevent);
             }
         }
     }
     // Node Selecting event handler
     onNodeSelecting(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
             const 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;
@@ -9081,7 +9634,7 @@ class NavigationPane {
                     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')) {
@@ -9093,7 +9646,6 @@ class NavigationPane {
     // Opens the folder while clicking open context menu item in the treeview.
     openFileOnContextMenuClick(node) {
         const data = this.treeObj.getTreeData(node);
-        // eslint-disable-next-line
         this.parent.selectedItems = [];
         this.parent.itemData = data;
         this.activeNode = node;
@@ -9122,7 +9674,6 @@ class NavigationPane {
         }
         this.activeNode = args.node;
         this.parent.activeModule = 'navigationpane';
-        // eslint-disable-next-line
         const nodeData = this.getTreeData(getValue('id', args.nodeData));
         this.parent.selectedItems = [];
         this.parent.itemData = nodeData;
@@ -9147,7 +9698,6 @@ class NavigationPane {
         this.isPathDragged = this.isRenameParent = this.isRightClick = this.isSameNodeClicked = false;
     }
     /* istanbul ignore next */
-    // eslint-disable-next-line
     onPathDrag(args) {
         this.isPathDragged = true;
         this.selectResultNode(args[0]);
@@ -9158,6 +9708,7 @@ class NavigationPane {
             return;
         }
         if (args.node.querySelector('.' + LIST_ITEM) === null) {
+            this.isNodeExpandCalled = true;
             const text = getValue('text', args.nodeData);
             const id = args.node.getAttribute('data-id');
             const isId = isNullOrUndefined(id) ? false : true;
@@ -9168,7 +9719,6 @@ class NavigationPane {
             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 */
@@ -9208,7 +9758,6 @@ class NavigationPane {
     }
     onPathChanged(args) {
         this.parent.isCut = false;
-        // eslint-disable-next-line
         const currFiles = getValue(this.parent.pathId[this.parent.pathId.length - 1], this.parent.feFiles);
         if (this.expandNodeTarget === 'add') {
             const sNode = select('[data-uid="' + this.treeObj.selectedNodes[0] + '"]', this.treeObj.element);
@@ -9313,14 +9862,12 @@ class NavigationPane {
             this.renameParent = null;
         }
         else {
-            // eslint-disable-next-line
             let 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
                 const nData = new DataManager(this.treeObj.getTreeData()).
                     executeLocal(new Query().where(this.treeObj.fields.text, 'equal', this.parent.renameText, false));
                 if (nData.length > 0) {
@@ -9341,16 +9888,13 @@ class NavigationPane {
             this.updateTree(args);
         }
         else {
-            // eslint-disable-next-line
             const data = this.treeObj.getTreeData();
-            // eslint-disable-next-line
             let resultData = [];
             if (this.parent.hasId) {
                 resultData = new DataManager(data).
                     executeLocal(new Query().where('id', 'equal', this.parent.renamedId, false));
             }
             else {
-                // eslint-disable-next-line
                 const nData = new DataManager(data).
                     executeLocal(new Query().where(this.treeObj.fields.text, 'equal', this.parent.currentItemText, false));
                 if (nData.length > 0) {
@@ -9405,7 +9949,6 @@ class NavigationPane {
         }
         this.treeObj.removeNodes(moveNames);
     }
-    // eslint-disable-next-line
     getMoveNames(files, flag, path) {
         const moveNames = [];
         for (let i = 0; i < files.length; i++) {
@@ -9418,7 +9961,6 @@ class NavigationPane {
                         name = path.substring(index + 1);
                         path = path.substring(0, index + 1);
                     }
-                    // eslint-disable-next-line
                     const resultData = new DataManager(this.treeObj.getTreeData()).
                         executeLocal(new Query().where(this.treeObj.fields.text, 'equal', name, false));
                     for (let j = 0; j < resultData.length; j++) {
@@ -9445,16 +9987,13 @@ class NavigationPane {
         this.treeObj.removeNodes(moveNames);
     }
     /* istanbul ignore next */
-    // eslint-disable-next-line
     selectResultNode(resultObj) {
         if (!this.parent.hasId) {
             const path = getValue('filterPath', resultObj);
             const itemname = getValue('name', resultObj);
-            // eslint-disable-next-line
             const 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
                 const resultData = new DataManager(data).
                     executeLocal(new Query().where('filterPath', 'equal', path, false));
                 if (resultData.length > 0) {
@@ -9476,14 +10015,12 @@ class NavigationPane {
         this.parent.isDropEnd = !this.parent.isPasteError;
     }
     onpasteEnd(args) {
-        // eslint-disable-next-line
         let 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
             const nData = new DataManager(this.treeObj.getTreeData()).
                 executeLocal(new Query().where(this.treeObj.fields.text, 'equal', getValue('name', args.cwd), false));
             if (nData.length > 0) {
@@ -9505,6 +10042,9 @@ class NavigationPane {
     }
     /* istanbul ignore next */
     checkDropPath(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);
@@ -9523,8 +10063,7 @@ class NavigationPane {
             this.updateItemData();
         }
         this.moveNames = [];
-        // eslint-disable-next-line
-        const obj = this.parent.isDragDrop ? this.parent.dragData : this.parent.actionRecords;
+        const obj = this.parent.isDragDrop || isFileSystemData(this.parent) ? this.parent.dragData : this.parent.actionRecords;
         for (let i = 0; i < obj.length; i++) {
             if (getValue('isFile', obj[i]) === false) {
                 this.moveNames.push(getValue('_fm_id', obj[i]));
@@ -9604,12 +10143,10 @@ class NavigationPane {
     /* istanbul ignore next */
     onDetailsInit() {
         if (this.parent.activeModule === this.getModuleName()) {
-            // eslint-disable-next-line
             const dataobj = this.getTreeData(this.treeObj.selectedNodes[0]);
             this.parent.itemData = dataobj;
         }
     }
-    // eslint-disable-next-line
     onMenuItemData(args) {
         if (this.parent.activeModule === this.getModuleName()) {
             const liEle = closest(args.target, 'li');
@@ -9707,7 +10244,6 @@ class NavigationPane {
                 break;
             case 'f2':
                 if (this.parent.selectedItems.length === 0) {
-                    // eslint-disable-next-line
                     const data = this.getTreeData(this.treeObj.selectedNodes[0])[0];
                     if (!hasEditAccess(data)) {
                         createDeniedDialog(this.parent, data, permissionEdit);
@@ -9720,9 +10256,7 @@ class NavigationPane {
                 break;
         }
     }
-    // eslint-disable-next-line
     getTreeData(args) {
-        // eslint-disable-next-line
         const data = this.treeObj.getTreeData(args);
         for (let i = 0; i < data.length; i++) {
             if (isNullOrUndefined(getValue('hasChild', data[i]))) {
@@ -9736,7 +10270,6 @@ class NavigationPane {
         this.parent.currentItemText = getValue('name', this.parent.itemData[0]);
     }
     updateItemData() {
-        // eslint-disable-next-line
         const data = this.getTreeData(this.treeObj.selectedNodes[0])[0];
         this.parent.itemData = [data];
         this.parent.isFile = false;
@@ -9757,6 +10290,7 @@ class NavigationPane {
     }
 }
 
+/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * DetailsView module
  */
@@ -9783,7 +10317,7 @@ class DetailsView {
         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();
@@ -9830,7 +10364,6 @@ class DetailsView {
         showSpinner(this.parent.element);
         if (this.parent.view === 'Details') {
             removeClass([this.parent.element], MULTI_SELECT);
-            // eslint-disable-next-line
             const items = getSortedData(this.parent, args.files);
             this.checkNameWidth();
             const columns = this.getColumns();
@@ -9871,8 +10404,7 @@ class DetailsView {
                 width: '100%',
                 height: (this.parent.enableVirtualization) ? this.getGridHeight() : 'auto',
                 beforeCopy: (args) => { args.cancel = true; },
-                // eslint-disable-next-line
-                load: function (args) {
+                load: function () {
                     this.focusModule.destroy();
                 },
                 locale: this.parent.locale
@@ -9890,18 +10422,18 @@ class DetailsView {
         }
     }
     reactTemplateRender(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
      */
     getGridHeight() {
@@ -9942,7 +10474,7 @@ class DetailsView {
     }
     getColumns() {
         let columns;
-        let enableHtmlSanitizer = this.parent.enableHtmlSanitizer;
+        const enableHtmlSanitizer = this.parent.enableHtmlSanitizer;
         if (this.parent.isMobile) {
             columns = [
                 {
@@ -9975,7 +10507,7 @@ class DetailsView {
                 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);
@@ -10034,7 +10566,8 @@ class DetailsView {
             }
         }
         if (!this.parent.showFileExtension && getValue('isFile', args.data)) {
-            const textEle = args.row.querySelector('.e-fe-text');
+            const text = getValue('name', args.data);
+            const textEle = args.row.querySelector('[title= "' + text + '"]');
             if (textEle) {
                 const name = getValue('name', args.data);
                 const type = getValue('type', args.data);
@@ -10068,7 +10601,6 @@ class DetailsView {
                 const dateEle = args.row.querySelector('.e-fe-date');
                 const intl = new Internationalization(this.parent.locale);
                 const columns = this.parent.detailsViewSettings.columns;
-                // eslint-disable-next-line
                 let format;
                 for (let i = 0; i < columns.length; i++) {
                     if (columns[i].field === 'dateModified') {
@@ -10104,7 +10636,6 @@ class DetailsView {
                 let len = rows.length;
                 this.sortSelectedNodes = [];
                 while (len > 0) {
-                    // eslint-disable-next-line
                     const data = this.gridObj.getRowsObject()[rows[len - 1]].data;
                     this.sortSelectedNodes.push(getValue(this.parent.hasId ? 'id' : 'name', data));
                     len--;
@@ -10121,10 +10652,11 @@ class DetailsView {
     }
     onBeforeDataBound(args) {
         showSpinner(this.parent.element);
-        let nameColumn = this.parent.detailsViewSettings.columns.find((column) => column.field === this.parent.sortBy);
+        const nameColumn = this.parent.detailsViewSettings.columns.find((column) => column.field === this.parent.sortBy);
         if (nameColumn && !('sortComparer' in nameColumn)) {
-            // eslint-disable-next-line
-            const items = getSortedData(this.parent, (this.parent.enableVirtualization) ? args.result : this.gridObj.dataSource);
+            const items = getSortedData(this.parent, (this.parent.enableVirtualization)
+                ? args.result
+                : this.gridObj.dataSource);
             args.result = items;
         }
     }
@@ -10133,7 +10665,7 @@ class DetailsView {
         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) {
@@ -10206,7 +10738,6 @@ class DetailsView {
         this.isLoaded = false;
     }
     selectRecords(nodes) {
-        // eslint-disable-next-line
         const gridRecords = this.gridObj.getCurrentViewRecords();
         const sRecords = [];
         for (let i = 0, len = gridRecords.length; i < len; i++) {
@@ -10214,7 +10745,7 @@ class DetailsView {
             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('.')) {
                 const Str2 = node.split('.').slice(0, -1).join('.');
                 if (nodes.indexOf(Str2) !== -1) {
                     sRecords.push(i);
@@ -10226,18 +10757,14 @@ class DetailsView {
             this.addFocus(this.gridObj.selectedRowIndex);
         }
     }
-    // eslint-disable-next-line
     addSelection(data) {
-        // eslint-disable-next-line
         const items = this.gridObj.getCurrentViewRecords();
-        // eslint-disable-next-line
         let rData = [];
         if (this.parent.hasId) {
             rData = new DataManager(items).
                 executeLocal(new Query().where('id', 'equal', this.parent.renamedId, false));
         }
         else {
-            // eslint-disable-next-line
             const nData = new DataManager(items).
                 executeLocal(new Query().where('name', 'equal', getValue('name', data), false));
             if (nData.length > 0) {
@@ -10255,7 +10782,6 @@ class DetailsView {
             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) {
@@ -10351,10 +10877,10 @@ class DetailsView {
         const len = this.gridObj.columns.length;
         const columnData = JSON.parse(JSON.stringify(this.gridObj.columns));
         if (columnData[len - 1].field && columnData[len - 1].field !== 'filterPath' && !this.parent.isMobile) {
-            const pathColumn$$1 = {
+            const 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;
@@ -10362,7 +10888,6 @@ class DetailsView {
         }
     }
     checkEmptyDiv(args) {
-        // eslint-disable-next-line
         const items = getSortedData(this.parent, args.files);
         if (items.length === 0 && !isNullOrUndefined(this.element.querySelector('.' + GRID_VIEW))) {
             createEmptyElement(this.parent, this.element, args);
@@ -10379,21 +10904,18 @@ class DetailsView {
     }
     onOpenInit() {
         if (this.parent.activeModule === 'detailsview') {
-            // eslint-disable-next-line
             const data = this.gridObj.getSelectedRecords()[0];
             this.openContent(data);
         }
     }
     DblClickEvents(args) {
         this.gridObj.selectRows([args.rowIndex]);
-        // eslint-disable-next-line
         let data;
         if (args.rowData) {
             data = JSON.parse(JSON.stringify(args.rowData));
             this.openContent(data);
         }
     }
-    // eslint-disable-next-line
     openContent(data) {
         if (!hasReadAccess(data)) {
             createDeniedDialog(this.parent, data, permissionRead);
@@ -10489,7 +11011,6 @@ class DetailsView {
                     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, {});
@@ -10678,7 +11199,6 @@ class DetailsView {
         this.parent.off(updateSelectionData, this.onUpdateSelectionData);
     }
     onActionFailure() { this.interaction = true; }
-    // eslint-disable-next-line
     onMenuItemData(args) {
         if (this.parent.activeModule === this.getModuleName()) {
             this.parent.itemData = [this.gridObj.getRowInfo(args.target).rowData];
@@ -10719,7 +11239,6 @@ class DetailsView {
         getModule(this.parent, dragLi);
         this.parent.activeElements = [];
         this.parent.dragData = [];
-        // eslint-disable-next-line
         this.parent.dragData = this.gridObj.getSelectedRecords();
         let dragRow;
         if (this.parent.dragData.length === 0 && dragLi) {
@@ -10807,16 +11326,13 @@ class DetailsView {
     onDropInit(args) {
         if (this.parent.targetModule === this.getModuleName()) {
             /* istanbul ignore next */
-            // eslint-disable-next-line
             const 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
                 let 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;
@@ -10918,7 +11434,6 @@ class DetailsView {
             this.parent.currentItemText = getValue('name', args.data);
         }
         else if (len > 0) {
-            // eslint-disable-next-line
             const data = this.gridObj.getRowsObject()[rows[len - 1]].data;
             this.parent.currentItemText = getValue('name', data);
         }
@@ -10948,7 +11463,6 @@ class DetailsView {
     }
     selectedRecords() {
         this.parent.setProperties({ selectedItems: [] }, true);
-        // eslint-disable-next-line
         const selectedRecords = this.gridSelectNodes();
         let selectSize = 0;
         while (selectSize < selectedRecords.length) {
@@ -11013,27 +11527,25 @@ class DetailsView {
     }
     wireClickEvent(toBind) {
         if (toBind) {
-            // eslint-disable-next-line
-            const proxy = this;
             const ele = this.gridObj.getContent();
             this.clickObj = new Touch(ele, {
                 tap: (eve) => {
                     if (eve.tapCount === 1 && eve.originalEvent.target.classList.contains('e-content')) {
-                        proxy.onClearAllInit();
+                        this.onClearAllInit();
                     }
                 },
                 tapHold: (e) => {
-                    if (proxy.parent.isDevice) {
+                    if (this.parent.isDevice) {
                         e.originalEvent.preventDefault();
-                        if (proxy.parent.allowMultiSelection) {
-                            setValue('enableSelectMultiTouch', proxy.parent.allowMultiSelection, proxy.gridObj.selectionModule);
-                            addClass([proxy.parent.element], MULTI_SELECT);
+                        if (this.parent.allowMultiSelection) {
+                            setValue('enableSelectMultiTouch', this.parent.allowMultiSelection, this.gridObj.selectionModule);
+                            addClass([this.parent.element], MULTI_SELECT);
                         }
                         const target = e.originalEvent.target;
                         if (target) {
                             const row = closest(target, '.' + ROW);
-                            const index = proxy.gridObj.getRows().indexOf(row);
-                            proxy.gridObj.selectRow(index);
+                            const index = this.gridObj.getRows().indexOf(row);
+                            this.gridObj.selectRow(index);
                         }
                     }
                 }
@@ -11077,7 +11589,6 @@ class DetailsView {
             parseInt(this.getFocusedItem().getAttribute('data-rowindex'), 10) : null;
     }
     /* istanbul ignore next */
-    // eslint:disable-next-line
     keydownHandler(e) {
         if (!this.isRendered) {
             return;
@@ -11116,26 +11627,20 @@ class DetailsView {
             case 'ctrlD':
                 e.preventDefault();
                 break;
-            default:
-                break;
         }
     }
     /* istanbul ignore next */
-    // eslint:disable-next-line
     keyupHandler(e) {
         if (!this.isRendered) {
             return;
         }
         e.preventDefault();
         const action = e.action;
-        // eslint-disable-next-line
         const gridItems = getSortedData(this.parent, this.gridObj.dataSource);
         const gridLength = gridItems.length;
-        const focItem = this.getFocusedItem();
         const focIndex = this.getFocusedItemIndex();
         const selIndex = this.gridObj.selectedRowIndex;
         const selRowIndeces = this.gridObj.getSelectedRowIndexes();
-        // eslint-disable-next-line
         let rowData;
         let firstItem;
         let lastItem;
@@ -11165,7 +11670,6 @@ class DetailsView {
                 }
                 rowData = this.gridObj.getRowsObject()[this.gridObj.selectedRowIndex].data;
                 if (rowData) {
-                    // eslint-disable-next-line
                     const data = JSON.parse(JSON.stringify(rowData));
                     this.openContent(data);
                 }
@@ -11282,14 +11786,12 @@ class DetailsView {
                 break;
         }
     }
-    // eslint-disable-next-line
     gridSelectNodes() {
         return this.gridObj.getSelectedRecords();
     }
     doDownload() {
         if (this.parent.selectedItems.length !== 0) {
             this.parent.itemData = this.gridObj.getSelectedRecords();
-            // eslint-disable-next-line
             const items = this.parent.itemData;
             for (let i = 0; i < items.length; i++) {
                 if (!hasDownloadAccess(items[i])) {
@@ -11303,7 +11805,6 @@ class DetailsView {
     performDelete() {
         if (this.parent.selectedItems && this.parent.selectedItems.length > 0) {
             this.parent.itemData = this.gridObj.getSelectedRecords();
-            // eslint-disable-next-line
             const items = this.parent.itemData;
             for (let i = 0; i < items.length; i++) {
                 if (!hasEditAccess(items[i])) {
@@ -11321,11 +11822,9 @@ class DetailsView {
         }
     }
     updateRenameData() {
-        // eslint-disable-next-line
         const data = this.gridSelectNodes()[0];
         updateRenamingData(this.parent, data);
     }
-    // eslint-disable-next-line
     shiftMoveMethod(gridItems, selIndex, focIndex, selRowIndeces, e) {
         if (!this.parent.allowMultiSelection) {
             this.moveFunction(gridItems, e, selIndex);
@@ -11343,7 +11842,6 @@ class DetailsView {
             }
         }
     }
-    // eslint-disable-next-line
     moveFunction(selectedItems, e, rowIndex) {
         if (!isNullOrUndefined(this.getFocusedItem()) && this.parent.allowMultiSelection) {
             if (e.action === 'moveDown') {
@@ -11390,7 +11888,6 @@ class DetailsView {
             this.gridObj.selectRow(selIndex);
         }
     }
-    // eslint-disable-next-line
     ctrlMoveFunction(items, e, rowIndex) {
         let nextItem;
         if (!isNullOrUndefined(this.getFocusedItem())) {
@@ -11409,7 +11906,6 @@ class DetailsView {
         }
         this.addFocus(nextItem);
     }
-    // eslint-disable-next-line
     checkRowsKey(items, indexValue, focIndex, e) {
         if (this.gridObj.checkAllRows === 'Uncheck' || this.gridObj.checkAllRows === 'Intermediate') {
             if (e.action !== 'csHome' && e.action !== 'csEnd') {
@@ -11533,7 +12029,6 @@ class DetailsView {
         }
         return check;
     }
-    // eslint-disable-next-line
     shiftSelectedItem(selIndex, selRowIndexes, gridItems, e) {
         if (selIndex === -1) {
             this.gridObj.selectRow(0);
@@ -11582,7 +12077,6 @@ class DetailsView {
             }
         }
     }
-    // eslint-disable-next-line
     onMethodCall(e) {
         if (this.parent.view !== 'Details') {
             return;
@@ -11615,17 +12109,14 @@ class DetailsView {
                 break;
         }
     }
-    // eslint-disable-next-line
     getRecords(nodes) {
-        // eslint-disable-next-line
         const gridRecords = this.gridObj.getCurrentViewRecords();
-        // eslint-disable-next-line
         const records = [];
         const hasFilter = (this.parent.breadcrumbbarModule.searchObj.element.value !== '' || this.parent.isFiltered) ? true : false;
-        const filter$$1 = this.parent.hasId ? 'id' : 'name';
+        const filter = this.parent.hasId ? 'id' : 'name';
         if (this.parent.hasId || !hasFilter) {
             for (let 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]);
                 }
             }
@@ -11646,12 +12137,10 @@ class DetailsView {
             this.performDelete();
             return;
         }
-        // eslint-disable-next-line
         const records = this.getRecords(ids);
         if (records.length === 0) {
             return;
         }
-        // eslint-disable-next-line
         const data = [];
         const newIds = [];
         for (let i = 0; i < records.length; i++) {
@@ -11665,12 +12154,10 @@ class DetailsView {
             this.doDownload();
             return;
         }
-        // eslint-disable-next-line
         const dRecords = this.getRecords(ids);
         if (dRecords.length === 0) {
             return;
         }
-        // eslint-disable-next-line
         const data = [];
         const newIds = [];
         for (let i = 0; i < dRecords.length; i++) {
@@ -11683,7 +12170,6 @@ class DetailsView {
         if (isNullOrUndefined(id)) {
             return;
         }
-        // eslint-disable-next-line
         const records = this.getRecords([id]);
         if (records.length > 0) {
             this.openContent(records[0]);
@@ -11695,7 +12181,6 @@ class DetailsView {
             this.performRename();
             return;
         }
-        // eslint-disable-next-line
         const records = this.getRecords([id]);
         if (records.length > 0) {
             updateRenamingData(this.parent, records[0]);
@@ -11714,21 +12199,5 @@ class 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.es2015.js.map