feat(cdk/drag-drop): added dropPosition also to CdkDragEnd

Author: Timon Krebs

src/cdk/drag-drop/directives/drag.ts

@@ -459,7 +459,11 @@ export class CdkDrag<T = any> implements AfterViewInit, OnChanges, OnDestroy {
     });
 
     ref.ended.subscribe(event => {
-      this.ended.emit({source: this, distance: event.distance});
+      this.ended.emit({
+        source: this, 
+        distance: event.distance,
+        dropPosition: event.dropPosition
+      });
 
       // Since all of these events run outside of change detection,
       // we need to ensure that everything is marked correctly.

src/cdk/drag-drop/drag-events.ts

@@ -27,6 +27,8 @@ export interface CdkDragEnd<T = any> {
   source: CdkDrag<T>;
   /** Distance in pixels that the user has dragged since the drag sequence started. */
   distance: {x: number, y: number};
+  /** Position where the pointer was when the item was dropped */
+  dropPosition: {x: number, y: number};
 }
 
 /** Event emitted when the user moves an item into a new drop container. */

src/cdk/drag-drop/drag-ref.ts

@@ -294,7 +294,7 @@ export class DragRef<T = any> {
   released = new Subject<{source: DragRef}>();
 
   /** Emits when the user stops dragging an item in the container. */
-  ended = new Subject<{source: DragRef, distance: Point}>();
+  ended = new Subject<{source: DragRef, distance: Point, dropPosition: Point}>();
 
   /** Emits when the user has moved the item into a new container. */
   entered = new Subject<{container: DropListRef, item: DragRef, currentIndex: number}>();
@@ -765,11 +765,13 @@ export class DragRef<T = any> {
       // the user starts dragging the item, its position will be calculated relatively
       // to the new passive transform.
       this._passiveTransform.x = this._activeTransform.x;
+      const pointerPosition = this._getPointerPositionOnPage(event);
       this._passiveTransform.y = this._activeTransform.y;
       this._ngZone.run(() => {
         this.ended.next({
           source: this,
-          distance: this._getDragDistance(this._getPointerPositionOnPage(event))
+          distance: this._getDragDistance(pointerPosition),
+          dropPosition: pointerPosition
         });
       });
       this._cleanupCachedDimensions();
@@ -911,11 +913,11 @@ export class DragRef<T = any> {
       const container = this._dropContainer!;
       const currentIndex = container.getItemIndex(this);
       const pointerPosition = this._getPointerPositionOnPage(event);
-      const distance = this._getDragDistance(this._getPointerPositionOnPage(event));
+      const distance = this._getDragDistance(pointerPosition);
       const isPointerOverContainer = container._isOverContainer(
         pointerPosition.x, pointerPosition.y);
 
-      this.ended.next({source: this, distance});
+      this.ended.next({source: this, distance, dropPosition: pointerPosition});
       this.dropped.next({
         item: this,
         currentIndex,

tools/public_api_guard/cdk/drag-drop.d.ts

@@ -81,6 +81,10 @@ export interface CdkDragEnd<T = any> {
         x: number;
         y: number;
     };
+    dropPosition: {
+        x: number;
+        y: number;
+    };
     source: CdkDrag<T>;
 }