@syncfusion/ej2-navigations 20.3.47 → 20.3.48

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

@@ -6628,8 +6628,12 @@ let Accordion = class Accordion extends Component {
                                 this.updateItem(item, index);
                             }
                             if (property === 'cssClass' && !isNullOrUndefined(item)) {
-                                item.classList.remove(oldVal);
-                                item.classList.add(newVal);
+                                if (oldVal) {
+                                    removeClass([item], oldVal.split(' '));
+                                }
+                                if (newVal) {
+                                    addClass([item], newVal.split(' '));
+                                }
                             }
                             if (property === 'visible' && !isNullOrUndefined(item)) {
                                 if (Object(newProp.items[index])[property] === false) {
@@ -9654,6 +9658,8 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         this.changeDataSource = false;
         this.hasTemplate = false;
         this.isFirstRender = false;
+        // Specifies whether the node is dropped or not 
+        this.isNodeDropped = false;
         this.mouseDownStatus = false;
     }
     /**
@@ -10859,11 +10865,12 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         this.updateCheckedProp();
         this.isAnimate = true;
         this.isInitalExpand = false;
-        if (!this.isLoaded || this.isFieldChange) {
+        if ((!this.isLoaded || this.isFieldChange) && !this.isNodeDropped) {
             let eventArgs = { data: this.treeData };
             this.trigger('dataBound', eventArgs);
         }
         this.isLoaded = true;
+        this.isNodeDropped = false;
     }
     doSelectionAction() {
         let sNodes = selectAll('.' + SELECTED$1, this.element);
@@ -12076,8 +12083,9 @@ let TreeView = TreeView_1 = class TreeView extends Component {
             let expanded = (currLi.getAttribute('aria-expanded') === 'true') ? true : false;
             let hasChildren = currLi.getAttribute('aria-expanded') !== null ? true : (select('.' + EXPANDABLE, currLi) || select('.' + COLLAPSIBLE, currLi)) != null ? true : false;
             let checked = null;
-            if (this.showCheckBox) {
-                checked = select('.' + CHECKBOXWRAP, currLi).getAttribute('aria-checked');
+            const checkboxElement = select('.' + CHECKBOXWRAP, currLi);
+            if (this.showCheckBox && checkboxElement) {
+                checked = checkboxElement.getAttribute('aria-checked');
             }
             return {
                 id: id, text: text, parentID: pid, selected: selected, expanded: expanded,
@@ -12585,6 +12593,8 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         this.trigger('nodeDropped', this.getDragEvent(e.event, dragObj, dropTarget, e.target, e.dragData.draggedElement, null, level, drop));
         if (dragObj.element.id !== this.element.id) {
             dragObj.triggerEvent();
+            this.isNodeDropped = true;
+            this.fields.dataSource = this.treeData;
         }
         this.triggerEvent();
     }