@syncfusion/ej2-filemanager 32.2.7 → 33.1.44

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 32.2.7
+*  version : 33.1.44
 *  Copyright Syncfusion Inc. 2001 - 2025. 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": "32.2.7",
+  "version": "33.1.44",
   "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": "~32.2.6",
-    "@syncfusion/ej2-buttons": "~32.2.7",
-    "@syncfusion/ej2-data": "~32.2.3",
-    "@syncfusion/ej2-grids": "~32.2.7",
-    "@syncfusion/ej2-inputs": "~32.2.7",
-    "@syncfusion/ej2-layouts": "~32.2.3",
-    "@syncfusion/ej2-lists": "~32.2.7",
-    "@syncfusion/ej2-navigations": "~32.2.7",
-    "@syncfusion/ej2-popups": "~32.2.7",
-    "@syncfusion/ej2-splitbuttons": "~32.2.7"
+    "@syncfusion/ej2-base": "~33.1.44",
+    "@syncfusion/ej2-buttons": "~33.1.44",
+    "@syncfusion/ej2-data": "~33.1.44",
+    "@syncfusion/ej2-grids": "~33.1.44",
+    "@syncfusion/ej2-inputs": "~33.1.44",
+    "@syncfusion/ej2-layouts": "~33.1.44",
+    "@syncfusion/ej2-lists": "~33.1.44",
+    "@syncfusion/ej2-navigations": "~33.1.44",
+    "@syncfusion/ej2-popups": "~33.1.44",
+    "@syncfusion/ej2-splitbuttons": "~33.1.44"
   },
   "devDependencies": {},
   "keywords": [

package/src/file-manager/actions/toolbar.js

@@ -285,6 +285,7 @@ var Toolbar = /** @class */ (function () {
         }
     };
     Toolbar.prototype.toolbarItemData = function (data) {
+        var _this = this;
         var items = [];
         var mode = 'Both';
         if (this.parent.isMobile) {
@@ -384,6 +385,13 @@ var Toolbar = /** @class */ (function () {
                 items.push(item);
             }
         }
+        for (var _i = 0, _a = items; _i < _a.length; _i++) {
+            var item = _a[_i];
+            if (typeof item === 'object' && item !== null && typeof item.template === 'string') {
+                var template = item.template;
+                item.template = template.replace(/>((?:Upload|SortBy|View|Refresh|NewFolder|Cut|Copy|Paste|Delete|Rename|Download|SelectAll|Details))</g, function (_match, key) { return '>' + getLocaleText(_this.parent, key) + '<'; });
+            }
+        }
         return items;
     };
     Toolbar.prototype.getItemModel = function (propItem) {

package/src/file-manager/models/default-locale.js

@@ -47,8 +47,8 @@ export var defaultLocale = {
     'None': 'None',
     'View-LargeIcons': 'Large icons',
     'View-Details': 'Details',
-    'Upload-File': 'File',
-    'Upload-Folder': 'Folder',
+    'File': 'File',
+    'Folder': 'Folder',
     'Search': 'Search',
     'Button-Ok': 'OK',
     'Button-Cancel': 'Cancel',

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

@@ -611,11 +611,11 @@ var ContextMenu = /** @class */ (function () {
                         id: itemId, text: itemText, iconCss: CLS.ICON_UPLOAD,
                         items: [
                             {
-                                id: this.getMenuId('folderupload'), text: getLocaleText(this.parent, 'Upload-Folder'),
+                                id: this.getMenuId('folderupload'), text: getLocaleText(this.parent, 'Folder'),
                                 iconCss: !this.parent.uploadObj.directoryUpload ? null : CLS.TB_OPTION_TICK
                             },
                             {
-                                id: this.getMenuId('fileupload'), text: getLocaleText(this.parent, 'Upload-File'),
+                                id: this.getMenuId('fileupload'), text: getLocaleText(this.parent, 'File'),
                                 iconCss: this.parent.uploadObj.directoryUpload ? null : CLS.TB_OPTION_TICK
                             }
                         ]

package/styles/bootstrap4-lite.css

@@ -1053,11 +1053,12 @@ ejs-filemanager {
   background: #fff;
 }
 .e-filemanager .e-grid td.e-active.e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd) {
-  color: #fff;
+  color: #212529;
 }
 .e-filemanager .e-grid td.e-active {
   background-color: #007bff;
   color: #fff;
+  background-color: #ced4da;
 }
 .e-filemanager .e-grid .e-checkbox-wrapper .e-icons.e-check {
   background-color: #fff;
@@ -1070,6 +1071,9 @@ ejs-filemanager {
 .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background-color: transparent;
 }
+.e-filemanager .e-grid.e-gridhover tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-active.e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd) {
+  color: #212529;
+}
 .e-filemanager .e-large-icons .e-list-img {
   border-color: #dee2e6;
 }

package/styles/bootstrap4.css

@@ -1053,11 +1053,12 @@ ejs-filemanager {
   background: #fff;
 }
 .e-filemanager .e-grid td.e-active.e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd) {
-  color: #fff;
+  color: #212529;
 }
 .e-filemanager .e-grid td.e-active {
   background-color: #007bff;
   color: #fff;
+  background-color: #ced4da;
 }
 .e-filemanager .e-grid .e-checkbox-wrapper .e-icons.e-check {
   background-color: #fff;
@@ -1070,6 +1071,9 @@ ejs-filemanager {
 .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background-color: transparent;
 }
+.e-filemanager .e-grid.e-gridhover tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-active.e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd) {
+  color: #212529;
+}
 .e-filemanager .e-large-icons .e-list-img {
   border-color: #dee2e6;
 }

package/styles/bootstrap5-dark-lite.css

@@ -1061,6 +1061,7 @@ ejs-filemanager {
 .e-filemanager .e-grid td.e-active {
   background-color: #0d6efd;
   color: #fff;
+  background-color: rgb(60.2918918919, 67.6, 74.9081081081);
 }
 .e-filemanager .e-grid .e-checkbox-wrapper .e-icons.e-check {
   background-color: #fff;
@@ -1073,6 +1074,9 @@ ejs-filemanager {
 .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background-color: transparent;
 }
+.e-filemanager .e-grid.e-gridhover tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-active.e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd) {
+  color: #e9ecef;
+}
 .e-filemanager .e-large-icons .e-list-img {
   border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }

package/styles/bootstrap5-dark.css

@@ -1061,6 +1061,7 @@ ejs-filemanager {
 .e-filemanager .e-grid td.e-active {
   background-color: #0d6efd;
   color: #fff;
+  background-color: rgb(60.2918918919, 67.6, 74.9081081081);
 }
 .e-filemanager .e-grid .e-checkbox-wrapper .e-icons.e-check {
   background-color: #fff;
@@ -1073,6 +1074,9 @@ ejs-filemanager {
 .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background-color: transparent;
 }
+.e-filemanager .e-grid.e-gridhover tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-active.e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd) {
+  color: #e9ecef;
+}
 .e-filemanager .e-large-icons .e-list-img {
   border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }

package/styles/bootstrap5-lite.css

@@ -1056,11 +1056,12 @@ ejs-filemanager {
   color: #495057;
 }
 .e-filemanager .e-grid td.e-active.e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd) {
-  color: #fff;
+  color: #212529;
 }
 .e-filemanager .e-grid td.e-active {
   background-color: #0d6efd;
   color: #fff;
+  background-color: rgb(230.15, 233.7, 237.25);
 }
 .e-filemanager .e-grid .e-checkbox-wrapper .e-icons.e-check {
   background-color: #fff;
@@ -1073,6 +1074,9 @@ ejs-filemanager {
 .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background-color: transparent;
 }
+.e-filemanager .e-grid.e-gridhover tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-active.e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd) {
+  color: #343a40;
+}
 .e-filemanager .e-large-icons .e-list-img {
   border-color: #dee2e6;
 }

package/styles/bootstrap5.css

@@ -1056,11 +1056,12 @@ ejs-filemanager {
   color: #495057;
 }
 .e-filemanager .e-grid td.e-active.e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd) {
-  color: #fff;
+  color: #212529;
 }
 .e-filemanager .e-grid td.e-active {
   background-color: #0d6efd;
   color: #fff;
+  background-color: rgb(230.15, 233.7, 237.25);
 }
 .e-filemanager .e-grid .e-checkbox-wrapper .e-icons.e-check {
   background-color: #fff;
@@ -1073,6 +1074,9 @@ ejs-filemanager {
 .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background-color: transparent;
 }
+.e-filemanager .e-grid.e-gridhover tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-active.e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd) {
+  color: #343a40;
+}
 .e-filemanager .e-large-icons .e-list-img {
   border-color: #dee2e6;
 }

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

@@ -24,6 +24,9 @@ $fe-text-color: $gray-900 !default;
 $fe-tb-db-sep-color: $gray-200 !default;
 $fe-active-border-color: $primary !default;
 $fe-active-bg-color: $primary !default;
+$fe-grid-active-bg-color: $gray-400 !default;
+$fe-grid-active-font-color: $gray-900 !default;
+$fe-selected-hover-font-color: $gray-900 !default;
 $fe-active-font-color: $primary-font !default;
 $fe-hover-border-color: color.adjust($gray-100, $lightness: -2%) !default;
 $fe-hover-bg-color: color.adjust($gray-100, $lightness: -2%) !default;

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

@@ -290,6 +290,9 @@ $fe-active-border-color: $content-bg-color-selected !default;
 $fe-tb-active-color: $secondary-text-color !default;
 $fe-active-bg-color: $content-bg-color-selected !default;
 $fe-active-font-color: $secondary-text-color !default;
+$fe-grid-active-bg-color: $table-bg-color-selected !default;
+$fe-grid-active-font-color: $table-text-color-selected !default;
+$fe-selected-hover-font-color: $content-text-color-alt1 !default;
 $fe-hover-border-color: $content-bg-color-hover !default;
 $fe-hover-bg-color: $content-bg-color-hover !default;
 $fe-ah-border-color: $content-bg-color-selected !default;

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

@@ -290,6 +290,9 @@ $fe-active-border-color: $content-bg-color-selected !default;
 $fe-tb-active-color: $secondary-text-color !default;
 $fe-active-bg-color: $content-bg-color-selected !default;
 $fe-active-font-color: $secondary-text-color !default;
+$fe-grid-active-bg-color: $table-bg-color-selected !default;
+$fe-grid-active-font-color: $table-text-color-selected !default;
+$fe-selected-hover-font-color: $content-text-color-alt1 !default;
 $fe-hover-border-color: $content-bg-color-hover !default;
 $fe-hover-bg-color: $content-bg-color-hover !default;
 $fe-ah-border-color: $content-bg-color-selected !default;

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

@@ -25,6 +25,7 @@ $fe-label-color: $content-text-color-alt2 !default;
 $fe-text-color: $content-text-color !default;
 $fe-active-border-color: $content-bg-color-selected !default;
 $fe-active-bg-color: $content-bg-color-selected !default;
+$fe-grid-active-bg-color: $table-bg-color-selected !default;
 $fe-active-font-color: $content-text-color !default;
 $fe-hover-border-color: $content-bg-color-hover !default;
 $fe-hover-bg-color: $content-bg-color-hover !default;

package/styles/file-manager/_theme.scss

@@ -235,7 +235,7 @@
 
       @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap4' {
         td.e-active.e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd) {
-          color: $fe-active-font-color;
+          color: $fe-grid-active-font-color;
         }
       }
 
@@ -244,6 +244,9 @@
         @if $fm-skin-name != 'material-dark' {
           color: $fe-active-font-color;
         }
+        @if $fm-skin-name == 'bootstrap5' or $fm-skin-name == 'bootstrap4' or $fm-skin-name == 'fluent2'{
+          background-color: $fe-grid-active-bg-color;
+        }
       }
 
       tr:hover td.e-active {
@@ -278,6 +281,12 @@
       &.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
         background-color: transparent;
       }
+
+      &.e-gridhover tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-active.e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd) {
+        @if $fm-skin-name == 'bootstrap5' or $fm-skin-name == 'bootstrap4' {
+          color: $fe-selected-hover-font-color;
+        }
+      }
     }
 
     .e-large-icons {

package/styles/file-manager/bootstrap4.css

@@ -1053,11 +1053,12 @@ ejs-filemanager {
   background: #fff;
 }
 .e-filemanager .e-grid td.e-active.e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd) {
-  color: #fff;
+  color: #212529;
 }
 .e-filemanager .e-grid td.e-active {
   background-color: #007bff;
   color: #fff;
+  background-color: #ced4da;
 }
 .e-filemanager .e-grid .e-checkbox-wrapper .e-icons.e-check {
   background-color: #fff;
@@ -1070,6 +1071,9 @@ ejs-filemanager {
 .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background-color: transparent;
 }
+.e-filemanager .e-grid.e-gridhover tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-active.e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd) {
+  color: #212529;
+}
 .e-filemanager .e-large-icons .e-list-img {
   border-color: #dee2e6;
 }

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

