@syncfusion/ej2-filemanager 29.2.4 → 30.1.37

package/dist/ts/file-manager/common/operations.ts

@@ -0,0 +1,1369 @@
+import { Ajax, Fetch, createElement, select, extend } from '@syncfusion/ej2-base';
+import { isNullOrUndefined as isNOU, setValue, getValue } from '@syncfusion/ej2-base';
+import { IFileManager, ReadArgs, BeforeSendEventArgs, BeforeDownloadEventArgs } from '../base/interface';
+import * as events from '../base/constant';
+import { createDialog, createExtDialog } from '../pop-up/dialog';
+import { FileDetails, FileDragEventArgs, FailureEventArgs, SuccessEventArgs, FolderCreateEventArgs, DeleteEventArgs, RenameEventArgs, MoveEventArgs, SearchEventArgs } from '../../index';
+import { fileType, setNodeId, getLocaleText, setDateObject, doPasteUpdate, getPathObject } from '../common/utility';
+import { generatePath, getAccessDetails, getTargetPath } from '../common/utility';
+import { getUid } from '@syncfusion/ej2-grids';
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/**
+ * Function to read the content from given path in File Manager.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {string} event - specifies the event.
+ * @param {string} path - specifies the path.
+ * @returns {void}
+ * @private
+ */
+export function read(parent: IFileManager, event: string, path: string): void {
+    const itemData: Object[] = parent.itemData;
+    for (let i: number = 0; i < itemData.length; i++) {
+        if (isNOU(getValue('hasChild', itemData[i as number]))) { setValue('hasChild', false, itemData[i as number]); }
+    }
+    const data: Object = { action: 'read', path: path, showHiddenItems: parent.showHiddenItems, data: itemData };
+    createAjax(parent, data, readSuccess, event);
+}
+
+/**
+ * Function to create new folder in File Manager.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {string} itemName - specifies the item name.
+ * @returns {void}
+ * @private
+ */
+export function createFolder(parent: IFileManager, itemName: string): void {
+    const data: Object = { action: 'create', path: parent.path, name: itemName, data: parent.itemData };
+    createAjax(parent, data, createSuccess, itemName);
+}
+
+/**
+ * Function to filter the files in File Manager.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {string}  event - specifies the event.
+ * @returns {void}
+ * @private
+ */
+export function filter(parent: IFileManager, event: string): void {
+    const data: Object = { action: 'filter', path: parent.path, showHiddenItems: parent.showHiddenItems, data: [getPathObject(parent)] };
+    let filterData: Object;
+    const filterDataVal: Object = parent.filterData ? extend(filterData, data, parent.filterData) : data;
+    createAjax(parent, filterDataVal, filterSuccess, event, getValue('action', filterDataVal));
+}
+
+/**
+ * Function to rename the folder/file in File Manager.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {string} path - specifies the path.
+ * @param {string} itemNewName - specifies the item's new name.
+ * @returns {void}
+ * @private
+ */
+export function rename(parent: IFileManager, path: string, itemNewName: string): void {
+    let name: string;
+    let newName: string;
+    if (parent.breadcrumbbarModule.searchObj.element.value === '' && !parent.isFiltered) {
+        name = parent.currentItemText;
+        newName = itemNewName;
+    } else {
+        let fPath: string = parent.filterPath;
+        if (parent.hasId) {
+            name = parent.currentItemText;
+            newName = itemNewName;
+        } else {
+            fPath = fPath.replace(/\\/g, '/');
+            name = fPath.replace(path, '') + parent.currentItemText;
+            newName = fPath.replace(path, '') + itemNewName;
+        }
+    }
+    const data: Object = {
+        action: 'rename', path: path, name: name, newName: newName, data: parent.itemData, showFileExtension: parent.showFileExtension
+    };
+    createAjax(parent, data, renameSuccess, path);
+}
+
+
+/**
+ * Function to paste file's and folder's in File Manager.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {string} path - specifies the path.
+ * @param {string[]} names - specifies the names.
+ * @param {string} targetPath - specifies the target path.
+ * @param {string} pasteOperation - specifies the paste operation.
+ * @param {string[]} renameItems - specifies the rename items.
+ * @param {Object[]} actionRecords - specifies the action records.
+ * @returns {void}
+ * @private
+ */
+export function paste(
+    parent: IFileManager, path: string, names: string[], targetPath: string, pasteOperation: string,
+    renameItems?: string[], actionRecords?: Object[]): void {
+    const data: Object = {
+        action: pasteOperation, path: path, targetData: parent.itemData[0],
+        targetPath: targetPath, names: names, renameFiles: renameItems, data: actionRecords
+    };
+    parent.destinationPath = targetPath;
+    createAjax(parent, data, pasteSuccess, path, pasteOperation, targetPath);
+}
+
+/**
+ * Function to delete file's and folder's in File Manager.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {string[]} items - specifies the items.
+ * @param {string} path - specifies the path.
+ * @param {string} operation - specifies the operation.
+ * @returns {void}
+ * @private
+ */
+export function Delete(parent: IFileManager, items: string[], path: string, operation: string): void {
+    const data: Object = { action: operation, path: path, names: items, data: parent.itemData };
+    createAjax(parent, data, deleteSuccess, path);
+}
+
+/* istanbul ignore next */
+/**
+ * Function to get details of file's and folder's in File Manager.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {string[]} names - specifies the names.
+ * @param {string} path - specifies the path.
+ * @param {string} operation - specifies the operation data.
+ * @returns {void}
+ * @private
+ */
+export function GetDetails(parent: IFileManager, names: string[], path: string, operation: string): void {
+    const data: Object = { action: operation, path: path, names: names, data: parent.itemData };
+    createAjax(parent, data, detailsSuccess, path, operation);
+}
+
+/**
+ * Checks whether fileSystemData is enabled.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @returns {boolean} - returns the boolean value.
+ */
+export function isFileSystemData(parent: IFileManager): boolean {
+    const isFileSystemData: boolean = parent.fileSystemData.length >= 0 && isNOU(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: Record<string, any>, name: string): boolean {
+    const isExists: boolean = fileSystemData.some((item: { [key: string]: Object; }) => 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: IFileManager, id: number): number {
+    const index: number = parent.fileSystemData.findIndex(
+        (item: { [key: string]: Object; }) =>
+            !isNOU(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: IFileManager, id: number | string): Object {
+    const data: Object = parent.fileSystemData.filter((item: { [key: string]: Object; }) => 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: IFileManager, parentId: number | string): Object[] {
+    const data: Object[] = parent.fileSystemData.filter((item: { [key: string]: Object; }) => 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: { [key: string]: any }, target: { [key: string]: any },
+                       itemName: string, isCopy: boolean): Record<string, any> {
+    const newItem: Record<string, any> = {};
+    //Construct the new folder details.
+    for (const key in data) {
+        if (Object.prototype.hasOwnProperty.call(data, key)) {
+            newItem[key as string] = null;
+        }
+    }
+    const currentDate: Date = new Date();
+    const folderPath: string = String(target.id) !== String(0) && !isNOU(target.parentId) ? 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 : ''
+    });
+    if (!isNOU(target.filterId)) {
+        Object.assign(newItem, {
+            filterId: target.filterId + target.id + '/'
+        });
+    }
+    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: IFileManager, message: string, code: string, fileName: Object[]): void {
+    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: IFileManager, data: Object, eventArgs: BeforeSendEventArgs): void {
+    const createEventArgs: FolderCreateEventArgs = {
+        folderName: getValue('name', data),
+        cancel: false,
+        path: getValue('path', data),
+        parentFolder: getValue('data', data)
+    };
+    parent.trigger('beforeFolderCreate', createEventArgs, function (args: FolderCreateEventArgs): void {
+        if (args.cancel) {
+            eventArgs.cancel = true; return;
+        }
+        if (isFileSystemData(parent)) {
+            if (!isFileExists(parent.fileSystemData, args.folderName)) {
+                const data: { [key: string]: Object; } = args.parentFolder[0];
+                const newObject: { [key: string]: Object; } = createNewItem(data, data, args.folderName, false);
+                parent.fileSystemData.push(newObject);
+            }
+            else {
+                const message: string = '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: IFileManager, data: Object, eventArgs: BeforeSendEventArgs): void {
+    const deleteEventArgs: DeleteEventArgs = {
+        cancel: false,
+        itemData: getValue('data', data),
+        path: getValue('path', data)
+    };
+    parent.trigger('beforeDelete', deleteEventArgs, function (args: DeleteEventArgs): void {
+        if (args.cancel) {
+            eventArgs.cancel = true; return;
+        }
+        if (isFileSystemData(parent)) {
+            args.itemData.forEach((itemData: any) => {
+                const index: number = findIndexById(parent, itemData.id);
+                if (index !== -1) {
+                    parent.fileSystemData.splice(index, 1);
+                }
+                if (!itemData.isFile) {
+                    const subItems: { [key: string]: any; } = parent.fileSystemData.filter(function (obj: { [key: string]: any; }): void
+                    { return obj.filterPath.includes(itemData.name); });
+                    subItems.forEach((subItem: any) => {
+                        const index: number = 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: IFileManager, data: Object, eventArgs: BeforeSendEventArgs): void {
+    const renameEventArgs: RenameEventArgs = {
+        cancel: false,
+        newName: getValue('newName', data),
+        itemData: getValue('data', data),
+        path: getValue('path', data)
+    };
+    parent.trigger('beforeRename', renameEventArgs, function (args: RenameEventArgs): void {
+        if (args.cancel) {
+            eventArgs.cancel = true; return;
+        }
+        if (isFileSystemData(parent)) {
+            if (!isFileExists(parent.fileSystemData, args.newName)) {
+                const fileData: { [key: string]: any; } = filterById(parent, (args.itemData[0] as any).id);
+                const oldName: string = fileData.name;
+                fileData.name = args.newName;
+                updateChildrenFilterPath(parent, fileData.id, oldName, args.newName);
+            }
+            else {
+                const message: string = 'Cannot rename' + (args.itemData[0] as { [key: string]: Object; }).name + 'to' + args.newName + ': destination already exists.';
+                createErrorObject(parent, message, '400', null);
+            }
+        }
+    });
+}
+
+/**
+ * Function to update child item filter path.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {string | number} parentId - specifies the parent id.
+ * @param {string} oldName - specifies the previous name.
+ * @param {string} newName - specifies the new name.
+ * @returns {void}
+ * @private
+ */
+function updateChildrenFilterPath(parent: IFileManager, parentId: string | number, oldName: string, newName: string): void {
+    parent.fileSystemData.forEach((item: { [key: string]: any; }) => {
+        if (String(item.parentId) === String(parentId)) {
+            const oldPath: string = item.filterPath;
+            const newPath: string = oldPath.replace(oldName + '\\', newName + '\\');
+            item.filterPath = newPath;
+            updateChildrenFilterPath(parent, item.id, oldName, newName);
+        }
+    });
+}
+
+/**
+ * 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: IFileManager, data: Object, eventArgs: BeforeSendEventArgs): void {
+    const moveEventArgs: 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: MoveEventArgs): void {
+        if (args.cancel) {
+            eventArgs.cancel = true; return;
+        }
+        if (isFileSystemData(parent)) {
+            const message: string = 'File Already Exists';
+            const action: string = getValue('action', data);
+            const itemPermission: string = getAccessDetails(parent, args.itemData, action, false);
+            const pathPermission: string = getAccessDetails(parent, [args.targetData], action, true);
+            const file: Object[] = [];
+            parent.pasteNodes = [];
+            if (itemPermission === '' && pathPermission === '') {
+                if (args.isCopy) {
+                    const folderSubItems: Object[] = filterByParent(parent, (args.targetData as any).id);
+                    const copiedFolders: { [key: string]: Object; }[] = args.itemData;
+                    copiedFolders.forEach((itemData: any) => {
+                        if (!isFileExists(folderSubItems, itemData.name) || getValue('renameFiles', data).length > 0) {
+                            if (getValue('renameFiles', data).length > 0) {
+                                const names: string[] = itemData.name.split('.');
+                                const name: string = 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: { [key: string]: any; } = args.targetData;
+                const getTargetFiles: Object[] = filterByParent(parent, target.id);
+                for (let i: number = 0; i < args.itemData.length; i++) {
+                    const currItem: { [key: string]: any; } = args.itemData[i as number];
+                    if (!isFileExists(getTargetFiles, currItem.name) || getValue('renameFiles', data).length > 0) {
+                        if (!target.hasChild) {
+                            target.hasChild = !currItem.isFile;
+                            const targetItem: { [key: string]: Object; }[] = parent.fileSystemData
+                                .filter((item: { [key: string]: Object; }) => String(item.id) === String(target.id));
+                            if (targetItem.length > 0) {
+                                targetItem[0].hasChild = target.hasChild;
+                            }
+                        }
+                        if (!currItem.isFile) {
+                            //Check whether the source folder include other sub folders or not.
+                            const subItems: Object[] = currItem.parentId !== 0
+                                ? filterByParent(parent, currItem.parentId) : [];
+                            const itemData: any = filterById(parent, currItem.parentId);
+                            itemData.hasChild = subItems.length > 1 ? true : false;
+                        }
+                        const fileData: any = filterById(parent, currItem.id);
+                        if (getValue('renameFiles', data).length > 0) {
+                            const names: string[] = 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: string[] = 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 + '\\';
+                        if (!isNOU(target.filterId)) {
+                            fileData.filterId = target.filterId + target.id + '/';
+                        }
+                        if (!currItem.isFile) {
+                            updateMovedItemChildren(parent, fileData);
+                        }
+                    }
+                    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: IFileManager, data: Object, eventArgs: BeforeSendEventArgs): void {
+    const searchEventArgs: 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: SearchEventArgs): void {
+        setValue('data', args.searchResults, data);
+        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: IFileManager, data: Object, eventArgs: BeforeSendEventArgs): void {
+    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: IFileManager, data: Object, fn: Function, event?: string,
+    operation?: string, targetPath?: string): void {
+    const ajaxSettings: Object = {
+        url: parent.ajaxSettings.url,
+        type: 'POST',
+        mode: true,
+        dataType: 'json',
+        contentType: 'application/json',
+        data: JSON.stringify(data),
+        onSuccess: null,
+        onFailure: null,
+        beforeSend: null
+    };
+    const eventArgs: BeforeSendEventArgs = { action: getValue('action', data), ajaxSettings: ajaxSettings, cancel: false };
+    triggerClientEvents(parent, data, eventArgs);
+    parent.trigger('beforeSend', eventArgs, (beforeSendArgs: BeforeSendEventArgs) => {
+        if (!beforeSendArgs.cancel) {
+            parent.notify(events.beforeRequest, {});
+            if (isFileSystemData(parent)) {
+                const filePath: string = event === 'node-expand' || event === 'finalize-end' || event === 'rename-end-parent'
+                    ? getValue('path', data) : parent.path;
+                const pathArray: string[] = filePath.replace(/^\/|\/$/g, '').split('/');
+                const idValue: string = event === 'rename-end-parent' || (event === 'path-changed' && getValue('data', data).length !== 0 && isNOU(parent.renamedItem))
+                    ? getValue('data', data)[0].id : pathArray[pathArray.length - 1];
+                const action: string = getValue('action', data);
+                const isFileOperation: boolean = (action === 'move' || action === 'rename' || action === 'copy' || action === 'delete' || action === 'search') && event !== 'rename-end';
+                if (action === 'read' || action === 'create' || event === 'rename-end') {
+                    const rootId: number | string = parent.fileSystemData
+                        .filter((item: { [key: string]: Object; }) => isNOU(item.parentId))
+                        .length > 0
+                        ? parent.fileSystemData
+                            .filter((item: { [key: string]: Object; }) => isNOU(item.parentId))[0].id as number | string
+                        : 0;
+                    parent.responseData = {
+                        cwd: filterById(parent, parent.path === '/' && event !== 'node-expand' && event !== 'rename-end-parent' ? rootId : idValue),
+                        details: null,
+                        error: null,
+                        files: filterByParent(parent, parent.path === '/' && event !== 'node-expand' && event !== 'rename-end-parent' ? rootId : idValue)
+                    };
+                    if (isNOU(parent.responseData.cwd)) {
+                        const message: string = 'Cannot load empty data within the File Manager.';
+                        createErrorObject(parent, message, '400', null);
+                    }
+                }
+                else if (isFileOperation && parent.responseData.error === null) {
+                    let itemData: Object[] =  action === 'search' || action === 'delete' ? getValue('data', data) : [];
+                    if (itemData.length === 0) {
+                        if (action === 'copy') {
+                            itemData = parent.pasteNodes.map((item: number | string) => filterById(parent, item));
+                        }
+                        else {
+                            itemData = getValue('data', data).map((item: any) => filterById(parent, item.id));
+                        }
+                    }
+                    parent.responseData = {
+                        cwd: null,
+                        details: null,
+                        error: null,
+                        files: itemData
+                    };
+                }
+                else if (getValue('action', data) === 'details') {
+                    const itemData: { [key: string]: any } = getValue('data', data);
+                    const details: { [key: string]: any } = itemData[0];
+                    const isMultipleFiles: boolean = itemData.length > 1;
+                    const itemNames: string[] = itemData.map((item: { [key: string]: any }) => item.name);
+                    const totalSize: string = isMultipleFiles ? getSize(itemData.reduce(
+                        (accumulator: number, currentObject: any) => accumulator + (currentObject.size || 0), 0)) : getSize(details.size);
+                    const path: string | string[] = ((parent.pathNames as any).includes(details.name) || isMultipleFiles ? parent.pathNames.join('/') : parent.pathNames.join('/') + '/' + details.name);
+                    parent.responseData.details = Object.assign({
+                        location: 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: Ajax = new Ajax({
+                url: getValue('url', beforeSendArgs.ajaxSettings),
+                type: getValue('type', beforeSendArgs.ajaxSettings),
+                mode: getValue('mode', beforeSendArgs.ajaxSettings),
+                dataType: getValue('dataType', beforeSendArgs.ajaxSettings),
+                contentType: getValue('contentType', beforeSendArgs.ajaxSettings),
+                data: getValue('data', beforeSendArgs.ajaxSettings),
+                beforeSend: getValue('beforeSend', beforeSendArgs.ajaxSettings),
+                onSuccess: (result: ReadArgs) => {
+                    if (isNOU(result)) {
+                        const result: ReadArgs = {
+                            error: {
+                                fileExists: null,
+                                message: getLocaleText(parent, 'Server-Error') + ' ' + parent.ajaxSettings.url,
+                                code: '406'
+                            },
+                            files: null
+                        };
+                        triggerAjaxFailure(parent, beforeSendArgs, fn, result, event, operation, targetPath);
+                        return;
+                    }
+                    if (typeof (result) === 'string') {
+                        result = JSON.parse(result);
+                    }
+                    performReadOperation(parent, result, fn, data, event, operation, targetPath, beforeSendArgs);
+                },
+                onFailure: () => {
+                    const result: ReadArgs = {
+                        files: null,
+                        error: {
+                            code: '404',
+                            message: getLocaleText(parent, 'Network-Error') + ' ' + parent.ajaxSettings.url,
+                            fileExists: null
+                        }
+                    };
+                    triggerAjaxFailure(parent, beforeSendArgs, fn, result, event, operation, targetPath);
+                }
+            });
+            ajax.send();
+        }
+    });
+}
+
+/**
+ * Function to get file size.
+ *
+ * @param {number} size - specifies the size.
+ * @returns {string} - returns the size.
+ * @private
+ */
+function getSize(size: number): string {
+    let hz: string;
+    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: IFileManager, result: ReadArgs, fn: Function, data: Object, event?: string,
+    operation?: string, targetPath?: string, beforeSendArgs?: BeforeSendEventArgs): void {
+    parent.notify(events.afterRequest, { action: 'success' });
+    const id: string = parent.expandedId ? parent.expandedId : parent.pathId[parent.pathId.length - 1];
+    if (!isNOU(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 (!isNOU(result.files) || result.error.code === '401') {
+            if ((event === 'finalize-end' || event === 'initial-end') && parent.pathNames.length === 0) {
+                const root: Object = getValue(parent.pathId[0], parent.feParent);
+                parent.pathNames[0] = getValue('name', root);
+                parent.hasId = !isNOU(getValue('id', root));
+            }
+            if (event === 'finalize-end') {
+                generatePath(parent);
+            }
+        }
+    }
+    if (!isNOU(result.files)) {
+        setDateObject(result.files);
+        for (let i: number = 0, len: number = result.files.length; i < len; i++) {
+            const item: Object = result.files[i as number];
+            setValue('_fm_iconClass', fileType(item), item);
+        }
+        if (getValue('action', data) === 'read') {
+            setNodeId(result, id);
+            setValue(id, result.files, parent.feFiles);
+        }
+    }
+    if (!isNOU(result.details) && !isNOU(parent.rootAliasName)) {
+        const rootName: string = parent.rootAliasName || getValue('name', result.details);
+        let location: string = 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);
+            }
+            if (location.indexOf('\\') === -1) {
+                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 (!isNOU(result.files) && (event === 'path-changed' || event === 'finalize-end' || event === 'open-end' || event === 'drop-path')) {
+        parent.notify(events.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: IFileManager, data: { [key: string]: any }, target: { [key: string]: any }, itemName: string): void {
+    const newObject: { [key: string]: any } = createNewItem(data, target, itemName, true);
+    parent.fileSystemData.push(newObject);
+    parent.pasteNodes.push(newObject.id);
+    const copiedItems: Object[] = filterByParent(parent, data.id);
+    for (let i: number = 0; i < copiedItems.length; i++) {
+        copyFolderItems(parent, copiedItems[i as number], newObject, null);
+    }
+}
+/**
+ * Function to move operation.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {Object} itemData - specifies the data.
+ * @returns {void}
+ * @private
+ */
+function updateMovedItemChildren(parent: IFileManager, itemData: { [key: string]: any }): void {
+    const childItems: Object[] = filterByParent(parent, itemData.id);
+    childItems.forEach((childItem: any) => {
+        childItem.filterPath = itemData.filterPath + itemData.name + '\\';
+        if (!isNOU(itemData.filterId)) {
+            childItem.filterId = itemData.filterId + itemData.id + '/';
+        }
+        if (!childItem.isFile) {
+            updateMovedItemChildren(parent, childItem);
+        }
+    });
+}
+/**
+ * Function for trigger Ajax failure in File Manager.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {BeforeSendEventArgs} beforeSendArgs - specifies the beforeSendArgs.
+ * @param {Function} fn - specifies the function.
+ * @param {ReadArgs} result - specifies the result.
+ * @param {string} event - specifies the event.
+ * @param {string} operation - specifies the operation.
+ * @param {string} targetPath - specifies the targetPath.
+ * @returns {void}
+ * @private
+ */
+function triggerAjaxFailure(
+    parent: IFileManager, beforeSendArgs: BeforeSendEventArgs, fn: Function,
+    result: ReadArgs, event?: string, operation?: string, targetPath?: string): void {
+    parent.notify(events.afterRequest, { action: 'failure' });
+    fn(parent, result, event, operation, targetPath);
+    if (typeof getValue('onFailure', beforeSendArgs.ajaxSettings) === 'function') {
+        getValue('onFailure', beforeSendArgs.ajaxSettings)();
+    }
+}
+
+/**
+ * Function for read success in File Manager.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {ReadArgs} result - specifies the result.
+ * @param {string} event - specifies the event.
+ * @returns {void}
+ * @private
+ */
+function readSuccess(parent: IFileManager, result: ReadArgs, event: string): void {
+    try {
+        if (!isNOU(result.files)) {
+            parent.notify(event, result);
+            parent.notify(events.selectionChanged, {});
+            const args: SuccessEventArgs = { action: 'read', result: result };
+            parent.trigger('success', args);
+        } else {
+            if (!isNOU(result.error) && result.error.code === '401') {
+                result.files = [];
+                parent.notify(event, result);
+                parent.notify(events.selectionChanged, {});
+            }
+            onFailure(parent, result, 'read');
+            parent.setProperties({ path: parent.oldPath }, true);
+            parent.pathNames.pop();
+        }
+    }
+    catch (error) {
+        handleCatchError(parent, error, 'read');
+        parent.setProperties({ path: parent.oldPath }, true);
+        parent.pathNames.pop();
+    }
+    if (parent.isDragDrop && parent.isDropEnd) {
+        if (parent.droppedObjects.length !== 0) {
+            const args: FileDragEventArgs = { fileDetails: parent.droppedObjects };
+            parent.trigger('fileDropped', args);
+        }
+        parent.isDropEnd = parent.isDragDrop = false;
+    }
+}
+
+/**
+ * Function for filter success in File Manager.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {ReadArgs} result - specifies the result.
+ * @param {string} event - specifies the event.
+ * @param {string} action - specifies the action.
+ * @returns {void}
+ * @private
+ */
+function filterSuccess(parent: IFileManager, result: ReadArgs, event: string, action: string): void {
+    try {
+        if (!isNOU(result.files)) {
+            parent.notify(event, result);
+            const args: SuccessEventArgs = { action: action, result: result };
+            parent.trigger('success', args);
+        } else {
+            onFailure(parent, result, action);
+        }
+    }
+    catch (error) {
+        handleCatchError(parent, error, action);
+    }
+}
+
+/* istanbul ignore next */
+/**
+ * Function for create success in File Manager.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {ReadArgs} result - specifies the result.
+ * @param {string} itemName - specifies the item name.
+ * @returns {void}
+ * @private
+ */
+function createSuccess(parent: IFileManager, result: ReadArgs, itemName: string): void {
+    try {
+        if (!isNOU(result.files)) {
+            if (parent.dialogObj && parent.dialogObj.visible) { parent.dialogObj.hide(); }
+            parent.createdItem = isFileSystemData(parent) ? result.files[result.files.length - 1] : result.files[0];
+            parent.breadcrumbbarModule.searchObj.value = '';
+            const createEventArgs: FolderCreateEventArgs = {
+                folderName: itemName,
+                path: parent.path,
+                parentFolder: parent.itemData as { [key: string]: Object }[]
+            };
+            parent.trigger('folderCreate', createEventArgs);
+            const args: SuccessEventArgs = { action: 'create', result: result };
+            parent.trigger('success', args);
+            parent.itemData = [getPathObject(parent)];
+            read(parent, events.createEnd, parent.path);
+        } else {
+            if (result.error.code === '400') {
+                if (parent.dialogObj && parent.dialogObj.visible) {
+                    const ele: HTMLInputElement = select('#newname', parent.dialogObj.element) as HTMLInputElement;
+                    const error: string = getLocaleText(parent, 'Validation-NewFolder-Exists').replace('{0}', '"' + ele.value + '"');
+                    ele.parentElement.nextElementSibling.innerHTML = error;
+                } else {
+                    const result: ReadArgs = {
+                        files: null,
+                        error: {
+                            code: '400',
+                            message: getLocaleText(parent, 'Validation-NewFolder-Exists').replace('{0}', '"' + itemName + '"'),
+                            fileExists: null
+                        }
+                    };
+                    createDialog(parent, 'Error', result);
+                }
+                const args: FailureEventArgs = { action: 'create', error: result.error };
+                parent.trigger('failure', args);
+            } else {
+                if (parent.dialogObj && parent.dialogObj.visible) { parent.dialogObj.hide(); }
+                onFailure(parent, result, 'create');
+            }
+        }
+    }
+    catch (error) {
+        if (parent.dialogObj && parent.dialogObj.visible) { parent.dialogObj.hide(); }
+        handleCatchError(parent, error, 'create');
+    }
+}
+
+/* istanbul ignore next */
+/**
+ * Function to rename the folder/file in File Manager.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {ReadArgs} result - specifies the result.
+ * @returns {void}
+ * @private
+ */
+function renameSuccess(parent: IFileManager, result: ReadArgs): void {
+    try {
+        if (!isNOU(result.files)) {
+            if (!isNOU(parent.dialogObj)) { parent.dialogObj.hide(); }
+            const args: SuccessEventArgs = { action: 'rename', result: result };
+            parent.trigger('success', args);
+            parent.renamedItem = Array.isArray(result.files) ? result.files[0] : result.files;
+            const renameEventArgs: RenameEventArgs = {
+                newName: parent.renamedItem.name as string,
+                itemData: [parent.renamedItem as { [key: string]: Object; }],
+                path: parent.path
+            };
+            parent.trigger('rename', renameEventArgs);
+            if (parent.activeModule === 'navigationpane') {
+                const pathObject: Object = getPathObject(parent);
+                const pathLevel: number = parent.pathId[parent.pathId.length - 1].split('_').length - 2;
+                parent.pathId.pop();
+                parent.itemData = [getValue(parent.pathId[parent.pathId.length - 1], parent.feParent)];
+                const renamePath: string = getTargetPath(parent, parent.renamedItem);
+                read(parent, events.renameEndParent, renamePath);
+                if (!isNOU(pathObject) && parent.pathNames.length > 1 && pathLevel <= parent.pathNames.length - 1) {
+                    parent.pathNames[pathLevel as number] = parent.renameText;
+                    if (!parent.hasId) {
+                        parent.setProperties({ path: `/${parent.pathNames.slice(1).join('/')}/` }, true);
+                    }
+                }
+                parent.itemData = parent.navigationpaneModule.previousSelected.length > 0
+                    ? parent.navigationpaneModule.treeObj.getTreeData(parent.navigationpaneModule.previousSelected[0]) : parent.itemData;
+                read(parent, events.pathChanged, parent.path);
+                parent.itemData[0] = parent.renamedItem;
+                parent.renamedItem = null;
+            } else {
+                parent.itemData = [getPathObject(parent)];
+                if (parent.breadcrumbbarModule.searchObj.value !== '') {
+                    Search(
+                        parent, events.renameEnd, parent.path, parent.searchWord,
+                        parent.showHiddenItems, !parent.searchSettings.ignoreCase
+                    );
+                } else {
+                    if (parent.isFiltered) {
+                        filter(parent, events.renameEnd);
+                    } else {
+                        read(parent, events.renameEnd, parent.path);
+                    }
+                }
+            }
+        } else {
+            if (result.error.code === '400' && parent.dialogObj && parent.dialogObj.visible) {
+                const ele: HTMLInputElement = select('#rename', parent.dialogObj.element) as HTMLInputElement;
+                let error: string = getLocaleText(parent, 'Validation-Rename-Exists').replace('{0}', '"' + parent.currentItemText + '"');
+                error = error.replace('{1}', '"' + ele.value + '"');
+                ele.parentElement.nextElementSibling.innerHTML = error;
+                const args: FailureEventArgs = { action: 'rename', error: result.error };
+                parent.trigger('failure', args);
+            } else {
+                if (!isNOU(parent.dialogObj)) { parent.dialogObj.hide(); }
+                onFailure(parent, result, 'rename');
+            }
+        }
+    }
+    catch (error) {
+        if (!isNOU(parent.dialogObj)) { parent.dialogObj.hide(); }
+        handleCatchError(parent, error, 'rename');
+    }
+}
+
+/* istanbul ignore next */
+/**
+ * Function to create new folder in File Manager.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {ReadArgs} result - specifies the result.
+ * @param {string} path - specifies the path.
+ * @param {string} operation - specifies the operation.
+ * @returns {void}
+ * @private
+ */
+function pasteSuccess(
+    parent: IFileManager, result: ReadArgs, path: string, operation: string): void {
+    try {
+        const moveorcopyEventArgs: MoveEventArgs = {
+            itemData: result.files,
+            isCopy: operation === 'copy' ? true : false,
+            path: path,
+            targetData: parent.itemData[0] as { [key: string]: Object},
+            targetPath: parent.path
+        };
+        parent.trigger('move', moveorcopyEventArgs);
+        if (result.error && result.error.fileExists) {
+            parent.fileLength = 0;
+            if (!isNOU(result.files)) {
+                parent.isPasteError = true;
+                doPasteUpdate(parent, operation, result);
+            }
+            createExtDialog(parent, 'DuplicateItems', result.error.fileExists);
+            if (result.error.code === '404') {
+                createDialog(parent, 'Error', result);
+            }
+        } else if (!result.error && !isNOU(result.files)) {
+            parent.isPasteError = false;
+            doPasteUpdate(parent, operation, result);
+        } else if (result.error && !isNOU(result.files)) {
+            parent.isPasteError = true;
+            doPasteUpdate(parent, operation, result);
+            createDialog(parent, 'Error', result);
+        } else {
+            onFailure(parent, result, operation);
+        }
+    }
+    catch (error) {
+        handleCatchError(parent, error, operation);
+    }
+}
+
+/**
+ * Function to delete success in File Manager.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {ReadArgs} result - specifies the result.
+ * @param {string} path - specifies the path.
+ * @returns {void}
+ * @private
+ */
+function deleteSuccess(parent: IFileManager, result: ReadArgs, path: string): void {
+    try {
+        const deleteEventArgs: DeleteEventArgs = {
+            itemData: result.files,
+            path: path
+        };
+        parent.trigger('delete', deleteEventArgs);
+        if (!isNOU(result.files)) {
+            parent.setProperties({ path: path }, true);
+            parent.itemData = [getPathObject(parent)];
+            read(parent, events.deleteEnd, parent.path);
+            if (result.error) {
+                onFailure(parent, result, 'delete');
+            } else {
+                const args: SuccessEventArgs = { action: 'delete', result: result };
+                parent.trigger('success', args);
+            }
+        } else {
+            onFailure(parent, result, 'delete');
+        }
+    }
+    catch (error) {
+        handleCatchError(parent, error, 'delete');
+    }
+}
+/**
+ * Function for details success in File Manager.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {ReadArgs} result - specifies the result.
+ * @param {string} path - specifies the path.
+ * @param {string} operation - specifies the operation.
+ * @returns {void}
+ * @private
+ */
+function detailsSuccess(
+    // eslint:disable-next-line
+    parent: IFileManager, result: ReadArgs, path: string, operation: string): void {
+    try {
+        if (!isNOU(result.details)) {
+            createDialog(parent, operation, null, <FileDetails>result.details);
+            const args: SuccessEventArgs = { action: 'details', result: result };
+            parent.trigger('success', args);
+        } else {
+            onFailure(parent, result, 'details');
+        }
+    }
+    catch (error) {
+        handleCatchError(parent, error, 'details');
+    }
+}
+/**
+ * Function for on failure event in File Manager.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {ReadArgs} result - specifies the result.
+ * @param {string} action - specifies the action.
+ * @returns {void}
+ * @private
+ */
+function onFailure(parent: IFileManager, result: ReadArgs, action: string): void {
+    createDialog(parent, 'Error', result);
+    const args: FailureEventArgs = { action: action, error: result.error };
+    parent.trigger('failure', args);
+}
+/**
+ * Function for search in File Manager.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {string} event - specifies the event.
+ * @param {string} path - specifies the path.
+ * @param {string} searchString - specifies the search string.
+ * @param {boolean} showHiddenItems - specifies the hidden items.
+ * @param {boolean} caseSensitive - specifies the casing of search text.
+ * @returns {void}
+ * @private
+ */
+export function Search(
+    parent: IFileManager, event: string, path: string, searchString: string, showHiddenItems?: boolean, caseSensitive?: boolean): void {
+    const data: Object = {
+        action: 'search', path: path, searchString: searchString, showHiddenItems: showHiddenItems, caseSensitive: caseSensitive,
+        data: parent.itemData
+    };
+    createAjax(parent, data, searchSuccess, event);
+}
+
+/* istanbul ignore next */
+/**
+ * Function for search success in File Manager.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {ReadArgs} result - specifies the result.
+ * @param {string} event - specifies the event.
+ * @returns {void}
+ * @private
+ */
+function searchSuccess(parent: IFileManager, result: ReadArgs, event: string): void {
+    try {
+        if (!isNOU(result.files)) {
+            parent.notify(event, result);
+            const args: SuccessEventArgs = { action: 'search', result: result };
+            parent.trigger('success', args);
+        } else {
+            onFailure(parent, result, 'search');
+        }
+    }
+    catch (error) {
+        handleCatchError(parent, error, 'search');
+    }
+}
+/* istanbul ignore next */
+/**
+ * Function for download in File Manager.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {string} path - specifies the path.
+ * @param {string[]} items - specifies the items.
+ * @returns {void}
+ * @private
+ */
+export function Download(parent: IFileManager, path: string, items: string[]): void {
+    const downloadUrl: string = parent.ajaxSettings.downloadUrl ? parent.ajaxSettings.downloadUrl : parent.ajaxSettings.url;
+    const data: Object = { 'action': 'download', 'path': path, 'names': items, 'data': parent.itemData };
+    const ajaxSettings: Object = {
+        url: downloadUrl,
+        type: 'POST',
+        contentType: 'application/json',
+        responseType: 'blob',
+        data: JSON.stringify(data),
+        onSuccess: null,
+        onFailure: null,
+        beforeSend: null
+    };
+    const eventArgs: BeforeDownloadEventArgs = { data: data, cancel: false, useFormPost: true, ajaxSettings: ajaxSettings };
+    parent.trigger('beforeDownload', eventArgs, (downloadArgs: BeforeDownloadEventArgs) => {
+        if (!downloadArgs.cancel) {
+            if (downloadArgs.useFormPost) {
+                const form: HTMLElement = createElement('form', {
+                    id: parent.element.id + '_downloadForm',
+                    attrs: { action: downloadUrl, method: 'post', name: 'downloadForm', 'download': '' }
+                });
+                const input: HTMLElement =
+                    createElement('input', {
+                        id: parent.element.id + '_hiddenForm',
+                        attrs: { name: 'downloadInput', value: JSON.stringify(downloadArgs.data), type: 'hidden' }
+                    });
+                form.appendChild(input);
+                parent.element.appendChild(form);
+                document.forms.namedItem('downloadForm').submit();
+                parent.element.removeChild(form);
+            }
+            else {
+                try {
+                    let contentDisposition: string | null;
+                    let fileName: string;
+                    const fetch: Fetch = new Fetch({
+                        url: getValue('url', downloadArgs.ajaxSettings),
+                        type: getValue('type', downloadArgs.ajaxSettings),
+                        contentType: getValue('contentType', downloadArgs.ajaxSettings),
+                        responseType: getValue('responseType', downloadArgs.ajaxSettings),
+                        beforeSend: getValue('beforeSend', downloadArgs.ajaxSettings),
+                        onLoad: (e: Response) => {
+                            contentDisposition = e.headers.get('Content-Disposition');
+                            if (contentDisposition) {
+                                const filenameMatch: RegExpMatchArray | null = contentDisposition.match(/filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/);
+                                const extractedFilename: string | null = filenameMatch && filenameMatch[1];
+                                fileName = extractedFilename ? extractedFilename.replace(/['"]/g, '') : fileName;
+                            }
+                            else {
+                                fileName = parent.itemData.length > 1 ? 'files.zip' : getValue('isFile', parent.itemData[0]) ? getValue('name', parent.itemData[0]) : getValue('name', parent.itemData[0]) + '.zip';
+                            }
+                        },
+                        onSuccess: (e: Blob) => {
+                            parent.trigger('success', downloadArgs);
+                            const blob: Blob = e;
+                            const blobUrl: string = URL.createObjectURL(blob);
+                            const link: HTMLAnchorElement = document.createElement('a');
+                            link.href = blobUrl;
+                            link.download = fileName;
+                            document.body.appendChild(link);
+                            link.click();
+                            document.body.removeChild(link);
+                        },
+                        onFailure: (e: Response) => {
+                            const result: ReadArgs = {
+                                error: {
+                                    code: e.status.toString(),
+                                    message: getLocaleText(parent, 'Network-Error') + ' ' + parent.ajaxSettings.downloadUrl
+                                }
+                            };
+                            createDialog(parent, 'Error', result);
+                            parent.trigger('failure', downloadArgs);
+                        }
+                    });
+                    fetch.send(JSON.stringify(downloadArgs.data));
+                }
+                catch (error) {
+                    handleCatchError(parent, error, 'download');
+                }
+            }
+        }
+    });
+}
+
+/**
+ * Function for on catch handler in File Manager.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {any} error - specifies the catch error.
+ * @param {string} action - specifies the action.
+ * @returns {void}
+ * @private
+ */
+function handleCatchError(parent: IFileManager, error: any, action: string): void {
+    const errorResult: ReadArgs = {
+        files: null,
+        error: {
+            message: error.message,
+            fileExists: null
+        }
+    };
+    onFailure(parent, errorResult, action);
+}
+/**
+ * Function for trigger Fetch success in File Manager.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {Object} ajaxSettings - specifies the ajax settings.
+ * @returns {void}
+ */
+export function triggerFetchSuccess(parent: IFileManager, ajaxSettings: Object): void {
+    parent.notify(events.afterRequest, { action: 'success' });
+    if (ajaxSettings && typeof getValue('onSuccess', ajaxSettings) === 'function') {
+        getValue('onSuccess', ajaxSettings)();
+    }
+}
+
+/**
+ * Function for trigger Fetch failure in File Manager.
+ *
+ * @param {IFileManager} parent - specifies the parent element.
+ * @param {Object} ajaxSettings - specifies the ajax settings.
+ * @param {ReadArgs} result - specifies the result.
+ * @returns {void}
+ */
+export function triggerFetchFailure(parent: IFileManager, ajaxSettings: Object, result: ReadArgs): void {
+    parent.notify(events.afterRequest, { action: 'failure' });
+    createDialog(parent, 'Error', result);
+    if (typeof getValue('onFailure', ajaxSettings) === 'function') {
+        getValue('onFailure', ajaxSettings)();
+    }
+}