@syncfusion/ej2-filemanager 23.2.4 → 24.1.41

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 23.2.4
+*  version : 24.1.41
 *  Copyright Syncfusion Inc. 2001 - 2023. 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,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-filemanager@*",
-  "_id": "@syncfusion/ej2-filemanager@23.1.43",
+  "_id": "@syncfusion/ej2-filemanager@18.28.1",
   "_inBundle": false,
-  "_integrity": "sha512-uUyWbu4kTZX3x2YekS0IeH0wkyrQwSu9f4eRYUMikQlxmN05tAwMwhdxfZySS2tUGxE6sd4ZXEiCrnq24CgAuA==",
+  "_integrity": "sha512-GSMgqX18v0yCXpkh1knd0pzfdLaz9zYtfW3jVk9HnA+s1T6N90r65vuiXz+/5AerMVD9DZMuBb1T710fGYti4g==",
   "_location": "/@syncfusion/ej2-filemanager",
   "_phantomChildren": {},
   "_requested": {
@@ -24,10 +24,10 @@
     "/@syncfusion/ej2-richtexteditor",
     "/@syncfusion/ej2-vue-filemanager"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-filemanager/-/ej2-filemanager-23.1.43.tgz",
-  "_shasum": "8a68a4871a1acd191fcee093920e5ec943f641ca",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-filemanager/-/ej2-filemanager-18.28.1.tgz",
+  "_shasum": "1fdcf275c418ce2137bfbf3aa376e68267279e10",
   "_spec": "@syncfusion/ej2-filemanager@*",
-  "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -36,16 +36,16 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~23.2.4",
-    "@syncfusion/ej2-buttons": "~23.2.4",
-    "@syncfusion/ej2-data": "~23.2.4",
-    "@syncfusion/ej2-grids": "~23.2.4",
-    "@syncfusion/ej2-inputs": "~23.2.4",
-    "@syncfusion/ej2-layouts": "~23.2.4",
-    "@syncfusion/ej2-lists": "~23.2.4",
-    "@syncfusion/ej2-navigations": "~23.2.4",
-    "@syncfusion/ej2-popups": "~23.2.4",
-    "@syncfusion/ej2-splitbuttons": "~23.2.4"
+    "@syncfusion/ej2-base": "~24.1.41",
+    "@syncfusion/ej2-buttons": "~24.1.41",
+    "@syncfusion/ej2-data": "~24.1.41",
+    "@syncfusion/ej2-grids": "~24.1.41",
+    "@syncfusion/ej2-inputs": "~24.1.41",
+    "@syncfusion/ej2-layouts": "~24.1.41",
+    "@syncfusion/ej2-lists": "~24.1.41",
+    "@syncfusion/ej2-navigations": "~24.1.41",
+    "@syncfusion/ej2-popups": "~24.1.41",
+    "@syncfusion/ej2-splitbuttons": "~24.1.41"
   },
   "deprecated": false,
   "description": "Essential JS 2 FileManager Component",
@@ -75,6 +75,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "23.2.4",
+  "version": "24.1.41",
   "sideEffects": false
 }

package/src/file-manager/layout/large-icons-view.js

