@syncfusion/ej2-navigations 20.3.47 → 20.3.48

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

@@ -6825,8 +6825,12 @@ var Accordion = /** @__PURE__ @class */ (function (_super) {
                                 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) {
@@ -9970,6 +9974,8 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         _this.changeDataSource = false;
         _this.hasTemplate = false;
         _this.isFirstRender = false;
+        // Specifies whether the node is dropped or not 
+        _this.isNodeDropped = false;
         _this.mouseDownStatus = false;
         return _this;
     }
@@ -11182,11 +11188,12 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         this.updateCheckedProp();
         this.isAnimate = true;
         this.isInitalExpand = false;
-        if (!this.isLoaded || this.isFieldChange) {
+        if ((!this.isLoaded || this.isFieldChange) && !this.isNodeDropped) {
             var eventArgs = { data: this.treeData };
             this.trigger('dataBound', eventArgs);
         }
         this.isLoaded = true;
+        this.isNodeDropped = false;
     };
     TreeView.prototype.doSelectionAction = function () {
         var sNodes = selectAll('.' + SELECTED$1, this.element);
@@ -12410,8 +12417,9 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
             var expanded = (currLi.getAttribute('aria-expanded') === 'true') ? true : false;
             var hasChildren = currLi.getAttribute('aria-expanded') !== null ? true : (select('.' + EXPANDABLE, currLi) || select('.' + COLLAPSIBLE, currLi)) != null ? true : false;
             var checked = null;
-            if (this.showCheckBox) {
-                checked = select('.' + CHECKBOXWRAP, currLi).getAttribute('aria-checked');
+            var checkboxElement = select('.' + CHECKBOXWRAP, currLi);
+            if (this.showCheckBox && checkboxElement) {
+                checked = checkboxElement.getAttribute('aria-checked');
             }
             return {
                 id: id, text: text, parentID: pid, selected: selected, expanded: expanded,
@@ -12922,6 +12930,8 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         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();
     };