@syncfusion/ej2-layouts 29.1.38 → 29.1.39

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 29.1.38
+*  version : 29.1.39
 *  Copyright Syncfusion Inc. 2001 - 2024. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-layouts@*",
-  "_id": "@syncfusion/ej2-layouts@29.1.35",
+  "_id": "@syncfusion/ej2-layouts@29.1.38",
   "_inBundle": false,
-  "_integrity": "sha512-F5qhmuwzK8N3F5G4yfFNoFngB8w5ThNNWoYM8QuAhVTKvcv5aqPUkfD9I0+12evlSqGKvsV609sa/atb90/eNQ==",
+  "_integrity": "sha512-0A+Q6uHWpDpVxVcQSW2N7ykvaO5O+Xvscd3ajPkKX+r4CUfvMGLo2qMxd+if+g+fXsnQIIRAY8ELnBMi29vlOQ==",
   "_location": "/@syncfusion/ej2-layouts",
   "_phantomChildren": {},
   "_requested": {
@@ -26,8 +26,8 @@
     "/@syncfusion/ej2-react-layouts",
     "/@syncfusion/ej2-vue-layouts"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-layouts/-/ej2-layouts-29.1.35.tgz",
-  "_shasum": "dfb29f5c1f6943a5b8f1f68fc97491d2d5176542",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-layouts/-/ej2-layouts-29.1.38.tgz",
+  "_shasum": "e917d635e1376056c95e09744742e8c37c8e71ac",
   "_spec": "@syncfusion/ej2-layouts@*",
   "_where": "/jenkins/workspace/elease-automation_release_29.1.1/packages/included",
   "author": {
@@ -75,7 +75,7 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/layouts"
   },
   "typings": "index.d.ts",
-  "version": "29.1.38",
+  "version": "29.1.39",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/dashboard-layout/dashboard-layout.d.ts

@@ -403,6 +403,7 @@ export declare class DashboardLayout extends Component<HTMLElement> implements I
     protected touchMoveResizeHandler(e: TouchEvent): void;
     protected resizingPanel(el: HTMLElement, panelModel: PanelModel, currentX: number, currentY: number): void;
     protected upResizeHandler(e: MouseEvent | TouchEvent): void;
+    private getChangingPanels;
     protected getResizeRowColumn(item: PanelModel): PanelModel;
     protected pixelsToColumns(pixels: number, isCeil: boolean): number;
     protected pixelsToRows(pixels: number, isCeil: boolean): number;
@@ -461,6 +462,7 @@ export declare class DashboardLayout extends Component<HTMLElement> implements I
     protected setXYDimensions(panelModel: PanelModel): (string | number)[];
     protected getRowColumnDragValues(args: DragEventArgs): number[];
     protected checkForChanges(isInteracted: boolean, added?: PanelModel[], removed?: PanelModel[]): void;
+    private getChangedPanels;
     protected enableDraggingContent(collections: HTMLElement[]): void;
     protected updatePanels(): void;
     protected updateDragArea(): void;
@@ -645,15 +647,13 @@ export interface DraggedEventArgs {
 /**
  * Defines the dragstop event arguments
  */
-export interface DragStopArgs {
+export interface DragStopArgs extends DragEventArgs {
     /**
-     * Specifies the original event.
-     */
-    event: MouseEvent | TouchEvent;
-    /**
-     * Specifies the cell element being dragged.
+     * Represents the model values of panels that have been modified.
+     * This property retrieves panel data whose positions have changed
+     * due to a drag action before the drop action is completed.
      */
-    element: HTMLElement;
+    panels?: PanelModel[];
 }
 /**
  * Defines the resize event arguments
@@ -671,6 +671,12 @@ export interface ResizeArgs {
      * Specifies that event has triggered by user interaction.
      */
     isInteracted: boolean;
+    /**
+     * Represents the model values of panels that have been modified.
+     * This property retrieves panel data whose positions have changed
+     * due to a resize action before the action is completed.
+     */
+    panels?: PanelModel[];
 }
 interface IAttributes {
     [key: string]: {

package/src/dashboard-layout/dashboard-layout.js

@@ -724,6 +724,7 @@ var DashboardLayout = /** @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;
@@ -736,6 +737,12 @@ var DashboardLayout = /** @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;
@@ -2009,6 +2016,16 @@ var DashboardLayout = /** @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 = [];
@@ -2022,13 +2039,7 @@ var DashboardLayout = /** @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;
@@ -2045,7 +2056,9 @@ var DashboardLayout = /** @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;
                         }
@@ -2695,6 +2708,7 @@ var DashboardLayout = /** @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);