@syncfusion/ej2-navigations 21.2.4 → 21.2.6

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

@@ -6838,6 +6838,12 @@ var Accordion = /** @__PURE__ @class */ (function (_super) {
             var itemObj = items[parseInt(index.toString(), 10)];
             items.splice(index, 1);
             this.restoreContent(index);
+            var header = select('.' + CLS_HEADERCTN, item);
+            var content = select('.' + CLS_CTENT, item);
+            if (this.isReact || this.isAngular) {
+                this.clearAccordionTemplate(header, 'header', CLS_HEADERCTN);
+                this.clearAccordionTemplate(content, 'content', CLS_CTENT);
+            }
             detach(item);
             this.addItem(itemObj, index);
         }
@@ -6858,6 +6864,30 @@ var Accordion = /** @__PURE__ @class */ (function (_super) {
             });
         }
     };
+    Accordion.prototype.clearAccordionTemplate = function (templateEle, templateName, className) {
+        if (this.registeredTemplate && this.registeredTemplate["" + templateName]) {
+            var registeredTemplates = this.registeredTemplate;
+            for (var index = 0; index < registeredTemplates["" + templateName].length; index++) {
+                var registeredItem = registeredTemplates["" + templateName][parseInt(index.toString(), 10)].rootNodes[0];
+                var closestItem = closest(registeredItem.containerInfo, '.' + className);
+                if (!isNullOrUndefined(closestItem) && closestItem === templateEle) {
+                    this.clearTemplate([templateName], [registeredTemplates["" + templateName][parseInt(index.toString(), 10)]]);
+                    break;
+                }
+            }
+        }
+        else if (this.portals && this.portals.length > 0) {
+            var portals = this.portals;
+            for (var index = 0; index < portals.length; index++) {
+                var portalItem = portals[parseInt(index.toString(), 10)];
+                var closestItem = closest(portalItem.containerInfo, '.' + className);
+                if (!isNullOrUndefined(closestItem) && closestItem === templateEle) {
+                    this.clearTemplate([templateName], index);
+                    break;
+                }
+            }
+        }
+    };
     Accordion.prototype.getPersistData = function () {
         var keyEntity = ['expandedIndices'];
         return this.addOnPersist(keyEntity);
@@ -6881,44 +6911,50 @@ var Accordion = /** @__PURE__ @class */ (function (_super) {
                         var changedProp = Object.keys(newProp.items);
                         for (var j = 0; j < changedProp.length; j++) {
                             var index = parseInt(Object.keys(newProp.items)[parseInt(j.toString(), 10)], 10);
-                            var property = Object.keys(newProp.items[parseInt(index.toString(), 10)])[0];
-                            var item = selectAll('.' + CLS_ITEM$1, this.element)[parseInt(index.toString(), 10)];
-                            var oldVal = Object(oldProp.items[parseInt(index.toString(), 10)])["" + property];
-                            var newVal = Object(newProp.items[parseInt(index.toString(), 10)])["" + property];
-                            var temp = property;
-                            if (temp === 'header' || temp === 'iconCss' || temp === 'expanded' || ((temp === 'content') && (oldVal === ''))) {
-                                this.updateItem(item, index);
-                            }
-                            if (property === 'cssClass' && !isNullOrUndefined(item)) {
-                                if (oldVal) {
-                                    removeClass([item], oldVal.split(' '));
-                                }
-                                if (newVal) {
-                                    addClass([item], newVal.split(' '));
+                            var property = Object.keys(newProp.items[parseInt(index.toString(), 10)]);
+                            for (var k = 0; k < property.length; k++) {
+                                var item = selectAll('.' + CLS_ITEM$1, this.element)[parseInt(index.toString(), 10)];
+                                var oldVal = Object(oldProp.items[parseInt(index.toString(), 10)])["" + property[parseInt(k.toString(), 10)]];
+                                var newVal = Object(newProp.items[parseInt(index.toString(), 10)])["" + property[parseInt(k.toString(), 10)]];
+                                var temp = property[parseInt(k.toString(), 10)];
+                                var content = select('.' + CLS_CTENT, item);
+                                if (temp === 'header' || temp === 'iconCss' || temp === 'expanded' || ((temp === 'content') && (oldVal === ''))) {
+                                    this.updateItem(item, index);
                                 }
-                            }
-                            if (property === 'visible' && !isNullOrUndefined(item)) {
-                                if (Object(newProp.items[parseInt(index.toString(), 10)])["" + property] === false) {
-                                    item.classList.add(CLS_ITEMHIDE);
+                                if (property[parseInt(k.toString(), 10)] === 'cssClass' && !isNullOrUndefined(item)) {
+                                    if (oldVal) {
+                                        removeClass([item], oldVal.split(' '));
+                                    }
+                                    if (newVal) {
+                                        addClass([item], newVal.split(' '));
+                                    }
                                 }
-                                else {
-                                    item.classList.remove(CLS_ITEMHIDE);
+                                if (property[parseInt(k.toString(), 10)] === 'visible' && !isNullOrUndefined(item)) {
+                                    if (Object(newProp.items[parseInt(index.toString(), 10)])["" + property[parseInt(k.toString(), 10)]] === false) {
+                                        item.classList.add(CLS_ITEMHIDE);
+                                    }
+                                    else {
+                                        item.classList.remove(CLS_ITEMHIDE);
+                                    }
                                 }
-                            }
-                            if (property === 'disabled' && !isNullOrUndefined(item)) {
-                                this.enableItem(index, !newVal);
-                            }
-                            if (property === 'content' && !isNullOrUndefined(item) && item.children.length === 2) {
-                                if (typeof newVal === 'function') {
-                                    var activeContent = item.querySelector('.' + CLS_CTENT);
-                                    activeContent.innerHTML = '';
-                                    this.setTemplate(newVal, activeContent, index);
+                                if (property[parseInt(k.toString(), 10)] === 'disabled' && !isNullOrUndefined(item)) {
+                                    this.enableItem(index, !newVal);
                                 }
-                                else {
-                                    if (item.classList.contains(CLS_SLCTED)) {
-                                        this.expandItem(false, index);
+                                if (property[parseInt(k.toString(), 10)] === 'content' && !isNullOrUndefined(item) && item.children.length === 2) {
+                                    if (typeof newVal === 'function') {
+                                        if (this.isAngular || this.isReact) {
+                                            this.clearAccordionTemplate(content, property[parseInt(k.toString(), 10)], CLS_CTENT);
+                                        }
+                                        var activeContent = item.querySelector('.' + CLS_CTENT);
+                                        activeContent.innerHTML = '';
+                                        this.setTemplate(newVal, activeContent, index);
+                                    }
+                                    else {
+                                        if (item.classList.contains(CLS_SLCTED)) {
+                                            this.expandItem(false, index);
+                                        }
+                                        detach(item.querySelector('.' + CLS_CONTENT));
                                     }
-                                    detach(item.querySelector('.' + CLS_CONTENT));
                                 }
                             }
                         }
@@ -7795,15 +7831,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);
         }
     };
@@ -7982,7 +8009,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 + ' '
@@ -9066,6 +9093,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 {
@@ -12822,6 +12853,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);
@@ -13251,7 +13284,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);
             }
@@ -13601,6 +13637,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);
@@ -13608,7 +13645,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);
                     }
                 }
@@ -13621,7 +13658,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);
                         }
                     }