@syncfusion/ej2-navigations 21.2.4 → 21.2.5

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 21.2.4
+*  version : 21.2.5
 *  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@21.2.3",
+  "_id": "@syncfusion/ej2-navigations@21.2.4",
   "_inBundle": false,
-  "_integrity": "sha512-wkXN1stY02EuXHBfwv7RtsJsFvnKxYNoT74/VZu+Dqe2dMMx1JH8zDLVbjIVflAo3BiDRTKs6erEjJB4ErtUUQ==",
+  "_integrity": "sha512-tNqo7fwXnp6YNAF+gVKLJwXJK2dL+l1taEvIzEwjIvBLxKDnPcIXQkPD/mA5L+/Dm2dVRrLm8B0EB4n43UyPiQ==",
   "_location": "/@syncfusion/ej2-navigations",
   "_phantomChildren": {},
   "_requested": {
@@ -39,8 +39,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-navigations"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-21.2.3.tgz",
-  "_shasum": "e53c4fd12005ea2d5c63cd9b9b7d97deb07ba785",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-21.2.4.tgz",
+  "_shasum": "f4bd273deb7fef77a35df8828162db349c176394",
   "_spec": "@syncfusion/ej2-navigations@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -52,7 +52,7 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~21.2.3",
-    "@syncfusion/ej2-buttons": "~21.2.3",
+    "@syncfusion/ej2-buttons": "~21.2.5",
     "@syncfusion/ej2-data": "~21.2.4",
     "@syncfusion/ej2-inputs": "~21.2.4",
     "@syncfusion/ej2-lists": "~21.2.3",
@@ -161,6 +161,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "21.2.4",
+  "version": "21.2.5",
   "sideEffects": false
 }

package/src/tab/tab.js

@@ -357,15 +357,6 @@ var Tab = /** @class */ (function (_super) {
                 this.setContentHeight(true);
                 this.select(this.selectedItem);
             }
-            this.tbItem = selectAll('.' + CLS_TB_ITEM, this.hdrEle);
-            if (!isNOU(this.tbItem)) {
-                for (var i = 0; i < this.items.length; i++) {
-                    if (this.tbItem[i]) {
-                        var tabID = this.items[i].id;
-                        this.tbItem[i].setAttribute('data-id', tabID);
-                    }
-                }
-            }
             this.setRTL(this.enableRtl);
         }
     };
@@ -545,7 +536,7 @@ var Tab = /** @class */ (function (_super) {
                 _this.itemIndexArray.splice((index + i), 0, CLS_ITEM + _this.tabId + '_' + _this.lastIndex);
             }
             var attrObj = {
-                id: CLS_ITEM + _this.tabId + '_' + _this.lastIndex
+                id: CLS_ITEM + _this.tabId + '_' + _this.lastIndex, 'data-id': item.id
             };
             var tItem = { htmlAttributes: attrObj, template: wrap };
             tItem.cssClass = ((item.cssClass !== undefined) ? item.cssClass : ' ') + ' ' + disabled + ' ' + hidden + ' '
@@ -1629,6 +1620,10 @@ var Tab = /** @class */ (function (_super) {
         };
         this.trigger('onDragStart', dragArgs, function (tabitemDragArgs) {
             if (tabitemDragArgs.cancel) {
+                var dragObj = e.element.ej2_instances[0];
+                if (!isNullOrUndefined(dragObj)) {
+                    dragObj.intDestroy(e.event);
+                }
                 detach(_this.cloneElement);
             }
             else {

package/src/treeview/treeview.js

@@ -2965,6 +2965,8 @@ var TreeView = /** @class */ (function (_super) {
             enableTailMode: true, enableAutoScroll: true,
             dragArea: this.dragArea,
             dragTarget: '.' + TEXTWRAP,
+            enableTapHold: true,
+            tapHoldThreshold: 100,
             helper: function (e) {
                 _this.dragTarget = e.sender.target;
                 var dragRoot = closest(_this.dragTarget, '.' + ROOT);
@@ -3395,7 +3397,10 @@ var TreeView = /** @class */ (function (_super) {
             dropUl.style.display = 'none';
         }
         if (isNOU(dropUl)) {
-            this.trigger('nodeExpanding', this.getExpandEvent(dropLi, null));
+            var args = this.expandArgs;
+            if (isNOU(args) || args.name != 'nodeExpanding') {
+                this.trigger('nodeExpanding', this.getExpandEvent(dropLi, null));
+            }
             if (isNOU(dropIcon)) {
                 ListBase.generateIcon(this.createElement, dropLi, COLLAPSIBLE, this.listBaseOption);
             }
@@ -3745,6 +3750,7 @@ var TreeView = /** @class */ (function (_super) {
         }
         refNode = dropUl.childNodes[index];
         if (!this.isFirstRender || this.dataType === 1) {
+            var args = this.expandArgs;
             if (refNode || this.sortOrder === 'None') {
                 for (var i = 0; i < li.length; i++) {
                     dropUl.insertBefore(li[i], refNode);
@@ -3752,7 +3758,7 @@ var TreeView = /** @class */ (function (_super) {
                 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)) {
+                    if (dropIcon && dropIcon.classList.contains(EXPANDABLE) && (isNOU(args) || args.name != 'nodeExpanding')) {
                         this.expandAction(dropLi, dropIcon, null);
                     }
                 }
@@ -3765,7 +3771,7 @@ var TreeView = /** @class */ (function (_super) {
                     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)) {
+                        if (dropIcon && dropIcon.classList.contains(EXPANDABLE) && (isNOU(args) || args.name != 'nodeExpanding')) {
                             this.expandAction(dropLi, dropIcon, null);
                         }
                     }

package/styles/material.css

@@ -8149,10 +8149,10 @@
   color: rgba(0, 0, 0, 0.54);
 }
 .e-treeview .e-list-item.e-active > .e-text-content {
-  color: #cc1351;
+  color: #e3165b;
 }
 .e-treeview .e-list-item.e-active > .e-text-content .e-list-text {
-  color: #cc1351;
+  color: #e3165b;
 }
 .e-treeview .e-list-item.e-active > .e-text-content .e-icon-collapsible,
 .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {

package/styles/treeview/_material-definition.scss

@@ -12,7 +12,7 @@ $treeview-text-color: rgba($grey-light-font, .87) !default;
 $treeview-item-border-color: transparent !default;
 $treeview-item-active-bg: $grey-200 !default;
 $treeview-icon-active-color: rgba($grey-light-font, .54) !default;
-$treeview-text-active-color: $tree-node-text-color !default;
+$treeview-text-active-color: $accent !default;
 $treeview-item-active-border-color: $grey-200 !default;
 $treeview-item-hover-bg: $grey-100 !default;
 $treeview-icon-hover-color: rgba($grey-light-font, .54) !default;

package/styles/treeview/material.css

@@ -619,10 +619,10 @@
   color: rgba(0, 0, 0, 0.54);
 }
 .e-treeview .e-list-item.e-active > .e-text-content {
-  color: #cc1351;
+  color: #e3165b;
 }
 .e-treeview .e-list-item.e-active > .e-text-content .e-list-text {
-  color: #cc1351;
+  color: #e3165b;
 }
 .e-treeview .e-list-item.e-active > .e-text-content .e-icon-collapsible,
 .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {