@syncfusion/ej2-layouts 29.1.38 → 29.1.39

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

@@ -3152,6 +3152,7 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
             this.setHeightAndWidth(el, panelModel);
         }
         removeClass([el], [dragging]);
+        args.panels = this.getChangingPanels();
         this.trigger('resizeStop', args);
         this.resizeCalled = false;
         this.lastMouseX = this.lastMouseY = undefined;
@@ -3164,6 +3165,12 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
         this.updateCloneArrayObject();
         this.checkForChanges(true);
     };
+    DashboardLayout.prototype.getChangingPanels = function () {
+        if (!this.resizeCalled) {
+            this.updatePanels();
+        }
+        return this.getChangedPanels();
+    };
     DashboardLayout.prototype.getResizeRowColumn = function (item) {
         var isChanged = false;
         var col = item.col;
@@ -4437,6 +4444,16 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
         return value;
     };
     DashboardLayout.prototype.checkForChanges = function (isInteracted, added, removed) {
+        var changedPanels = this.getChangedPanels(removed);
+        if (changedPanels.length > 0 || this.removeAllCalled) {
+            var changedArgs = {
+                changedPanels: changedPanels, isInteracted: isInteracted,
+                addedPanels: !isNullOrUndefined(added) ? added : [], removedPanels: !isNullOrUndefined(removed) ? removed : []
+            };
+            this.trigger('change', changedArgs);
+        }
+    };
+    DashboardLayout.prototype.getChangedPanels = function (removed) {
         var changedPanels = [];
         if (this.removeAllCalled) {
             changedPanels = [];
@@ -4450,13 +4467,7 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
                 }
             }
         }
-        if (changedPanels.length > 0 || this.removeAllCalled) {
-            var changedArgs = {
-                changedPanels: changedPanels, isInteracted: isInteracted,
-                addedPanels: !isNullOrUndefined(added) ? added : [], removedPanels: !isNullOrUndefined(removed) ? removed : []
-            };
-            this.trigger('change', changedArgs);
-        }
+        return changedPanels;
     };
     DashboardLayout.prototype.enableDraggingContent = function (collections) {
         var _this = this;
@@ -4473,7 +4484,9 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
                     abort: abortArray,
                     dragStart: this_3.onDraggingStart.bind(this_3),
                     dragStop: function (args) {
-                        _this.trigger('dragStop', args);
+                        var dragStopArgs = args;
+                        dragStopArgs.panels = _this.getChangingPanels();
+                        _this.trigger('dragStop', dragStopArgs);
                         if (isNullOrUndefined(args.cancel)) {
                             args.cancel = false;
                         }
@@ -5123,6 +5136,7 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
         this.updatePanelLayout(ele, panelInstance);
         this.updatePanels();
         this.updateRowHeight();
+        args.panels = this.getChangingPanels();
         this.resizeCalled = false;
         this.trigger('resizeStop', args);
         this.checkForChanges(false);