@syncfusion/ej2-navigations 20.4.52 → 20.4.53

package/dist/es6/ej2-navigations.es2015.js

@@ -8971,6 +8971,21 @@ let Tab = class Tab extends Component {
                 this.refreshActiveBorder();
                 const cntTrg = select('#' + CLS_CONTENT$1 + this.tabId + '_' + this.extIndex(trg.id), select('.' + CLS_CONTENT$1, this.element));
                 if (!isNullOrUndefined(cntTrg)) {
+                    const registeredTemplate = this.registeredTemplate;
+                    if (registeredTemplate && registeredTemplate.content) {
+                        var templateToClear = [];
+                        for (let i = 0; i < registeredTemplate.content.length; i++) {
+                            let registeredItem = registeredTemplate.content[i].rootNodes[0];
+                            let closestItem = closest(registeredItem, '.' + CLS_ITEM$2);
+                            if (!isNullOrUndefined(registeredItem) && closestItem === cntTrg) {
+                                templateToClear.push(registeredTemplate.content[i]);
+                                break;
+                            }
+                        }
+                        if (templateToClear.length > 0) {
+                            this.clearTemplate(['content'], templateToClear);
+                        }
+                    }
                     detach(cntTrg);
                 }
                 this.trigger('removed', tabRemovingArgs);
@@ -12101,7 +12116,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
     focusIn() {
         if (!this.mouseDownStatus) {
             let focusedElement = this.getFocusedNode();
-            focusedElement.setAttribute("tanindex", "0");
+            focusedElement.setAttribute("tabindex", "0");
             addClass([focusedElement], [HOVER, FOCUS]);
             EventHandler.add(focusedElement, 'blur', this.focusOut, this);
         }
@@ -12511,7 +12526,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         });
         this.dropObj = new Droppable(this.element, {
             out: (e) => {
-                if (!isNullOrUndefined(e) && !e.target.classList.contains(SIBLING)) {
+                if (!isNullOrUndefined(e) && !e.target.classList.contains(SIBLING) && (this.dropObj.dragData.default && this.dropObj.dragData.default.helper.classList.contains(ROOT))) {
                     document.body.style.cursor = 'not-allowed';
                 }
             },
@@ -13208,15 +13223,29 @@ let TreeView = TreeView_1 = class TreeView extends Component {
                 }
             }
             if (!refNode && ((this.sortOrder === 'Ascending') || (this.sortOrder === 'Descending'))) {
-                let cNodes = dropUl.childNodes;
-                for (let i = 0; i < li.length; i++) {
-                    for (let j = 0; j < cNodes.length; j++) {
-                        let returnValue = (this.sortOrder === 'Ascending') ? cNodes[j].textContent.toUpperCase() > li[i].innerText.toUpperCase() : cNodes[j].textContent.toUpperCase() < li[i].innerText.toUpperCase();
-                        if (returnValue) {
-                            dropUl.insertBefore(li[i], cNodes[j]);
-                            break;
+                if (dropUl.childNodes.length === 0) {
+                    for (let i = 0; i < li.length; i++) {
+                        dropUl.insertBefore(li[i], refNode);
+                    }
+                    if (this.dataType === 1 && !isNullOrUndefined(dropLi) && !isNullOrUndefined(this.element.offsetParent) && !this.element.offsetParent.parentElement.classList.contains('e-filemanager')) {
+                        this.preventExpand = false;
+                        let dropIcon = select('div.' + ICON, dropLi);
+                        if (dropIcon && dropIcon.classList.contains(EXPANDABLE)) {
+                            this.expandAction(dropLi, dropIcon, null);
+                        }
+                    }
+                }
+                else {
+                    let cNodes = dropUl.childNodes;
+                    for (let i = 0; i < li.length; i++) {
+                        for (let j = 0; j < cNodes.length; j++) {
+                            let returnValue = (this.sortOrder === 'Ascending') ? cNodes[j].textContent.toUpperCase() > li[i].innerText.toUpperCase() : cNodes[j].textContent.toUpperCase() < li[i].innerText.toUpperCase();
+                            if (returnValue) {
+                                dropUl.insertBefore(li[i], cNodes[j]);
+                                break;
+                            }
+                            dropUl.insertBefore(li[i], cNodes[cNodes.length]);
                         }
-                        dropUl.insertBefore(li[i], cNodes[cNodes.length]);
                     }
                 }
             }