@angular/cdk 8.0.0-beta.2 → 8.0.0

package/typings/drag-drop/drop-list-ref.d.ts

@@ -9,7 +9,7 @@ import { ElementRef } from '@angular/core';
 import { DragDropRegistry } from './drag-drop-registry';
 import { Direction } from '@angular/cdk/bidi';
 import { Subject } from 'rxjs';
-import { DragRefInternal as DragRef } from './drag-ref';
+import { DragRefInternal as DragRef, Point } from './drag-ref';
 /**
  * Internal compile-time-only representation of a `DropListRef`.
  * Used to avoid circular import issues between the `DropListRef` and the `DragRef`.
@@ -25,7 +25,7 @@ export declare class DropListRef<T = any> {
     private _dragDropRegistry;
     private _document;
     /** Element that the drop list is attached to. */
-    readonly element: HTMLElement;
+    element: HTMLElement | ElementRef<HTMLElement>;
     /**
      * Unique ID for the drop list.
      * @deprecated No longer being used. To be removed.
@@ -51,6 +51,7 @@ export declare class DropListRef<T = any> {
     entered: Subject<{
         item: DragRef;
         container: DropListRef<any>;
+        currentIndex: number;
     }>;
     /**
      * Emits when the user removes an item from the container
@@ -68,6 +69,7 @@ export declare class DropListRef<T = any> {
         container: DropListRef<any>;
         previousContainer: DropListRef<any>;
         isPointerOverContainer: boolean;
+        distance: Point;
     }>;
     /** Emits as the user is swapping items while actively dragging. */
     sorted: Subject<{
@@ -131,8 +133,10 @@ export declare class DropListRef<T = any> {
      * @param previousContainer Container from which the item got dragged in.
      * @param isPointerOverContainer Whether the user's pointer was over the
      *    container when the item was dropped.
+     * @param distance Distance the user has dragged since the start of the dragging sequence.
+     * @breaking-change 9.0.0 `distance` parameter to become required.
      */
-    drop(item: DragRef, currentIndex: number, previousContainer: DropListRef, isPointerOverContainer: boolean): void;
+    drop(item: DragRef, currentIndex: number, previousContainer: DropListRef, isPointerOverContainer: boolean, distance?: Point): void;
     /**
      * Sets the draggable items that are a part of this list.
      * @param items Items that are a part of this list.
@@ -206,6 +210,8 @@ export declare class DropListRef<T = any> {
      * @param delta Direction in which the user is moving their pointer.
      */
     private _getItemIndexFromPointerPosition;
+    /** Caches the current items in the list and their positions. */
+    private _cacheItems;
     /**
      * Checks whether the user's pointer is positioned over the container.
      * @param x Pointer position along the X axis.

package/typings/drag-drop/index.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"CdkDragConfig":{"__symbolic":"interface"},"DragDrop":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":24,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":27,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":27,"character":12}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":28,"character":21},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"ViewportRuler","line":29,"character":28},{"__symbolic":"reference","name":"DragDropRegistry"}]}],"createDrag":[{"__symbolic":"method"}],"createDropList":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"DragRef":{"__symbolic":"class","arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":284,"character":39,"context":{"typeName":"HTMLElement"},"module":"./drag-ref"},{"__symbolic":"reference","name":"any"},{"__symbolic":"error","message":"Could not resolve type","line":286,"character":23,"context":{"typeName":"Document"},"module":"./drag-ref"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":287,"character":21},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"ViewportRuler","line":288,"character":28},{"__symbolic":"reference","name":"DragDropRegistry"}]}],"getPlaceholderElement":[{"__symbolic":"method"}],"getRootElement":[{"__symbolic":"method"}],"withHandles":[{"__symbolic":"method"}],"withPreviewTemplate":[{"__symbolic":"method"}],"withPlaceholderTemplate":[{"__symbolic":"method"}],"withRootElement":[{"__symbolic":"method"}],"withBoundaryElement":[{"__symbolic":"method"}],"dispose":[{"__symbolic":"method"}],"isDragging":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"disableHandle":[{"__symbolic":"method"}],"enableHandle":[{"__symbolic":"method"}],"withDirection":[{"__symbolic":"method"}],"_withDropContainer":[{"__symbolic":"method"}],"getFreeDragPosition":[{"__symbolic":"method"}],"setFreeDragPosition":[{"__symbolic":"method"}],"_removeSubscriptions":[{"__symbolic":"method"}],"_destroyPreview":[{"__symbolic":"method"}],"_destroyPlaceholder":[{"__symbolic":"method"}],"_startDragSequence":[{"__symbolic":"method"}],"_initializeDragSequence":[{"__symbolic":"method"}],"_cleanupDragArtifacts":[{"__symbolic":"method"}],"_updateActiveDropContainer":[{"__symbolic":"method"}],"_createPreviewElement":[{"__symbolic":"method"}],"_animatePreviewToPlaceholder":[{"__symbolic":"method"}],"_createPlaceholderElement":[{"__symbolic":"method"}],"_getPointerPositionInElement":[{"__symbolic":"method"}],"_getPointerPositionOnPage":[{"__symbolic":"method"}],"_getConstrainedPointerPosition":[{"__symbolic":"method"}],"_updatePointerDirectionDelta":[{"__symbolic":"method"}],"_toggleNativeDragInteractions":[{"__symbolic":"method"}],"_removeRootElementListeners":[{"__symbolic":"method"}],"_applyRootElementTransform":[{"__symbolic":"method"}]}},"DragRefConfig":{"__symbolic":"interface"},"DropListRef":{"__symbolic":"class","arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":150,"character":39,"context":{"typeName":"HTMLElement"},"module":"./drop-list-ref"},{"__symbolic":"reference","name":"DragDropRegistry"},{"__symbolic":"reference","name":"any"}]}],"dispose":[{"__symbolic":"method"}],"isDragging":[{"__symbolic":"method"}],"start":[{"__symbolic":"method"}],"enter":[{"__symbolic":"method"}],"exit":[{"__symbolic":"method"}],"drop":[{"__symbolic":"method"}],"withItems":[{"__symbolic":"method"}],"withDirection":[{"__symbolic":"method"}],"connectedTo":[{"__symbolic":"method"}],"withOrientation":[{"__symbolic":"method"}],"getItemIndex":[{"__symbolic":"method"}],"isReceiving":[{"__symbolic":"method"}],"_sortItem":[{"__symbolic":"method"}],"_cacheOwnPosition":[{"__symbolic":"method"}],"_cacheItemPositions":[{"__symbolic":"method"}],"_reset":[{"__symbolic":"method"}],"_getSiblingOffsetPx":[{"__symbolic":"method"}],"_isPointerNearDropContainer":[{"__symbolic":"method"}],"_getItemOffsetPx":[{"__symbolic":"method"}],"_getItemIndexFromPointerPosition":[{"__symbolic":"method"}],"_isOverContainer":[{"__symbolic":"method"}],"_getSiblingContainerFromPosition":[{"__symbolic":"method"}],"_canReceive":[{"__symbolic":"method"}],"_startReceiving":[{"__symbolic":"method"}],"_stopReceiving":[{"__symbolic":"method"}]}},"CdkDropListContainer":{"__symbolic":"interface"},"CDK_DROP_LIST":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":82,"character":33},"arguments":["CDK_DROP_LIST"]},"CDK_DROP_LIST_CONTAINER":{"__symbolic":"reference","name":"CDK_DROP_LIST"},"CdkDragStart":{"__symbolic":"interface"},"CdkDragRelease":{"__symbolic":"interface"},"CdkDragEnd":{"__symbolic":"interface"},"CdkDragEnter":{"__symbolic":"interface"},"CdkDragExit":{"__symbolic":"interface"},"CdkDragDrop":{"__symbolic":"interface"},"CdkDragMove":{"__symbolic":"interface"},"CdkDragSortEvent":{"__symbolic":"interface"},"moveItemInArray":{"__symbolic":"function"},"transferArrayItem":{"__symbolic":"function"},"copyArrayItem":{"__symbolic":"function"},"DragDropModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":17,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CdkDropList"},{"__symbolic":"reference","name":"CdkDropListGroup"},{"__symbolic":"reference","name":"CdkDrag"},{"__symbolic":"reference","name":"CdkDragHandle"},{"__symbolic":"reference","name":"CdkDragPreview"},{"__symbolic":"reference","name":"CdkDragPlaceholder"}],"exports":[{"__symbolic":"reference","name":"CdkDropList"},{"__symbolic":"reference","name":"CdkDropListGroup"},{"__symbolic":"reference","name":"CdkDrag"},{"__symbolic":"reference","name":"CdkDragHandle"},{"__symbolic":"reference","name":"CdkDragPreview"},{"__symbolic":"reference","name":"CdkDragPlaceholder"}],"providers":[{"__symbolic":"reference","name":"DragDrop"}]}]}],"members":{}},"DragDropRegistry":{"__symbolic":"class","arity":2,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":27,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":60,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":60,"character":12}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":59,"character":21},{"__symbolic":"reference","name":"any"}]}],"registerDropContainer":[{"__symbolic":"method"}],"registerDragItem":[{"__symbolic":"method"}],"removeDropContainer":[{"__symbolic":"method"}],"removeDragItem":[{"__symbolic":"method"}],"startDragging":[{"__symbolic":"method"}],"stopDragging":[{"__symbolic":"method"}],"isDragging":[{"__symbolic":"method"}],"getDropContainer":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_clearGlobalListeners":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ɵa":{"__symbolic":"interface"},"CdkDropList":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":50,"character":1},"arguments":[{"selector":"[cdkDropList], cdk-drop-list","exportAs":"cdkDropList","providers":[{"provide":{"__symbolic":"reference","name":"CdkDropListGroup"},"useValue":{"__symbolic":"reference","name":"undefined"}},{"provide":{"__symbolic":"reference","name":"CDK_DROP_LIST_CONTAINER"},"useExisting":{"__symbolic":"reference","name":"CdkDropList"}}],"host":{"class":"cdk-drop-list","[id]":"id","[class.cdk-drop-list-disabled]":"disabled","[class.cdk-drop-list-dragging]":"_dropListRef.isDragging()","[class.cdk-drop-list-receiving]":"_dropListRef.isReceiving()","$quoted$":["class","[id]","[class.cdk-drop-list-disabled]","[class.cdk-drop-list-dragging]","[class.cdk-drop-list-receiving]"]}}]}],"members":{"_draggables":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":77,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDrag"},{"descendants":false}]}]}],"connectedTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":3},"arguments":["cdkDropListConnectedTo"]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3},"arguments":["cdkDropListData"]}]}],"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3},"arguments":["cdkDropListOrientation"]}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":3}}]}],"lockAxis":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":3},"arguments":["cdkDropListLockAxis"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":3},"arguments":["cdkDropListDisabled"]}]}],"sortingDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":117,"character":3},"arguments":["cdkDropListSortingDisabled"]}]}],"enterPredicate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":128,"character":3},"arguments":["cdkDropListEnterPredicate"]}]}],"dropped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":132,"character":3},"arguments":["cdkDropListDropped"]}]}],"entered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":138,"character":3},"arguments":["cdkDropListEntered"]}]}],"exited":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":145,"character":3},"arguments":["cdkDropListExited"]}]}],"sorted":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":149,"character":3},"arguments":["cdkDropListSorted"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":155,"character":54}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":156,"character":7}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":156,"character":19}}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":154,"character":33,"context":{"typeName":"HTMLElement"},"module":"./directives/drop-list"}]},{"__symbolic":"reference","name":"DragDrop"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":155,"character":34},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":155,"character":80},{"__symbolic":"reference","name":"CdkDropListGroup"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"start":[{"__symbolic":"method"}],"drop":[{"__symbolic":"method"}],"enter":[{"__symbolic":"method"}],"exit":[{"__symbolic":"method"}],"getItemIndex":[{"__symbolic":"method"}],"_sortItem":[{"__symbolic":"method"}],"_getSiblingContainerFromPosition":[{"__symbolic":"method"}],"_isOverContainer":[{"__symbolic":"method"}],"_syncInputs":[{"__symbolic":"method"}],"_handleEvents":[{"__symbolic":"method"}]},"statics":{"_dropLists":[]}},"CdkDropListGroup":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":17,"character":1},"arguments":[{"selector":"[cdkDropListGroup]","exportAs":"cdkDropListGroup"}]}],"members":{"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3},"arguments":["cdkDropListGroupDisabled"]}]}],"ngOnDestroy":[{"__symbolic":"method"}]}},"CDK_DRAG_CONFIG":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":53,"character":35},"arguments":["CDK_DRAG_CONFIG",{"providedIn":"root","factory":{"__symbolic":"reference","name":"CDK_DRAG_CONFIG_FACTORY"}}]},"CDK_DRAG_CONFIG_FACTORY":{"__symbolic":"function","parameters":[],"value":{"dragStartThreshold":5,"pointerDirectionChangeThreshold":5}},"CdkDrag":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":64,"character":1},"arguments":[{"selector":"[cdkDrag]","exportAs":"cdkDrag","host":{"class":"cdk-drag","[class.cdk-drag-disabled]":"disabled","[class.cdk-drag-dragging]":"_dragRef.isDragging()","$quoted$":["class","[class.cdk-drag-disabled]","[class.cdk-drag-dragging]"]},"providers":[{"provide":{"__symbolic":"reference","name":"ɵb"},"useExisting":{"__symbolic":"reference","name":"CdkDrag"}}]}]}],"members":{"_handles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":81,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragHandle"},{"descendants":true}]}]}],"_previewTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":84,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragPreview"},{"static":false}]}]}],"_placeholderTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":87,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragPlaceholder"},{"static":false}]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3},"arguments":["cdkDragData"]}]}],"lockAxis":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":3},"arguments":["cdkDragLockAxis"]}]}],"rootElementSelector":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":3},"arguments":["cdkDragRootElement"]}]}],"boundaryElementSelector":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":3},"arguments":["cdkDragBoundary"]}]}],"dragStartDelay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":113,"character":3},"arguments":["cdkDragStartDelay"]}]}],"freeDragPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":119,"character":3},"arguments":["cdkDragFreeDragPosition"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":122,"character":3},"arguments":["cdkDragDisabled"]}]}],"constrainPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":138,"character":3},"arguments":["cdkDragConstrainPosition"]}]}],"started":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":141,"character":3},"arguments":["cdkDragStarted"]}]}],"released":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":144,"character":3},"arguments":["cdkDragReleased"]}]}],"ended":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":148,"character":3},"arguments":["cdkDragEnded"]}]}],"entered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":151,"character":3},"arguments":["cdkDragEntered"]}]}],"exited":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":155,"character":3},"arguments":["cdkDragExited"]}]}],"dropped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":159,"character":3},"arguments":["cdkDragDropped"]}]}],"moved":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":166,"character":3},"arguments":["cdkDragMoved"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":184,"character":7},"arguments":[{"__symbolic":"reference","name":"CDK_DROP_LIST"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":184,"character":30}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":184,"character":42}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":185,"character":7},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":185,"character":14}]}],null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":186,"character":52},"arguments":[{"__symbolic":"reference","name":"CDK_DRAG_CONFIG"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":187,"character":7}}],null,null],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":182,"character":33,"context":{"typeName":"HTMLElement"},"module":"./directives/drag"}]},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":185,"character":65},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":186,"character":33},{"__symbolic":"reference","name":"DragRefConfig"},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":187,"character":32},{"__symbolic":"reference","name":"DragDrop"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":188,"character":34}]}],"getPlaceholderElement":[{"__symbolic":"method"}],"getRootElement":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"getFreeDragPosition":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_updateRootElement":[{"__symbolic":"method"}],"_getBoundaryElement":[{"__symbolic":"method"}],"_syncInputs":[{"__symbolic":"method"}],"_handleEvents":[{"__symbolic":"method"}]}},"CdkDragHandle":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":15,"character":1},"arguments":[{"selector":"[cdkDragHandle]","host":{"class":"cdk-drag-handle","$quoted$":["class"]}}]}],"members":{"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3},"arguments":["cdkDragHandleDisabled"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":39,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵb"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":39,"character":30}}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":38,"character":31,"context":{"typeName":"HTMLElement"},"module":"./directives/drag-handle"}]},{"__symbolic":"reference","name":"any"}]}],"ngOnDestroy":[{"__symbolic":"method"}]}},"CdkDragPreview":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":14,"character":1},"arguments":[{"selector":"ng-template[cdkDragPreview]"}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":20,"character":46,"context":{"typeName":"T"},"module":"./directives/drag-preview"}]}]}]}},"CdkDragPlaceholder":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":14,"character":1},"arguments":[{"selector":"ng-template[cdkDragPlaceholder]"}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":20,"character":46,"context":{"typeName":"T"},"module":"./directives/drag-placeholder"}]}]}]}},"ɵb":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":16,"character":35},"arguments":["CDK_DRAG_PARENT"]}},"origins":{"CdkDragConfig":"./public-api","DragDrop":"./drag-drop","DragRef":"./drag-ref","DragRefConfig":"./drag-ref","DropListRef":"./drop-list-ref","CdkDropListContainer":"./drop-list-container","CDK_DROP_LIST":"./drop-list-container","CDK_DROP_LIST_CONTAINER":"./drop-list-container","CdkDragStart":"./drag-events","CdkDragRelease":"./drag-events","CdkDragEnd":"./drag-events","CdkDragEnter":"./drag-events","CdkDragExit":"./drag-events","CdkDragDrop":"./drag-events","CdkDragMove":"./drag-events","CdkDragSortEvent":"./drag-events","moveItemInArray":"./drag-utils","transferArrayItem":"./drag-utils","copyArrayItem":"./drag-utils","DragDropModule":"./drag-drop-module","DragDropRegistry":"./drag-drop-registry","ɵa":"./directives/drop-list","CdkDropList":"./directives/drop-list","CdkDropListGroup":"./directives/drop-list-group","CDK_DRAG_CONFIG":"./directives/drag","CDK_DRAG_CONFIG_FACTORY":"./directives/drag","CdkDrag":"./directives/drag","CdkDragHandle":"./directives/drag-handle","CdkDragPreview":"./directives/drag-preview","CdkDragPlaceholder":"./directives/drag-placeholder","ɵb":"./drag-parent"},"importAs":"@angular/cdk/drag-drop"}
+{"__symbolic":"module","version":4,"metadata":{"CdkDragConfig":{"__symbolic":"interface"},"DragDrop":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":24,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":27,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":27,"character":12}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":28,"character":21},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"ViewportRuler","line":29,"character":28},{"__symbolic":"reference","name":"DragDropRegistry"}]}],"createDrag":[{"__symbolic":"method"}],"createDropList":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"DragRef":{"__symbolic":"class","arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":273,"character":39,"context":{"typeName":"HTMLElement"},"module":"./drag-ref"},{"__symbolic":"reference","name":"any"},{"__symbolic":"error","message":"Could not resolve type","line":275,"character":23,"context":{"typeName":"Document"},"module":"./drag-ref"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":276,"character":21},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"ViewportRuler","line":277,"character":28},{"__symbolic":"reference","name":"DragDropRegistry"}]}],"getPlaceholderElement":[{"__symbolic":"method"}],"getRootElement":[{"__symbolic":"method"}],"withHandles":[{"__symbolic":"method"}],"withPreviewTemplate":[{"__symbolic":"method"}],"withPlaceholderTemplate":[{"__symbolic":"method"}],"withRootElement":[{"__symbolic":"method"}],"withBoundaryElement":[{"__symbolic":"method"}],"dispose":[{"__symbolic":"method"}],"isDragging":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"disableHandle":[{"__symbolic":"method"}],"enableHandle":[{"__symbolic":"method"}],"withDirection":[{"__symbolic":"method"}],"_withDropContainer":[{"__symbolic":"method"}],"getFreeDragPosition":[{"__symbolic":"method"}],"setFreeDragPosition":[{"__symbolic":"method"}],"_removeSubscriptions":[{"__symbolic":"method"}],"_destroyPreview":[{"__symbolic":"method"}],"_destroyPlaceholder":[{"__symbolic":"method"}],"_startDragSequence":[{"__symbolic":"method"}],"_initializeDragSequence":[{"__symbolic":"method"}],"_cleanupDragArtifacts":[{"__symbolic":"method"}],"_updateActiveDropContainer":[{"__symbolic":"method"}],"_createPreviewElement":[{"__symbolic":"method"}],"_animatePreviewToPlaceholder":[{"__symbolic":"method"}],"_createPlaceholderElement":[{"__symbolic":"method"}],"_getPointerPositionInElement":[{"__symbolic":"method"}],"_getPointerPositionOnPage":[{"__symbolic":"method"}],"_getConstrainedPointerPosition":[{"__symbolic":"method"}],"_updatePointerDirectionDelta":[{"__symbolic":"method"}],"_toggleNativeDragInteractions":[{"__symbolic":"method"}],"_removeRootElementListeners":[{"__symbolic":"method"}],"_applyRootElementTransform":[{"__symbolic":"method"}],"_getDragDistance":[{"__symbolic":"method"}]}},"DragRefConfig":{"__symbolic":"interface"},"DropListRef":{"__symbolic":"class","arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":152,"character":39,"context":{"typeName":"HTMLElement"},"module":"./drop-list-ref"},{"__symbolic":"reference","name":"DragDropRegistry"},{"__symbolic":"reference","name":"any"}]}],"dispose":[{"__symbolic":"method"}],"isDragging":[{"__symbolic":"method"}],"start":[{"__symbolic":"method"}],"enter":[{"__symbolic":"method"}],"exit":[{"__symbolic":"method"}],"drop":[{"__symbolic":"method"}],"withItems":[{"__symbolic":"method"}],"withDirection":[{"__symbolic":"method"}],"connectedTo":[{"__symbolic":"method"}],"withOrientation":[{"__symbolic":"method"}],"getItemIndex":[{"__symbolic":"method"}],"isReceiving":[{"__symbolic":"method"}],"_sortItem":[{"__symbolic":"method"}],"_cacheOwnPosition":[{"__symbolic":"method"}],"_cacheItemPositions":[{"__symbolic":"method"}],"_reset":[{"__symbolic":"method"}],"_getSiblingOffsetPx":[{"__symbolic":"method"}],"_isPointerNearDropContainer":[{"__symbolic":"method"}],"_getItemOffsetPx":[{"__symbolic":"method"}],"_getItemIndexFromPointerPosition":[{"__symbolic":"method"}],"_cacheItems":[{"__symbolic":"method"}],"_isOverContainer":[{"__symbolic":"method"}],"_getSiblingContainerFromPosition":[{"__symbolic":"method"}],"_canReceive":[{"__symbolic":"method"}],"_startReceiving":[{"__symbolic":"method"}],"_stopReceiving":[{"__symbolic":"method"}]}},"CdkDropListContainer":{"__symbolic":"interface"},"CDK_DROP_LIST":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":82,"character":33},"arguments":["CDK_DROP_LIST"]},"CDK_DROP_LIST_CONTAINER":{"__symbolic":"reference","name":"CDK_DROP_LIST"},"CdkDragStart":{"__symbolic":"interface"},"CdkDragRelease":{"__symbolic":"interface"},"CdkDragEnd":{"__symbolic":"interface"},"CdkDragEnter":{"__symbolic":"interface"},"CdkDragExit":{"__symbolic":"interface"},"CdkDragDrop":{"__symbolic":"interface"},"CdkDragMove":{"__symbolic":"interface"},"CdkDragSortEvent":{"__symbolic":"interface"},"moveItemInArray":{"__symbolic":"function"},"transferArrayItem":{"__symbolic":"function"},"copyArrayItem":{"__symbolic":"function"},"DragDropModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":17,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CdkDropList"},{"__symbolic":"reference","name":"CdkDropListGroup"},{"__symbolic":"reference","name":"CdkDrag"},{"__symbolic":"reference","name":"CdkDragHandle"},{"__symbolic":"reference","name":"CdkDragPreview"},{"__symbolic":"reference","name":"CdkDragPlaceholder"}],"exports":[{"__symbolic":"reference","name":"CdkDropList"},{"__symbolic":"reference","name":"CdkDropListGroup"},{"__symbolic":"reference","name":"CdkDrag"},{"__symbolic":"reference","name":"CdkDragHandle"},{"__symbolic":"reference","name":"CdkDragPreview"},{"__symbolic":"reference","name":"CdkDragPlaceholder"}],"providers":[{"__symbolic":"reference","name":"DragDrop"}]}]}],"members":{}},"DragDropRegistry":{"__symbolic":"class","arity":2,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":27,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":60,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":60,"character":12}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":59,"character":21},{"__symbolic":"reference","name":"any"}]}],"registerDropContainer":[{"__symbolic":"method"}],"registerDragItem":[{"__symbolic":"method"}],"removeDropContainer":[{"__symbolic":"method"}],"removeDragItem":[{"__symbolic":"method"}],"startDragging":[{"__symbolic":"method"}],"stopDragging":[{"__symbolic":"method"}],"isDragging":[{"__symbolic":"method"}],"getDropContainer":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_clearGlobalListeners":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ɵa":{"__symbolic":"interface"},"CdkDropList":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":50,"character":1},"arguments":[{"selector":"[cdkDropList], cdk-drop-list","exportAs":"cdkDropList","providers":[{"provide":{"__symbolic":"reference","name":"CdkDropListGroup"},"useValue":{"__symbolic":"reference","name":"undefined"}},{"provide":{"__symbolic":"reference","name":"CDK_DROP_LIST_CONTAINER"},"useExisting":{"__symbolic":"reference","name":"CdkDropList"}}],"host":{"class":"cdk-drop-list","[id]":"id","[class.cdk-drop-list-disabled]":"disabled","[class.cdk-drop-list-dragging]":"_dropListRef.isDragging()","[class.cdk-drop-list-receiving]":"_dropListRef.isReceiving()","$quoted$":["class","[id]","[class.cdk-drop-list-disabled]","[class.cdk-drop-list-dragging]","[class.cdk-drop-list-receiving]"]}}]}],"members":{"_draggables":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":77,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDrag"},{"descendants":false}]}]}],"connectedTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":3},"arguments":["cdkDropListConnectedTo"]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3},"arguments":["cdkDropListData"]}]}],"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3},"arguments":["cdkDropListOrientation"]}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":3}}]}],"lockAxis":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":3},"arguments":["cdkDropListLockAxis"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":3},"arguments":["cdkDropListDisabled"]}]}],"sortingDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":117,"character":3},"arguments":["cdkDropListSortingDisabled"]}]}],"enterPredicate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":128,"character":3},"arguments":["cdkDropListEnterPredicate"]}]}],"dropped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":132,"character":3},"arguments":["cdkDropListDropped"]}]}],"entered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":138,"character":3},"arguments":["cdkDropListEntered"]}]}],"exited":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":145,"character":3},"arguments":["cdkDropListExited"]}]}],"sorted":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":149,"character":3},"arguments":["cdkDropListSorted"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":155,"character":54}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":156,"character":7}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":156,"character":19}}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":154,"character":33,"context":{"typeName":"HTMLElement"},"module":"./directives/drop-list"}]},{"__symbolic":"reference","name":"DragDrop"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":155,"character":34},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":155,"character":80},{"__symbolic":"reference","name":"CdkDropListGroup"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"start":[{"__symbolic":"method"}],"drop":[{"__symbolic":"method"}],"enter":[{"__symbolic":"method"}],"exit":[{"__symbolic":"method"}],"getItemIndex":[{"__symbolic":"method"}],"_sortItem":[{"__symbolic":"method"}],"_getSiblingContainerFromPosition":[{"__symbolic":"method"}],"_isOverContainer":[{"__symbolic":"method"}],"_syncInputs":[{"__symbolic":"method"}],"_handleEvents":[{"__symbolic":"method"}]},"statics":{"_dropLists":[]}},"CdkDropListGroup":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":17,"character":1},"arguments":[{"selector":"[cdkDropListGroup]","exportAs":"cdkDropListGroup"}]}],"members":{"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3},"arguments":["cdkDropListGroupDisabled"]}]}],"ngOnDestroy":[{"__symbolic":"method"}]}},"CDK_DRAG_CONFIG":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":54,"character":35},"arguments":["CDK_DRAG_CONFIG",{"providedIn":"root","factory":{"__symbolic":"reference","name":"CDK_DRAG_CONFIG_FACTORY"}}]},"CDK_DRAG_CONFIG_FACTORY":{"__symbolic":"function","parameters":[],"value":{"dragStartThreshold":5,"pointerDirectionChangeThreshold":5}},"CdkDrag":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":65,"character":1},"arguments":[{"selector":"[cdkDrag]","exportAs":"cdkDrag","host":{"class":"cdk-drag","[class.cdk-drag-disabled]":"disabled","[class.cdk-drag-dragging]":"_dragRef.isDragging()","$quoted$":["class","[class.cdk-drag-disabled]","[class.cdk-drag-dragging]"]},"providers":[{"provide":{"__symbolic":"reference","name":"ɵb"},"useExisting":{"__symbolic":"reference","name":"CdkDrag"}}]}]}],"members":{"_handles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":82,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragHandle"},{"descendants":true}]}]}],"_previewTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":85,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragPreview"},{"static":false}]}]}],"_placeholderTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":88,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragPlaceholder"},{"static":false}]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3},"arguments":["cdkDragData"]}]}],"lockAxis":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":3},"arguments":["cdkDragLockAxis"]}]}],"rootElementSelector":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":3},"arguments":["cdkDragRootElement"]}]}],"boundaryElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":3},"arguments":["cdkDragBoundary"]}]}],"dragStartDelay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":129,"character":3},"arguments":["cdkDragStartDelay"]}]}],"freeDragPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":135,"character":3},"arguments":["cdkDragFreeDragPosition"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":138,"character":3},"arguments":["cdkDragDisabled"]}]}],"constrainPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":154,"character":3},"arguments":["cdkDragConstrainPosition"]}]}],"started":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":157,"character":3},"arguments":["cdkDragStarted"]}]}],"released":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":160,"character":3},"arguments":["cdkDragReleased"]}]}],"ended":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":164,"character":3},"arguments":["cdkDragEnded"]}]}],"entered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":167,"character":3},"arguments":["cdkDragEntered"]}]}],"exited":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":171,"character":3},"arguments":["cdkDragExited"]}]}],"dropped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":175,"character":3},"arguments":["cdkDragDropped"]}]}],"moved":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":182,"character":3},"arguments":["cdkDragMoved"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":201,"character":7},"arguments":[{"__symbolic":"reference","name":"CDK_DROP_LIST"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":201,"character":30}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":201,"character":42}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":202,"character":7},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":202,"character":14}]}],null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":203,"character":52},"arguments":[{"__symbolic":"reference","name":"CDK_DRAG_CONFIG"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":204,"character":7}}],null,null],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":199,"character":33,"context":{"typeName":"HTMLElement"},"module":"./directives/drag"}]},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":202,"character":65},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":203,"character":33},{"__symbolic":"reference","name":"DragRefConfig"},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":204,"character":32},{"__symbolic":"reference","name":"DragDrop"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":205,"character":34}]}],"getPlaceholderElement":[{"__symbolic":"method"}],"getRootElement":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"getFreeDragPosition":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_updateRootElement":[{"__symbolic":"method"}],"_getBoundaryElement":[{"__symbolic":"method"}],"_syncInputs":[{"__symbolic":"method"}],"_handleEvents":[{"__symbolic":"method"}]}},"CdkDragHandle":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":15,"character":1},"arguments":[{"selector":"[cdkDragHandle]","host":{"class":"cdk-drag-handle","$quoted$":["class"]}}]}],"members":{"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3},"arguments":["cdkDragHandleDisabled"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":39,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵb"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":39,"character":30}}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":38,"character":31,"context":{"typeName":"HTMLElement"},"module":"./directives/drag-handle"}]},{"__symbolic":"reference","name":"any"}]}],"ngOnDestroy":[{"__symbolic":"method"}]}},"CdkDragPreview":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":14,"character":1},"arguments":[{"selector":"ng-template[cdkDragPreview]"}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":20,"character":46,"context":{"typeName":"T"},"module":"./directives/drag-preview"}]}]}]}},"CdkDragPlaceholder":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":14,"character":1},"arguments":[{"selector":"ng-template[cdkDragPlaceholder]"}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":20,"character":46,"context":{"typeName":"T"},"module":"./directives/drag-placeholder"}]}]}]}},"ɵb":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":16,"character":35},"arguments":["CDK_DRAG_PARENT"]}},"origins":{"CdkDragConfig":"./public-api","DragDrop":"./drag-drop","DragRef":"./drag-ref","DragRefConfig":"./drag-ref","DropListRef":"./drop-list-ref","CdkDropListContainer":"./drop-list-container","CDK_DROP_LIST":"./drop-list-container","CDK_DROP_LIST_CONTAINER":"./drop-list-container","CdkDragStart":"./drag-events","CdkDragRelease":"./drag-events","CdkDragEnd":"./drag-events","CdkDragEnter":"./drag-events","CdkDragExit":"./drag-events","CdkDragDrop":"./drag-events","CdkDragMove":"./drag-events","CdkDragSortEvent":"./drag-events","moveItemInArray":"./drag-utils","transferArrayItem":"./drag-utils","copyArrayItem":"./drag-utils","DragDropModule":"./drag-drop-module","DragDropRegistry":"./drag-drop-registry","ɵa":"./directives/drop-list","CdkDropList":"./directives/drop-list","CdkDropListGroup":"./directives/drop-list-group","CDK_DRAG_CONFIG":"./directives/drag","CDK_DRAG_CONFIG_FACTORY":"./directives/drag","CdkDrag":"./directives/drag","CdkDragHandle":"./directives/drag-handle","CdkDragPreview":"./directives/drag-preview","CdkDragPlaceholder":"./directives/drag-placeholder","ɵb":"./drag-parent"},"importAs":"@angular/cdk/drag-drop"}

package/typings/esm5/drag-drop/directives/drag.d.ts

@@ -49,10 +49,19 @@ export declare class CdkDrag<T = any> implements AfterViewInit, OnChanges, OnDes
      * when trying to enable dragging on an element that you might not have access to.
      */
     rootElementSelector: string;
+    /**
+     * Node or selector that will be used to determine the element to which the draggable's
+     * position will be constrained. If a string is passed in, it'll be used as a selector that
+     * will be matched starting from the element's parent and going up the DOM until a match
+     * has been found.
+     */
+    boundaryElement: string | ElementRef<HTMLElement> | HTMLElement;
     /**
      * Selector that will be used to determine the element to which the draggable's position will
      * be constrained. Matching starts from the element's parent and goes up the DOM until a matching
-     * element has been found.
+     * element has been found
+     * @deprecated Use `boundaryElement` instead.
+     * @breaking-change 9.0.0
      */
     boundaryElementSelector: string;
     /**
@@ -121,7 +130,7 @@ export declare class CdkDrag<T = any> implements AfterViewInit, OnChanges, OnDes
     ngOnDestroy(): void;
     /** Syncs the root element with the `DragRef`. */
     private _updateRootElement;
-    /** Gets the boundary element, based on the `boundaryElementSelector`. */
+    /** Gets the boundary element, based on the `boundaryElement` value. */
     private _getBoundaryElement;
     /** Syncs the inputs of the CdkDrag with the options of the underlying DragRef. */
     private _syncInputs;

package/typings/esm5/drag-drop/drag-events.d.ts

@@ -21,6 +21,11 @@ export interface CdkDragRelease<T = any> {
 export interface CdkDragEnd<T = any> {
     /** Draggable that emitted the event. */
     source: CdkDrag<T>;
+    /** Distance in pixels that the user has dragged since the drag sequence started. */
+    distance: {
+        x: number;
+        y: number;
+    };
 }
 /** Event emitted when the user moves an item into a new drop container. */
 export interface CdkDragEnter<T = any, I = T> {
@@ -28,6 +33,8 @@ export interface CdkDragEnter<T = any, I = T> {
     container: CdkDropList<T>;
     /** Item that was removed from the container. */
     item: CdkDrag<I>;
+    /** Index at which the item has entered the container. */
+    currentIndex: number;
 }
 /**
  * Event emitted when the user removes an item from a
@@ -53,6 +60,11 @@ export interface CdkDragDrop<T, O = T> {
     previousContainer: CdkDropList<O>;
     /** Whether the user's pointer was over the container when the item was dropped. */
     isPointerOverContainer: boolean;
+    /** Distance in pixels that the user has dragged since the drag sequence started. */
+    distance: {
+        x: number;
+        y: number;
+    };
 }
 /** Event emitted as the user is dragging a draggable item. */
 export interface CdkDragMove<T = any> {
@@ -65,6 +77,11 @@ export interface CdkDragMove<T = any> {
     };
     /** Native event that is causing the dragging. */
     event: MouseEvent | TouchEvent;
+    /** Distance in pixels that the user has dragged since the drag sequence started. */
+    distance: {
+        x: number;
+        y: number;
+    };
     /**
      * Indicates the direction in which the user is dragging the element along each axis.
      * `1` means that the position is increasing (e.g. the user is moving to the right or downwards),

package/typings/esm5/drag-drop/drag-ref.d.ts

@@ -88,11 +88,6 @@ export declare class DragRef<T = any> {
     private _scrollPosition;
     /** Emits when the item is being moved. */
     private _moveEvents;
-    /**
-     * Amount of subscriptions to the move event. Used to avoid
-     * hitting the zone if the consumer didn't subscribe to it.
-     */
-    private _moveEventSubscriptions;
     /** Keeps track of the direction in which the user is dragging along each axis. */
     private _pointerDirectionDelta;
     /** Pointer position at which the last change in the delta occurred. */
@@ -162,11 +157,13 @@ export declare class DragRef<T = any> {
     /** Emits when the user stops dragging an item in the container. */
     ended: Subject<{
         source: DragRef<any>;
+        distance: Point;
     }>;
     /** Emits when the user has moved the item into a new container. */
     entered: Subject<{
         container: DropListRef;
         item: DragRef<any>;
+        currentIndex: number;
     }>;
     /** Emits when the user removes the item its container by dragging it into another container. */
     exited: Subject<{
@@ -180,6 +177,7 @@ export declare class DragRef<T = any> {
         item: DragRef<any>;
         container: DropListRef;
         previousContainer: DropListRef;
+        distance: Point;
         isPointerOverContainer: boolean;
     }>;
     /**
@@ -193,6 +191,7 @@ export declare class DragRef<T = any> {
             y: number;
         };
         event: MouseEvent | TouchEvent;
+        distance: Point;
         delta: {
             x: -1 | 0 | 1;
             y: -1 | 0 | 1;
@@ -328,6 +327,11 @@ export declare class DragRef<T = any> {
      * @param y New transform value along the Y axis.
      */
     private _applyRootElementTransform;
+    /**
+     * Gets the distance that the user has dragged during the current drag sequence.
+     * @param currentPosition Current position of the user's pointer.
+     */
+    private _getDragDistance;
 }
 /** Point on the page or within an element. */
 export interface Point {

package/typings/esm5/drag-drop/drop-list-ref.d.ts

@@ -9,7 +9,7 @@ import { ElementRef } from '@angular/core';
 import { DragDropRegistry } from './drag-drop-registry';
 import { Direction } from '@angular/cdk/bidi';
 import { Subject } from 'rxjs';
-import { DragRefInternal as DragRef } from './drag-ref';
+import { DragRefInternal as DragRef, Point } from './drag-ref';
 /**
  * Internal compile-time-only representation of a `DropListRef`.
  * Used to avoid circular import issues between the `DropListRef` and the `DragRef`.
@@ -25,7 +25,7 @@ export declare class DropListRef<T = any> {
     private _dragDropRegistry;
     private _document;
     /** Element that the drop list is attached to. */
-    readonly element: HTMLElement;
+    element: HTMLElement | ElementRef<HTMLElement>;
     /**
      * Unique ID for the drop list.
      * @deprecated No longer being used. To be removed.
@@ -51,6 +51,7 @@ export declare class DropListRef<T = any> {
     entered: Subject<{
         item: DragRef;
         container: DropListRef<any>;
+        currentIndex: number;
     }>;
     /**
      * Emits when the user removes an item from the container
@@ -68,6 +69,7 @@ export declare class DropListRef<T = any> {
         container: DropListRef<any>;
         previousContainer: DropListRef<any>;
         isPointerOverContainer: boolean;
+        distance: Point;
     }>;
     /** Emits as the user is swapping items while actively dragging. */
     sorted: Subject<{
@@ -131,8 +133,10 @@ export declare class DropListRef<T = any> {
      * @param previousContainer Container from which the item got dragged in.
      * @param isPointerOverContainer Whether the user's pointer was over the
      *    container when the item was dropped.
+     * @param distance Distance the user has dragged since the start of the dragging sequence.
+     * @breaking-change 9.0.0 `distance` parameter to become required.
      */
-    drop(item: DragRef, currentIndex: number, previousContainer: DropListRef, isPointerOverContainer: boolean): void;
+    drop(item: DragRef, currentIndex: number, previousContainer: DropListRef, isPointerOverContainer: boolean, distance?: Point): void;
     /**
      * Sets the draggable items that are a part of this list.
      * @param items Items that are a part of this list.
@@ -206,6 +210,8 @@ export declare class DropListRef<T = any> {
      * @param delta Direction in which the user is moving their pointer.
      */
     private _getItemIndexFromPointerPosition;
+    /** Caches the current items in the list and their positions. */
+    private _cacheItems;
     /**
      * Checks whether the user's pointer is positioned over the container.
      * @param x Pointer position along the X axis.