@angular/cdk 7.0.0-rc.1 → 7.0.2

package/esm5/drag-drop.es5.js

@@ -7,7 +7,7 @@
  */
 import { Injectable, NgZone, Inject, ContentChildren, ElementRef, EventEmitter, forwardRef, Input, Output, Optional, Directive, ContentChild, InjectionToken, SkipSelf, ViewContainerRef, TemplateRef, NgModule, defineInjectable, inject } from '@angular/core';
 import { DOCUMENT } from '@angular/common';
-import { supportsPassiveEventListeners } from '@angular/cdk/platform';
+import { normalizePassiveListenerOptions, supportsPassiveEventListeners } from '@angular/cdk/platform';
 import { Subject, Observable, Subscription } from 'rxjs';
 import { Directionality } from '@angular/cdk/bidi';
 import { ViewportRuler } from '@angular/cdk/scrolling';
@@ -61,7 +61,7 @@ function toggleNativeDragInteractions(element, enable) {
 /** *
  * Event options that can be used to bind an active event.
   @type {?} */
-var activeEventOptions = supportsPassiveEventListeners() ? { passive: false } : false;
+var activeEventOptions = normalizePassiveListenerOptions({ passive: false });
 // unsupported: template constraints.
 /**
  * Service that keeps track of all the drag item and drop container
@@ -314,6 +314,18 @@ var DragDropRegistry = /** @class */ (function () {
     return DragDropRegistry;
 }());
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
+ */
+/** *
+ * Injection token that can be used for a `CdkDrag` to provide itself as a parent to the
+ * drag-specific child directive (`CdkDragHandle`, `CdkDragPreview` etc.). Used primarily
+ * to avoid circular imports.
+ * \@docs-private
+  @type {?} */
+var CDK_DRAG_PARENT = new InjectionToken('CDK_DRAG_PARENT');
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
@@ -322,8 +334,9 @@ var DragDropRegistry = /** @class */ (function () {
  * Handle that can be used to drag and CdkDrag instance.
  */
 var CdkDragHandle = /** @class */ (function () {
-    function CdkDragHandle(element) {
+    function CdkDragHandle(element, parentDrag) {
         this.element = element;
+        this._parentDrag = parentDrag;
         toggleNativeDragInteractions(element.nativeElement, false);
     }
     CdkDragHandle.decorators = [
@@ -336,7 +349,8 @@ var CdkDragHandle = /** @class */ (function () {
     ];
     /** @nocollapse */
     CdkDragHandle.ctorParameters = function () { return [
-        { type: ElementRef }
+        { type: ElementRef },
+        { type: undefined, decorators: [{ type: Inject, args: [CDK_DRAG_PARENT,] }, { type: Optional }] }
     ]; };
     return CdkDragHandle;
 }());
@@ -402,10 +416,10 @@ var CdkDragPreview = /** @class */ (function () {
  * @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
  */
 /** *
- * Injection token that is used to provide a CdkDrop instance to CdkDrag.
+ * Injection token that is used to provide a CdkDropList instance to CdkDrag.
  * Used for avoiding circular imports.
   @type {?} */
-var CDK_DROP_CONTAINER = new InjectionToken('CDK_DROP_CONTAINER');
+var CDK_DROP_LIST_CONTAINER = new InjectionToken('CDK_DROP_LIST_CONTAINER');
 
 /**
  * @fileoverview added by tsickle
@@ -477,8 +491,12 @@ var CDK_DRAG_CONFIG = new InjectionToken('CDK_DRAG_CONFIG', {
 function CDK_DRAG_CONFIG_FACTORY() {
     return { dragStartThreshold: 5, pointerDirectionChangeThreshold: 5 };
 }
+/** *
+ * Options that can be used to bind a passive event listener.
+  @type {?} */
+var passiveEventListenerOptions = supportsPassiveEventListeners() ? /** @type {?} */ ({ passive: true }) : false;
 /**
- * Element that can be moved inside a CdkDrop container.
+ * Element that can be moved inside a CdkDropList container.
  * @template T
  */
 var CdkDrag = /** @class */ (function () {
@@ -558,10 +576,12 @@ var CdkDrag = /** @class */ (function () {
          * Handler for the `mousedown`/`touchstart` events.
          */
         this._pointerDown = function (event) {
+            /** @type {?} */
+            var handles = _this._handles.filter(function (handle) { return handle._parentDrag === _this; });
             // Delegate the event based on whether it started from a handle or the element itself.
-            if (_this._handles.length) {
+            if (handles.length) {
                 /** @type {?} */
-                var targetHandle = _this._handles.find(function (handle) {
+                var targetHandle = handles.find(function (handle) {
                     /** @type {?} */
                     var element = handle.element.nativeElement;
                     /** @type {?} */
@@ -587,13 +607,11 @@ var CdkDrag = /** @class */ (function () {
                 var distanceX = Math.abs(pointerPosition.x - _this._pickupPositionOnPage.x);
                 /** @type {?} */
                 var distanceY = Math.abs(pointerPosition.y - _this._pickupPositionOnPage.y);
-                /** @type {?} */
-                var minimumDistance = _this._config.dragStartThreshold;
                 // Only start dragging after the user has moved more than the minimum distance in either
                 // direction. Note that this is preferrable over doing something like `skip(minimumDistance)`
                 // in the `pointerMove` subscription, because we're not guaranteed to have one move event
                 // per pixel of movement (e.g. if the user moves their pointer quickly).
-                if (distanceX + distanceY >= minimumDistance) {
+                if (distanceX + distanceY >= _this._config.dragStartThreshold) {
                     _this._hasStartedDragging = true;
                     _this._ngZone.run(function () { return _this._startDragSequence(); });
                 }
@@ -612,7 +630,11 @@ var CdkDrag = /** @class */ (function () {
                     pointerPosition.x - _this._pickupPositionOnPage.x + _this._passiveTransform.x;
                 activeTransform.y =
                     pointerPosition.y - _this._pickupPositionOnPage.y + _this._passiveTransform.y;
-                _this._setTransform(_this._rootElement, activeTransform.x, activeTransform.y);
+                /** @type {?} */
+                var transform = getTransform(activeTransform.x, activeTransform.y);
+                // Preserve the previous `transform` value, if there was one.
+                _this._rootElement.style.transform = _this._initialTransform ?
+                    _this._initialTransform + ' ' + transform : transform;
             }
             // Since this event gets fired for every pixel while dragging, we only
             // want to fire it if the consumer opted into it. Also we have to
@@ -698,8 +720,8 @@ var CdkDrag = /** @class */ (function () {
         this._ngZone.onStable.asObservable().pipe(take(1)).subscribe(function () {
             /** @type {?} */
             var rootElement = _this._rootElement = _this._getRootElement();
-            rootElement.addEventListener('mousedown', _this._pointerDown);
-            rootElement.addEventListener('touchstart', _this._pointerDown);
+            rootElement.addEventListener('mousedown', _this._pointerDown, passiveEventListenerOptions);
+            rootElement.addEventListener('touchstart', _this._pointerDown, passiveEventListenerOptions);
             toggleNativeDragInteractions(rootElement, false);
         });
     };
@@ -710,8 +732,8 @@ var CdkDrag = /** @class */ (function () {
      * @return {?}
      */
     function () {
-        this._rootElement.removeEventListener('mousedown', this._pointerDown);
-        this._rootElement.removeEventListener('touchstart', this._pointerDown);
+        this._rootElement.removeEventListener('mousedown', this._pointerDown, passiveEventListenerOptions);
+        this._rootElement.removeEventListener('touchstart', this._pointerDown, passiveEventListenerOptions);
         this._destroyPreview();
         this._destroyPlaceholder();
         // Do this check before removing from the registry since it'll
@@ -759,6 +781,11 @@ var CdkDrag = /** @class */ (function () {
         if (isDragging || (!this._isTouchEvent(event) && event.button !== 0)) {
             return;
         }
+        // Cache the previous transform amount only after the first drag sequence, because
+        // we don't want our own transforms to stack on top of each other.
+        if (this._initialTransform == null) {
+            this._initialTransform = this._rootElement.style.transform || '';
+        }
         this._hasStartedDragging = this._hasMoved = false;
         this._initialContainer = this.dropContainer;
         this._pointerMoveSubscription = this._dragDropRegistry.pointerMove.subscribe(this._pointerMove);
@@ -880,7 +907,8 @@ var CdkDrag = /** @class */ (function () {
             });
         }
         this.dropContainer._sortItem(this, x, y, this._pointerDirectionDelta);
-        this._setTransform(this._preview, x - this._pickupPositionInElement.x, y - this._pickupPositionInElement.y);
+        this._preview.style.transform =
+            getTransform(x - this._pickupPositionInElement.x, y - this._pickupPositionInElement.y);
     };
     /**
      * Creates the element that will be rendered next to the user's pointer
@@ -900,7 +928,8 @@ var CdkDrag = /** @class */ (function () {
             var viewRef = this._viewContainerRef.createEmbeddedView(this._previewTemplate.templateRef, this._previewTemplate.data);
             preview = viewRef.rootNodes[0];
             this._previewRef = viewRef;
-            this._setTransform(preview, this._pickupPositionOnPage.x, this._pickupPositionOnPage.y);
+            preview.style.transform =
+                getTransform(this._pickupPositionOnPage.x, this._pickupPositionOnPage.y);
         }
         else {
             /** @type {?} */
@@ -910,7 +939,7 @@ var CdkDrag = /** @class */ (function () {
             preview = /** @type {?} */ (element.cloneNode(true));
             preview.style.width = elementRect.width + "px";
             preview.style.height = elementRect.height + "px";
-            this._setTransform(preview, elementRect.left, elementRect.top);
+            preview.style.transform = getTransform(elementRect.left, elementRect.top);
         }
         extendStyles(preview.style, {
             position: 'fixed',
@@ -992,7 +1021,7 @@ var CdkDrag = /** @class */ (function () {
         // Apply the class that adds a transition to the preview.
         this._preview.classList.add('cdk-drag-animating');
         // Move the preview to the placeholder position.
-        this._setTransform(this._preview, placeholderRect.left, placeholderRect.top);
+        this._preview.style.transform = getTransform(placeholderRect.left, placeholderRect.top);
         /** @type {?} */
         var duration = getTransformTransitionDurationInMs(this._preview);
         if (duration === 0) {
@@ -1014,23 +1043,6 @@ var CdkDrag = /** @class */ (function () {
             });
         });
     };
-    /**
-     * Sets the `transform` style on an element.
-     * @param {?} element Element on which to set the transform.
-     * @param {?} x Desired position of the element along the X axis.
-     * @param {?} y Desired position of the element along the Y axis.
-     * @return {?}
-     */
-    CdkDrag.prototype._setTransform = /**
-     * Sets the `transform` style on an element.
-     * @param {?} element Element on which to set the transform.
-     * @param {?} x Desired position of the element along the X axis.
-     * @param {?} y Desired position of the element along the Y axis.
-     * @return {?}
-     */
-    function (element, x, y) {
-        element.style.transform = "translate3d(" + x + "px, " + y + "px, 0)";
-    };
     /**
      * Helper to remove an element from the DOM and to do all the necessary null checks.
      * @param {?} element Element to be removed.
@@ -1212,13 +1224,17 @@ var CdkDrag = /** @class */ (function () {
                     host: {
                         'class': 'cdk-drag',
                         '[class.cdk-drag-dragging]': '_hasStartedDragging && _isDragging()',
-                    }
+                    },
+                    providers: [{
+                            provide: CDK_DRAG_PARENT,
+                            useExisting: CdkDrag
+                        }]
                 },] },
     ];
     /** @nocollapse */
     CdkDrag.ctorParameters = function () { return [
         { type: ElementRef },
-        { type: undefined, decorators: [{ type: Inject, args: [CDK_DROP_CONTAINER,] }, { type: Optional }, { type: SkipSelf }] },
+        { type: undefined, decorators: [{ type: Inject, args: [CDK_DROP_LIST_CONTAINER,] }, { type: Optional }, { type: SkipSelf }] },
         { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
         { type: NgZone },
         { type: ViewContainerRef },
@@ -1228,7 +1244,7 @@ var CdkDrag = /** @class */ (function () {
         { type: Directionality, decorators: [{ type: Optional }] }
     ]; };
     CdkDrag.propDecorators = {
-        _handles: [{ type: ContentChildren, args: [CdkDragHandle,] }],
+        _handles: [{ type: ContentChildren, args: [CdkDragHandle, { descendants: true },] }],
         _previewTemplate: [{ type: ContentChild, args: [CdkDragPreview,] }],
         _placeholderTemplate: [{ type: ContentChild, args: [CdkDragPlaceholder,] }],
         data: [{ type: Input, args: ['cdkDragData',] }],
@@ -1243,6 +1259,15 @@ var CdkDrag = /** @class */ (function () {
     };
     return CdkDrag;
 }());
+/**
+ * Gets a 3d `transform` that can be applied to an element.
+ * @param {?} x Desired position of the element along the X axis.
+ * @param {?} y Desired position of the element along the Y axis.
+ * @return {?}
+ */
+function getTransform(x, y) {
+    return "translate3d(" + x + "px, " + y + "px, 0)";
+}
 
 /**
  * @fileoverview added by tsickle
@@ -1292,6 +1317,24 @@ function transferArrayItem(currentArray, targetArray, currentIndex, targetIndex)
         targetArray.splice(to, 0, currentArray.splice(from, 1)[0]);
     }
 }
+/**
+ * Copies an item from one array to another, leaving it in its
+ * original position in current array.
+ * @template T
+ * @param {?} currentArray Array from which to copy the item.
+ * @param {?} targetArray Array into which is copy the item.
+ * @param {?} currentIndex Index of the item in its current array.
+ * @param {?} targetIndex Index at which to insert the item.
+ *
+ * @return {?}
+ */
+function copyArrayItem(currentArray, targetArray, currentIndex, targetIndex) {
+    /** @type {?} */
+    var to = clamp(targetIndex, targetArray.length);
+    if (currentArray.length) {
+        targetArray.splice(to, 0, currentArray[currentIndex]);
+    }
+}
 /**
  * Clamps a number between zero and a maximum.
  * @param {?} value
@@ -1319,8 +1362,8 @@ var DROP_PROXIMITY_THRESHOLD = 0.05;
  * Container that wraps a set of draggable items.
  * @template T
  */
-var CdkDrop = /** @class */ (function () {
-    function CdkDrop(element, _dragDropRegistry, _dir) {
+var CdkDropList = /** @class */ (function () {
+    function CdkDropList(element, _dragDropRegistry, _dir) {
         this.element = element;
         this._dragDropRegistry = _dragDropRegistry;
         this._dir = _dir;
@@ -1336,9 +1379,9 @@ var CdkDrop = /** @class */ (function () {
         this.orientation = 'vertical';
         /**
          * Unique ID for the drop zone. Can be used as a reference
-         * in the `connectedTo` of another `CdkDrop`.
+         * in the `connectedTo` of another `CdkDropList`.
          */
-        this.id = "cdk-drop-" + _uniqueIdCounter++;
+        this.id = "cdk-drop-list-" + _uniqueIdCounter++;
         /**
          * Function that is used to determine whether an item
          * is allowed to be moved into a drop container.
@@ -1378,7 +1421,7 @@ var CdkDrop = /** @class */ (function () {
     /**
      * @return {?}
      */
-    CdkDrop.prototype.ngOnInit = /**
+    CdkDropList.prototype.ngOnInit = /**
      * @return {?}
      */
     function () {
@@ -1387,7 +1430,7 @@ var CdkDrop = /** @class */ (function () {
     /**
      * @return {?}
      */
-    CdkDrop.prototype.ngOnDestroy = /**
+    CdkDropList.prototype.ngOnDestroy = /**
      * @return {?}
      */
     function () {
@@ -1398,7 +1441,7 @@ var CdkDrop = /** @class */ (function () {
      * Starts dragging an item.
      * @return {?}
      */
-    CdkDrop.prototype.start = /**
+    CdkDropList.prototype.start = /**
      * Starts dragging an item.
      * @return {?}
      */
@@ -1420,7 +1463,7 @@ var CdkDrop = /** @class */ (function () {
      * @param {?} previousContainer Container from which the item got dragged in.
      * @return {?}
      */
-    CdkDrop.prototype.drop = /**
+    CdkDropList.prototype.drop = /**
      * Drops an item into this container.
      * @param {?} item Item being dropped into the container.
      * @param {?} currentIndex Index at which the item should be inserted.
@@ -1451,7 +1494,7 @@ var CdkDrop = /** @class */ (function () {
      * @param {?} pointerY Position of the item along the Y axis.
      * @return {?}
      */
-    CdkDrop.prototype.enter = /**
+    CdkDropList.prototype.enter = /**
      * Emits an event to indicate that the user moved an item into the container.
      * @param {?} item Item that was moved into the container.
      * @param {?} pointerX Position of the item along the X axis.
@@ -1501,7 +1544,7 @@ var CdkDrop = /** @class */ (function () {
      * @param {?} item Item that was dragged out.
      * @return {?}
      */
-    CdkDrop.prototype.exit = /**
+    CdkDropList.prototype.exit = /**
      * Removes an item from the container after it was dragged into another container by the user.
      * @param {?} item Item that was dragged out.
      * @return {?}
@@ -1519,7 +1562,7 @@ var CdkDrop = /** @class */ (function () {
      * @param {?} item Item whose index should be determined.
      * @return {?}
      */
-    CdkDrop.prototype.getItemIndex = /**
+    CdkDropList.prototype.getItemIndex = /**
      * Figures out the index of an item in the container.
      * @param {?} item Item whose index should be determined.
      * @return {?}
@@ -1548,7 +1591,7 @@ var CdkDrop = /** @class */ (function () {
      * @param {?} pointerDelta
      * @return {?}
      */
-    CdkDrop.prototype._sortItem = /**
+    CdkDropList.prototype._sortItem = /**
      * Sorts an item inside the container based on its position.
      * @param {?} item Item to be sorted.
      * @param {?} pointerX Position of the item along the X axis.
@@ -1636,7 +1679,7 @@ var CdkDrop = /** @class */ (function () {
      * @param {?} y Position of the item along the Y axis.
      * @return {?}
      */
-    CdkDrop.prototype._getSiblingContainerFromPosition = /**
+    CdkDropList.prototype._getSiblingContainerFromPosition = /**
      * Figures out whether an item should be moved into a sibling
      * drop container, based on its current position.
      * @param {?} item Drag item that is being moved.
@@ -1648,7 +1691,7 @@ var CdkDrop = /** @class */ (function () {
         /** @type {?} */
         var result = this._positionCache.siblings
             .find(function (sibling) { return isInsideClientRect(sibling.clientRect, x, y); });
-        return result && result.drop.enterPredicate(item, this) ? result.drop : null;
+        return result && result.drop.enterPredicate(item, result.drop) ? result.drop : null;
     };
     /**
      * Checks whether an item that started in this container can be returned to it,
@@ -1665,7 +1708,7 @@ var CdkDrop = /** @class */ (function () {
      * @param {?} y Position of the item along the Y axis.
      * @return {?}
      */
-    CdkDrop.prototype._canReturnItem = /**
+    CdkDropList.prototype._canReturnItem = /**
      * Checks whether an item that started in this container can be returned to it,
      * after it was moved out into another container.
      * @param {?} item Item that is being checked.
@@ -1680,7 +1723,7 @@ var CdkDrop = /** @class */ (function () {
      * Refreshes the position cache of the items and sibling containers.
      * @return {?}
      */
-    CdkDrop.prototype._cachePositions = /**
+    CdkDropList.prototype._cachePositions = /**
      * Refreshes the position cache of the items and sibling containers.
      * @return {?}
      */
@@ -1729,7 +1772,7 @@ var CdkDrop = /** @class */ (function () {
      * Resets the container to its initial state.
      * @return {?}
      */
-    CdkDrop.prototype._reset = /**
+    CdkDropList.prototype._reset = /**
      * Resets the container to its initial state.
      * @return {?}
      */
@@ -1750,7 +1793,7 @@ var CdkDrop = /** @class */ (function () {
      * @param {?} left Amount to add to the `left` position.
      * @return {?}
      */
-    CdkDrop.prototype._adjustClientRect = /**
+    CdkDropList.prototype._adjustClientRect = /**
      * Updates the top/left positions of a `ClientRect`, as well as their bottom/right counterparts.
      * @param {?} clientRect `ClientRect` that should be updated.
      * @param {?} top Amount to add to the `top` position.
@@ -1771,7 +1814,7 @@ var CdkDrop = /** @class */ (function () {
      * @param {?=} delta Direction in which the user is moving their pointer.
      * @return {?}
      */
-    CdkDrop.prototype._getItemIndexFromPointerPosition = /**
+    CdkDropList.prototype._getItemIndexFromPointerPosition = /**
      * Gets the index of an item in the drop container, based on the position of the user's pointer.
      * @param {?} item Item that is being sorted.
      * @param {?} pointerX Position of the user's pointer along the X axis.
@@ -1812,7 +1855,7 @@ var CdkDrop = /** @class */ (function () {
      * @param {?} pointerY Coordinates along the Y axis.
      * @return {?}
      */
-    CdkDrop.prototype._isPointerNearDropContainer = /**
+    CdkDropList.prototype._isPointerNearDropContainer = /**
      * Checks whether the pointer coordinates are close to the drop container.
      * @param {?} pointerX Coordinates along the X axis.
      * @param {?} pointerY Coordinates along the Y axis.
@@ -1827,39 +1870,39 @@ var CdkDrop = /** @class */ (function () {
         return pointerY > top - yThreshold && pointerY < bottom + yThreshold &&
             pointerX > left - xThreshold && pointerX < right + xThreshold;
     };
-    CdkDrop.decorators = [
+    CdkDropList.decorators = [
         { type: Directive, args: [{
-                    selector: '[cdkDrop], cdk-drop',
-                    exportAs: 'cdkDrop',
+                    selector: '[cdkDropList], cdk-drop-list',
+                    exportAs: 'cdkDropList',
                     providers: [
-                        { provide: CDK_DROP_CONTAINER, useExisting: CdkDrop },
+                        { provide: CDK_DROP_LIST_CONTAINER, useExisting: CdkDropList },
                     ],
                     host: {
-                        'class': 'cdk-drop',
+                        'class': 'cdk-drop-list',
                         '[id]': 'id',
-                        '[class.cdk-drop-dragging]': '_dragging'
+                        '[class.cdk-drop-list-dragging]': '_dragging'
                     }
                 },] },
     ];
     /** @nocollapse */
-    CdkDrop.ctorParameters = function () { return [
+    CdkDropList.ctorParameters = function () { return [
         { type: ElementRef },
         { type: DragDropRegistry },
         { type: Directionality, decorators: [{ type: Optional }] }
     ]; };
-    CdkDrop.propDecorators = {
+    CdkDropList.propDecorators = {
         _draggables: [{ type: ContentChildren, args: [forwardRef(function () { return CdkDrag; }),] }],
-        connectedTo: [{ type: Input, args: ['cdkDropConnectedTo',] }],
-        data: [{ type: Input, args: ['cdkDropData',] }],
-        orientation: [{ type: Input, args: ['cdkDropOrientation',] }],
+        connectedTo: [{ type: Input, args: ['cdkDropListConnectedTo',] }],
+        data: [{ type: Input, args: ['cdkDropListData',] }],
+        orientation: [{ type: Input, args: ['cdkDropListOrientation',] }],
         id: [{ type: Input }],
-        lockAxis: [{ type: Input, args: ['cdkDropLockAxis',] }],
-        enterPredicate: [{ type: Input, args: ['cdkDropEnterPredication',] }],
-        dropped: [{ type: Output, args: ['cdkDropDropped',] }],
-        entered: [{ type: Output, args: ['cdkDropEntered',] }],
-        exited: [{ type: Output, args: ['cdkDropExited',] }]
+        lockAxis: [{ type: Input, args: ['cdkDropListLockAxis',] }],
+        enterPredicate: [{ type: Input, args: ['cdkDropListEnterPredicate',] }],
+        dropped: [{ type: Output, args: ['cdkDropListDropped',] }],
+        entered: [{ type: Output, args: ['cdkDropListEntered',] }],
+        exited: [{ type: Output, args: ['cdkDropListExited',] }]
     };
-    return CdkDrop;
+    return CdkDropList;
 }());
 /**
  * Finds the index of an item that matches a predicate function. Used as an equivalent
@@ -1899,14 +1942,14 @@ var DragDropModule = /** @class */ (function () {
     DragDropModule.decorators = [
         { type: NgModule, args: [{
                     declarations: [
-                        CdkDrop,
+                        CdkDropList,
                         CdkDrag,
                         CdkDragHandle,
                         CdkDragPreview,
                         CdkDragPlaceholder,
                     ],
                     exports: [
-                        CdkDrop,
+                        CdkDropList,
                         CdkDrag,
                         CdkDragHandle,
                         CdkDragPreview,
@@ -1927,5 +1970,5 @@ var DragDropModule = /** @class */ (function () {
  * @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
  */
 
-export { CdkDrop, CDK_DROP_CONTAINER, CDK_DRAG_CONFIG_FACTORY, CDK_DRAG_CONFIG, CdkDrag, CdkDragHandle, moveItemInArray, transferArrayItem, CdkDragPreview, CdkDragPlaceholder, DragDropModule, DragDropRegistry };
+export { CdkDropList, CDK_DROP_LIST_CONTAINER, CDK_DRAG_CONFIG_FACTORY, CDK_DRAG_CONFIG, CdkDrag, CdkDragHandle, moveItemInArray, transferArrayItem, copyArrayItem, CdkDragPreview, CdkDragPlaceholder, DragDropModule, DragDropRegistry, CDK_DRAG_PARENT as ɵa };
 //# sourceMappingURL=drag-drop.es5.js.map