@syncfusion/ej2-filemanager 20.4.42 → 20.4.48

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

@@ -88,7 +88,7 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
  */
 const columnArray = [
     {
-        field: 'name', headerText: 'Name', minWidth: 120,
+        field: 'name', headerText: 'Name', minWidth: 120, isPrimaryKey: true,
         template: '<span class="e-fe-text">${name}</span>', customAttributes: { class: 'e-fe-grid-name' }
     },
     {
@@ -117,27 +117,6 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-/**
- * Specifies the virtualization settings of the File Manager.
- */
-class VirtualizationSettings extends ChildProperty {
-}
-__decorate$4([
-    Property(false)
-], VirtualizationSettings.prototype, "enable", void 0);
-__decorate$4([
-    Property(20)
-], VirtualizationSettings.prototype, "detailsViewItemsCount", void 0);
-__decorate$4([
-    Property(40)
-], VirtualizationSettings.prototype, "largeIconsViewItemsCount", void 0);
-
-var __decorate$5 = (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;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 const fileItems = ['Open', '|', 'Cut', 'Copy', '|', 'Delete', 'Download', 'Rename', '|', 'Details'];
 const folderItems = ['Open', '|', 'Cut', 'Copy', 'Paste', '|', 'Delete', 'Rename', 'Download', '|', 'Details'];
 const layoutItems = [
@@ -148,20 +127,20 @@ const layoutItems = [
  */
 class ContextMenuSettings extends ChildProperty {
 }
-__decorate$5([
+__decorate$4([
     Property(fileItems)
 ], ContextMenuSettings.prototype, "file", void 0);
-__decorate$5([
+__decorate$4([
     Property(folderItems)
 ], ContextMenuSettings.prototype, "folder", void 0);
-__decorate$5([
+__decorate$4([
     Property(layoutItems)
 ], ContextMenuSettings.prototype, "layout", void 0);
-__decorate$5([
+__decorate$4([
     Property(true)
 ], ContextMenuSettings.prototype, "visible", void 0);
 
-var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$5 = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -172,20 +151,20 @@ var __decorate$6 = (undefined && undefined.__decorate) || function (decorators,
  */
 class NavigationPaneSettings extends ChildProperty {
 }
-__decorate$6([
+__decorate$5([
     Property('650px')
 ], NavigationPaneSettings.prototype, "maxWidth", void 0);
-__decorate$6([
+__decorate$5([
     Property('240px')
 ], NavigationPaneSettings.prototype, "minWidth", void 0);
-__decorate$6([
+__decorate$5([
     Property(true)
 ], NavigationPaneSettings.prototype, "visible", void 0);
-__decorate$6([
+__decorate$5([
     Property('None')
 ], NavigationPaneSettings.prototype, "sortOrder", void 0);
 
-var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$6 = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -196,26 +175,26 @@ var __decorate$7 = (undefined && undefined.__decorate) || function (decorators,
  */
 class UploadSettings extends ChildProperty {
 }
-__decorate$7([
+__decorate$6([
     Property('')
 ], UploadSettings.prototype, "allowedExtensions", void 0);
-__decorate$7([
+__decorate$6([
     Property(true)
 ], UploadSettings.prototype, "autoUpload", void 0);
-__decorate$7([
+__decorate$6([
     Property(false)
 ], UploadSettings.prototype, "autoClose", void 0);
-__decorate$7([
+__decorate$6([
     Property(false)
 ], UploadSettings.prototype, "directoryUpload", void 0);
-__decorate$7([
+__decorate$6([
     Property(0)
 ], UploadSettings.prototype, "minFileSize", void 0);
-__decorate$7([
+__decorate$6([
     Property(30000000)
 ], UploadSettings.prototype, "maxFileSize", void 0);
 
-var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$7 = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -227,54 +206,57 @@ var __decorate$8 = (undefined && undefined.__decorate) || function (decorators,
 /* istanbul ignore next */
 class Column extends ChildProperty {
 }
-__decorate$8([
+__decorate$7([
     Property('')
 ], Column.prototype, "field", void 0);
-__decorate$8([
+__decorate$7([
     Property('')
 ], Column.prototype, "headerText", void 0);
-__decorate$8([
+__decorate$7([
     Property('')
 ], Column.prototype, "width", void 0);
-__decorate$8([
+__decorate$7([
     Property('')
 ], Column.prototype, "minWidth", void 0);
-__decorate$8([
+__decorate$7([
     Property('')
 ], Column.prototype, "maxWidth", void 0);
-__decorate$8([
+__decorate$7([
     Property('Left')
 ], Column.prototype, "textAlign", void 0);
-__decorate$8([
+__decorate$7([
     Property(null)
 ], Column.prototype, "headerTextAlign", void 0);
-__decorate$8([
+__decorate$7([
     Property(null)
 ], Column.prototype, "type", void 0);
-__decorate$8([
+__decorate$7([
     Property(null)
 ], Column.prototype, "format", void 0);
-__decorate$8([
+__decorate$7([
     Property(null)
 ], Column.prototype, "template", void 0);
-__decorate$8([
+__decorate$7([
     Property(null)
 ], Column.prototype, "headerTemplate", void 0);
-__decorate$8([
+__decorate$7([
     Property(true)
 ], Column.prototype, "allowSorting", void 0);
-__decorate$8([
+__decorate$7([
     Property(true)
 ], Column.prototype, "allowResizing", void 0);
-__decorate$8([
+__decorate$7([
     Property(null)
 ], Column.prototype, "customAttributes", void 0);
-__decorate$8([
+__decorate$7([
     Property('')
 ], Column.prototype, "hideAtMedia", void 0);
-__decorate$8([
+__decorate$7([
     Property(null)
 ], Column.prototype, "customFormat", void 0);
+__decorate$7([
+    Property(false)
+], Column.prototype, "isPrimaryKey", void 0);
 
 /**
  * FileExplorer common modules
@@ -3636,7 +3618,7 @@ function onSubmitValidate(parent, ele) {
     onValidate(parent, ele);
     const len = ele.value.length - 1;
     if (ele.value !== '' && ((ele.value.lastIndexOf('.') === len) || (ele.value.lastIndexOf(' ') === len)) &&
-        (parent.showFileExtension || (parent.currentItemText.lastIndexOf('.') === -1))) {
+        (parent.showFileExtension || (ele.value.lastIndexOf('.') === -1 || ele.value.substring(ele.value.indexOf('.') + 1).length === 0))) {
         addInvalid(parent, ele);
     }
 }
@@ -3861,16 +3843,19 @@ class LargeIconsView {
             this.items = [];
             this.items = this.renderList(args);
             this.items = this.allItems = getSortedData(this.parent, this.items);
-            // if (this.parent.virtualizationSettings.enable) {
-            //     this.items = this.allItems.slice(0, this.parent.virtualizationSettings.largeIconsViewItemsCount);
-            // }
+            iconsView.classList.remove(DISPLAY_NONE);
+            if (this.parent.enableVirtualization && this.allItems.length > 0) {
+                if (!this.element.style.height) {
+                    this.adjustHeight();
+                }
+                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.preventImgDrag();
             this.createDragObj();
-            iconsView.classList.remove(DISPLAY_NONE);
             if (this.itemList.length === 0) {
                 const emptyList = this.element.querySelector('.' + LIST_PARENT);
                 this.element.removeChild(emptyList);
@@ -3905,10 +3890,10 @@ class LargeIconsView {
             this.getItemCount();
             this.addEventListener();
             this.wireEvents();
-            // if (this.parent.virtualizationSettings.enable && this.allItems.length > 0) {
-            //     this.parent.virtualizationModule.setUlElementHeight();
-            //     this.parent.virtualizationModule.wireScrollEvent(false);
-            // }
+            if (this.parent.enableVirtualization && this.allItems.length > 0) {
+                this.parent.virtualizationModule.setUlElementHeight();
+                this.parent.virtualizationModule.wireScrollEvent(false);
+            }
             this.isRendered = true;
             hideSpinner(this.parent.element);
             if (this.parent.selectedItems.length) {
@@ -4037,6 +4022,9 @@ class LargeIconsView {
     onLayoutChange(args) {
         if (this.parent.view === 'LargeIcons') {
             this.destroy();
+            if (this.parent.enableVirtualization) {
+                this.parent.setProperties({ selectedItems: [] }, true);
+            }
             this.render(args);
             /* istanbul ignore next */
             if (getValue('name', args) === 'layout-change' && this.parent.fileAction === 'move' &&
@@ -4697,10 +4685,28 @@ class LargeIconsView {
         const lastItem = this.getLastItem();
         switch (e.action) {
             case 'end':
-                this.navigateItem(lastItem);
+                if (this.parent.enableVirtualization) {
+                    this.clearSelect();
+                    this.element.firstElementChild.scrollTo(0, this.element.firstElementChild.scrollHeight);
+                    setTimeout(() => {
+                        this.navigateItem(this.itemList[this.itemList.length - 1]);
+                    }, 10);
+                }
+                else {
+                    this.navigateItem(lastItem);
+                }
                 break;
             case 'home':
-                this.navigateItem(firstItem);
+                if (this.parent.enableVirtualization) {
+                    this.clearSelect();
+                    this.element.firstElementChild.scrollTop = 0;
+                    setTimeout(() => {
+                        this.navigateItem(this.itemList[0]);
+                    }, 10);
+                }
+                else {
+                    this.navigateItem(firstItem);
+                }
                 break;
             case 'tab':
                 if (!isNullOrUndefined(fItem)) {
@@ -4869,6 +4875,12 @@ class LargeIconsView {
                 index = perRow ? index - perRow : index - 1;
             }
             nextItem = this.itemList[index];
+            if (this.parent.enableVirtualization && isNullOrUndefined(nextItem)) {
+                const marginValue = parseInt(window.getComputedStyle(this.itemList[0]).getPropertyValue('margin-top'), 10) +
+                    parseInt(window.getComputedStyle(this.itemList[0]).getPropertyValue('margin-bottom'), 10);
+                const scrollHeight = this.itemList[0].getBoundingClientRect().height + marginValue;
+                this.element.firstElementChild.scrollTo(this.element.firstElementChild.scrollTop, this.element.firstElementChild.scrollTop + scrollHeight);
+            }
             if (isNullOrUndefined(nextItem)) {
                 return li;
             }
@@ -5777,6 +5789,9 @@ class ContextMenu$2 {
             this.menuTarget = this.targetNodeElement = target;
         }
         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");
+        }
         const view = this.getTargetView(target);
         this.updateActiveModule();
         /* istanbul ignore next */
@@ -6402,7 +6417,7 @@ const defaultLocale = {
     'Server-Error': 'ServerError: Invalid response from'
 };
 
-var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$8 = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -6566,7 +6581,7 @@ let FileManager = FileManager_1 = class FileManager extends Component {
                 args: [this]
             });
         }
-        if (this.virtualizationSettings.enable) {
+        if (this.enableVirtualization) {
             modules.push({
                 member: 'virtualization',
                 args: [this]
@@ -7498,154 +7513,154 @@ let FileManager = FileManager_1 = class FileManager extends Component {
         }
     }
 };
-__decorate$9([
+__decorate$8([
     Complex({}, AjaxSettings)
 ], FileManager.prototype, "ajaxSettings", void 0);
-__decorate$9([
+__decorate$8([
     Property(false)
 ], FileManager.prototype, "allowDragAndDrop", void 0);
-__decorate$9([
+__decorate$8([
     Property(true)
 ], FileManager.prototype, "allowMultiSelection", void 0);
-__decorate$9([
+__decorate$8([
     Complex({}, ContextMenuSettings)
 ], FileManager.prototype, "contextMenuSettings", void 0);
-__decorate$9([
+__decorate$8([
     Property('')
 ], FileManager.prototype, "cssClass", void 0);
-__decorate$9([
+__decorate$8([
     Complex({}, DetailsViewSettings)
 ], FileManager.prototype, "detailsViewSettings", void 0);
-__decorate$9([
-    Complex({}, VirtualizationSettings)
-], FileManager.prototype, "virtualizationSettings", void 0);
-__decorate$9([
+__decorate$8([
     Property(true)
 ], FileManager.prototype, "enableHtmlSanitizer", void 0);
-__decorate$9([
+__decorate$8([
     Property(false)
 ], FileManager.prototype, "enablePersistence", void 0);
-__decorate$9([
+__decorate$8([
+    Property(false)
+], FileManager.prototype, "enableVirtualization", void 0);
+__decorate$8([
     Property('400px')
 ], FileManager.prototype, "height", void 0);
-__decorate$9([
+__decorate$8([
     Property('LargeIcons')
 ], FileManager.prototype, "view", void 0);
-__decorate$9([
+__decorate$8([
     Complex({}, NavigationPaneSettings)
 ], FileManager.prototype, "navigationPaneSettings", void 0);
-__decorate$9([
+__decorate$8([
     Property('/')
 ], FileManager.prototype, "path", void 0);
-__decorate$9([
+__decorate$8([
     Property(null)
 ], FileManager.prototype, "popupTarget", void 0);
-__decorate$9([
+__decorate$8([
     Complex({}, SearchSettings)
 ], FileManager.prototype, "searchSettings", void 0);
-__decorate$9([
+__decorate$8([
     Property()
 ], FileManager.prototype, "selectedItems", void 0);
-__decorate$9([
+__decorate$8([
     Property(true)
 ], FileManager.prototype, "showFileExtension", void 0);
-__decorate$9([
+__decorate$8([
     Property(null)
 ], FileManager.prototype, "rootAliasName", void 0);
-__decorate$9([
+__decorate$8([
     Property(false)
 ], FileManager.prototype, "showHiddenItems", void 0);
-__decorate$9([
+__decorate$8([
     Property(true)
 ], FileManager.prototype, "showThumbnail", void 0);
-__decorate$9([
+__decorate$8([
     Property('Ascending')
 ], FileManager.prototype, "sortOrder", void 0);
-__decorate$9([
+__decorate$8([
     Property('name')
 ], FileManager.prototype, "sortBy", void 0);
-__decorate$9([
+__decorate$8([
     Complex({}, ToolbarSettings)
 ], FileManager.prototype, "toolbarSettings", void 0);
-__decorate$9([
+__decorate$8([
     Complex({}, UploadSettings)
 ], FileManager.prototype, "uploadSettings", void 0);
-__decorate$9([
+__decorate$8([
     Property('100%')
 ], FileManager.prototype, "width", void 0);
-__decorate$9([
+__decorate$8([
     Event()
 ], FileManager.prototype, "fileLoad", void 0);
-__decorate$9([
+__decorate$8([
     Event()
 ], FileManager.prototype, "fileOpen", void 0);
-__decorate$9([
+__decorate$8([
     Event()
 ], FileManager.prototype, "beforeDownload", void 0);
-__decorate$9([
+__decorate$8([
     Event()
 ], FileManager.prototype, "beforeImageLoad", void 0);
-__decorate$9([
+__decorate$8([
     Event()
 ], FileManager.prototype, "beforePopupClose", void 0);
-__decorate$9([
+__decorate$8([
     Event()
 ], FileManager.prototype, "beforePopupOpen", void 0);
-__decorate$9([
+__decorate$8([
     Event()
 ], FileManager.prototype, "beforeSend", void 0);
-__decorate$9([
+__decorate$8([
     Event()
 ], FileManager.prototype, "created", void 0);
-__decorate$9([
+__decorate$8([
     Event()
 ], FileManager.prototype, "destroyed", void 0);
-__decorate$9([
+__decorate$8([
     Event()
 ], FileManager.prototype, "fileDragStart", void 0);
-__decorate$9([
+__decorate$8([
     Event()
 ], FileManager.prototype, "fileDragging", void 0);
-__decorate$9([
+__decorate$8([
     Event()
 ], FileManager.prototype, "fileDragStop", void 0);
-__decorate$9([
+__decorate$8([
     Event()
 ], FileManager.prototype, "fileDropped", void 0);
-__decorate$9([
+__decorate$8([
     Event()
 ], FileManager.prototype, "fileSelection", void 0);
-__decorate$9([
+__decorate$8([
     Event()
 ], FileManager.prototype, "fileSelect", void 0);
-__decorate$9([
+__decorate$8([
     Event()
 ], FileManager.prototype, "menuClick", void 0);
-__decorate$9([
+__decorate$8([
     Event()
 ], FileManager.prototype, "menuOpen", void 0);
-__decorate$9([
+__decorate$8([
     Event()
 ], FileManager.prototype, "failure", void 0);
-__decorate$9([
+__decorate$8([
     Event()
 ], FileManager.prototype, "popupClose", void 0);
-__decorate$9([
+__decorate$8([
     Event()
 ], FileManager.prototype, "popupOpen", void 0);
-__decorate$9([
+__decorate$8([
     Event()
 ], FileManager.prototype, "success", void 0);
-__decorate$9([
+__decorate$8([
     Event()
 ], FileManager.prototype, "toolbarClick", void 0);
-__decorate$9([
+__decorate$8([
     Event()
 ], FileManager.prototype, "toolbarCreate", void 0);
-__decorate$9([
+__decorate$8([
     Event()
 ], FileManager.prototype, "uploadListCreate", void 0);
-FileManager = FileManager_1 = __decorate$9([
+FileManager = FileManager_1 = __decorate$8([
     NotifyPropertyChanges
 ], FileManager);
 
@@ -8022,7 +8037,7 @@ class Toolbar$1 {
             this.hideItems(this.selection, true);
         }
         const ele = select('#' + this.getId('Selection'), this.toolbarObj.element);
-        if (this.parent.selectedItems.length > 0 && ele) {
+        if (this.parent.selectedItems.length > 0 && ele && !this.parent.enableVirtualization) {
             let txt;
             if (this.parent.selectedItems.length === 1) {
                 txt = this.parent.selectedItems.length + ' ' + getLocaleText(this.parent, 'Item-Selection');
@@ -8137,157 +8152,224 @@ class Toolbar$1 {
 
 class Virtualization {
     constructor(instance) {
-        this.largeIconsViewItemsCount = 40;
         this.filemanagerInstance = instance;
         this.largeIconInstance = instance.largeiconsviewModule;
     }
-    // Update the scroller height based on the items count.
+    /**
+     * Sets up UI virtualization for the large icon view.
+     */
+    setUIVirtualization() {
+        // Get the current view data source
+        const currentViewItems = this.largeIconInstance.items;
+        // Get the first item in the data source
+        const firstItem = currentViewItems.slice(0, 1);
+        // Create a list element from the first item in the data source
+        const listElements = ListBase.createListFromJson(createElement, firstItem, this.largeIconInstance.listObj);
+        // Get the list items from the list element
+        this.itemList = Array.prototype.slice.call(selectAll('.' + LIST_ITEM, listElements));
+        // Append the list element to the large icon element
+        this.largeIconInstance.element.appendChild(listElements);
+        // Get the total number of items
+        this.itemCount = this.getItemCount(Object.keys(this.largeIconInstance.allItems).length);
+        // Remove the first child element from the large icon element
+        this.largeIconInstance.element.firstChild.remove();
+        // Set the items for the large icon view to the current view data source, limited to the number of items to display
+        this.largeIconInstance.items = currentViewItems.slice(0, this.itemCount);
+    }
+    /**
+     * 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.
+     */
     setUlElementHeight() {
-        this.rowItemCount = this.ValidateItemCount(Object.keys(this.largeIconInstance.allItems).length);
-        this.lastRowCount = (this.largeIconInstance.allItems.length - this.largeIconsViewItemsCount) % this.rowItemCount ?
-            (this.largeIconInstance.allItems.length - this.largeIconsViewItemsCount) % this.rowItemCount : this.rowItemCount;
+        // Calculate the number of items in the last row
+        this.lastRowCount = (this.largeIconInstance.allItems.length - this.itemCount) % this.rowItemCount ?
+            (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.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.largeIconInstance.element.firstElementChild.insertBefore(this.bottomElement, null);
-        const marginValue = parseInt(window.getComputedStyle(this.largeIconInstance.itemList[0]).getPropertyValue('margin-top')) +
-            parseInt(window.getComputedStyle(this.largeIconInstance.itemList[0]).getPropertyValue('margin-bottom'));
+        // Get the margin value for list items
+        const marginValue = parseInt(window.getComputedStyle(this.largeIconInstance.itemList[0]).getPropertyValue('margin-top'), 10) +
+            parseInt(window.getComputedStyle(this.largeIconInstance.itemList[0]).getPropertyValue('margin-bottom'), 10);
+        // Calculate the height of a single list item
         this.listItemHeight = this.largeIconInstance.itemList[0].getBoundingClientRect().height + marginValue;
+        // Calculate the total height of the list
         this.totalHeight = (Object.keys(this.largeIconInstance.allItems).length / this.rowItemCount) * this.listItemHeight;
+        // Set the initial height of the top and bottom elements
         this.topElement.style.height = 0 + 'px';
         this.bottomElement.style.height = this.totalHeight + 'px';
+        // Initialize the top and bottom element heights
         this.topElementHeight = 0;
         this.bottomElementHeight = this.totalHeight;
+        // Initialize the list difference variable
         this.listDiff = 0;
-        this.renderedCount = this.largeIconsViewItemsCount;
-    }
-    // Calculated the maximum number of items can be rendered in each row.
-    ValidateItemCount(dataSourceLength) {
-        const width = parseFloat(formatUnit(this.largeIconInstance.element.firstElementChild.clientWidth));
-        const marginValue = parseInt(window.getComputedStyle(this.largeIconInstance.itemList[0]).getPropertyValue('margin-right')) +
-            parseInt(window.getComputedStyle(this.largeIconInstance.itemList[0]).getPropertyValue('margin-left'));
-        let itemCount = Math.floor(width / (this.largeIconInstance.itemList[0].offsetWidth + marginValue));
+        // Set the initial rendered count
+        this.renderedCount = this.itemCount;
+    }
+    /**
+     * 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.
+     */
+    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));
+        // 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));
+        // 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;
         }
         return itemCount;
     }
-    // Bind the scroll event for large icons view ul element.
+    /**
+     * Wires or un wires the scroll event for the list element.
+     * @param destroy - Set `true` to unwire the scroll event.
+     */
     wireScrollEvent(destroy) {
         if (!destroy) {
+            // Wire the scroll event
             EventHandler.add(this.largeIconInstance.element.firstElementChild, 'scroll', this.onVirtualUiScroll, this);
         }
         else {
+            // Unwire the scroll event
             EventHandler.remove(this.largeIconInstance.element.firstElementChild, 'scroll', this.onVirtualUiScroll);
         }
     }
-    // Update the top and bottom element height and update the scroll position.
-    onVirtualUiScroll(e) {
-        let startingHeight = 0;
+    /**
+     * 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.
+     */
+    onVirtualUiScroll() {
+        // Set the starting height to 0
+        const startingHeight = 0;
+        // Get the current scroll position
         this.scrollPosition = isNullOrUndefined(this.scrollPosition) ? 0 : this.scrollPosition;
         const scroll = this.getscrollerHeight(startingHeight);
+        // Calculate the height of the top element
         this.topElementHeight = this.listItemHeight * Math.floor(scroll / this.listItemHeight);
+        // Calculate the height of the bottom element
         this.bottomElementHeight = this.totalHeight - this.topElementHeight;
+        // If the scroll position is less than or equal to the total height, set the top and bottom element heights.
+        // Otherwise, set the top element height to the total height and the bottom element height to 0.
         [this.topElementHeight, this.bottomElementHeight] = scroll <= this.totalHeight ?
             [this.topElementHeight, this.bottomElementHeight] : [this.totalHeight, 0];
+        // If the top element height has changed, update the top and bottom element heights and re-render the items.
         if (this.topElementHeight !== parseFloat(this.topElement.style.height)) {
             this.topElement.style.height = this.topElementHeight + 'px';
             this.bottomElement.style.height = this.bottomElementHeight + 'px';
-            // checked whether the scrolling is upward/downward
+            // Check whether the scroll direction is upward or downward
             if (scroll > this.scrollPosition) {
+                // Scrolling is upward
                 const listDiff = Math.round(((this.topElementHeight / this.listItemHeight) - this.listDiff));
                 this.onNormalScroll(listDiff, true);
             }
             else {
+                // Scrolling is downward
                 const listDiff = Math.round((this.listDiff - (this.topElementHeight / this.listItemHeight)));
                 this.onNormalScroll(listDiff, false);
             }
         }
+        // Update the list difference and scroll position variables
         this.listDiff = Math.round(this.topElementHeight / this.listItemHeight);
         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.largeIconInstance.items = this.largeIconInstance.allItems.slice(this.renderedCount -
-            this.largeIconsViewItemsCount, this.renderedCount);
+            this.itemCount, this.renderedCount);
     }
-    // Calculated the scroller height.
+    /**
+     * 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.
+     */
     getscrollerHeight(startingHeight) {
+        // If the scroll position is less than or equal to the starting height, return 0.
+        // Otherwise, return the scroll position minus the starting height.
         return ((this.largeIconInstance.element.firstElementChild.scrollTop - startingHeight) <= 0) ? 0 :
             (this.largeIconInstance.element.firstElementChild.scrollTop - startingHeight);
     }
-    // Update the UI based on the scrolled position.
+    /**
+     * 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.
+     */
     onNormalScroll(listDiff, isScrollingDown) {
+        // Update the displayed items
         for (let i = 0; i < listDiff; i++) {
             this.updateUI(isScrollingDown);
         }
-        this.updateSelection();
     }
-    // Updating the items in large icons view dynamically.
+    /**
+     * Updates the items in the large icons view.
+     * @param isScrollingDown If set to true, the scroll direction is downward.
+     */
     updateUI(isScrollingDown) {
         if (isScrollingDown) {
+            // Get the next batch of items to be displayed
             this.items = this.largeIconInstance.allItems.slice(this.renderedCount, this.renderedCount + this.rowItemCount);
+            // If there are items to be displayed, create list elements for them and append them to the list
             if (this.items.length > 0) {
-                this.listElements = ListBase.createListFromJson(createElement, this.items, this.largeIconInstance.listObj);
-                this.itemList = Array.prototype.slice.call(selectAll('.' + LIST_ITEM, this.listElements));
-                this.itemList.forEach(liEle => {
+                const listElements = ListBase.createListFromJson(createElement, this.items, this.largeIconInstance.listObj);
+                this.itemList = Array.prototype.slice.call(selectAll('.' + LIST_ITEM, listElements));
+                this.itemList.forEach((liEle) => {
                     this.largeIconInstance.element.firstElementChild.insertBefore(liEle, this.bottomElement);
                 });
+                // Update the rendered count variable
                 this.renderedCount = (this.largeIconInstance.allItems.length >= this.renderedCount + this.rowItemCount) ?
                     this.renderedCount + this.rowItemCount : this.renderedCount + this.lastRowCount;
+                // Remove the first batch of items from the list
                 for (let i = 0; i < this.rowItemCount; i++) {
                     detach(this.topElement.nextElementSibling);
                 }
             }
         }
         else {
+            // Scrolling up
             let lastItemIndex;
             let isAllRendered;
-            if (this.renderedCount == this.largeIconInstance.allItems.length) {
-                lastItemIndex = this.renderedCount - (this.largeIconsViewItemsCount - this.rowItemCount + this.lastRowCount);
-                this.renderedCount = ((this.renderedCount - this.lastRowCount) < this.largeIconsViewItemsCount) ?
-                    this.largeIconsViewItemsCount : (this.renderedCount - this.lastRowCount);
+            if (this.renderedCount === this.largeIconInstance.allItems.length) {
+                // Set lastItemIndex to the last item in the last row
+                lastItemIndex = this.renderedCount - (this.itemCount - this.rowItemCount + this.lastRowCount);
+                // Set renderedCount to the total number of items that have been rendered, except for the items in the last row
+                this.renderedCount = ((this.renderedCount - this.lastRowCount) < this.itemCount) ?
+                    this.itemCount : (this.renderedCount - this.lastRowCount);
+                // Set isAllRendered to true to indicate that all items have been rendered
                 isAllRendered = true;
             }
             else {
-                lastItemIndex = this.renderedCount - this.largeIconsViewItemsCount;
-                this.renderedCount = ((this.renderedCount - this.rowItemCount) < this.largeIconsViewItemsCount) ?
-                    this.largeIconsViewItemsCount : (this.renderedCount - this.rowItemCount);
-            }
-            let startItemIndex = (lastItemIndex - this.rowItemCount > 0) ? lastItemIndex - this.rowItemCount : 0;
+                // Set lastItemIndex to the last item in the current row
+                lastItemIndex = this.renderedCount - this.itemCount;
+                // Set renderedCount to the total number of items that have been rendered, except for the items in the current row
+                this.renderedCount = ((this.renderedCount - this.rowItemCount) < this.itemCount) ?
+                    this.itemCount : (this.renderedCount - this.rowItemCount);
+            }
+            // Set startItemIndex to the first item in the current or previous row
+            const startItemIndex = (lastItemIndex - this.rowItemCount > 0) ? lastItemIndex - this.rowItemCount : 0;
+            // Set the items array to the items in the current or previous row
             this.items = this.largeIconInstance.allItems.slice(startItemIndex, lastItemIndex);
             if (this.items.length > 0) {
-                this.listElements = ListBase.createListFromJson(createElement, this.items, this.largeIconInstance.listObj);
-                this.itemList = Array.prototype.slice.call(selectAll('.' + LIST_ITEM, this.listElements));
+                // Create a list of elements from the items array
+                const listElements = ListBase.createListFromJson(createElement, this.items, this.largeIconInstance.listObj);
+                // Set the itemList array to the list items in the list elements
+                this.itemList = Array.prototype.slice.call(selectAll('.' + LIST_ITEM, listElements));
+                // Add the items to the beginning of the list
                 for (let len = this.itemList.length; len > 0; len--) {
                     this.largeIconInstance.element.firstElementChild.insertBefore(this.itemList[len - 1], this.topElement.nextElementSibling);
                 }
-                for (var i = 0; i < ((isAllRendered) ? this.lastRowCount : this.rowItemCount); i++) {
+                // Remove the last row of items from the list
+                for (let i = 0; i < ((isAllRendered) ? this.lastRowCount : this.rowItemCount); i++) {
                     detach(this.bottomElement.previousElementSibling);
                 }
             }
         }
     }
-    // Update the selected item state.
-    updateSelection() {
-        for (let i = 0; i < this.filemanagerInstance.selectedItems.length; i++) {
-            for (let j = 0; j < this.items.length; j++) {
-                if (this.filemanagerInstance.selectedItems[i] == getValue('name', this.items[j])) {
-                    this.updateCheckState(this.itemList[j]);
-                }
-            }
-        }
-    }
-    // Update the check state for items.
-    updateCheckState(liItem) {
-        if (this.filemanagerInstance.allowMultiSelection) {
-            addClass([liItem], [ACTIVE]);
-            liItem.setAttribute('aria-selected', 'true');
-            const checkEle = select('.' + FRAME, liItem);
-            if (!checkEle.classList.contains(CHECK)) {
-                addClass([checkEle], CHECK);
-                closest(checkEle, '.' + CB_WRAP).setAttribute('aria-checked', 'true');
-            }
-        }
-    }
     /**
      * For internal use only - Get the module name.
      *
@@ -8297,10 +8379,15 @@ class Virtualization {
     getModuleName() {
         return 'virtualization';
     }
+    /**
+     * Destroys the component.
+     */
     destroy() {
+        // If the file manager has already been destroyed, return immediately
         if (this.filemanagerInstance.isDestroyed) {
             return;
         }
+        // If the large icon element has a child element, unwire the scroll event
         if (!isNullOrUndefined(this.largeIconInstance.element.firstElementChild)) {
             this.wireScrollEvent(true);
         }
@@ -8498,8 +8585,8 @@ class NavigationPane {
             args.cancel = eventArgs.cancel;
             if (args.cancel) {
                 this.restrictSelecting = this.isNodeClickCalled ? this.previousSelected[0] !== args.node.getAttribute('data-uid') : false;
-                this.treeObj.selectedNodes = this.isNodeClickCalled ? this.previousSelected : this.treeObj.selectedNodes;
                 this.previousSelected = this.treeObj.selectedNodes;
+                this.treeObj.selectedNodes = [args.node.getAttribute("data-uid")];
                 if (!isNullOrUndefined(this.parent) && !isNullOrUndefined(this.parent.contextmenuModule)) {
                     this.parent.contextmenuModule.contextMenu.enableItems(['Open'], true);
                 }
@@ -8536,13 +8623,17 @@ class NavigationPane {
         this.parent.selectedItems = [];
         this.parent.itemData = nodeData;
         const previousPath = this.parent.path;
-        updatePath(args.node, this.parent.itemData[0], this.parent);
+        if (!this.isRightClick) {
+            updatePath(args.node, this.parent.itemData[0], this.parent);
+        }
         if (previousPath !== this.parent.path) {
             this.expandNodeTarget = null;
             if (args.node.querySelector('.' + ICONS) && args.node.querySelector('.' + LIST_ITEM) === null) {
                 this.expandNodeTarget = 'add';
             }
-            read(this.parent, this.isPathDragged ? pasteEnd : pathChanged, this.parent.path);
+            if (!this.isRightClick) {
+                read(this.parent, this.isPathDragged ? pasteEnd : pathChanged, this.parent.path);
+            }
             this.parent.visitedItem = args.node;
         }
         this.isPathDragged = this.isRenameParent = this.isRightClick = false;
@@ -9246,14 +9337,14 @@ class DetailsView {
                 allowResizing: this.parent.detailsViewSettings.columnResizing,
                 selectionSettings: {
                     type: this.parent.allowMultiSelection ? 'Multiple' : 'Single',
-                    checkboxMode: 'ResetOnRowClick'
+                    checkboxMode: 'ResetOnRowClick',
+                    persistSelection: (this.parent.enableVirtualization) ? true : false
                 },
                 enableRtl: this.parent.enableRtl,
                 pageSettings: { pageSize: 20 },
-                // enableVirtualization: this.parent.virtualizationSettings.enable,
+                enableVirtualization: this.parent.enableVirtualization,
                 enablePersistence: this.parent.enablePersistence,
-                // enableVirtualMaskRow: true,
-                // pageSettings: { pageSize: this.parent.virtualizationSettings.detailsViewItemsCount },
+                enableVirtualMaskRow: true,
                 sortSettings: { allowUnsort: false, columns: sortSettings },
                 columns: columns,
                 recordDoubleClick: this.DblClickEvents.bind(this),
@@ -9263,6 +9354,7 @@ class DetailsView {
                 actionBegin: this.onActionBegin.bind(this),
                 headerCellInfo: this.onHeaderCellInfo.bind(this),
                 width: '100%',
+                height: (this.parent.enableVirtualization) ? this.getGridHeight() : 'auto',
                 beforeCopy: (args) => { args.cancel = true; },
                 // eslint-disable-next-line
                 load: function (args) {
@@ -9277,6 +9369,20 @@ class DetailsView {
             this.emptyArgs = args;
         }
     }
+    /**
+     * Gets the grid height.
+     * @returns The grid height.
+     * @private
+     */
+    getGridHeight() {
+        // Get the content pane and breadcrumb bar elements
+        const pane = select('#' + this.parent.element.id + CONTENT_ID, this.parent.element);
+        const bar = select('#' + this.parent.element.id + BREADCRUMBBAR_ID, this.parent.element);
+        // The maximum height of the header is 36
+        const headerMaxHeight = 36;
+        // Calculate and return the grid height
+        return (pane.offsetHeight - bar.offsetHeight - headerMaxHeight);
+    }
     checkNameWidth() {
         const initialColumn = this.parent.detailsViewSettings.columns;
         this.isNameWidth = false;
@@ -9462,20 +9568,17 @@ class DetailsView {
         }
     }
     onBeforeDataBound(args) {
-        // if (!this.parent.virtualizationSettings.enable) {
         showSpinner(this.parent.element);
         // eslint-disable-next-line
-        const items = getSortedData(this.parent, this.gridObj.dataSource);
+        const items = getSortedData(this.parent, (this.parent.enableVirtualization) ? args.result : this.gridObj.dataSource);
         args.result = items;
-        // }
     }
     /* istanbul ignore next */
     onDataBound() {
         this.createDragObj();
-        // if ((this.parent.selectedItems.length !== 0 && !this.parent.virtualizationSettings.enable) || 
-        //         ((this.parent.selectedItems.length !== 0 && this.parent.virtualizationSettings.enable && 
-        //         this.element.querySelector('.e-content').scrollTop == 0))) {
-        if (this.parent.selectedItems.length !== 0) {
+        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.selectRecords(this.parent.selectedItems);
         }
         if (this.isPasteOperation === true) {
@@ -9594,6 +9697,9 @@ class DetailsView {
             // eslint-disable-next-line
             this.gridObj.dataSource = getSortedData(this.parent, this.gridObj.dataSource);
         }
+        if (this.element.querySelector('.e-content').scrollTop !== 0) {
+            this.gridObj.freezeRefresh();
+        }
     }
     onPropertyChanged(e) {
         if (e.module !== this.getModuleName() && e.module !== 'common') {
@@ -9672,6 +9778,7 @@ class DetailsView {
             showSpinner(this.parent.element);
             this.parent.setProperties({ selectedItems: [] }, true);
             this.gridObj.dataSource = getSortedData(this.parent, args.files);
+            this.gridObj.freezeRefresh();
         }
         this.emptyArgs = args;
     }
@@ -9756,12 +9863,18 @@ class DetailsView {
                     this.parent.isFiltered = false;
                 }
                 this.element.focus();
+                if (this.parent.enableVirtualization) {
+                    this.parent.element.querySelector('#' + this.parent.element.id + IMG_DIALOG_ID).focus();
+                }
             }
         });
     }
     /* istanbul ignore next */
     onLayoutChange(args) {
         if (this.parent.view === 'Details') {
+            if (this.parent.enableVirtualization) {
+                this.parent.setProperties({ selectedItems: [] }, true);
+            }
             if (!this.gridObj) {
                 this.render(args);
             }
@@ -10233,11 +10346,10 @@ class DetailsView {
             }
         }
         const len = rows.length;
-        if (len > 0) {
-            // if (this.parent.virtualizationSettings.enable) {
-            //     this.parent.currentItemText = getValue('name', args.data);
-            // }
-            // else if (len > 0) {
+        if (this.parent.enableVirtualization) {
+            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);
@@ -10251,11 +10363,13 @@ class DetailsView {
             }
         }
         this.parent.visitedItem = args.row;
-        if (this.parent.allowMultiSelection && !isNullOrUndefined(item) && !isNullOrUndefined(item.querySelector('.e-checkselect'))) {
-            const checkItem = item.querySelector('.e-checkselect');
-            checkItem.focus();
+        if ((!this.parent.enableVirtualization) || (!args.isHeaderCheckboxClicked)) {
+            if (this.parent.allowMultiSelection && !isNullOrUndefined(item) && !isNullOrUndefined(item.querySelector('.e-checkselect'))) {
+                const checkItem = item.querySelector('.e-checkselect');
+                checkItem.focus();
+            }
+            this.addFocus(this.gridObj.selectedRowIndex);
         }
-        this.addFocus(this.gridObj.selectedRowIndex);
         if (!this.parent.isLayoutChange) {
             this.isInteracted = true;
         }
@@ -11018,5 +11132,5 @@ class DetailsView {
  * File Manager all modules
  */
 
-export { AjaxSettings, toolbarItems, ToolbarSettings, SearchSettings, columnArray, DetailsViewSettings, VirtualizationSettings, 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 };
+export { AjaxSettings, toolbarItems, ToolbarSettings, 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 };
 //# sourceMappingURL=ej2-filemanager.es2015.js.map