@syncfusion/ej2-navigations 20.1.56 → 20.1.60

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

@@ -7565,7 +7565,7 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
             this.tbObj = null;
         }
         this.unWireEvents();
-        ['role', 'aria-disabled', 'aria-activedescendant', 'tabindex', 'aria-orientation'].forEach(function (val) {
+        ['role', 'aria-disabled', 'aria-activedescendant', 'tabindex', 'aria-orientation', 'aria-owns'].forEach(function (val) {
             _this.element.removeAttribute(val);
         });
         this.expTemplateContent();
@@ -7646,7 +7646,7 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
         var css = (name === 'msie') ? 'e-ie' : (name === 'edge') ? 'e-edge' : (name === 'safari') ? 'e-safari' : '';
         setStyleAttribute(this.element, { 'width': formatUnit(this.width), 'height': formatUnit(this.height) });
         this.setCssClass(this.element, this.cssClass, true);
-        attributes(this.element, { role: 'tablist', 'aria-disabled': 'false', 'aria-activedescendant': '' });
+        attributes(this.element, { role: 'tablist', 'aria-disabled': 'false', 'aria-activedescendant': '', 'aria-owns': this.element.id + '_' + 'tab_header_items' });
         this.setCssClass(this.element, css, true);
         this.updatePopAnimationConfig();
     };
@@ -7831,6 +7831,10 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
         attributes(this.hdrEle, { 'aria-label': 'tab-header' });
         this.updateOrientationAttribute();
         this.setCloseButton(this.showCloseButton);
+        var toolbarHeader = this.tbObj.element.querySelector('.' + CLS_TB_ITEMS);
+        if (!isNullOrUndefined(toolbarHeader)) {
+            toolbarHeader.id = this.element.id + '_' + 'tab_header_items';
+        }
     };
     Tab.prototype.renderContent = function () {
         this.cntEle = select('.' + CLS_CONTENT$1, this.element);
@@ -13417,8 +13421,27 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
             dropUl = dropEle;
         }
         var refNode = dropUl.childNodes[index];
-        for (var i = 0; i < li.length; i++) {
-            dropUl.insertBefore(li[i], refNode);
+        if (refNode || this.sortOrder === 'None') {
+            for (var i = 0; i < li.length; i++) {
+                dropUl.insertBefore(li[i], refNode);
+            }
+        }
+        if (!refNode && ((this.sortOrder === 'Ascending') || (this.sortOrder === 'Descending'))) {
+            var cNodes = dropUl.childNodes;
+            for (var i = 0; i < li.length; i++) {
+                for (var j = 0; j < cNodes.length; j++) {
+                    var 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);
+                    }
+                }
+            }
         }
         var id = this.getId(dropLi);
         if (this.dataType === 1) {
@@ -14821,7 +14844,6 @@ var CLOSE = 'e-close';
 var OPEN = 'e-open';
 var TRASITION = 'e-transition';
 var DEFAULTBACKDROP = 'e-sidebar-overlay';
-var CONTEXTBACKDROP = 'e-backdrop';
 var RTL$2 = 'e-rtl';
 var RIGHT = 'e-right';
 var LEFT = 'e-left';
@@ -14991,7 +15013,7 @@ var Sidebar = /** @__PURE__ @class */ (function (_super) {
     Sidebar.prototype.destroyBackDrop = function () {
         var 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';
@@ -15129,8 +15151,12 @@ var Sidebar = /** @__PURE__ @class */ (function (_super) {
     };
     Sidebar.prototype.createBackDrop = function () {
         if (this.target && this.showBackdrop && this.getState()) {
+            var targetString = this.target;
             var 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');