@angular/cdk 7.0.0-rc.1 → 7.0.2

package/bundles/cdk-drag-drop.umd.js

@@ -58,7 +58,7 @@ function toggleNativeDragInteractions(element, enable) {
 /** *
  * Event options that can be used to bind an active event.
   @type {?} */
-var activeEventOptions = platform.supportsPassiveEventListeners() ? { passive: false } : false;
+var activeEventOptions = platform.normalizePassiveListenerOptions({ passive: false });
 // unsupported: template constraints.
 /**
  * Service that keeps track of all the drag item and drop container
@@ -311,6 +311,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 core.InjectionToken('CDK_DRAG_PARENT');
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
@@ -319,8 +331,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 = [
@@ -333,7 +346,8 @@ var CdkDragHandle = /** @class */ (function () {
     ];
     /** @nocollapse */
     CdkDragHandle.ctorParameters = function () { return [
-        { type: core.ElementRef }
+        { type: core.ElementRef },
+        { type: undefined, decorators: [{ type: core.Inject, args: [CDK_DRAG_PARENT,] }, { type: core.Optional }] }
     ]; };
     return CdkDragHandle;
 }());
@@ -399,10 +413,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 core.InjectionToken('CDK_DROP_CONTAINER');
+var CDK_DROP_LIST_CONTAINER = new core.InjectionToken('CDK_DROP_LIST_CONTAINER');
 
 /**
  * @fileoverview added by tsickle
@@ -474,8 +488,12 @@ var CDK_DRAG_CONFIG = new core.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 = platform.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 () {
@@ -555,10 +573,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 {?} */
@@ -584,13 +604,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(); });
                 }
@@ -609,7 +627,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
@@ -695,8 +717,8 @@ var CdkDrag = /** @class */ (function () {
         this._ngZone.onStable.asObservable().pipe(operators.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);
         });
     };
@@ -707,8 +729,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
@@ -756,6 +778,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);
@@ -877,7 +904,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
@@ -897,7 +925,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 {?} */
@@ -907,7 +936,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',
@@ -989,7 +1018,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) {
@@ -1011,23 +1040,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.
@@ -1209,13 +1221,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: core.ElementRef },
-        { type: undefined, decorators: [{ type: core.Inject, args: [CDK_DROP_CONTAINER,] }, { type: core.Optional }, { type: core.SkipSelf }] },
+        { type: undefined, decorators: [{ type: core.Inject, args: [CDK_DROP_LIST_CONTAINER,] }, { type: core.Optional }, { type: core.SkipSelf }] },
         { type: undefined, decorators: [{ type: core.Inject, args: [common.DOCUMENT,] }] },
         { type: core.NgZone },
         { type: core.ViewContainerRef },
