@syncfusion/ej2-filemanager 34.1.29 → 34.1.33

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 34.1.29
+*  version : 34.1.33
 *  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": "34.1.29",
+  "version": "34.1.33",
   "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": "~34.1.29",
-    "@syncfusion/ej2-buttons": "~34.1.29",
-    "@syncfusion/ej2-data": "~34.1.29",
-    "@syncfusion/ej2-grids": "~34.1.29",
-    "@syncfusion/ej2-inputs": "~34.1.29",
+    "@syncfusion/ej2-base": "~34.1.30",
+    "@syncfusion/ej2-buttons": "~34.1.30",
+    "@syncfusion/ej2-data": "~34.1.32",
+    "@syncfusion/ej2-grids": "~34.1.33",
+    "@syncfusion/ej2-inputs": "~34.1.32",
     "@syncfusion/ej2-layouts": "~34.1.29",
-    "@syncfusion/ej2-lists": "~34.1.29",
-    "@syncfusion/ej2-navigations": "~34.1.29",
+    "@syncfusion/ej2-lists": "~34.1.30",
+    "@syncfusion/ej2-navigations": "~34.1.31",
     "@syncfusion/ej2-popups": "~34.1.29",
-    "@syncfusion/ej2-splitbuttons": "~34.1.29"
+    "@syncfusion/ej2-splitbuttons": "~34.1.33"
   },
   "devDependencies": {},
   "keywords": [

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

@@ -1513,11 +1513,15 @@ var DetailsView = /** @class */ (function () {
             case 'enter':
                 if (this.gridObj.selectedRowIndex === -1 && this.gridObj.allowSorting === true) {
                     if (!e.target.classList.contains('e-fe-grid-icon')) {
-                        var direction = !e.target.getElementsByClassName('e-ascending').length ? 'Ascending' : 'Descending';
-                        var currentField = this.gridObj.getColumnByUid(e.target.querySelector('.e-headercelldiv').getAttribute('e-mappinguid')).field;
-                        this.gridObj.sortColumn(currentField, direction);
-                        if (!isNOU(this.getFocusedItem().nextSibling)) {
-                            this.getFocusedItem().nextSibling.setAttribute('tabindex', '0');
+                        var headerDiv = e.target.querySelector('.e-headercelldiv');
+                        if (headerDiv) {
+                            var mappingUid = headerDiv.getAttribute('data-mappinguid');
+                            var direction = !e.target.getElementsByClassName('e-ascending').length ? 'Ascending' : 'Descending';
+                            var currentField = this.gridObj.getColumnByUid(mappingUid).field;
+                            this.gridObj.sortColumn(currentField, direction);
+                            if (!isNOU(this.getFocusedItem().nextSibling)) {
+                                this.getFocusedItem().nextSibling.setAttribute('tabindex', '0');
+                            }
                         }
                     }
                     break;
@@ -1559,21 +1563,19 @@ var DetailsView = /** @class */ (function () {
             case 'ctrlHome':
             case 'tab':
             case 'shiftTab':
-                if (!isNOU(gridItems[0])) {
-                    if (!this.parent.allowMultiSelection && e.action === 'ctrlHome') {
-                        this.gridObj.selectRow(0);
-                    }
-                    else if (e.action === 'shiftTab') {
-                        this.handleReverseTabNavigation(e);
-                    }
-                    else if (e.action === 'tab') {
-                        this.isTabKeypressed = true;
-                        this.addHeaderFocus(e);
-                        this.isTabKeypressed = false;
-                    }
-                    else {
-                        this.addHeaderFocus(e);
-                    }
+                if (!this.parent.allowMultiSelection && e.action === 'ctrlHome') {
+                    this.gridObj.selectRow(0);
+                }
+                else if (e.action === 'shiftTab') {
+                    this.handleReverseTabNavigation(e);
+                }
+                else if (e.action === 'tab') {
+                    this.isTabKeypressed = true;
+                    this.addHeaderFocus(e);
+                    this.isTabKeypressed = false;
+                }
+                else {
+                    this.addHeaderFocus(e);
                 }
                 break;
             case 'ctrlEnd':
@@ -1751,6 +1753,14 @@ var DetailsView = /** @class */ (function () {
             this.gridObj.selectRows(selRowIndeces);
             this.addFocus(lItem);
         }
+        else if (e.action === 'space' && this.isSelected(selRowIndeces, focIndex)) {
+            var indexToRemove = selRowIndeces.indexOf(focIndex);
+            if (indexToRemove > -1) {
+                selRowIndeces.splice(indexToRemove, 1);
+                this.gridObj.selectRows(selRowIndeces);
+                this.addFocus(focIndex);
+            }
+        }
         else if (e.action === 'shiftSpace') {
             this.gridObj.selectRow(selIndex);
         }
@@ -1991,9 +2001,11 @@ var DetailsView = /** @class */ (function () {
             nameFocus.setAttribute('tabindex', '0');
             nameFocus.focus();
             addClass([nameFocus], [CLS.FOCUS, CLS.FOCUSED]);
-            treeFocus.setAttribute('tabindex', '0');
-            if (treeFocus.tabIndex === 0 && nameFocus.tabIndex === 0) {
-                removeClass([treeFocus], [CLS.FOCUS, CLS.FOCUSED]);
+            if (!isNOU(treeFocus)) {
+                treeFocus.setAttribute('tabindex', '0');
+                if (treeFocus.tabIndex === 0 && nameFocus.tabIndex === 0) {
+                    removeClass([treeFocus], [CLS.FOCUS, CLS.FOCUSED]);
+                }
             }
         }
     };
@@ -2059,6 +2071,10 @@ var DetailsView = /** @class */ (function () {
         if (headers.length === 0) {
             return;
         }
+        if (isNOU(focusedItem)) {
+            this.moveFocusToHeader(headers[headers.length - 1]);
+            return;
+        }
         if (!isNOU(focusedItem) && focusedItem.classList.contains('e-rowcell')) {
             var row = focusedItem.parentElement;
             var cells = row ? Array.from(row.querySelectorAll('.e-rowcell:not(.e-gridchkbox)')) : [];

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

@@ -1311,12 +1311,22 @@ var LargeIconsView = /** @class */ (function () {
         }
     };
     LargeIconsView.prototype.spaceKey = function (fItem) {
-        if (!isNOU(fItem) && !fItem.classList.contains(CLS.ACTIVE)) {
-            var fileSelectionArgs = this.triggerSelection('select', fItem);
-            if (fileSelectionArgs.cancel !== true) {
-                this.addActive(fItem);
-                this.parent.notify(events.selectionChanged, {});
-                this.triggerSelect('select', fItem);
+        if (!isNOU(fItem)) {
+            if (!fItem.classList.contains(CLS.ACTIVE)) {
+                var fileSelectionArgs = this.triggerSelection('select', fItem);
+                if (fileSelectionArgs.cancel !== true) {
+                    this.addActive(fItem);
+                    this.parent.notify(events.selectionChanged, {});
+                    this.triggerSelect('select', fItem);
+                }
+            }
+            else {
+                var fileSelectionArgs = this.triggerSelection('unselect', fItem);
+                if (fileSelectionArgs.cancel !== true) {
+                    this.removeActive(fItem);
+                    this.parent.notify(events.selectionChanged, {});
+                    this.triggerSelect('unselect', fItem);
+                }
             }
         }
     };

package/src/file-manager/pop-up/dialog.js

@@ -460,6 +460,7 @@ function onFolderDialogOpen(parent) {
         createInput(ele, getLocaleText(parent, 'Content-NewFolder'));
     }
     ele.parentElement.nextElementSibling.innerHTML = '';
+    ele.setAttribute('aria-invalid', 'false');
     ele.oninput = function () {
         onValidate(parent, ele);
     };
@@ -484,6 +485,7 @@ function onRenameDialogOpen(parent) {
         createInput(inputEle, getLocaleText(parent, 'Content-Rename'));
     }
     inputEle.parentElement.nextElementSibling.innerHTML = '';
+    inputEle.setAttribute('aria-invalid', 'false');
     inputEle.oninput = function () {
         onValidate(parent, inputEle);
     };
@@ -563,7 +565,7 @@ function getOptions(parent, text, e, details) {
         case 'NewFolder':
             options.dialogName = 'Create Folder';
             options.header = getLocaleText(parent, 'Header-NewFolder');
-            options.content = '<input type="text" value="New folder" id="newname"><div class="e-fe-error"></div>';
+            options.content = '<input type="text" value="New folder" id="newname" aria-invalid="false" aria-describedby="newname_error"><div id="newname_error" class="e-fe-error" role="alert"></div>';
             options.buttons = [
                 {
                     buttonModel: { isPrimary: true, content: getLocaleText(parent, 'Button-Create') },
@@ -606,7 +608,7 @@ function getOptions(parent, text, e, details) {
         case 'Rename':
             options.dialogName = 'Rename';
             options.header = getLocaleText(parent, 'Header-Rename');
-            options.content = '<input type="text" class="e-input" id="rename"><div class="e-fe-error"></div>';
+            options.content = '<input type="text" class="e-input" id="rename" aria-invalid="false" aria-describedby="rename_error"><div id="rename_error" class="e-fe-error" role="alert"></div>';
             options.buttons = [
                 {
                     buttonModel: { isPrimary: true, content: getLocaleText(parent, 'Button-Save') },
@@ -860,9 +862,11 @@ function onValidate(parent, ele) {
         addInvalid(parent, ele);
     }
     else if (ele.value === '') {
+        ele.setAttribute('aria-invalid', 'true');
         ele.parentElement.nextElementSibling.innerHTML = getLocaleText(parent, 'Validation-Empty');
     }
     else {
+        ele.setAttribute('aria-invalid', 'false');
         ele.parentElement.nextElementSibling.innerHTML = '';
     }
 }
@@ -890,6 +894,7 @@ function onSubmitValidate(parent, ele) {
  */
 function addInvalid(parent, ele) {
     var error = getLocaleText(parent, 'Validation-Invalid').replace('{0}', '"' + ele.value + '"');
+    ele.setAttribute('aria-invalid', 'true');
     if (parent.enableHtmlSanitizer) {
         ele.parentElement.nextElementSibling.textContent = error;
     }

package/styles/bds-lite.css

@@ -658,6 +658,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-toolbar .e-fe-grid {
   display: inline-table;
   -webkit-transform: rotate(180deg);

package/styles/bds.css

@@ -658,6 +658,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-toolbar .e-fe-grid {
   display: inline-table;
   -webkit-transform: rotate(180deg);

package/styles/bootstrap-dark-lite.css

@@ -660,6 +660,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-treeview > .e-ul {
   padding: 0 8px 0 0;
 }

package/styles/bootstrap-dark.css

@@ -660,6 +660,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-treeview > .e-ul {
   padding: 0 8px 0 0;
 }

package/styles/bootstrap-lite.css

@@ -657,6 +657,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-treeview > .e-ul {
   padding: 0 8px 0 0;
 }

package/styles/bootstrap.css

@@ -657,6 +657,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-treeview > .e-ul {
   padding: 0 8px 0 0;
 }

package/styles/bootstrap4-lite.css

@@ -660,6 +660,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-treeview > .e-ul {
   padding: 0 8px 0 0;
 }

package/styles/bootstrap4.css

@@ -660,6 +660,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-treeview > .e-ul {
   padding: 0 8px 0 0;
 }

package/styles/bootstrap5-dark-lite.css

@@ -657,6 +657,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-toolbar .e-fe-grid {
   display: inline-table;
   -webkit-transform: rotate(180deg);

package/styles/bootstrap5-dark.css

@@ -657,6 +657,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-toolbar .e-fe-grid {
   display: inline-table;
   -webkit-transform: rotate(180deg);

package/styles/bootstrap5-lite.css

@@ -657,6 +657,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-toolbar .e-fe-grid {
   display: inline-table;
   -webkit-transform: rotate(180deg);

package/styles/bootstrap5.3-lite.css

@@ -734,6 +734,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-treeview > .e-ul {
   padding: 0 8px 0 0;
 }

package/styles/bootstrap5.3.css

@@ -734,6 +734,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-treeview > .e-ul {
   padding: 0 8px 0 0;
 }

package/styles/bootstrap5.css

@@ -657,6 +657,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-toolbar .e-fe-grid {
   display: inline-table;
   -webkit-transform: rotate(180deg);

package/styles/fabric-dark-lite.css

@@ -658,6 +658,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-treeview > .e-ul {
   padding: 0 8px 0 0;
 }

package/styles/fabric-dark.css

@@ -658,6 +658,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-treeview > .e-ul {
   padding: 0 8px 0 0;
 }

package/styles/fabric-lite.css

@@ -658,6 +658,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-treeview > .e-ul {
   padding: 0 8px 0 0;
 }

package/styles/fabric.css

@@ -658,6 +658,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-treeview > .e-ul {
   padding: 0 8px 0 0;
 }

package/styles/file-manager/_layout.scss

@@ -978,6 +978,11 @@
         text-align: center;
         top: 0;
       }
+      .e-fe-count.e-fm-template {
+        position: absolute;
+        right: -5px;
+        top: -5px;
+      }
     }
 
     &.e-rtl {

package/styles/file-manager/bds.css

@@ -658,6 +658,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-toolbar .e-fe-grid {
   display: inline-table;
   -webkit-transform: rotate(180deg);

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

@@ -660,6 +660,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-treeview > .e-ul {
   padding: 0 8px 0 0;
 }

package/styles/file-manager/bootstrap.css

@@ -657,6 +657,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-treeview > .e-ul {
   padding: 0 8px 0 0;
 }

package/styles/file-manager/bootstrap4.css

@@ -660,6 +660,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-treeview > .e-ul {
   padding: 0 8px 0 0;
 }

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

@@ -657,6 +657,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-toolbar .e-fe-grid {
   display: inline-table;
   -webkit-transform: rotate(180deg);

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

@@ -734,6 +734,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-treeview > .e-ul {
   padding: 0 8px 0 0;
 }

package/styles/file-manager/bootstrap5.css

@@ -657,6 +657,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-toolbar .e-fe-grid {
   display: inline-table;
   -webkit-transform: rotate(180deg);

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

@@ -658,6 +658,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-treeview > .e-ul {
   padding: 0 8px 0 0;
 }

package/styles/file-manager/fabric.css

@@ -658,6 +658,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-treeview > .e-ul {
   padding: 0 8px 0 0;
 }

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

@@ -652,6 +652,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-treeview > .e-ul {
   padding: 0 8px 0 0;
 }

package/styles/file-manager/fluent.css

@@ -652,6 +652,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-treeview > .e-ul {
   padding: 0 8px 0 0;
 }

package/styles/file-manager/fluent2.css

@@ -756,6 +756,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-treeview > .e-ul {
   padding: 0 8px 0 0;
 }

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

@@ -656,6 +656,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-treeview > .e-ul {
   padding: 0 8px 0 0;
 }

package/styles/file-manager/highcontrast.css

@@ -652,6 +652,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-treeview > .e-ul {
   padding: 0 8px 0 0;
 }