@@ -1061,6 +1061,7 @@ ejs-filemanager {
 .e-filemanager .e-grid td.e-active {
   background-color: #0d6efd;
   color: #fff;
+  background-color: rgb(60.2918918919, 67.6, 74.9081081081);
 }
 .e-filemanager .e-grid .e-checkbox-wrapper .e-icons.e-check {
   background-color: #fff;
@@ -1073,6 +1074,9 @@ ejs-filemanager {
 .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background-color: transparent;
 }
+.e-filemanager .e-grid.e-gridhover tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-active.e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd) {
+  color: #e9ecef;
+}
 .e-filemanager .e-large-icons .e-list-img {
   border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }

package/styles/file-manager/bootstrap5.css

@@ -1056,11 +1056,12 @@ ejs-filemanager {
   color: #495057;
 }
 .e-filemanager .e-grid td.e-active.e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd) {
-  color: #fff;
+  color: #212529;
 }
 .e-filemanager .e-grid td.e-active {
   background-color: #0d6efd;
   color: #fff;
+  background-color: rgb(230.15, 233.7, 237.25);
 }
 .e-filemanager .e-grid .e-checkbox-wrapper .e-icons.e-check {
   background-color: #fff;
@@ -1073,6 +1074,9 @@ ejs-filemanager {
 .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background-color: transparent;
 }
+.e-filemanager .e-grid.e-gridhover tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-active.e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd) {
+  color: #343a40;
+}
 .e-filemanager .e-large-icons .e-list-img {
   border-color: #dee2e6;
 }

