@syncfusion/ej2-filemanager 30.2.4 → 31.1.21

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 30.2.4
+*  version : 31.1.21
 *  Copyright Syncfusion Inc. 2001 - 2024. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-filemanager",
-  "version": "30.2.4",
+  "version": "31.1.21",
   "description": "Essential JS 2 FileManager Component",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,16 +8,16 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-filemanager.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~30.2.4",
-    "@syncfusion/ej2-buttons": "~30.2.4",
-    "@syncfusion/ej2-data": "~30.2.4",
-    "@syncfusion/ej2-grids": "~30.2.4",
-    "@syncfusion/ej2-inputs": "~30.2.4",
-    "@syncfusion/ej2-layouts": "~30.2.4",
-    "@syncfusion/ej2-lists": "~30.2.4",
-    "@syncfusion/ej2-navigations": "~30.2.4",
-    "@syncfusion/ej2-popups": "~30.2.4",
-    "@syncfusion/ej2-splitbuttons": "~30.2.4"
+    "@syncfusion/ej2-base": "~31.1.20",
+    "@syncfusion/ej2-buttons": "~31.1.21",
+    "@syncfusion/ej2-data": "~31.1.17",
+    "@syncfusion/ej2-grids": "~31.1.21",
+    "@syncfusion/ej2-inputs": "~31.1.21",
+    "@syncfusion/ej2-layouts": "~31.1.17",
+    "@syncfusion/ej2-lists": "~31.1.17",
+    "@syncfusion/ej2-navigations": "~31.1.20",
+    "@syncfusion/ej2-popups": "~31.1.20",
+    "@syncfusion/ej2-splitbuttons": "~31.1.17"
   },
   "devDependencies": {},
   "keywords": [

package/src/file-manager/common/utility.js

@@ -317,6 +317,7 @@ export function searchWordHandler(parent, value, isLayoutChange) {
                 executeLocal(new Query().where('name', parent.searchSettings.filterType, value, parent.searchSettings.ignoreCase));
             var searchValue = parent.searchSettings.ignoreCase ? value.toLowerCase() : value;
             parent.itemData = data;
+            parent.responseData.error = null;
             Search(parent, isLayoutChange ? events.layoutChange : events.search, parent.path, searchValue, parent.showHiddenItems, !parent.searchSettings.ignoreCase);
         }
         return;

package/src/file-manager/layout/details-view.js

@@ -406,7 +406,7 @@ var DetailsView = /** @class */ (function () {
         var _this = this;
         showSpinner(this.parent.element);
         var nameColumn = this.parent.detailsViewSettings.columns.find(function (column) { return column.field === _this.parent.sortBy; });
-        if (nameColumn && !('sortComparer' in nameColumn)) {
+        if (nameColumn && !('sortComparer' in nameColumn) || this.parent.sortOrder === 'None') {
             var items = getSortedData(this.parent, (this.parent.enableVirtualization)
                 ? args.result
                 : this.gridObj.dataSource);
@@ -488,6 +488,12 @@ var DetailsView = /** @class */ (function () {
         this.checkEmptyDiv(this.emptyArgs);
         this.isInteracted = this.isLoaded ? true : this.isInteracted;
         this.isLoaded = false;
+        if (this.parent.sortOrder === 'None' && !isNOU(this.gridObj.element)) {
+            var sortIconElement = this.gridObj.element.querySelector('.e-ascending, .e-descending');
+            if (sortIconElement && sortIconElement.classList) {
+                sortIconElement.classList.remove('e-icon-ascending', 'e-ascending', 'e-icon-descending', 'e-descending');
+            }
+        }
     };
     DetailsView.prototype.selectRecords = function (nodes) {
         var gridRecords = this.gridObj.getCurrentViewRecords();
@@ -1018,7 +1024,7 @@ var DetailsView = /** @class */ (function () {
     DetailsView.prototype.onDetailsResize = function () {
         if (this.parent.view === 'Details' && !this.parent.isMobile && !isNOU(this.gridObj)) {
             var gridHeader = this.gridObj.getHeaderContent().querySelector('.e-headercontent');
-            var gridHeaderColGroup = gridHeader.firstChild.childNodes[0];
+            var gridHeaderColGroup = gridHeader.querySelector('colgroup');
             var gridContentColGroup = this.gridObj.getContent().querySelector('.e-content .e-table').children[0];
             var gridHeaderColNames = this.gridObj.getColumns();
             for (var i = 0; i < gridHeaderColNames.length; i++) {

package/styles/bds-lite.css

@@ -637,6 +637,13 @@ ejs-filemanager {
   border-width: 1px;
   line-height: 12px;
 }
+.e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
+  margin-right: 1px;
+}
+.e-filemanager .e-grid.sf-grid .e-gridheader .e-fe-grid-icon,
+.e-filemanager .e-grid.sf-grid .e-gridcontent .e-fe-grid-icon {
+  padding: 0 2px 0 9px;
+}
 .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
   height: 0;
   padding: 0;
@@ -1175,6 +1182,18 @@ ejs-filemanager {
   margin: auto;
 }
 
+.e-filemanager.e-fe-no-toolbar .e-fe-splitter {
+  height: 100%;
+}
+
+.e-filemanager .e-fe-splitter {
+  height: calc(100% - 49px);
+}
+
+.e-filemanager .e-view-container .e-fe-grid-container {
+  height: calc(100% - 35px);
+}
+
 .e-filemanager {
   background: transparent;
   border-color: var(--color-sf-border-secondary);

package/styles/bds.css

@@ -637,6 +637,13 @@ ejs-filemanager {
   border-width: 1px;
   line-height: 12px;
 }
+.e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
+  margin-right: 1px;
+}
+.e-filemanager .e-grid.sf-grid .e-gridheader .e-fe-grid-icon,
+.e-filemanager .e-grid.sf-grid .e-gridcontent .e-fe-grid-icon {
+  padding: 0 2px 0 9px;
+}
 .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
   height: 0;
   padding: 0;
@@ -1175,6 +1182,18 @@ ejs-filemanager {
   margin: auto;
 }
 
+.e-filemanager.e-fe-no-toolbar .e-fe-splitter {
+  height: 100%;
+}
+
+.e-filemanager .e-fe-splitter {
+  height: calc(100% - 49px);
+}
+
+.e-filemanager .e-view-container .e-fe-grid-container {
+  height: calc(100% - 35px);
+}
+
 .e-filemanager {
   background: transparent;
   border-color: var(--color-sf-border-secondary);
@@ -1408,6 +1427,11 @@ ejs-filemanager {
 .e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-copy {
   padding-left: 4px;
 }
+.e-filemanager.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid,
+.e-bigger .e-filemanager.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid,
+.e-filemanager.e-bigger.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid {
+  padding: 0 2px;
+}
 .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
 .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
 .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort {
@@ -1478,6 +1502,11 @@ ejs-filemanager {
   margin: 3px 0;
   right: 13px;
 }
+.e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
+.e-bigger .e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
+.e-filemanager.e-bigger.e-fe-mobile .e-view-container .e-fe-grid-container {
+  height: calc(100% - 40px);
+}
 .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
 .e-bigger .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
 .e-filemanager.e-bigger.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon {
@@ -1753,6 +1782,14 @@ ejs-filemanager {
   font-size: 16px;
   margin: 7px 4px;
 }
+.e-bigger .e-filemanager .e-fe-splitter,
+.e-filemanager.e-bigger .e-fe-splitter {
+  height: calc(100% - 57px);
+}
+.e-bigger .e-filemanager .e-view-container .e-fe-grid-container,
+.e-filemanager.e-bigger .e-view-container .e-fe-grid-container {
+  height: calc(100% - 40px);
+}
 .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame,
 .e-filemanager.e-bigger .e-grid .e-checkbox-wrapper .e-frame {
   border-width: 1px;
@@ -1907,6 +1944,11 @@ ejs-filemanager {
   height: calc(100% - 41px);
 }
 
+.e-filemanager.e-fe-no-toolbar.e-fe-mobile .e-fe-splitter,
+.e-bigger .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
+  height: 100%;
+}
+
 @media (max-width: 469px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
   .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {

package/styles/bootstrap-dark-lite.css

@@ -409,6 +409,13 @@ ejs-filemanager {
   border-width: 1px;
   line-height: 12px;
 }
+.e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
+  margin-right: 1px;
+}
+.e-filemanager .e-grid.sf-grid .e-gridheader .e-fe-grid-icon,
+.e-filemanager .e-grid.sf-grid .e-gridcontent .e-fe-grid-icon {
+  padding: 0 2px 0 9px;
+}
 .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
   height: 0;
   padding: 0;
@@ -945,6 +952,18 @@ ejs-filemanager {
   margin: auto;
 }
 
+.e-filemanager.e-fe-no-toolbar .e-fe-splitter {
+  height: 100%;
+}
+
+.e-filemanager .e-fe-splitter {
+  height: calc(100% - 42px);
+}
+
+.e-filemanager .e-view-container .e-fe-grid-container {
+  height: calc(100% - 34px);
+}
+
 .e-filemanager {
   background: #1a1a1a;
   border-color: #505050;

package/styles/bootstrap-dark.css

@@ -409,6 +409,13 @@ ejs-filemanager {
   border-width: 1px;
   line-height: 12px;
 }
+.e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
+  margin-right: 1px;
+}
+.e-filemanager .e-grid.sf-grid .e-gridheader .e-fe-grid-icon,
+.e-filemanager .e-grid.sf-grid .e-gridcontent .e-fe-grid-icon {
+  padding: 0 2px 0 9px;
+}
 .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
   height: 0;
   padding: 0;
@@ -945,6 +952,18 @@ ejs-filemanager {
   margin: auto;
 }
 
+.e-filemanager.e-fe-no-toolbar .e-fe-splitter {
+  height: 100%;
+}
+
+.e-filemanager .e-fe-splitter {
+  height: calc(100% - 42px);
+}
+
+.e-filemanager .e-view-container .e-fe-grid-container {
+  height: calc(100% - 34px);
+}
+
 .e-filemanager {
   background: #1a1a1a;
   border-color: #505050;
@@ -1183,6 +1202,11 @@ ejs-filemanager {
 .e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-copy {
   padding-left: 4px;
 }
+.e-filemanager.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid,
+.e-bigger .e-filemanager.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid,
+.e-filemanager.e-bigger.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid {
+  padding: 0 2px;
+}
 .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
 .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
 .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort {
@@ -1253,6 +1277,11 @@ ejs-filemanager {
   margin: 3px 0;
   right: 13px;
 }
+.e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
+.e-bigger .e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
+.e-filemanager.e-bigger.e-fe-mobile .e-view-container .e-fe-grid-container {
+  height: calc(100% - 40px);
+}
 .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
 .e-bigger .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
 .e-filemanager.e-bigger.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon {
@@ -1502,6 +1531,14 @@ ejs-filemanager {
 .e-filemanager.e-bigger .e-address .e-fe-search {
   margin: 7px 0;
 }
+.e-bigger .e-filemanager .e-fe-splitter,
+.e-filemanager.e-bigger .e-fe-splitter {
+  height: calc(100% - 52px);
+}
+.e-bigger .e-filemanager .e-view-container .e-fe-grid-container,
+.e-filemanager.e-bigger .e-view-container .e-fe-grid-container {
+  height: calc(100% - 40px);
+}
 .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame,
 .e-filemanager.e-bigger .e-grid .e-checkbox-wrapper .e-frame {
   border-width: 1px;
@@ -1658,6 +1695,11 @@ ejs-filemanager {
   height: calc(100% - 41px);
 }
 
+.e-filemanager.e-fe-no-toolbar.e-fe-mobile .e-fe-splitter,
+.e-bigger .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
+  height: 100%;
+}
+
 @media (max-width: 469px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
   .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {

package/styles/bootstrap-lite.css

@@ -410,6 +410,13 @@ ejs-filemanager {
   border-width: 1px;
   line-height: 12px;
 }
+.e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
+  margin-right: 1px;
+}
+.e-filemanager .e-grid.sf-grid .e-gridheader .e-fe-grid-icon,
+.e-filemanager .e-grid.sf-grid .e-gridcontent .e-fe-grid-icon {
+  padding: 0 2px 0 9px;
+}
 .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
   height: 0;
   padding: 0;
@@ -945,6 +952,18 @@ ejs-filemanager {
   margin: auto;
 }
 
+.e-filemanager.e-fe-no-toolbar .e-fe-splitter {
+  height: 100%;
+}
+
+.e-filemanager .e-fe-splitter {
+  height: calc(100% - 41px);
+}
+
+.e-filemanager .e-view-container .e-fe-grid-container {
+  height: calc(100% - 34px);
+}
+
 .e-filemanager {
   background: transparent;
   border-color: #e0e0e0;

package/styles/bootstrap.css

@@ -410,6 +410,13 @@ ejs-filemanager {
   border-width: 1px;
   line-height: 12px;
 }
+.e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
+  margin-right: 1px;
+}
+.e-filemanager .e-grid.sf-grid .e-gridheader .e-fe-grid-icon,
+.e-filemanager .e-grid.sf-grid .e-gridcontent .e-fe-grid-icon {
+  padding: 0 2px 0 9px;
+}
 .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
   height: 0;
   padding: 0;
@@ -945,6 +952,18 @@ ejs-filemanager {
   margin: auto;
 }
 
+.e-filemanager.e-fe-no-toolbar .e-fe-splitter {
+  height: 100%;
+}
+
+.e-filemanager .e-fe-splitter {
+  height: calc(100% - 41px);
+}
+
+.e-filemanager .e-view-container .e-fe-grid-container {
+  height: calc(100% - 34px);
+}
+
 .e-filemanager {
   background: transparent;
   border-color: #e0e0e0;
@@ -1165,6 +1184,11 @@ ejs-filemanager {
 .e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-copy {
   padding-left: 4px;
 }
+.e-filemanager.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid,
+.e-bigger .e-filemanager.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid,
+.e-filemanager.e-bigger.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid {
+  padding: 0 2px;
+}
 .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
 .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
 .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort {
@@ -1235,6 +1259,11 @@ ejs-filemanager {
   margin: 3px 0;
   right: 13px;
 }
+.e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
+.e-bigger .e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
+.e-filemanager.e-bigger.e-fe-mobile .e-view-container .e-fe-grid-container {
+  height: calc(100% - 40px);
+}
 .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
 .e-bigger .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
 .e-filemanager.e-bigger.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon {
@@ -1484,6 +1513,14 @@ ejs-filemanager {
 .e-filemanager.e-bigger .e-address .e-fe-search {
   margin: 7px 0;
 }
+.e-bigger .e-filemanager .e-fe-splitter,
+.e-filemanager.e-bigger .e-fe-splitter {
+  height: calc(100% - 51px);
+}
+.e-bigger .e-filemanager .e-view-container .e-fe-grid-container,
+.e-filemanager.e-bigger .e-view-container .e-fe-grid-container {
+  height: calc(100% - 40px);
+}
 .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame,
 .e-filemanager.e-bigger .e-grid .e-checkbox-wrapper .e-frame {
   border-width: 1px;
@@ -1640,6 +1677,11 @@ ejs-filemanager {
   height: calc(100% - 41px);
 }
 
+.e-filemanager.e-fe-no-toolbar.e-fe-mobile .e-fe-splitter,
+.e-bigger .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
+  height: 100%;
+}
+
 @media (max-width: 469px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
   .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {

package/styles/bootstrap4-lite.css

@@ -409,6 +409,13 @@ ejs-filemanager {
   border-width: 1px;
   line-height: 10px;
 }
+.e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
+  margin-right: 1px;
+}
+.e-filemanager .e-grid.sf-grid .e-gridheader .e-fe-grid-icon,
+.e-filemanager .e-grid.sf-grid .e-gridcontent .e-fe-grid-icon {
+  padding: 0 2px 0 9px;
+}
 .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
   height: 0;
   padding: 0;
@@ -945,6 +952,18 @@ ejs-filemanager {
   margin: auto;
 }
 
+.e-filemanager.e-fe-no-toolbar .e-fe-splitter {
+  height: 100%;
+}
+
+.e-filemanager .e-fe-splitter {
+  height: calc(100% - 39px);
+}
+
+.e-filemanager .e-view-container .e-fe-grid-container {
+  height: calc(100% - 34px);
+}
+
 .e-filemanager {
   background: #fff;
   border-color: #dee2e6;

package/styles/bootstrap4.css

@@ -409,6 +409,13 @@ ejs-filemanager {
   border-width: 1px;
   line-height: 10px;
 }
+.e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
+  margin-right: 1px;
+}
+.e-filemanager .e-grid.sf-grid .e-gridheader .e-fe-grid-icon,
+.e-filemanager .e-grid.sf-grid .e-gridcontent .e-fe-grid-icon {
+  padding: 0 2px 0 9px;
+}
 .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
   height: 0;
   padding: 0;
@@ -945,6 +952,18 @@ ejs-filemanager {
   margin: auto;
 }
 
+.e-filemanager.e-fe-no-toolbar .e-fe-splitter {
+  height: 100%;
+}
+
+.e-filemanager .e-fe-splitter {
+  height: calc(100% - 39px);
+}
+
+.e-filemanager .e-view-container .e-fe-grid-container {
+  height: calc(100% - 34px);
+}
+
 .e-filemanager {
   background: #fff;
   border-color: #dee2e6;
@@ -1193,6 +1212,11 @@ ejs-filemanager {
 .e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-copy {
   padding-left: 4px;
 }
+.e-filemanager.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid,
+.e-bigger .e-filemanager.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid,
+.e-filemanager.e-bigger.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid {
+  padding: 0 2px;
+}
 .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
 .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
 .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort {
@@ -1263,6 +1287,11 @@ ejs-filemanager {
   margin: 3px 0;
   right: 13px;
 }
+.e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
+.e-bigger .e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
+.e-filemanager.e-bigger.e-fe-mobile .e-view-container .e-fe-grid-container {
+  height: calc(100% - 40px);
+}
 .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
 .e-bigger .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
 .e-filemanager.e-bigger.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon {
@@ -1512,6 +1541,14 @@ ejs-filemanager {
 .e-filemanager.e-bigger .e-address .e-fe-search {
   margin: 7px 0;
 }
+.e-bigger .e-filemanager .e-fe-splitter,
+.e-filemanager.e-bigger .e-fe-splitter {
+  height: calc(100% - 55px);
+}
+.e-bigger .e-filemanager .e-view-container .e-fe-grid-container,
+.e-filemanager.e-bigger .e-view-container .e-fe-grid-container {
+  height: calc(100% - 40px);
+}
 .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame,
 .e-filemanager.e-bigger .e-grid .e-checkbox-wrapper .e-frame {
   border-width: 1px;
@@ -1668,6 +1705,11 @@ ejs-filemanager {
   height: calc(100% - 41px);
 }
 
+.e-filemanager.e-fe-no-toolbar.e-fe-mobile .e-fe-splitter,
+.e-bigger .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
+  height: 100%;
+}
+
 @media (max-width: 469px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
   .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {

package/styles/bootstrap5-dark-lite.css

@@ -417,6 +417,13 @@ ejs-filemanager {
   border-width: 1px;
   line-height: 12px;
 }
+.e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
+  margin-right: 1px;
+}
+.e-filemanager .e-grid.sf-grid .e-gridheader .e-fe-grid-icon,
+.e-filemanager .e-grid.sf-grid .e-gridcontent .e-fe-grid-icon {
+  padding: 0 2px 0 9px;
+}
 .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
   height: 0;
   padding: 0;
@@ -947,6 +954,18 @@ ejs-filemanager {
   margin: auto;
 }
 
+.e-filemanager.e-fe-no-toolbar .e-fe-splitter {
+  height: 100%;
+}
+
+.e-filemanager .e-fe-splitter {
+  height: calc(100% - 39px);
+}
+
+.e-filemanager .e-view-container .e-fe-grid-container {
+  height: calc(100% - 35px);
+}
+
 .e-filemanager {
   background: transparent;
   border-color: rgb(68.0034482759, 75.85, 83.6965517241);

package/styles/bootstrap5-dark.css

@@ -417,6 +417,13 @@ ejs-filemanager {
   border-width: 1px;
   line-height: 12px;
 }
+.e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
+  margin-right: 1px;
+}
+.e-filemanager .e-grid.sf-grid .e-gridheader .e-fe-grid-icon,
+.e-filemanager .e-grid.sf-grid .e-gridcontent .e-fe-grid-icon {
+  padding: 0 2px 0 9px;
+}
 .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
   height: 0;
   padding: 0;
@@ -947,6 +954,18 @@ ejs-filemanager {
   margin: auto;
 }
 
+.e-filemanager.e-fe-no-toolbar .e-fe-splitter {
+  height: 100%;
+}
+
+.e-filemanager .e-fe-splitter {
+  height: calc(100% - 39px);
+}
+
+.e-filemanager .e-view-container .e-fe-grid-container {
+  height: calc(100% - 35px);
+}
+
 .e-filemanager {
   background: transparent;
   border-color: rgb(68.0034482759, 75.85, 83.6965517241);
@@ -1202,6 +1221,11 @@ ejs-filemanager {
 .e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-copy {
   padding-left: 4px;
 }
+.e-filemanager.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid,
+.e-bigger .e-filemanager.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid,
+.e-filemanager.e-bigger.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid {
+  padding: 0 2px;
+}
 .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
 .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
 .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort {
@@ -1272,6 +1296,11 @@ ejs-filemanager {
   margin: 3px 0;
   right: 13px;
 }
+.e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
+.e-bigger .e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
+.e-filemanager.e-bigger.e-fe-mobile .e-view-container .e-fe-grid-container {
+  height: calc(100% - 40px);
+}
 .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
 .e-bigger .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
 .e-filemanager.e-bigger.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon {
@@ -1547,6 +1576,14 @@ ejs-filemanager {
   font-size: 16px;
   margin: 4px;
 }
+.e-bigger .e-filemanager .e-fe-splitter,
+.e-filemanager.e-bigger .e-fe-splitter {
+  height: calc(100% - 47px);
+}
+.e-bigger .e-filemanager .e-view-container .e-fe-grid-container,
+.e-filemanager.e-bigger .e-view-container .e-fe-grid-container {
+  height: calc(100% - 40px);
+}
 .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame,
 .e-filemanager.e-bigger .e-grid .e-checkbox-wrapper .e-frame {
   border-width: 1px;
@@ -1695,6 +1732,11 @@ ejs-filemanager {
   height: calc(100% - 41px);
 }
 
+.e-filemanager.e-fe-no-toolbar.e-fe-mobile .e-fe-splitter,
+.e-bigger .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
+  height: 100%;
+}
+
 @media (max-width: 469px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
   .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {