@syncfusion/ej2-layouts 29.1.38 → 29.1.39

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

@@ -3099,6 +3099,7 @@ let DashboardLayout = class DashboardLayout extends Component {
             this.setHeightAndWidth(el, panelModel);
         }
         removeClass([el], [dragging]);
+        args.panels = this.getChangingPanels();
         this.trigger('resizeStop', args);
         this.resizeCalled = false;
         this.lastMouseX = this.lastMouseY = undefined;
@@ -3111,6 +3112,12 @@ let DashboardLayout = class DashboardLayout extends Component {
         this.updateCloneArrayObject();
         this.checkForChanges(true);
     }
+    getChangingPanels() {
+        if (!this.resizeCalled) {
+            this.updatePanels();
+        }
+        return this.getChangedPanels();
+    }
     getResizeRowColumn(item) {
         let isChanged = false;
         let col = item.col;
@@ -4364,6 +4371,16 @@ let DashboardLayout = class DashboardLayout extends Component {
         return value;
     }
     checkForChanges(isInteracted, added, removed) {
+        const changedPanels = this.getChangedPanels(removed);
+        if (changedPanels.length > 0 || this.removeAllCalled) {
+            const changedArgs = {
+                changedPanels: changedPanels, isInteracted: isInteracted,
+                addedPanels: !isNullOrUndefined(added) ? added : [], removedPanels: !isNullOrUndefined(removed) ? removed : []
+            };
+            this.trigger('change', changedArgs);
+        }
+    }
+    getChangedPanels(removed) {
         let changedPanels = [];
         if (this.removeAllCalled) {
             changedPanels = [];
@@ -4377,13 +4394,7 @@ let DashboardLayout = class DashboardLayout extends Component {
                 }
             }
         }
-        if (changedPanels.length > 0 || this.removeAllCalled) {
-            const changedArgs = {
-                changedPanels: changedPanels, isInteracted: isInteracted,
-                addedPanels: !isNullOrUndefined(added) ? added : [], removedPanels: !isNullOrUndefined(removed) ? removed : []
-            };
-            this.trigger('change', changedArgs);
-        }
+        return changedPanels;
     }
     enableDraggingContent(collections) {
         for (let i = 0; i < collections.length; i++) {
@@ -4399,7 +4410,9 @@ let DashboardLayout = class DashboardLayout extends Component {
                     abort: abortArray,
                     dragStart: this.onDraggingStart.bind(this),
                     dragStop: (args) => {
-                        this.trigger('dragStop', args);
+                        const dragStopArgs = args;
+                        dragStopArgs.panels = this.getChangingPanels();
+                        this.trigger('dragStop', dragStopArgs);
                         if (isNullOrUndefined(args.cancel)) {
                             args.cancel = false;
                         }
@@ -5042,6 +5055,7 @@ let DashboardLayout = class DashboardLayout extends Component {
         this.updatePanelLayout(ele, panelInstance);
         this.updatePanels();
         this.updateRowHeight();
+        args.panels = this.getChangingPanels();
         this.resizeCalled = false;
         this.trigger('resizeStop', args);
         this.checkForChanges(false);