@syncfusion/ej2-navigations 21.2.3 → 21.2.5

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

@@ -1896,9 +1896,29 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
         else {
             this.uList = this.element;
             this.uList.style.zIndex = getZindexPartial(target ? target : this.element).toString();
-            this.triggerBeforeOpen(li, this.uList, item, e, top, left, 'none');
+            if (isNullOrUndefined(e)) {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                var ev = document.createEvent('MouseEvents');
+                ev.initEvent("click", true, false);
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                var targetEvent = this.copyObject(ev, {});
+                targetEvent.target = targetEvent.srcElement = target;
+                targetEvent.currentTarget = target;
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                this.triggerBeforeOpen(li, this.uList, item, targetEvent, top, left, 'none');
+            }
+            else {
+                this.triggerBeforeOpen(li, this.uList, item, e, top, left, 'none');
+            }
         }
     };
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    MenuBase.prototype.copyObject = function (source, destination) {
+        for (var prop in source) {
+            destination["" + prop] = source["" + prop];
+        }
+        return destination;
+    };
     MenuBase.prototype.calculateIndentSize = function (ul, li) {
         var liStyle = getComputedStyle(li);
         var liIndent = parseInt(liStyle.textIndent, 10);
@@ -3065,7 +3085,7 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
             }
             idx = navIdx.pop();
             ul = this.getUlByNavIdx(navIdx.length);
-            if (ul) {
+            if (ul && !isNullOrUndefined(idx)) {
                 if (enable) {
                     if (this.isMenu) {
                         ul.children[idx].classList.remove(disabled);
@@ -7775,15 +7795,6 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
                 this.setContentHeight(true);
                 this.select(this.selectedItem);
             }
-            this.tbItem = selectAll('.' + CLS_TB_ITEM, this.hdrEle);
-            if (!isNullOrUndefined(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);
         }
     };
@@ -7803,12 +7814,9 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
             var count = this.hdrEle.children.length;
             var hdrItems = [];
             for (var i = 0; i < count; i++) {
-                hdrItems.push(this.hdrEle.children.item(i).innerHTML);
+                hdrItems.push(this.hdrEle.children.item(i));
             }
             if (count > 0) {
-                while (this.hdrEle.firstElementChild) {
-                    detach(this.hdrEle.firstElementChild);
-                }
                 var tabItems_1 = this.createElement('div', { className: CLS_ITEMS$1 });
                 this.hdrEle.appendChild(tabItems_1);
                 hdrItems.forEach(function (item, index) {
@@ -7817,7 +7825,7 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
                         className: CLS_ITEM$2, id: CLS_ITEM$2 + _this.tabId + '_' + index
                     };
                     var txt = _this.createElement('span', {
-                        className: CLS_TEXT, innerHTML: item, attrs: { 'role': 'presentation' }
+                        className: CLS_TEXT, attrs: { 'role': 'presentation' }
                     }).outerHTML;
                     var cont = _this.createElement('div', {
                         className: CLS_TEXT_WRAP, innerHTML: txt + _this.btnCls.outerHTML
@@ -7826,6 +7834,7 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
                         className: CLS_WRAP, innerHTML: cont,
                         attrs: { role: 'tab', tabIndex: '-1', 'aria-selected': 'false', 'aria-controls': CLS_CONTENT$1 + _this.tabId + '_' + index, 'aria-disabled': 'false' }
                     });
+                    wrap.querySelector('.' + CLS_TEXT).appendChild(item);
                     tabItems_1.appendChild(_this.createElement('div', attr));
                     selectAll('.' + CLS_ITEM$2, tabItems_1)[index].appendChild(wrap);
                 });
@@ -7964,7 +7973,7 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
                 _this.itemIndexArray.splice((index + i), 0, CLS_ITEM$2 + _this.tabId + '_' + _this.lastIndex);
             }
             var attrObj = {
-                id: CLS_ITEM$2 + _this.tabId + '_' + _this.lastIndex
+                id: CLS_ITEM$2 + _this.tabId + '_' + _this.lastIndex, 'data-id': item.id
             };
             var tItem = { htmlAttributes: attrObj, template: wrap };
             tItem.cssClass = ((item.cssClass !== undefined) ? item.cssClass : ' ') + ' ' + disabled + ' ' + hidden + ' '
@@ -9048,6 +9057,10 @@ var Tab = /** @__PURE__ @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 {
@@ -12804,6 +12817,8 @@ var TreeView = /** @__PURE__ @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);
@@ -13233,7 +13248,10 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
             dropUl.style.display = 'none';
         }
         if (isNullOrUndefined(dropUl)) {
-            this.trigger('nodeExpanding', this.getExpandEvent(dropLi, null));
+            var 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);
             }
@@ -13583,6 +13601,7 @@ var TreeView = /** @__PURE__ @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);
@@ -13590,7 +13609,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
                 if (this.dataType === 1 && !isNullOrUndefined(dropLi) && !isNullOrUndefined(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) && (isNullOrUndefined(args) || args.name != 'nodeExpanding')) {
                         this.expandAction(dropLi, dropIcon, null);
                     }
                 }
@@ -13603,7 +13622,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
                     if (this.dataType === 1 && !isNullOrUndefined(dropLi) && !isNullOrUndefined(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) && (isNullOrUndefined(args) || args.name != 'nodeExpanding')) {
                             this.expandAction(dropLi, dropIcon, null);
                         }
                     }