@syncfusion/ej2-navigations 20.4.52 → 20.4.53

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.4.52
+*  version : 20.4.53
 *  Copyright Syncfusion Inc. 2001 - 2020. 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,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-navigations@*",
-  "_id": "@syncfusion/ej2-navigations@20.4.51",
+  "_id": "@syncfusion/ej2-navigations@20.4.52",
   "_inBundle": false,
-  "_integrity": "sha512-Q8VMoyJrQ0tCiJxta0IDxJQ24N7zIDVLNct8uCnBwIkv62ew/RJ5/9/E2yADfBJamQ+nTlcwqWVpp5OmDAIuog==",
+  "_integrity": "sha512-VSeYC7Nk6oBvvTGB4FVtt37OASfO07aqnLNPE05P6D+6cz/67BRIrkn4CNTZ5OTX0HQduHzzWd9FONQ1Nkp/HA==",
   "_location": "/@syncfusion/ej2-navigations",
   "_phantomChildren": {},
   "_requested": {
@@ -38,8 +38,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-navigations"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-20.4.51.tgz",
-  "_shasum": "d49a33648a6e91d4683c4da0c4043d5ad6e2fc64",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-20.4.52.tgz",
+  "_shasum": "1eba02ebec2a726b68d1a78846802f797e73eacf",
   "_spec": "@syncfusion/ej2-navigations@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -51,11 +51,11 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~20.4.51",
-    "@syncfusion/ej2-buttons": "~20.4.50",
+    "@syncfusion/ej2-buttons": "~20.4.53",
     "@syncfusion/ej2-data": "~20.4.48",
     "@syncfusion/ej2-inputs": "~20.4.52",
     "@syncfusion/ej2-lists": "~20.4.50",
-    "@syncfusion/ej2-popups": "~20.4.52"
+    "@syncfusion/ej2-popups": "~20.4.53"
   },
   "deprecated": false,
   "description": "A package of Essential JS 2 navigation components such as Tree-view, Tab, Toolbar, Context-menu, and Accordion which is used to navigate from one page to another",
@@ -160,6 +160,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.4.52",
+  "version": "20.4.53",
   "sideEffects": false
 }

package/src/tab/tab.js

@@ -1849,6 +1849,21 @@ var Tab = /** @class */ (function (_super) {
                 _this.refreshActiveBorder();
                 var cntTrg = select('#' + CLS_CONTENT + _this.tabId + '_' + _this.extIndex(trg.id), select('.' + CLS_CONTENT, _this.element));
                 if (!isNOU(cntTrg)) {
+                    var registeredTemplate = _this.registeredTemplate;
+                    if (registeredTemplate && registeredTemplate.content) {
+                        var templateToClear = [];
+                        for (var i = 0; i < registeredTemplate.content.length; i++) {
+                            var registeredItem = registeredTemplate.content[i].rootNodes[0];
+                            var closestItem = closest(registeredItem, '.' + CLS_ITEM);
+                            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);

package/src/treeview/treeview.js

@@ -2644,7 +2644,7 @@ var TreeView = /** @class */ (function (_super) {
     TreeView.prototype.focusIn = function () {
         if (!this.mouseDownStatus) {
             var focusedElement = this.getFocusedNode();
-            focusedElement.setAttribute("tanindex", "0");
+            focusedElement.setAttribute("tabindex", "0");
             addClass([focusedElement], [HOVER, FOCUS]);
             EventHandler.add(focusedElement, 'blur', this.focusOut, this);
         }
@@ -3058,7 +3058,7 @@ var TreeView = /** @class */ (function (_super) {
         });
         this.dropObj = new Droppable(this.element, {
             out: function (e) {
-                if (!isNOU(e) && !e.target.classList.contains(SIBLING)) {
+                if (!isNOU(e) && !e.target.classList.contains(SIBLING) && (_this.dropObj.dragData.default && _this.dropObj.dragData.default.helper.classList.contains(ROOT))) {
                     document.body.style.cursor = 'not-allowed';
                 }
             },
@@ -3757,15 +3757,29 @@ var TreeView = /** @class */ (function (_super) {
                 }
             }
             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) {
-                            dropUl.insertBefore(li[i], cNodes[j]);
-                            break;
+                if (dropUl.childNodes.length === 0) {
+                    for (var i = 0; i < li.length; i++) {
+                        dropUl.insertBefore(li[i], refNode);
+                    }
+                    if (this.dataType === 1 && !isNullOrUndefined(dropLi) && !isNOU(this.element.offsetParent) && !this.element.offsetParent.parentElement.classList.contains('e-filemanager')) {
+                        this.preventExpand = false;
+                        var dropIcon = select('div.' + ICON, dropLi);
+                        if (dropIcon && dropIcon.classList.contains(EXPANDABLE)) {
+                            this.expandAction(dropLi, dropIcon, null);
+                        }
+                    }
+                }
+                else {
+                    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) {
+                                dropUl.insertBefore(li[i], cNodes[j]);
+                                break;
+                            }
+                            dropUl.insertBefore(li[i], cNodes[cNodes.length]);
                         }
-                        dropUl.insertBefore(li[i], cNodes[cNodes.length]);
                     }
                 }
             }

package/styles/pager/_bootstrap5-definition.scss

@@ -137,7 +137,7 @@ $pager-container-border-radius: 4px !default;
 $pager-bigger-tripledot-font-size: $pager-tripledot-font-size !default;
 $pager-active-border: 2px !default;
 $pager-active-size: solid !default;
-$pager-active-color: $primary;
+$pager-active-color: $primary !default;
 $pager-numeric-icon-padding-with-margin: 7px 10px 7px 10px !default;
 $pager-focus-bg-color: $table-bg-color-hover !default;
 $pager-focus-tripledot-padding: $pager-tripledot-padding !default;

package/styles/pager/_fusionnew-definition.scss

@@ -137,7 +137,7 @@ $pager-container-border-radius: 4px !default;
 $pager-bigger-tripledot-font-size: $pager-tripledot-font-size !default;
 $pager-active-border: 2px !default;
 $pager-active-size: solid !default;
-$pager-active-color: $primary;
+$pager-active-color: $primary !default;
 $pager-numeric-icon-padding-with-margin: 7px 10px 7px 10px !default;
 $pager-focus-bg-color: $table-bg-color-hover !default;
 $pager-focus-tripledot-padding: $pager-tripledot-padding !default;

package/styles/pager/_material3-definition.scss

@@ -137,7 +137,7 @@ $pager-container-border-radius: 4px !default;
 $pager-bigger-tripledot-font-size: $pager-tripledot-font-size !default;
 $pager-active-border: 2px !default;
 $pager-active-size: solid !default;
-$pager-active-color: $primary;
+$pager-active-color: $primary !default;
 $pager-numeric-icon-padding-with-margin: 7px 10px 7px 10px !default;
 $pager-focus-bg-color: $table-bg-color-hover !default;
 $pager-focus-tripledot-padding: $pager-tripledot-padding !default;

package/GitLeaksReport.json

@@ -1 +0,0 @@
-[]