@@ -124,6 +124,7 @@ var LargeIconsView = /** @class */ (function () {
             this.listElements = ListBase.createListFromJson(createElement, this.items, this.listObj);
             this.itemList = Array.prototype.slice.call(selectAll('.' + CLS.LIST_ITEM, this.listElements));
             this.element.appendChild(this.listElements);
+            this.listElements.setAttribute("aria-label", "listbox");
             this.preventImgDrag();
             this.createDragObj();
             if (this.itemList.length === 0) {
@@ -288,6 +289,7 @@ var LargeIconsView = /** @class */ (function () {
         });
         checkElement.setAttribute('role', 'checkbox');
         checkElement.setAttribute('aria-checked', 'false');
+        checkElement.setAttribute('aria-label', 'checkbox');
         args.item.firstElementChild.insertBefore(checkElement, args.item.firstElementChild.childNodes[0]);
     };
     LargeIconsView.prototype.onLayoutChange = function (args) {

package/src/file-manager/layout/navigation-pane.js

@@ -403,7 +403,6 @@ var NavigationPane = /** @class */ (function () {
     NavigationPane.prototype.onFinalizeEnd = function (args) {
         this.onInit();
         var id = getValue('_fm_id', args.cwd);
-        this.removeChildNodes(id);
         this.addChild(args.files, id, false);
         this.treeObj.selectedNodes = [this.parent.pathId[this.parent.pathId.length - 1]];
     };

package/src/file-manager/pop-up/context-menu.d.ts

@@ -9,6 +9,7 @@ export declare class ContextMenu {
     private targetElement;
     contextMenu: Menu;
     menuTarget: HTMLElement;
+    isMenuItemClicked: boolean;
     private keyConfigs;
     private keyboardModule;
     private menuType;

package/src/file-manager/pop-up/context-menu.js

@@ -19,6 +19,7 @@ var ContextMenu = /** @class */ (function () {
      * @hidden
      */
     function ContextMenu(parent) {
+        this.isMenuItemClicked = false;
         this.currentItems = [];
         this.currentElement = null;
         this.disabledItems = [];
@@ -62,6 +63,12 @@ var ContextMenu = /** @class */ (function () {
     };
     ContextMenu.prototype.onBeforeClose = function () {
         this.menuTarget = null;
+        if (!this.isMenuItemClicked && this.parent.pathId.length > 1) {
+            this.parent.pathId.pop();
+            this.parent.pathId.push(Object.keys(this.parent.feParent)[Object.keys.length]);
+            this.parent.navigationpaneModule.treeObj.selectedNodes = [this.parent.pathId[this.parent.pathId.length - 1]];
+        }
+        this.isMenuItemClicked = false;
     };
     /* istanbul ignore next */
     ContextMenu.prototype.onBeforeOpen = function (args) {
@@ -330,6 +337,7 @@ var ContextMenu = /** @class */ (function () {
         this.parent.trigger('menuClick', eventArgs, function (menuClickArgs) {
             var sItems;
             if (!menuClickArgs.cancel) {
+                _this.isMenuItemClicked = true;
                 // eslint:disable-next-line
                 switch (itemText) {
                     case 'cut':

package/styles/bootstrap-dark.css

@@ -871,7 +871,7 @@ ejs-filemanager {
 .e-filemanager.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-large,
 .e-bigger .e-filemanager.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-large,
 .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-large {
-  padding: 4px 0 0 2px;
+  padding: 0 0 0 2px;
 }
 .e-filemanager.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-grid,
 .e-bigger .e-filemanager.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-grid,

package/styles/bootstrap.css

@@ -871,7 +871,7 @@ ejs-filemanager {
 .e-filemanager.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-large,
 .e-bigger .e-filemanager.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-large,
 .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-large {
-  padding: 4px 0 0 2px;
+  padding: 0 0 0 2px;
 }
 .e-filemanager.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-grid,
 .e-bigger .e-filemanager.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-grid,

package/styles/bootstrap4.css

@@ -871,7 +871,7 @@ ejs-filemanager {
 .e-filemanager.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-large,
 .e-bigger .e-filemanager.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-large,
 .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-large {
-  padding: 4px 0 0 2px;
+  padding: 0 0 0 2px;
 }
 .e-filemanager.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-grid,
 .e-bigger .e-filemanager.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-grid,

package/styles/bootstrap5-dark.css

@@ -887,7 +887,7 @@ ejs-filemanager {
 .e-filemanager.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-large,
 .e-bigger .e-filemanager.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-large,
 .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-large {
-  padding: 4px 0 0 2px;
+  padding: 0 0 0 2px;
 }
 .e-filemanager.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-grid,
 .e-bigger .e-filemanager.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-grid,

package/styles/bootstrap5.css

@@ -887,7 +887,7 @@ ejs-filemanager {
 .e-filemanager.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-large,
 .e-bigger .e-filemanager.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-large,
 .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-large {
-  padding: 4px 0 0 2px;
+  padding: 0 0 0 2px;
 }
 .e-filemanager.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-grid,
 .e-bigger .e-filemanager.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-grid,

package/styles/fabric-dark.css

@@ -869,7 +869,7 @@ ejs-filemanager {
 .e-filemanager.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-large,
 .e-bigger .e-filemanager.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-large,
 .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-large {
-  padding: 4px 0 0 2px;
+  padding: 0 0 0 2px;
 }
 .e-filemanager.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-grid,
 .e-bigger .e-filemanager.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-grid,

package/styles/fabric.css

@@ -870,7 +870,7 @@ ejs-filemanager {
 .e-filemanager.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-large,
 .e-bigger .e-filemanager.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-large,
 .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-large {
-  padding: 4px 0 0 2px;
+  padding: 0 0 0 2px;
 }
 .e-filemanager.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-grid,
 .e-bigger .e-filemanager.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-grid,

package/styles/file-manager/_bootstrap-dark-definition.scss

@@ -158,7 +158,7 @@ $fe-mobile-upload-padding-left: 0 !default;
 $fe-mobile-sort-padding-top: 3px !default;
 $fe-mobile-refresh-padding-top: 3px !default;
 $fe-mobile-select-padding-top: 2px !default;
-$fe-mobile-large-padding: 4px 0 0 2px !default;
+$fe-mobile-large-padding: 0 0 0 2px !default;
 $fe-mobile-grid-padding: 4px 2px 0 2px !default;
 $fe-mobile-details-padding-top: 3px !default;
 $fe-mobile-delete-padding-left: 4px !default;

package/styles/file-manager/_bootstrap-definition.scss

@@ -159,7 +159,7 @@ $fe-mobile-upload-padding-left: 0 !default;
 $fe-mobile-sort-padding-top: 3px !default;
 $fe-mobile-refresh-padding-top: 3px !default;
 $fe-mobile-select-padding-top: 2px !default;
-$fe-mobile-large-padding: 4px 0 0 2px !default;
+$fe-mobile-large-padding: 0 0 0 2px !default;
 $fe-mobile-grid-padding: 4px 2px 0 2px !default;
 $fe-mobile-details-padding-top: 3px !default;
 $fe-mobile-delete-padding-left: 4px !default;

package/styles/file-manager/_bootstrap4-definition.scss

@@ -160,7 +160,7 @@ $fe-mobile-upload-padding-left: 0 !default;
 $fe-mobile-sort-padding-top: 3px !default;
 $fe-mobile-refresh-padding-top: 3px !default;
 $fe-mobile-select-padding-top: 2px !default;
-$fe-mobile-large-padding: 4px 0 0 2px !default;
+$fe-mobile-large-padding: 0 0 0 2px !default;
 $fe-mobile-grid-padding: 4px 2px 0 2px !default;
 $fe-mobile-details-padding-top: 3px !default;
 $fe-mobile-delete-padding-left: 4px !default;

package/styles/file-manager/_bootstrap5-definition.scss

@@ -116,7 +116,7 @@ $fe-mobile-upload-padding-left: 0 !default;
 $fe-mobile-sort-padding-top: 3px !default;
 $fe-mobile-refresh-padding-top: 3px !default;
 $fe-mobile-select-padding-top: 2px !default;
-$fe-mobile-large-padding: 4px 0 0 2px !default;
+$fe-mobile-large-padding: 0 0 0 2px !default;
 $fe-mobile-grid-padding: 4px 2px 0 2px !default;
 $fe-mobile-details-padding-top: 3px !default;
 $fe-mobile-delete-padding-left: 4px !default;

package/styles/file-manager/_fabric-dark-definition.scss

@@ -156,7 +156,7 @@ $fe-mobile-upload-padding-left: 5px !default;
 $fe-mobile-sort-padding-top: 3px !default;
 $fe-mobile-refresh-padding-top: 3px !default;
 $fe-mobile-select-padding-top: 2px !default;
-$fe-mobile-large-padding: 4px 0 0 2px !default;
+$fe-mobile-large-padding: 0 0 0 2px !default;
 $fe-mobile-grid-padding: 4px 2px 0 2px !default;
 $fe-mobile-details-padding-top: 3px !default;
 $fe-mobile-delete-padding-left: 4px !default;

package/styles/file-manager/_fabric-definition.scss

@@ -158,7 +158,7 @@ $fe-mobile-upload-padding-left: 0 !default;
 $fe-mobile-sort-padding-top: 3px !default;
 $fe-mobile-refresh-padding-top: 3px !default;
 $fe-mobile-select-padding-top: 2px !default;
-$fe-mobile-large-padding: 4px 0 0 2px !default;
+$fe-mobile-large-padding: 0 0 0 2px !default;
 $fe-mobile-grid-padding: 4px 2px 0 2px !default;
 $fe-mobile-details-padding-top: 3px !default;
 $fe-mobile-delete-padding-left: 4px !default;

package/styles/file-manager/_fluent-definition.scss

@@ -123,7 +123,7 @@ $fe-mobile-upload-padding-left: 0 !default;
 $fe-mobile-sort-padding-top: 3px !default;
 $fe-mobile-refresh-padding-top: 3px !default;
 $fe-mobile-select-padding-top: 2px !default;
-$fe-mobile-large-padding: 4px 0 0 2px !default;
+$fe-mobile-large-padding: 0 0 0 2px !default;
 $fe-mobile-grid-padding: 4px 2px 0 2px !default;
 $fe-mobile-details-padding-top: 3px !default;
 $fe-mobile-delete-padding-left: 4px !default;

package/styles/file-manager/_fusionnew-definition.scss

@@ -116,7 +116,7 @@ $fe-mobile-upload-padding-left: 0 !default;
 $fe-mobile-sort-padding-top: 3px !default;
 $fe-mobile-refresh-padding-top: 3px !default;
 $fe-mobile-select-padding-top: 2px !default;
-$fe-mobile-large-padding: 4px 0 0 2px !default;
+$fe-mobile-large-padding: 0 0 0 2px !default;
 $fe-mobile-grid-padding: 4px 2px 0 2px !default;
 $fe-mobile-details-padding-top: 3px !default;
 $fe-mobile-delete-padding-left: 4px !default;

package/styles/file-manager/_highcontrast-definition.scss

@@ -158,7 +158,7 @@ $fe-mobile-upload-padding-left: 0 !default;
 $fe-mobile-sort-padding-top: 3px !default;
 $fe-mobile-refresh-padding-top: 3px !default;
 $fe-mobile-select-padding-top: 2px !default;
-$fe-mobile-large-padding: 4px 0 0 2px !default;
+$fe-mobile-large-padding: 0 0 0 2px !default;
 $fe-mobile-grid-padding: 4px 2px 0 2px !default;
 $fe-mobile-details-padding-top: 3px !default;
 $fe-mobile-delete-padding-left: 4px !default;

package/styles/file-manager/_highcontrast-light-definition.scss

@@ -158,7 +158,7 @@ $fe-mobile-upload-padding-left: 5px !default;
 $fe-mobile-sort-padding-top: 3px !default;
 $fe-mobile-refresh-padding-top: 3px !default;
 $fe-mobile-select-padding-top: 2px !default;
-$fe-mobile-large-padding: 4px 0 0 2px !default;
+$fe-mobile-large-padding: 0 0 0 2px !default;
 $fe-mobile-grid-padding: 4px 2px 0 2px !default;
 $fe-mobile-details-padding-top: 3px !default;
 $fe-mobile-delete-padding-left: 4px !default;

package/styles/file-manager/_layout.scss

@@ -418,7 +418,7 @@
           .e-rcursor {
             border: 0;
           }
-          
+
           @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
             padding: 5px 8px;
             line-height: 16px;
@@ -473,7 +473,7 @@
               line-height: 20px;
             }
           }
-          
+
           @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
             padding: 10px 8px;
             line-height: 16px;
@@ -1351,7 +1351,9 @@
 
         .e-fe-search {
           font-size: $fe-mobile-icon-font-size;
-          margin: 3px 0;
+          @if $fm-skin-name !='Material3' {
+            margin: 3px 0;
+          }
           right: 13px;
         }
       }

package/styles/file-manager/_material-dark-definition.scss

@@ -158,7 +158,7 @@ $fe-mobile-upload-padding-left: 0 !default;
 $fe-mobile-sort-padding-top: 3px !default;
 $fe-mobile-refresh-padding-top: 0 !default;
 $fe-mobile-select-padding-top: 0 !default;
-$fe-mobile-large-padding: 4px 0 0 2px !default;
+$fe-mobile-large-padding: 0 0 0 2px !default;
 $fe-mobile-grid-padding: 4px 2px 0 2px !default;
 $fe-mobile-details-padding-top: 0 !default;
 $fe-mobile-delete-padding-left: 0 !default;

package/styles/file-manager/_material-definition.scss

@@ -158,7 +158,7 @@ $fe-mobile-upload-padding-left: 0 !default;
 $fe-mobile-sort-padding-top: 3px !default;
 $fe-mobile-refresh-padding-top: 3px !default;
 $fe-mobile-select-padding-top: 2px !default;
-$fe-mobile-large-padding: 4px 0 0 2px !default;
+$fe-mobile-large-padding: 0 0 0 2px !default;
 $fe-mobile-grid-padding: 4px 2px 0 2px !default;
 $fe-mobile-details-padding-top: 3px !default;
 $fe-mobile-delete-padding-left: 4px !default;

package/styles/file-manager/_material3-definition.scss

@@ -60,7 +60,7 @@ $fe-lg-item-height: 96px !default;
 $fe-lg-item-width: 96px !default;
 $fe-lg-item-margin: 20px 8px !default;
 $fe-lg-item-padding: 0 !default;
-$fe-lg-item-border: 0 !default;
+$fe-lg-item-border: 1px !default;
 $fe-lg-item-inner-height: 78px !default;
 $fe-lg-item-inner-width: 96px !default;
 $fe-lg-icon-height: 24px !default;
@@ -106,7 +106,7 @@ $fe-big-lg-icon-height: 36px !default;
 $fe-big-lg-icon-width: 48px !default;
 $fe-big-lg-icon-margin: 26px 36px 22px !default;
 $fe-big-lg-img-height: 79px !default;
-$fe-big-lg-text-padding: 0 0 16px !default;
+$fe-big-lg-text-padding: 4px 2px 2px !default;
 $fe-big-grid-header-font-size: 14px !default;
 $fe-big-grid-content-font-size: 14px !default;
 $fe-big-grid-content-name-font-size: 16px !default;
@@ -122,9 +122,9 @@ $fe-mobile-lg-item-height: 96px !default;
 $fe-mobile-lg-item-width: 96px !default;
 $fe-mobile-lg-item-margin: 20px 8px !default;
 $fe-mobile-lg-item-inner-width: 92px !default;
-$fe-mobile-lg-icon-height: 24px !default;
-$fe-mobile-lg-icon-width: 32px !default;
-$fe-mobile-lg-icon-margin: 26px auto 12px !default;
+$fe-mobile-lg-icon-height: 110px !default;
+$fe-mobile-lg-icon-width: 110px !default;
+$fe-mobile-lg-icon-margin: 11px auto 0 !default;
 $fe-mobile-lg-img-height: 110px !default;
 $fe-mobile-grid-icon-size: 35px !default;
 $fe-mobile-icon-font-size: 20px !default;
@@ -135,7 +135,7 @@ $fe-mobile-upload-padding-left: 0 !default;
 $fe-mobile-sort-padding-top: 3px !default;
 $fe-mobile-refresh-padding-top: 3px !default;
 $fe-mobile-select-padding-top: 2px !default;
-$fe-mobile-large-padding: 4px 0 0 2px !default;
+$fe-mobile-large-padding: 0 0 0 2px !default;
 $fe-mobile-grid-padding: 4px 2px 0 2px !default;
 $fe-mobile-details-padding-top: 3px !default;
 $fe-mobile-delete-padding-left: 4px !default;

package/styles/file-manager/_tailwind-definition.scss

@@ -151,7 +151,7 @@ $fe-mobile-upload-padding-left: 0 !default;
 $fe-mobile-sort-padding-top: 3px !default;
 $fe-mobile-refresh-padding-top: 3px !default;
 $fe-mobile-select-padding-top: 2px !default;
-$fe-mobile-large-padding: 4px 0 0 2px !default;
+$fe-mobile-large-padding: 0 0 0 2px !default;
 $fe-mobile-grid-padding: 4px 2px 0 2px !default;
 $fe-mobile-details-padding-top: 3px !default;
 $fe-mobile-delete-padding-left: 4px !default;

package/styles/file-manager/bootstrap-dark.css

@@ -871,7 +871,7 @@ ejs-filemanager {
 .e-filemanager.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-large,
 .e-bigger .e-filemanager.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-large,
 .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-large {
-  padding: 4px 0 0 2px;
+  padding: 0 0 0 2px;
 }
 .e-filemanager.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-grid,
 .e-bigger .e-filemanager.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-grid,

package/styles/file-manager/bootstrap.css

@@ -871,7 +871,7 @@ ejs-filemanager {
 .e-filemanager.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-large,
 .e-bigger .e-filemanager.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-large,
 .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-large {
-  padding: 4px 0 0 2px;
+  padding: 0 0 0 2px;
 }
 .e-filemanager.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-grid,
 .e-bigger .e-filemanager.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-grid,

package/styles/file-manager/bootstrap4.css

@@ -871,7 +871,7 @@ ejs-filemanager {
 .e-filemanager.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-large,
 .e-bigger .e-filemanager.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-large,
 .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-large {
-  padding: 4px 0 0 2px;
+  padding: 0 0 0 2px;
 }
 .e-filemanager.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-grid,
 .e-bigger .e-filemanager.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-grid,

package/styles/file-manager/bootstrap5-dark.css

@@ -887,7 +887,7 @@ ejs-filemanager {
 .e-filemanager.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-large,
 .e-bigger .e-filemanager.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-large,
 .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-large {
-  padding: 4px 0 0 2px;
+  padding: 0 0 0 2px;
 }
 .e-filemanager.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-grid,
 .e-bigger .e-filemanager.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-grid,

package/styles/file-manager/bootstrap5.css

@@ -887,7 +887,7 @@ ejs-filemanager {
 .e-filemanager.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-large,
 .e-bigger .e-filemanager.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-large,
 .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-large {
-  padding: 4px 0 0 2px;
+  padding: 0 0 0 2px;
 }
 .e-filemanager.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-grid,
 .e-bigger .e-filemanager.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-grid,

package/styles/file-manager/fabric-dark.css

@@ -869,7 +869,7 @@ ejs-filemanager {
 .e-filemanager.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-large,
 .e-bigger .e-filemanager.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-large,
 .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-large {
-  padding: 4px 0 0 2px;
+  padding: 0 0 0 2px;
 }
 .e-filemanager.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-grid,
 .e-bigger .e-filemanager.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-grid,

package/styles/file-manager/fabric.css

@@ -870,7 +870,7 @@ ejs-filemanager {
 .e-filemanager.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-large,
 .e-bigger .e-filemanager.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-large,
 .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-large {
-  padding: 4px 0 0 2px;
+  padding: 0 0 0 2px;
 }
 .e-filemanager.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-grid,
 .e-bigger .e-filemanager.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-grid,

package/styles/file-manager/fluent-dark.css

@@ -876,7 +876,7 @@ ejs-filemanager {
 .e-filemanager.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-large,
 .e-bigger .e-filemanager.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-large,
 .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-large {
-  padding: 4px 0 0 2px;
+  padding: 0 0 0 2px;
 }
 .e-filemanager.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-grid,
 .e-bigger .e-filemanager.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-grid,

package/styles/file-manager/fluent.css

@@ -876,7 +876,7 @@ ejs-filemanager {
 .e-filemanager.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-large,
 .e-bigger .e-filemanager.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-large,
 .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-large {
-  padding: 4px 0 0 2px;
+  padding: 0 0 0 2px;
 }
 .e-filemanager.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-grid,
 .e-bigger .e-filemanager.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-grid,

package/styles/file-manager/highcontrast-light.css

@@ -869,7 +869,7 @@ ejs-filemanager {
 .e-filemanager.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-large,
 .e-bigger .e-filemanager.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-large,
 .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-large {
-  padding: 4px 0 0 2px;
+  padding: 0 0 0 2px;
 }
 .e-filemanager.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-grid,
 .e-bigger .e-filemanager.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-grid,

package/styles/file-manager/highcontrast.css

@@ -866,7 +866,7 @@ ejs-filemanager {
 .e-filemanager.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-large,
 .e-bigger .e-filemanager.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-large,
 .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-large {
-  padding: 4px 0 0 2px;
+  padding: 0 0 0 2px;
 }
 .e-filemanager.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-grid,
 .e-bigger .e-filemanager.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-grid,

package/styles/file-manager/material-dark.css

@@ -887,7 +887,7 @@ ejs-filemanager {
 .e-filemanager.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-large,
 .e-bigger .e-filemanager.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-large,
 .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-large {
-  padding: 4px 0 0 2px;
+  padding: 0 0 0 2px;
 }
 .e-filemanager.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-grid,
 .e-bigger .e-filemanager.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-grid,

package/styles/file-manager/material.css

@@ -895,7 +895,7 @@ ejs-filemanager {
 .e-filemanager.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-large,
 .e-bigger .e-filemanager.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-large,
 .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-large {
-  padding: 4px 0 0 2px;
+  padding: 0 0 0 2px;
 }
 .e-filemanager.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-grid,
 .e-bigger .e-filemanager.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-grid,

package/styles/file-manager/material3-dark.css

@@ -686,7 +686,7 @@ ejs-filemanager {
   margin: 4px;
 }
 .e-filemanager .e-large-icons .e-list-item {
-  border: 0 solid;
+  border: 1px solid;
   float: left;
   height: 96px;
   margin: 20px 8px;
@@ -1024,7 +1024,6 @@ ejs-filemanager {
 .e-bigger .e-filemanager.e-fe-mobile .e-address .e-fe-search,
 .e-filemanager.e-bigger.e-fe-mobile .e-address .e-fe-search {
   font-size: 20px;
-  margin: 3px 0;
   right: 13px;
 }
 .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
@@ -1107,9 +1106,9 @@ ejs-filemanager {
 .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-icon,
 .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-icon,
 .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-icon {
-  height: 24px;
-  margin: 26px auto 12px;
-  width: 32px;
+  height: 110px;
+  margin: 11px auto 0;
+  width: 110px;
 }
 .e-filemanager.e-fe-m-select .e-large-icons .e-list-item.e-large-icon .e-checkbox-wrapper,
 .e-bigger .e-filemanager.e-fe-m-select .e-large-icons .e-list-item.e-large-icon .e-checkbox-wrapper,
@@ -1391,7 +1390,7 @@ ejs-filemanager {
 .e-bigger .e-filemanager .e-large-icons .e-list-text,
 .e-filemanager.e-bigger .e-large-icons .e-list-text {
   font-size: 14px;
-  padding: 0 0 16px;
+  padding: 4px 2px 2px;
   width: 120px;
 }
 .e-bigger .e-filemanager .e-large-icons .e-list-img,