@syncfusion/ej2-filemanager 25.1.35 → 25.1.38

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

@@ -9960,9 +9960,6 @@ var DetailsView = /** @__PURE__ @class */ (function () {
         this.isNameWidth = false;
         this.pasteOperation = false;
         this.uploadOperation = false;
-        /* istanbul ignore next */
-        // eslint:disable-next-line
-        this.actionDivert = false;
         Grid.Inject(Resize, ContextMenu$1, Sort, VirtualScroll);
         this.parent = parent;
         this.element = select('#' + this.parent.element.id + GRID_ID, this.parent.element);
@@ -10130,7 +10127,7 @@ var DetailsView = /** @__PURE__ @class */ (function () {
                     field: 'name', headerText: getLocaleText(this.parent, 'Name'), width: 'auto', minWidth: 120, headerTextAlign: 'Left',
                     template: initializeCSPTemplate(function (data) {
                         var name = enableHtmlSanitizer ? SanitizeHtmlHelper.sanitize(data.name) : data.name;
-                        return "<div class=\"e-fe-text\">" + name + "</div><div class=\"e-fe-date\">" + data._fm_modified + "</div>' +\n                        '<span class=\"e-fe-size\">" + data.size + "</span>";
+                        return "<div class=\"e-fe-text\">" + name + "</div><div class=\"e-fe-date\">" + data._fm_modified + "</div><span class=\"e-fe-size\">" + data.size + "</span>";
                     })
                 }
             ];
@@ -10140,7 +10137,7 @@ var DetailsView = /** @__PURE__ @class */ (function () {
             this.adjustWidth(columns, 'name');
             var _loop_1 = function (i, len) {
                 columns[i].headerText = getLocaleText(this_1.parent, columns[i].headerText);
-                if (columns[i].field === 'name' && !isNullOrUndefined(columns[i].template)) {
+                if (columns[i].field === 'name' && !isNullOrUndefined(columns[i].template) && !(typeof columns[i].template === 'function')) {
                     var template_1 = columns[i].template;
                     columns[i].template = initializeCSPTemplate(function (data) {
                         var name = enableHtmlSanitizer ? SanitizeHtmlHelper.sanitize(data.name) : data.name;
@@ -11191,12 +11188,14 @@ var DetailsView = /** @__PURE__ @class */ (function () {
             eventName: 'keydown'
         });
         EventHandler.add(this.gridObj.element, 'blur', this.removeFocus, this);
+        EventHandler.add(this.parent.element, 'focusout', this.onBlur, this);
     };
     DetailsView.prototype.unWireEvents = function () {
         this.wireClickEvent(false);
         this.keyboardModule.destroy();
         this.keyboardDownModule.destroy();
         EventHandler.remove(this.gridObj.element, 'blur', this.removeFocus);
+        EventHandler.remove(this.parent.element, 'focusout', this.onBlur);
     };
     DetailsView.prototype.wireClickEvent = function (toBind) {
         if (toBind) {
@@ -11246,6 +11245,19 @@ var DetailsView = /** @__PURE__ @class */ (function () {
     DetailsView.prototype.removeFocus = function () {
         this.addFocus(null);
     };
+    DetailsView.prototype.onBlur = function (e) {
+        if ((e.relatedTarget !== null && closest(e.relatedTarget, '.e-grid') !== e.relatedTarget)) {
+            return;
+        }
+        if (!isNullOrUndefined(this.gridObj.element)) {
+            var thElements = this.gridObj.element.querySelectorAll('th');
+            for (var i = 0; i < thElements.length; i++) {
+                if (thElements[i].classList.contains('e-focus')) {
+                    this.addFocus(null);
+                }
+            }
+        }
+    };
     DetailsView.prototype.getFocusedItemIndex = function () {
         return (!isNullOrUndefined(this.getFocusedItem())) ?
             parseInt(this.getFocusedItem().getAttribute('data-rowindex'), 10) : null;
@@ -11294,6 +11306,8 @@ var DetailsView = /** @__PURE__ @class */ (function () {
                 break;
         }
     };
+    /* istanbul ignore next */
+    // eslint:disable-next-line
     DetailsView.prototype.keyupHandler = function (e) {
         if (!this.isRendered) {
             return;
@@ -11324,7 +11338,15 @@ var DetailsView = /** @__PURE__ @class */ (function () {
                 this.performDelete();
                 break;
             case 'enter':
-                if (this.gridObj.selectedRowIndex === -1) {
+                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 (!isNullOrUndefined(this.getFocusedItem().nextSibling)) {
+                            this.getFocusedItem().nextSibling.setAttribute('tabindex', '0');
+                        }
+                    }
                     break;
                 }
                 rowData = this.gridObj.getRowsObject()[this.gridObj.selectedRowIndex].data;
@@ -11371,13 +11393,8 @@ var DetailsView = /** @__PURE__ @class */ (function () {
                     else if (this.gridObj.selectedRowIndex !== -1 && e.action === 'tab') {
                         return;
                     }
-                    else if (!this.actionDivert) {
-                        this.addHeaderFocus();
-                        this.actionDivert = true;
-                    }
                     else {
-                        this.addFocus(0);
-                        this.actionDivert = false;
+                        this.addHeaderFocus(e);
                     }
                 }
                 break;
@@ -11664,16 +11681,29 @@ var DetailsView = /** @__PURE__ @class */ (function () {
             addClass([itemElement], [FOCUS, FOCUSED]);
         }
     };
-    DetailsView.prototype.addHeaderFocus = function () {
+    DetailsView.prototype.addHeaderFocus = function (e) {
         var treeFocus = select('.e-row', this.element);
         this.gridObj.element.setAttribute('tabindex', '-1');
-        var nameFocus = select('th.e-fe-grid-name', this.element);
-        nameFocus.setAttribute('tabindex', '0');
-        nameFocus.focus();
-        addClass([nameFocus], [FOCUS, FOCUSED]);
-        treeFocus.setAttribute('tabindex', '0');
-        if (treeFocus.tabIndex === 0 && nameFocus.tabIndex === 0) {
-            removeClass([treeFocus], [FOCUS, FOCUSED]);
+        var nameFocus;
+        if (!isNullOrUndefined(e.target) && e.target.classList.contains('e-defaultcursor')) {
+            this.addFocus(0);
+            nameFocus = e.target.nextElementSibling;
+        }
+        else if (!isNullOrUndefined(this.gridObj.element.querySelector('.e-focus')) && (this.gridObj.element.querySelector('.e-focus').tagName === 'TH')) {
+            nameFocus = this.gridObj.element.querySelector('.e-focus').nextElementSibling;
+            this.addFocus(0);
+        }
+        else {
+            nameFocus = select('th.e-fe-grid-icon', this.element);
+        }
+        if (!isNullOrUndefined(nameFocus)) {
+            nameFocus.setAttribute('tabindex', '0');
+            nameFocus.focus();
+            addClass([nameFocus], [FOCUS, FOCUSED]);
+            treeFocus.setAttribute('tabindex', '0');
+            if (treeFocus.tabIndex === 0 && nameFocus.tabIndex === 0) {
+                removeClass([treeFocus], [FOCUS, FOCUSED]);
+            }
         }
     };
     DetailsView.prototype.getFocusedItem = function () {