@syncfusion/ej2-navigations 20.1.58 → 20.1.60

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

@@ -13082,8 +13082,27 @@ let TreeView = TreeView_1 = class TreeView extends Component {
             dropUl = dropEle;
         }
         let refNode = dropUl.childNodes[index];
-        for (let i = 0; i < li.length; i++) {
-            dropUl.insertBefore(li[i], refNode);
+        if (refNode || this.sortOrder === 'None') {
+            for (let i = 0; i < li.length; i++) {
+                dropUl.insertBefore(li[i], refNode);
+            }
+        }
+        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) {
+                        refNode = cNodes[j];
+                        dropUl.insertBefore(li[i], refNode);
+                        break;
+                    }
+                    else {
+                        refNode = cNodes[cNodes.length];
+                        dropUl.insertBefore(li[i], refNode);
+                    }
+                }
+            }
         }
         let id = this.getId(dropLi);
         if (this.dataType === 1) {
@@ -14465,7 +14484,6 @@ const CLOSE = 'e-close';
 const OPEN = 'e-open';
 const TRASITION = 'e-transition';
 const DEFAULTBACKDROP = 'e-sidebar-overlay';
-const CONTEXTBACKDROP = 'e-backdrop';
 const RTL$2 = 'e-rtl';
 const RIGHT = 'e-right';
 const LEFT = 'e-left';
@@ -14634,7 +14652,7 @@ let Sidebar = class Sidebar extends Component {
     destroyBackDrop() {
         const sibling = document.querySelector('.e-main-content') || this.targetEle;
         if (this.target && this.showBackdrop && sibling) {
-            removeClass([sibling], CONTEXTBACKDROP);
+            sibling.removeChild(this.defaultBackdropDiv);
         }
         else if (this.showBackdrop && this.modal) {
             this.modal.style.display = 'none';
@@ -14770,8 +14788,12 @@ let Sidebar = class Sidebar extends Component {
     }
     createBackDrop() {
         if (this.target && this.showBackdrop && this.getState()) {
+            const targetString = this.target;
             const sibling = document.querySelector('.e-main-content') || this.targetEle;
-            addClass([sibling], CONTEXTBACKDROP);
+            this.defaultBackdropDiv = this.createElement('div');
+            addClass([this.defaultBackdropDiv], DEFAULTBACKDROP);
+            setStyleAttribute(this.defaultBackdropDiv, { height: targetString.style.height });
+            sibling.appendChild(this.defaultBackdropDiv);
         }
         else if (this.showBackdrop && !this.modal && this.getState()) {
             this.modal = this.createElement('div');