@@ -1225,7 +1241,7 @@ var CdkDrag = /** @class */ (function () {
         { type: bidi.Directionality, decorators: [{ type: core.Optional }] }
     ]; };
     CdkDrag.propDecorators = {
-        _handles: [{ type: core.ContentChildren, args: [CdkDragHandle,] }],
+        _handles: [{ type: core.ContentChildren, args: [CdkDragHandle, { descendants: true },] }],
         _previewTemplate: [{ type: core.ContentChild, args: [CdkDragPreview,] }],
         _placeholderTemplate: [{ type: core.ContentChild, args: [CdkDragPlaceholder,] }],
         data: [{ type: core.Input, args: ['cdkDragData',] }],
@@ -1240,6 +1256,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
@@ -1289,6 +1314,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
@@ -1316,8 +1359,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;
@@ -1333,9 +1376,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.
@@ -1375,7 +1418,7 @@ var CdkDrop = /** @class */ (function () {
     /**
      * @return {?}
      */
-    CdkDrop.prototype.ngOnInit = /**
+    CdkDropList.prototype.ngOnInit = /**
      * @return {?}
      */
     function () {
@@ -1384,7 +1427,7 @@ var CdkDrop = /** @class */ (function () {
     /**
      * @return {?}
      */
-    CdkDrop.prototype.ngOnDestroy = /**
+    CdkDropList.prototype.ngOnDestroy = /**
      * @return {?}
      */
     function () {
@@ -1395,7 +1438,7 @@ var CdkDrop = /** @class */ (function () {
      * Starts dragging an item.
      * @return {?}
      */
-    CdkDrop.prototype.start = /**
+    CdkDropList.prototype.start = /**
      * Starts dragging an item.
      * @return {?}
      */
@@ -1417,7 +1460,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.
@@ -1448,7 +1491,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.
@@ -1498,7 +1541,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 {?}
@@ -1516,7 +1559,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 {?}
@@ -1545,7 +1588,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.
@@ -1633,7 +1676,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.
@@ -1645,7 +1688,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,
@@ -1662,7 +1705,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.
@@ -1677,7 +1720,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 {?}
      */
@@ -1726,7 +1769,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 {?}
      */
@@ -1747,7 +1790,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.
@@ -1768,7 +1811,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.
@@ -1809,7 +1852,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.
@@ -1824,39 +1867,39 @@ var CdkDrop = /** @class */ (function () {
         return pointerY > top - yThreshold && pointerY < bottom + yThreshold &&
             pointerX > left - xThreshold && pointerX < right + xThreshold;
     };
-    CdkDrop.decorators = [
+    CdkDropList.decorators = [
         { type: core.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: core.ElementRef },
         { type: DragDropRegistry },
         { type: bidi.Directionality, decorators: [{ type: core.Optional }] }
     ]; };
-    CdkDrop.propDecorators = {
+    CdkDropList.propDecorators = {
         _draggables: [{ type: core.ContentChildren, args: [core.forwardRef(function () { return CdkDrag; }),] }],
-        connectedTo: [{ type: core.Input, args: ['cdkDropConnectedTo',] }],
-        data: [{ type: core.Input, args: ['cdkDropData',] }],
-        orientation: [{ type: core.Input, args: ['cdkDropOrientation',] }],
+        connectedTo: [{ type: core.Input, args: ['cdkDropListConnectedTo',] }],
+        data: [{ type: core.Input, args: ['cdkDropListData',] }],
+        orientation: [{ type: core.Input, args: ['cdkDropListOrientation',] }],
         id: [{ type: core.Input }],
-        lockAxis: [{ type: core.Input, args: ['cdkDropLockAxis',] }],
-        enterPredicate: [{ type: core.Input, args: ['cdkDropEnterPredication',] }],
-        dropped: [{ type: core.Output, args: ['cdkDropDropped',] }],
-        entered: [{ type: core.Output, args: ['cdkDropEntered',] }],
-        exited: [{ type: core.Output, args: ['cdkDropExited',] }]
+        lockAxis: [{ type: core.Input, args: ['cdkDropListLockAxis',] }],
+        enterPredicate: [{ type: core.Input, args: ['cdkDropListEnterPredicate',] }],
+        dropped: [{ type: core.Output, args: ['cdkDropListDropped',] }],
+        entered: [{ type: core.Output, args: ['cdkDropListEntered',] }],
+        exited: [{ type: core.Output, args: ['cdkDropListExited',] }]
     };
-    return CdkDrop;
+    return CdkDropList;
 }());
 /**
  * Finds the index of an item that matches a predicate function. Used as an equivalent
@@ -1896,14 +1939,14 @@ var DragDropModule = /** @class */ (function () {
     DragDropModule.decorators = [
         { type: core.NgModule, args: [{
                     declarations: [
-                        CdkDrop,
+                        CdkDropList,
                         CdkDrag,
                         CdkDragHandle,
                         CdkDragPreview,
                         CdkDragPlaceholder,
                     ],
                     exports: [
-                        CdkDrop,
+                        CdkDropList,
                         CdkDrag,
                         CdkDragHandle,
                         CdkDragPreview,
@@ -1914,18 +1957,20 @@ var DragDropModule = /** @class */ (function () {
     return DragDropModule;
 }());
 
-exports.CdkDrop = CdkDrop;
-exports.CDK_DROP_CONTAINER = CDK_DROP_CONTAINER;
+exports.CdkDropList = CdkDropList;
+exports.CDK_DROP_LIST_CONTAINER = CDK_DROP_LIST_CONTAINER;
 exports.CDK_DRAG_CONFIG_FACTORY = CDK_DRAG_CONFIG_FACTORY;
 exports.CDK_DRAG_CONFIG = CDK_DRAG_CONFIG;
 exports.CdkDrag = CdkDrag;
 exports.CdkDragHandle = CdkDragHandle;
 exports.moveItemInArray = moveItemInArray;
 exports.transferArrayItem = transferArrayItem;
+exports.copyArrayItem = copyArrayItem;
 exports.CdkDragPreview = CdkDragPreview;
 exports.CdkDragPlaceholder = CdkDragPlaceholder;
 exports.DragDropModule = DragDropModule;
 exports.DragDropRegistry = DragDropRegistry;
+exports.ɵa = CDK_DRAG_PARENT;
 
 Object.defineProperty(exports, '__esModule', { value: true });