@syncfusion/ej2-navigations 21.2.4 → 21.2.5

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

@@ -7529,15 +7529,6 @@ let Tab = class Tab extends Component {
                 this.setContentHeight(true);
                 this.select(this.selectedItem);
             }
-            this.tbItem = selectAll('.' + CLS_TB_ITEM, this.hdrEle);
-            if (!isNullOrUndefined(this.tbItem)) {
-                for (let i = 0; i < this.items.length; i++) {
-                    if (this.tbItem[i]) {
-                        const tabID = this.items[i].id;
-                        this.tbItem[i].setAttribute('data-id', tabID);
-                    }
-                }
-            }
             this.setRTL(this.enableRtl);
         }
     }
@@ -7714,7 +7705,7 @@ let Tab = class Tab extends Component {
                 this.itemIndexArray.splice((index + i), 0, CLS_ITEM$2 + this.tabId + '_' + this.lastIndex);
             }
             const attrObj = {
-                id: CLS_ITEM$2 + this.tabId + '_' + this.lastIndex
+                id: CLS_ITEM$2 + this.tabId + '_' + this.lastIndex, 'data-id': item.id
             };
             const tItem = { htmlAttributes: attrObj, template: wrap };
             tItem.cssClass = ((item.cssClass !== undefined) ? item.cssClass : ' ') + ' ' + disabled + ' ' + hidden + ' '
@@ -8790,6 +8781,10 @@ let Tab = class Tab extends Component {
         };
         this.trigger('onDragStart', dragArgs, (tabitemDragArgs) => {
             if (tabitemDragArgs.cancel) {
+                const dragObj = e.element.ej2_instances[0];
+                if (!isNullOrUndefined(dragObj)) {
+                    dragObj.intDestroy(e.event);
+                }
                 detach(this.cloneElement);
             }
             else {
@@ -12486,6 +12481,8 @@ let TreeView = TreeView_1 = class TreeView extends Component {
             enableTailMode: true, enableAutoScroll: true,
             dragArea: this.dragArea,
             dragTarget: '.' + TEXTWRAP,
+            enableTapHold: true,
+            tapHoldThreshold: 100,
             helper: (e) => {
                 this.dragTarget = e.sender.target;
                 let dragRoot = closest(this.dragTarget, '.' + ROOT);
@@ -12915,7 +12912,10 @@ let TreeView = TreeView_1 = class TreeView extends Component {
             dropUl.style.display = 'none';
         }
         if (isNullOrUndefined(dropUl)) {
-            this.trigger('nodeExpanding', this.getExpandEvent(dropLi, null));
+            let args = this.expandArgs;
+            if (isNullOrUndefined(args) || args.name != 'nodeExpanding') {
+                this.trigger('nodeExpanding', this.getExpandEvent(dropLi, null));
+            }
             if (isNullOrUndefined(dropIcon)) {
                 ListBase.generateIcon(this.createElement, dropLi, COLLAPSIBLE, this.listBaseOption);
             }
@@ -13263,6 +13263,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         }
         refNode = dropUl.childNodes[index];
         if (!this.isFirstRender || this.dataType === 1) {
+            let args = this.expandArgs;
             if (refNode || this.sortOrder === 'None') {
                 for (let i = 0; i < li.length; i++) {
                     dropUl.insertBefore(li[i], refNode);
@@ -13270,7 +13271,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
                 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)) {
+                    if (dropIcon && dropIcon.classList.contains(EXPANDABLE) && (isNullOrUndefined(args) || args.name != 'nodeExpanding')) {
                         this.expandAction(dropLi, dropIcon, null);
                     }
                 }
@@ -13283,7 +13284,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
                     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)) {
+                        if (dropIcon && dropIcon.classList.contains(EXPANDABLE) && (isNullOrUndefined(args) || args.name != 'nodeExpanding')) {
                             this.expandAction(dropLi, dropIcon, null);
                         }
                     }