package/styles/file-manager/fluent2.css

@@ -1555,6 +1555,7 @@ ejs-filemanager {
 .e-filemanager .e-grid td.e-active {
   background-color: var(--color-sf-content-bg-color-selected);
   color: var(--color-sf-content-text-color);
+  background-color: var(--color-sf-table-bg-color-selected);
 }
 .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background-color: transparent;

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

@@ -1277,7 +1277,6 @@ ejs-filemanager {
   color: rgba(var(--color-sf-on-surface-variant));
 }
 .e-filemanager .e-address .e-address-list-item:focus .e-list-text {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface));
 }
@@ -1285,7 +1284,6 @@ ejs-filemanager {
   color: rgba(var(--color-sf-on-surface-variant));
 }
 .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:hover, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:active, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:focus {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface));
 }
@@ -1293,7 +1291,6 @@ ejs-filemanager {
   color: rgba(var(--color-sf-on-surface));
 }
 .e-filemanager .e-address .e-search-wrap .e-input-group.e-control-wrapper:not(.e-success) {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
   border-color: rgba(var(--color-sf-outline-variant));
   border: none;
@@ -1307,14 +1304,12 @@ ejs-filemanager {
   border-color: rgba(var(--color-sf-primary));
 }
 .e-filemanager .e-grid .e-gridheader tr:first-child th {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-filemanager .e-grid .e-gridheader .e-headercell:not(.e-fe-grid-icon):hover, .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-grid-icon .e-headercelldiv:hover {
   background: rgba(var(--color-sf-on-surface), 0.05);
 }
 .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-checkbox:hover {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-filemanager .e-grid .e-empty-inner-content {

package/styles/file-manager/material3.css

@@ -1283,7 +1283,6 @@ ejs-filemanager {
   color: rgba(var(--color-sf-on-surface-variant));
 }
 .e-filemanager .e-address .e-address-list-item:focus .e-list-text {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface));
 }
@@ -1291,7 +1290,6 @@ ejs-filemanager {
   color: rgba(var(--color-sf-on-surface-variant));
 }
 .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:hover, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:active, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:focus {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface));
 }
@@ -1299,7 +1297,6 @@ ejs-filemanager {
   color: rgba(var(--color-sf-on-surface));
 }
 .e-filemanager .e-address .e-search-wrap .e-input-group.e-control-wrapper:not(.e-success) {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
   border-color: rgba(var(--color-sf-outline-variant));
   border: none;
@@ -1313,14 +1310,12 @@ ejs-filemanager {
   border-color: rgba(var(--color-sf-primary));
 }
 .e-filemanager .e-grid .e-gridheader tr:first-child th {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-filemanager .e-grid .e-gridheader .e-headercell:not(.e-fe-grid-icon):hover, .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-grid-icon .e-headercelldiv:hover {
   background: rgba(var(--color-sf-on-surface), 0.05);
 }
 .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-checkbox:hover {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-filemanager .e-grid .e-empty-inner-content {

package/styles/fluent2-lite.css

@@ -1555,6 +1555,7 @@ ejs-filemanager {
 .e-filemanager .e-grid td.e-active {
   background-color: var(--color-sf-content-bg-color-selected);
   color: var(--color-sf-content-text-color);
+  background-color: var(--color-sf-table-bg-color-selected);
 }
 .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background-color: transparent;

package/styles/fluent2.css

@@ -1555,6 +1555,7 @@ ejs-filemanager {
 .e-filemanager .e-grid td.e-active {
   background-color: var(--color-sf-content-bg-color-selected);
   color: var(--color-sf-content-text-color);
+  background-color: var(--color-sf-table-bg-color-selected);
 }
 .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background-color: transparent;

package/styles/material3-dark-lite.css

@@ -1277,7 +1277,6 @@ ejs-filemanager {
   color: rgba(var(--color-sf-on-surface-variant));
 }
 .e-filemanager .e-address .e-address-list-item:focus .e-list-text {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface));
 }
@@ -1285,7 +1284,6 @@ ejs-filemanager {
   color: rgba(var(--color-sf-on-surface-variant));
 }
 .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:hover, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:active, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:focus {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface));
 }
@@ -1293,7 +1291,6 @@ ejs-filemanager {
   color: rgba(var(--color-sf-on-surface));
 }
 .e-filemanager .e-address .e-search-wrap .e-input-group.e-control-wrapper:not(.e-success) {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
   border-color: rgba(var(--color-sf-outline-variant));
   border: none;
@@ -1307,14 +1304,12 @@ ejs-filemanager {
   border-color: rgba(var(--color-sf-primary));
 }
 .e-filemanager .e-grid .e-gridheader tr:first-child th {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-filemanager .e-grid .e-gridheader .e-headercell:not(.e-fe-grid-icon):hover, .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-grid-icon .e-headercelldiv:hover {
   background: rgba(var(--color-sf-on-surface), 0.05);
 }
 .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-checkbox:hover {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-filemanager .e-grid .e-empty-inner-content {

package/styles/material3-dark.css

@@ -1277,7 +1277,6 @@ ejs-filemanager {
   color: rgba(var(--color-sf-on-surface-variant));
 }
 .e-filemanager .e-address .e-address-list-item:focus .e-list-text {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface));
 }
@@ -1285,7 +1284,6 @@ ejs-filemanager {
   color: rgba(var(--color-sf-on-surface-variant));
 }
 .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:hover, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:active, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:focus {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface));
 }
@@ -1293,7 +1291,6 @@ ejs-filemanager {
   color: rgba(var(--color-sf-on-surface));
 }
 .e-filemanager .e-address .e-search-wrap .e-input-group.e-control-wrapper:not(.e-success) {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
   border-color: rgba(var(--color-sf-outline-variant));
   border: none;
@@ -1307,14 +1304,12 @@ ejs-filemanager {
   border-color: rgba(var(--color-sf-primary));
 }
 .e-filemanager .e-grid .e-gridheader tr:first-child th {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-filemanager .e-grid .e-gridheader .e-headercell:not(.e-fe-grid-icon):hover, .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-grid-icon .e-headercelldiv:hover {
   background: rgba(var(--color-sf-on-surface), 0.05);
 }
 .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-checkbox:hover {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-filemanager .e-grid .e-empty-inner-content {

package/styles/material3-lite.css

@@ -1283,7 +1283,6 @@ ejs-filemanager {
   color: rgba(var(--color-sf-on-surface-variant));
 }
 .e-filemanager .e-address .e-address-list-item:focus .e-list-text {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface));
 }
@@ -1291,7 +1290,6 @@ ejs-filemanager {
   color: rgba(var(--color-sf-on-surface-variant));
 }
 .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:hover, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:active, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:focus {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface));
 }
@@ -1299,7 +1297,6 @@ ejs-filemanager {
   color: rgba(var(--color-sf-on-surface));
 }
 .e-filemanager .e-address .e-search-wrap .e-input-group.e-control-wrapper:not(.e-success) {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
   border-color: rgba(var(--color-sf-outline-variant));
   border: none;
@@ -1313,14 +1310,12 @@ ejs-filemanager {
   border-color: rgba(var(--color-sf-primary));
 }
 .e-filemanager .e-grid .e-gridheader tr:first-child th {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-filemanager .e-grid .e-gridheader .e-headercell:not(.e-fe-grid-icon):hover, .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-grid-icon .e-headercelldiv:hover {
   background: rgba(var(--color-sf-on-surface), 0.05);
 }
 .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-checkbox:hover {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-filemanager .e-grid .e-empty-inner-content {

package/styles/material3.css

@@ -1283,7 +1283,6 @@ ejs-filemanager {
   color: rgba(var(--color-sf-on-surface-variant));
 }
 .e-filemanager .e-address .e-address-list-item:focus .e-list-text {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface));
 }
@@ -1291,7 +1290,6 @@ ejs-filemanager {
   color: rgba(var(--color-sf-on-surface-variant));
 }
 .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:hover, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:active, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:focus {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface));
 }
@@ -1299,7 +1297,6 @@ ejs-filemanager {
   color: rgba(var(--color-sf-on-surface));
 }
 .e-filemanager .e-address .e-search-wrap .e-input-group.e-control-wrapper:not(.e-success) {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
   border-color: rgba(var(--color-sf-outline-variant));
   border: none;
@@ -1313,14 +1310,12 @@ ejs-filemanager {
   border-color: rgba(var(--color-sf-primary));
 }
 .e-filemanager .e-grid .e-gridheader tr:first-child th {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-filemanager .e-grid .e-gridheader .e-headercell:not(.e-fe-grid-icon):hover, .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-grid-icon .e-headercelldiv:hover {
   background: rgba(var(--color-sf-on-surface), 0.05);
 }
 .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-checkbox:hover {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-filemanager .e-grid .e-empty-inner-content {