@angular/cdk-experimental - npm Package Compare versions

Comparing version 6.4.5 to 6.4.6

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

@@ -397,2 +397,11 @@ /**
         /**
+         * Emits when the item is being moved.
+         */
+        this._moveEvents = new rxjs.Subject();
+        /**
+         * Amount of subscriptions to the move event. Used to avoid
+         * hitting the zone if the consumer didn't subscribe to it.
+         */
+        this._moveEventSubscriptions = 0;
+        /**
          * Emits when the user starts dragging the item.
@@ -418,2 +427,14 @@ */
         /**
+         * Emits as the user is dragging the item. Use with caution,
+         * because this event will fire for every pixel that the user has dragged.
+         */
+        this.moved = rxjs.Observable.create(function (observer) {
+            var /** @type {?} */ subscription = _this._moveEvents.subscribe(observer);
+            _this._moveEventSubscriptions++;
+            return function () {
+                subscription.unsubscribe();
+                _this._moveEventSubscriptions--;
+            };
+        });
+        /**
          * Handler for when the pointer is pressed down on the element or the handle.
@@ -470,12 +491,26 @@ */
             event.preventDefault();
+            var /** @type {?} */ pointerPosition = _this._getConstrainedPointerPosition(event);
             if (_this.dropContainer) {
-                _this._updateActiveDropContainer(event);
+                _this._updateActiveDropContainer(pointerPosition);
             }
             else {
                 var /** @type {?} */ activeTransform = _this._activeTransform;
-                var _a = _this._getPointerPositionOnPage(event), pageX = _a.x, pageY = _a.y;
-                activeTransform.x = pageX - _this._pickupPositionOnPage.x + _this._passiveTransform.x;
-                activeTransform.y = pageY - _this._pickupPositionOnPage.y + _this._passiveTransform.y;
+                activeTransform.x =
+                    pointerPosition.x - _this._pickupPositionOnPage.x + _this._passiveTransform.x;
+                activeTransform.y =
+                    pointerPosition.y - _this._pickupPositionOnPage.y + _this._passiveTransform.y;
                 _this._setTransform(_this.element.nativeElement, activeTransform.x, activeTransform.y);
             }
+            // 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
+            // re-enter the zone becaus we run all of the events on the outside.
+            if (_this._moveEventSubscriptions > 0) {
+                _this._ngZone.run(function () {
+                    _this._moveEvents.next({
+                        source: _this,
+                        pointerPosition: pointerPosition,
+                        event: event
+                    });
+                });
+            }
         };
@@ -542,2 +577,3 @@ /**
         this._dragDropRegistry.removeDragItem(this);
+        this._moveEvents.complete();
         this._destroyed.next();
@@ -613,3 +649,3 @@ this._destroyed.complete();
      * into a new one, depending on its current drag position.
-     * @param {?} event
+     * @param {?} __0
      * @return {?}
@@ -620,10 +656,10 @@ */
      * into a new one, depending on its current drag position.
-     * @param {?} event
+     * @param {?} __0
      * @return {?}
      */
-    function (event) {
+    function (_a) {
         var _this = this;
-        var _a = this._getPointerPositionOnPage(event), x = _a.x, y = _a.y;
+        var x = _a.x, y = _a.y;
         // Drop container that draggable has been moved into.
-        var /** @type {?} */ newContainer = this.dropContainer._getSiblingContainerFromPosition(x, y);
+        var /** @type {?} */ newContainer = this.dropContainer._getSiblingContainerFromPosition(this, x, y);
         if (newContainer) {
@@ -816,2 +852,23 @@ this._ngZone.run(function () {
     /**
+     * Gets the pointer position on the page, accounting for any position constraints.
+     * @param {?} event
+     * @return {?}
+     */
+    CdkDrag.prototype._getConstrainedPointerPosition = /**
+     * Gets the pointer position on the page, accounting for any position constraints.
+     * @param {?} event
+     * @return {?}
+     */
+    function (event) {
+        var /** @type {?} */ point = this._getPointerPositionOnPage(event);
+        var /** @type {?} */ dropContainerLock = this.dropContainer ? this.dropContainer.lockAxis : null;
+        if (this.lockAxis === 'x' || dropContainerLock === 'x') {
+            point.y = this._pickupPositionOnPage.y;
+        }
+        else if (this.lockAxis === 'y' || dropContainerLock === 'y') {
+            point.x = this._pickupPositionOnPage.x;
+        }
+        return point;
+    };
+    /**
      * Determines whether an event is a touch event.
@@ -889,3 +946,4 @@ * @param {?} event
         "_placeholderTemplate": [{ type: core.ContentChild, args: [CdkDragPlaceholder,] },],
-        "data": [{ type: core.Input },],
+        "data": [{ type: core.Input, args: ['cdkDragData',] },],
+        "lockAxis": [{ type: core.Input, args: ['cdkDragLockAxis',] },],
         "started": [{ type: core.Output, args: ['cdkDragStarted',] },],
@@ -896,2 +954,3 @@ "ended": [{ type: core.Output, args: ['cdkDragEnded',] },],
         "dropped": [{ type: core.Output, args: ['cdkDragDropped',] },],
+        "moved": [{ type: core.Output, args: ['cdkDragMoved',] },],
     };
@@ -954,2 +1013,7 @@ return CdkDrag;
         /**
+         * Function that is used to determine whether an item
+         * is allowed to be moved into a drop container.
+         */
+        this.enterPredicate = function () { return true; };
+        /**
          * Emits when the user drops an item inside the container.
@@ -1188,2 +1252,3 @@ */
      * drop container, based on its current position.
+     * @param item Drag item that is being moved.
      * @param x Position of the item along the X axis.
@@ -1195,2 +1260,3 @@ * @param y Position of the item along the Y axis.
      * drop container, based on its current position.
+     * @param {?} item Drag item that is being moved.
      * @param {?} x Position of the item along the X axis.
@@ -1203,2 +1269,3 @@ * @param {?} y Position of the item along the Y axis.
      * drop container, based on its current position.
+     * @param {?} item Drag item that is being moved.
      * @param {?} x Position of the item along the X axis.
@@ -1208,3 +1275,3 @@ * @param {?} y Position of the item along the Y axis.
      */
-    function (x, y) {
+    function (item, x, y) {
         var /** @type {?} */ result = this._positionCache.siblings.find(function (_a) {
@@ -1215,3 +1282,3 @@ var clientRect = _a.clientRect;
         });
-        return result ? result.drop : null;
+        return result && result.drop.enterPredicate(item, this) ? result.drop : null;
     };
@@ -1353,2 +1420,4 @@ /**
         "id": [{ type: core.Input },],
+        "lockAxis": [{ type: core.Input },],
+        "enterPredicate": [{ type: core.Input },],
         "dropped": [{ type: core.Output },],
@@ -1355,0 +1424,0 @@ "entered": [{ type: core.Output },],

bundles/cdk-experimental-drag-drop.umd.min.js

@@ -8,3 +8,3 @@ /**
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/cdk/platform"),require("rxjs"),require("@angular/cdk/bidi"),require("@angular/cdk/overlay"),require("rxjs/operators")):"function"==typeof define&&define.amd?define("@angular/cdk-experimental/dragDrop",["exports","@angular/core","@angular/common","@angular/cdk/platform","rxjs","@angular/cdk/bidi","@angular/cdk/overlay","rxjs/operators"],t):t((e.ng=e.ng||{},e.ng["cdk-experimental"]=e.ng["cdk-experimental"]||{},e.ng["cdk-experimental"].dragDrop={}),e.ng.core,e.ng.common,e.ng.cdk.platform,e.rxjs,e.ng.cdk.bidi,e.ng.cdk.overlay,e.rxjs.operators)}(this,function(e,t,n,r,i,o,s,a){"use strict";function p(e){var t=e.toLowerCase().indexOf("ms")>-1?1:1e3;return parseFloat(e)*t}function c(e){var t=getComputedStyle(e),n=t.getPropertyValue("transition-duration"),r=t.getPropertyValue("transition-delay");return p(n)+p(r)}function d(e,t,n){var r=h(t,e.length-1),i=h(n,e.length-1);if(r!==i){for(var o=e[r],s=i<r?-1:1,a=r;a!==i;a+=s)e[a]=e[a+s];e[i]=o}}function l(e,t,n,r){var i=h(n,e.length-1),o=h(r,t.length);e.length&&t.splice(o,0,e.splice(i,1)[0])}function h(e,t){return Math.max(0,Math.min(t,e))}var g=function(){function e(e){this.element=e}return e.decorators=[{type:t.Directive,args:[{selector:"[cdkDragHandle]",host:{class:"cdk-drag-handle"}}]}],e.ctorParameters=function(){return[{type:t.ElementRef}]},e}(),u=new t.InjectionToken("CDK_DROP_CONTAINER"),_=function(){function e(e){this.templateRef=e}return e.decorators=[{type:t.Directive,args:[{selector:"ng-template[cdkDragPreview]"}]}],e.ctorParameters=function(){return[{type:t.TemplateRef}]},e.propDecorators={data:[{type:t.Input}]},e}(),f=function(){function e(e){this.templateRef=e}return e.decorators=[{type:t.Directive,args:[{selector:"ng-template[cdkDragPlaceholder]"}]}],e.ctorParameters=function(){return[{type:t.TemplateRef}]},e.propDecorators={data:[{type:t.Input}]},e}(),m=!!r.supportsPassiveEventListeners()&&{passive:!1},v=function(){function e(e,t){var n=this;this._ngZone=e,this._dropInstances=new Set,this._dragInstances=new Set,this._activeDragInstances=new Set,this._globalListeners=new Map,this.pointerMove=new i.Subject,this.pointerUp=new i.Subject,this._preventScrollListener=function(e){n._activeDragInstances.size&&e.preventDefault()},this._document=t}return e.prototype.registerDropContainer=function(e){if(!this._dropInstances.has(e)){if(this.getDropContainer(e.id))throw Error('Drop instance with id "'+e.id+'" has already been registered.');this._dropInstances.add(e)}},e.prototype.registerDragItem=function(e){var t=this;this._dragInstances.add(e),1===this._dragInstances.size&&this._ngZone.runOutsideAngular(function(){t._document.addEventListener("touchmove",t._preventScrollListener,m)})},e.prototype.removeDropContainer=function(e){this._dropInstances.delete(e)},e.prototype.removeDragItem=function(e){this._dragInstances.delete(e),this.stopDragging(e),0===this._dragInstances.size&&this._document.removeEventListener("touchmove",this._preventScrollListener,m)},e.prototype.startDragging=function(e,t){var n=this;if(this._activeDragInstances.add(e),1===this._activeDragInstances.size){var r=t.type.startsWith("touch"),i=r?"touchmove":"mousemove",o=r?"touchend":"mouseup";this._globalListeners.set(i,{handler:function(e){return n.pointerMove.next(e)},options:m}).set(o,{handler:function(e){return n.pointerUp.next(e)}}).forEach(function(e,t){n._ngZone.runOutsideAngular(function(){n._document.addEventListener(t,e.handler,e.options)})})}},e.prototype.stopDragging=function(e){this._activeDragInstances.delete(e),0===this._activeDragInstances.size&&this._clearGlobalListeners()},e.prototype.isDragging=function(e){return this._activeDragInstances.has(e)},e.prototype.getDropContainer=function(e){return Array.from(this._dropInstances).find(function(t){return t.id===e})},e.prototype.ngOnDestroy=function(){var e=this;this._dragInstances.forEach(function(t){return e.removeDragItem(t)}),this._dropInstances.forEach(function(t){return e.removeDropContainer(t)}),this._clearGlobalListeners(),this.pointerMove.complete(),this.pointerUp.complete()},e.prototype._clearGlobalListeners=function(){var e=this;this._globalListeners.forEach(function(t,n){e._document.removeEventListener(n,t.handler,t.options)}),this._globalListeners.clear()},e.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],e.ctorParameters=function(){return[{type:t.NgZone},{type:void 0,decorators:[{type:t.Inject,args:[n.DOCUMENT]}]}]},e.ngInjectableDef=t.defineInjectable({factory:function(){return new e(t.inject(t.NgZone),t.inject(n.DOCUMENT))},token:e,providedIn:"root"}),e}(),y=function(){function e(e,n,r,o,s,p,c,d){var l=this;this.element=e,this.dropContainer=n,this._ngZone=o,this._viewContainerRef=s,this._viewportRuler=p,this._dragDropRegistry=c,this._dir=d,this._destroyed=new i.Subject,this._passiveTransform={x:0,y:0},this._activeTransform={x:0,y:0},this._hasMoved=!1,this.started=new t.EventEmitter,this.ended=new t.EventEmitter,this.entered=new t.EventEmitter,this.exited=new t.EventEmitter,this.dropped=new t.EventEmitter,this._pointerDown=function(e,t){if(!l._dragDropRegistry.isDragging(l)){var n=i.merge(l.ended,l._destroyed);if(l._dragDropRegistry.pointerMove.pipe(a.takeUntil(n)).subscribe(l._pointerMove),l._dragDropRegistry.pointerUp.pipe(a.takeUntil(n)).subscribe(l._pointerUp),l._dragDropRegistry.startDragging(l,t),l._initialContainer=l.dropContainer,l._scrollPosition=l._viewportRuler.getViewportScrollPosition(),l._pickupPositionInElement=l._previewTemplate?{x:0,y:0}:l._getPointerPositionInElement(e,t),l._pickupPositionOnPage=l._getPointerPositionOnPage(t),l.started.emit({source:l}),l.dropContainer){var r=l.element.nativeElement,o=l._preview=l._createPreviewElement(),s=l._placeholder=l._createPlaceholderElement();r.style.display="none",l._nextSibling=r.nextSibling,l._document.body.appendChild(r.parentNode.replaceChild(s,r)),l._document.body.appendChild(o),l.dropContainer.start()}}},this._pointerMove=function(e){if(l._dragDropRegistry.isDragging(l))if(l._hasMoved=!0,e.preventDefault(),l.dropContainer)l._updateActiveDropContainer(e);else{var t=l._activeTransform,n=l._getPointerPositionOnPage(e),r=n.x,i=n.y;t.x=r-l._pickupPositionOnPage.x+l._passiveTransform.x,t.y=i-l._pickupPositionOnPage.y+l._passiveTransform.y,l._setTransform(l.element.nativeElement,t.x,t.y)}},this._pointerUp=function(){if(l._dragDropRegistry.isDragging(l)){if(l._dragDropRegistry.stopDragging(l),!l.dropContainer)return l._passiveTransform.x=l._activeTransform.x,l._passiveTransform.y=l._activeTransform.y,void l._ngZone.run(function(){return l.ended.emit({source:l})});l._animatePreviewToPlaceholder().then(function(){return l._cleanupDragArtifacts()})}},this._document=r,c.registerDragItem(this)}return e.prototype.getPlaceholderElement=function(){return this._placeholder},e.prototype.ngOnDestroy=function(){this._destroyPreview(),this._destroyPlaceholder(),this._dragDropRegistry.isDragging(this)&&this._removeElement(this.element.nativeElement),this._nextSibling=null,this._dragDropRegistry.removeDragItem(this),this._destroyed.next(),this._destroyed.complete()},e.prototype._startDragging=function(e){if(this._handles.length){var t=this._handles.find(function(t){var n=t.element.nativeElement,r=e.target;return!!r&&(r===n||n.contains(r))});t&&this._pointerDown(t.element,e)}else this._pointerDown(this.element,e)},e.prototype._cleanupDragArtifacts=function(){var e=this;this.element.nativeElement.style.display="",this._nextSibling?this._nextSibling.parentNode.insertBefore(this.element.nativeElement,this._nextSibling):this._placeholder.parentNode.appendChild(this.element.nativeElement),this._destroyPreview(),this._destroyPlaceholder(),this._ngZone.run(function(){var t=e.dropContainer.getItemIndex(e);e.ended.emit({source:e}),e.dropped.emit({item:e,currentIndex:t,previousIndex:e._initialContainer.getItemIndex(e),container:e.dropContainer,previousContainer:e._initialContainer}),e.dropContainer.drop(e,t,e._initialContainer)})},e.prototype._updateActiveDropContainer=function(e){var t=this,n=this._getPointerPositionOnPage(e),r=n.x,i=n.y,o=this.dropContainer._getSiblingContainerFromPosition(r,i);o&&this._ngZone.run(function(){t.exited.emit({item:t,container:t.dropContainer}),t.dropContainer.exit(t),t.entered.emit({item:t,container:o}),t.dropContainer=o,t.dropContainer.enter(t,r,i)}),this.dropContainer._sortItem(this,r,i),this._setTransform(this._preview,r-this._pickupPositionInElement.x,i-this._pickupPositionInElement.y)},e.prototype._createPreviewElement=function(){var e;if(this._previewTemplate){var t=this._viewContainerRef.createEmbeddedView(this._previewTemplate.templateRef,this._previewTemplate.data);e=t.rootNodes[0],this._previewRef=t,this._setTransform(e,this._pickupPositionOnPage.x,this._pickupPositionOnPage.y)}else{var n=this.element.nativeElement,r=n.getBoundingClientRect();e=n.cloneNode(!0),e.style.width=r.width+"px",e.style.height=r.height+"px",this._setTransform(e,r.left,r.top)}return e.classList.add("cdk-drag-preview"),e.setAttribute("dir",this._dir?this._dir.value:"ltr"),e},e.prototype._createPlaceholderElement=function(){var e;return this._placeholderTemplate?(this._placeholderRef=this._viewContainerRef.createEmbeddedView(this._placeholderTemplate.templateRef,this._placeholderTemplate.data),e=this._placeholderRef.rootNodes[0]):e=this.element.nativeElement.cloneNode(!0),e.classList.add("cdk-drag-placeholder"),e},e.prototype._getPointerPositionInElement=function(e,t){var n=this.element.nativeElement.getBoundingClientRect(),r=e===this.element?null:e.nativeElement,i=r?r.getBoundingClientRect():n,o=this._isTouchEvent(t)?t.targetTouches[0].pageX-i.left-this._scrollPosition.left:t.offsetX,s=this._isTouchEvent(t)?t.targetTouches[0].pageY-i.top-this._scrollPosition.top:t.offsetY;return{x:i.left-n.left+o,y:i.top-n.top+s}},e.prototype._animatePreviewToPlaceholder=function(){var e=this;if(!this._hasMoved)return Promise.resolve();var t=this._placeholder.getBoundingClientRect();this._preview.classList.add("cdk-drag-animating"),this._setTransform(this._preview,t.left,t.top);var n=c(this._preview);return 0===n?Promise.resolve():this._ngZone.runOutsideAngular(function(){return new Promise(function(t){var r=function(n){n&&n.target!==e._preview||(e._preview.removeEventListener("transitionend",r),t(),clearTimeout(i))},i=setTimeout(r,1.5*n);e._preview.addEventListener("transitionend",r)})})},e.prototype._setTransform=function(e,t,n){e.style.transform="translate3d("+t+"px, "+n+"px, 0)"},e.prototype._removeElement=function(e){e&&e.parentNode&&e.parentNode.removeChild(e)},e.prototype._getPointerPositionOnPage=function(e){var t=this._isTouchEvent(e)?e.touches[0]:e;return{x:t.pageX-this._scrollPosition.left,y:t.pageY-this._scrollPosition.top}},e.prototype._isTouchEvent=function(e){return e.type.startsWith("touch")},e.prototype._destroyPreview=function(){this._preview&&this._removeElement(this._preview),this._previewRef&&this._previewRef.destroy(),this._preview=this._previewRef=null},e.prototype._destroyPlaceholder=function(){this._placeholder&&this._removeElement(this._placeholder),this._placeholderRef&&this._placeholderRef.destroy(),this._placeholder=this._placeholderRef=null},e.decorators=[{type:t.Directive,args:[{selector:"[cdkDrag]",exportAs:"cdkDrag",host:{class:"cdk-drag","(mousedown)":"_startDragging($event)","(touchstart)":"_startDragging($event)"}}]}],e.ctorParameters=function(){return[{type:t.ElementRef},{type:void 0,decorators:[{type:t.Inject,args:[u]},{type:t.Optional},{type:t.SkipSelf}]},{type:void 0,decorators:[{type:t.Inject,args:[n.DOCUMENT]}]},{type:t.NgZone},{type:t.ViewContainerRef},{type:s.ViewportRuler},{type:v},{type:o.Directionality,decorators:[{type:t.Optional}]}]},e.propDecorators={_handles:[{type:t.ContentChildren,args:[g]}],_previewTemplate:[{type:t.ContentChild,args:[_]}],_placeholderTemplate:[{type:t.ContentChild,args:[f]}],data:[{type:t.Input}],started:[{type:t.Output,args:["cdkDragStarted"]}],ended:[{type:t.Output,args:["cdkDragEnded"]}],entered:[{type:t.Output,args:["cdkDragEntered"]}],exited:[{type:t.Output,args:["cdkDragExited"]}],dropped:[{type:t.Output,args:["cdkDragDropped"]}]},e}(),D=0,C=function(){function e(e,n){this.element=e,this._dragDropRegistry=n,this.connectedTo=[],this.orientation="vertical",this.id="cdk-drop-"+D++,this.dropped=new t.EventEmitter,this.entered=new t.EventEmitter,this.exited=new t.EventEmitter,this._dragging=!1,this._positionCache={items:[],siblings:[]}}return e.prototype.ngOnInit=function(){this._dragDropRegistry.registerDropContainer(this)},e.prototype.ngOnDestroy=function(){this._dragDropRegistry.removeDropContainer(this)},e.prototype.start=function(){this._dragging=!0,this._activeDraggables=this._draggables.toArray(),this._cachePositions()},e.prototype.drop=function(e,t,n){this._reset(),this.dropped.emit({item:e,currentIndex:t,previousIndex:n.getItemIndex(e),container:this,previousContainer:n})},e.prototype.enter=function(e,t,n){this.entered.emit({item:e,container:this}),this.start();var r=this._getItemIndexFromPointerPosition(e,t,n),i=this._activeDraggables.indexOf(e),o=this._activeDraggables[r],s=e.getPlaceholderElement();if(i>-1&&this._activeDraggables.splice(i,1),o&&!this._dragDropRegistry.isDragging(o)){var a=o.element.nativeElement;a.parentElement.insertBefore(s,a),this._activeDraggables.splice(r,0,e)}else this.element.nativeElement.appendChild(s),this._activeDraggables.push(e);s.style.transform="",this._cachePositions()},e.prototype.exit=function(e){this._reset(),this.exited.emit({item:e,container:this})},e.prototype.getItemIndex=function(e){return this._dragging?this._positionCache.items.findIndex(function(t){return t.drag===e}):this._draggables.toArray().indexOf(e)},e.prototype._sortItem=function(e,t,n){var r=this._positionCache.items,i="horizontal"===this.orientation,o=this._getItemIndexFromPointerPosition(e,t,n),s=e.getPlaceholderElement();if(!(-1===o&&r.length>0)){var a=r.findIndex(function(t){return t.drag===e}),p=r[a],c=r[o],d=i?p.clientRect.left-c.clientRect.left:p.clientRect.top-c.clientRect.top,l=i?0:d,h=i?d:0;this._adjustClientRect(p.clientRect,-l,-h),p.offset-=d,r[a]=c,this._adjustClientRect(c.clientRect,l,h),c.offset+=d,r[o]=p,s.style.transform=i?"translate3d("+p.offset+"px, 0, 0)":"translate3d(0, "+p.offset+"px, 0)",c.drag.element.nativeElement.style.transform=i?"translate3d("+c.offset+"px, 0, 0)":"translate3d(0, "+c.offset+"px, 0)"}},e.prototype._getSiblingContainerFromPosition=function(e,t){var n=this._positionCache.siblings.find(function(n){var r=n.clientRect,i=r.top,o=r.bottom,s=r.left,a=r.right;return t>=i&&t<=o&&e>=s&&e<=a});return n?n.drop:null},e.prototype._cachePositions=function(){var e=this;this._positionCache.items=this._activeDraggables.map(function(t){var n=e._dragDropRegistry.isDragging(t)?t.getPlaceholderElement():t.element.nativeElement,r=n.getBoundingClientRect();return{drag:t,offset:0,clientRect:{top:r.top,right:r.right,bottom:r.bottom,left:r.left,width:r.width,height:r.height}}}).sort(function(e,t){return e.clientRect.top-t.clientRect.top}),this._positionCache.siblings=this.connectedTo.map(function(t){return"string"==typeof t?e._dragDropRegistry.getDropContainer(t):t}).filter(function(t){return t&&t!==e}).map(function(e){return{drop:e,clientRect:e.element.nativeElement.getBoundingClientRect()}})},e.prototype._reset=function(){this._dragging=!1,this._activeDraggables.forEach(function(e){return e.element.nativeElement.style.transform=""}),this._activeDraggables=[],this._positionCache.items=[],this._positionCache.siblings=[]},e.prototype._adjustClientRect=function(e,t,n){e.top+=t,e.bottom=e.top+e.height,e.left+=n,e.right=e.left+e.width},e.prototype._getItemIndexFromPointerPosition=function(e,t,n){var r=this;return this._positionCache.items.findIndex(function(i,o,s){var a=i.drag,p=i.clientRect;return a===e?s.length<2:"horizontal"===r.orientation?t>=Math.floor(p.left)&&t<=Math.floor(p.right):n>=Math.floor(p.top)&&n<=Math.floor(p.bottom)})},e.decorators=[{type:t.Component,args:[{selector:"cdk-drop",exportAs:"cdkDrop",template:"<ng-content></ng-content>",encapsulation:t.ViewEncapsulation.None,changeDetection:t.ChangeDetectionStrategy.OnPush,styles:[".cdk-drag-preview{position:fixed;top:0;left:0;z-index:1000}.cdk-drag,.cdk-drag-handle{touch-action:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}"],providers:[{provide:u,useExisting:e}],host:{class:"cdk-drop","[id]":"id","[class.cdk-drop-dragging]":"_dragging"}}]}],e.ctorParameters=function(){return[{type:t.ElementRef},{type:v}]},e.propDecorators={_draggables:[{type:t.ContentChildren,args:[t.forwardRef(function(){return y})]}],connectedTo:[{type:t.Input}],data:[{type:t.Input}],orientation:[{type:t.Input}],id:[{type:t.Input}],dropped:[{type:t.Output}],entered:[{type:t.Output}],exited:[{type:t.Output}]},e}(),P=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[C,y,g,_,f],exports:[C,y,g,_,f]}]}],e}();e.CdkDrop=C,e.CDK_DROP_CONTAINER=u,e.CdkDrag=y,e.CdkDragHandle=g,e.moveItemInArray=d,e.transferArrayItem=l,e.CdkDragPreview=_,e.CdkDragPlaceholder=f,e.DragDropModule=P,e.DragDropRegistry=v,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/cdk/platform"),require("rxjs"),require("@angular/cdk/bidi"),require("@angular/cdk/overlay"),require("rxjs/operators")):"function"==typeof define&&define.amd?define("@angular/cdk-experimental/dragDrop",["exports","@angular/core","@angular/common","@angular/cdk/platform","rxjs","@angular/cdk/bidi","@angular/cdk/overlay","rxjs/operators"],t):t((e.ng=e.ng||{},e.ng["cdk-experimental"]=e.ng["cdk-experimental"]||{},e.ng["cdk-experimental"].dragDrop={}),e.ng.core,e.ng.common,e.ng.cdk.platform,e.rxjs,e.ng.cdk.bidi,e.ng.cdk.overlay,e.rxjs.operators)}(this,function(e,t,n,r,i,o,s,a){"use strict";function p(e){var t=e.toLowerCase().indexOf("ms")>-1?1:1e3;return parseFloat(e)*t}function c(e){var t=getComputedStyle(e),n=t.getPropertyValue("transition-duration"),r=t.getPropertyValue("transition-delay");return p(n)+p(r)}function d(e,t,n){var r=h(t,e.length-1),i=h(n,e.length-1);if(r!==i){for(var o=e[r],s=i<r?-1:1,a=r;a!==i;a+=s)e[a]=e[a+s];e[i]=o}}function l(e,t,n,r){var i=h(n,e.length-1),o=h(r,t.length);e.length&&t.splice(o,0,e.splice(i,1)[0])}function h(e,t){return Math.max(0,Math.min(t,e))}var g=function(){function e(e){this.element=e}return e.decorators=[{type:t.Directive,args:[{selector:"[cdkDragHandle]",host:{class:"cdk-drag-handle"}}]}],e.ctorParameters=function(){return[{type:t.ElementRef}]},e}(),u=new t.InjectionToken("CDK_DROP_CONTAINER"),_=function(){function e(e){this.templateRef=e}return e.decorators=[{type:t.Directive,args:[{selector:"ng-template[cdkDragPreview]"}]}],e.ctorParameters=function(){return[{type:t.TemplateRef}]},e.propDecorators={data:[{type:t.Input}]},e}(),f=function(){function e(e){this.templateRef=e}return e.decorators=[{type:t.Directive,args:[{selector:"ng-template[cdkDragPlaceholder]"}]}],e.ctorParameters=function(){return[{type:t.TemplateRef}]},e.propDecorators={data:[{type:t.Input}]},e}(),m=!!r.supportsPassiveEventListeners()&&{passive:!1},v=function(){function e(e,t){var n=this;this._ngZone=e,this._dropInstances=new Set,this._dragInstances=new Set,this._activeDragInstances=new Set,this._globalListeners=new Map,this.pointerMove=new i.Subject,this.pointerUp=new i.Subject,this._preventScrollListener=function(e){n._activeDragInstances.size&&e.preventDefault()},this._document=t}return e.prototype.registerDropContainer=function(e){if(!this._dropInstances.has(e)){if(this.getDropContainer(e.id))throw Error('Drop instance with id "'+e.id+'" has already been registered.');this._dropInstances.add(e)}},e.prototype.registerDragItem=function(e){var t=this;this._dragInstances.add(e),1===this._dragInstances.size&&this._ngZone.runOutsideAngular(function(){t._document.addEventListener("touchmove",t._preventScrollListener,m)})},e.prototype.removeDropContainer=function(e){this._dropInstances.delete(e)},e.prototype.removeDragItem=function(e){this._dragInstances.delete(e),this.stopDragging(e),0===this._dragInstances.size&&this._document.removeEventListener("touchmove",this._preventScrollListener,m)},e.prototype.startDragging=function(e,t){var n=this;if(this._activeDragInstances.add(e),1===this._activeDragInstances.size){var r=t.type.startsWith("touch"),i=r?"touchmove":"mousemove",o=r?"touchend":"mouseup";this._globalListeners.set(i,{handler:function(e){return n.pointerMove.next(e)},options:m}).set(o,{handler:function(e){return n.pointerUp.next(e)}}).forEach(function(e,t){n._ngZone.runOutsideAngular(function(){n._document.addEventListener(t,e.handler,e.options)})})}},e.prototype.stopDragging=function(e){this._activeDragInstances.delete(e),0===this._activeDragInstances.size&&this._clearGlobalListeners()},e.prototype.isDragging=function(e){return this._activeDragInstances.has(e)},e.prototype.getDropContainer=function(e){return Array.from(this._dropInstances).find(function(t){return t.id===e})},e.prototype.ngOnDestroy=function(){var e=this;this._dragInstances.forEach(function(t){return e.removeDragItem(t)}),this._dropInstances.forEach(function(t){return e.removeDropContainer(t)}),this._clearGlobalListeners(),this.pointerMove.complete(),this.pointerUp.complete()},e.prototype._clearGlobalListeners=function(){var e=this;this._globalListeners.forEach(function(t,n){e._document.removeEventListener(n,t.handler,t.options)}),this._globalListeners.clear()},e.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],e.ctorParameters=function(){return[{type:t.NgZone},{type:void 0,decorators:[{type:t.Inject,args:[n.DOCUMENT]}]}]},e.ngInjectableDef=t.defineInjectable({factory:function(){return new e(t.inject(t.NgZone),t.inject(n.DOCUMENT))},token:e,providedIn:"root"}),e}(),y=function(){function e(e,n,r,o,s,p,c,d){var l=this;this.element=e,this.dropContainer=n,this._ngZone=o,this._viewContainerRef=s,this._viewportRuler=p,this._dragDropRegistry=c,this._dir=d,this._destroyed=new i.Subject,this._passiveTransform={x:0,y:0},this._activeTransform={x:0,y:0},this._hasMoved=!1,this._moveEvents=new i.Subject,this._moveEventSubscriptions=0,this.started=new t.EventEmitter,this.ended=new t.EventEmitter,this.entered=new t.EventEmitter,this.exited=new t.EventEmitter,this.dropped=new t.EventEmitter,this.moved=i.Observable.create(function(e){var t=l._moveEvents.subscribe(e);return l._moveEventSubscriptions++,function(){t.unsubscribe(),l._moveEventSubscriptions--}}),this._pointerDown=function(e,t){if(!l._dragDropRegistry.isDragging(l)){var n=i.merge(l.ended,l._destroyed);if(l._dragDropRegistry.pointerMove.pipe(a.takeUntil(n)).subscribe(l._pointerMove),l._dragDropRegistry.pointerUp.pipe(a.takeUntil(n)).subscribe(l._pointerUp),l._dragDropRegistry.startDragging(l,t),l._initialContainer=l.dropContainer,l._scrollPosition=l._viewportRuler.getViewportScrollPosition(),l._pickupPositionInElement=l._previewTemplate?{x:0,y:0}:l._getPointerPositionInElement(e,t),l._pickupPositionOnPage=l._getPointerPositionOnPage(t),l.started.emit({source:l}),l.dropContainer){var r=l.element.nativeElement,o=l._preview=l._createPreviewElement(),s=l._placeholder=l._createPlaceholderElement();r.style.display="none",l._nextSibling=r.nextSibling,l._document.body.appendChild(r.parentNode.replaceChild(s,r)),l._document.body.appendChild(o),l.dropContainer.start()}}},this._pointerMove=function(e){if(l._dragDropRegistry.isDragging(l)){l._hasMoved=!0,e.preventDefault();var t=l._getConstrainedPointerPosition(e);if(l.dropContainer)l._updateActiveDropContainer(t);else{var n=l._activeTransform;n.x=t.x-l._pickupPositionOnPage.x+l._passiveTransform.x,n.y=t.y-l._pickupPositionOnPage.y+l._passiveTransform.y,l._setTransform(l.element.nativeElement,n.x,n.y)}l._moveEventSubscriptions>0&&l._ngZone.run(function(){l._moveEvents.next({source:l,pointerPosition:t,event:e})})}},this._pointerUp=function(){if(l._dragDropRegistry.isDragging(l)){if(l._dragDropRegistry.stopDragging(l),!l.dropContainer)return l._passiveTransform.x=l._activeTransform.x,l._passiveTransform.y=l._activeTransform.y,void l._ngZone.run(function(){return l.ended.emit({source:l})});l._animatePreviewToPlaceholder().then(function(){return l._cleanupDragArtifacts()})}},this._document=r,c.registerDragItem(this)}return e.prototype.getPlaceholderElement=function(){return this._placeholder},e.prototype.ngOnDestroy=function(){this._destroyPreview(),this._destroyPlaceholder(),this._dragDropRegistry.isDragging(this)&&this._removeElement(this.element.nativeElement),this._nextSibling=null,this._dragDropRegistry.removeDragItem(this),this._moveEvents.complete(),this._destroyed.next(),this._destroyed.complete()},e.prototype._startDragging=function(e){if(this._handles.length){var t=this._handles.find(function(t){var n=t.element.nativeElement,r=e.target;return!!r&&(r===n||n.contains(r))});t&&this._pointerDown(t.element,e)}else this._pointerDown(this.element,e)},e.prototype._cleanupDragArtifacts=function(){var e=this;this.element.nativeElement.style.display="",this._nextSibling?this._nextSibling.parentNode.insertBefore(this.element.nativeElement,this._nextSibling):this._placeholder.parentNode.appendChild(this.element.nativeElement),this._destroyPreview(),this._destroyPlaceholder(),this._ngZone.run(function(){var t=e.dropContainer.getItemIndex(e);e.ended.emit({source:e}),e.dropped.emit({item:e,currentIndex:t,previousIndex:e._initialContainer.getItemIndex(e),container:e.dropContainer,previousContainer:e._initialContainer}),e.dropContainer.drop(e,t,e._initialContainer)})},e.prototype._updateActiveDropContainer=function(e){var t=this,n=e.x,r=e.y,i=this.dropContainer._getSiblingContainerFromPosition(this,n,r);i&&this._ngZone.run(function(){t.exited.emit({item:t,container:t.dropContainer}),t.dropContainer.exit(t),t.entered.emit({item:t,container:i}),t.dropContainer=i,t.dropContainer.enter(t,n,r)}),this.dropContainer._sortItem(this,n,r),this._setTransform(this._preview,n-this._pickupPositionInElement.x,r-this._pickupPositionInElement.y)},e.prototype._createPreviewElement=function(){var e;if(this._previewTemplate){var t=this._viewContainerRef.createEmbeddedView(this._previewTemplate.templateRef,this._previewTemplate.data);e=t.rootNodes[0],this._previewRef=t,this._setTransform(e,this._pickupPositionOnPage.x,this._pickupPositionOnPage.y)}else{var n=this.element.nativeElement,r=n.getBoundingClientRect();e=n.cloneNode(!0),e.style.width=r.width+"px",e.style.height=r.height+"px",this._setTransform(e,r.left,r.top)}return e.classList.add("cdk-drag-preview"),e.setAttribute("dir",this._dir?this._dir.value:"ltr"),e},e.prototype._createPlaceholderElement=function(){var e;return this._placeholderTemplate?(this._placeholderRef=this._viewContainerRef.createEmbeddedView(this._placeholderTemplate.templateRef,this._placeholderTemplate.data),e=this._placeholderRef.rootNodes[0]):e=this.element.nativeElement.cloneNode(!0),e.classList.add("cdk-drag-placeholder"),e},e.prototype._getPointerPositionInElement=function(e,t){var n=this.element.nativeElement.getBoundingClientRect(),r=e===this.element?null:e.nativeElement,i=r?r.getBoundingClientRect():n,o=this._isTouchEvent(t)?t.targetTouches[0].pageX-i.left-this._scrollPosition.left:t.offsetX,s=this._isTouchEvent(t)?t.targetTouches[0].pageY-i.top-this._scrollPosition.top:t.offsetY;return{x:i.left-n.left+o,y:i.top-n.top+s}},e.prototype._animatePreviewToPlaceholder=function(){var e=this;if(!this._hasMoved)return Promise.resolve();var t=this._placeholder.getBoundingClientRect();this._preview.classList.add("cdk-drag-animating"),this._setTransform(this._preview,t.left,t.top);var n=c(this._preview);return 0===n?Promise.resolve():this._ngZone.runOutsideAngular(function(){return new Promise(function(t){var r=function(n){n&&n.target!==e._preview||(e._preview.removeEventListener("transitionend",r),t(),clearTimeout(i))},i=setTimeout(r,1.5*n);e._preview.addEventListener("transitionend",r)})})},e.prototype._setTransform=function(e,t,n){e.style.transform="translate3d("+t+"px, "+n+"px, 0)"},e.prototype._removeElement=function(e){e&&e.parentNode&&e.parentNode.removeChild(e)},e.prototype._getPointerPositionOnPage=function(e){var t=this._isTouchEvent(e)?e.touches[0]:e;return{x:t.pageX-this._scrollPosition.left,y:t.pageY-this._scrollPosition.top}},e.prototype._getConstrainedPointerPosition=function(e){var t=this._getPointerPositionOnPage(e),n=this.dropContainer?this.dropContainer.lockAxis:null;return"x"===this.lockAxis||"x"===n?t.y=this._pickupPositionOnPage.y:"y"!==this.lockAxis&&"y"!==n||(t.x=this._pickupPositionOnPage.x),t},e.prototype._isTouchEvent=function(e){return e.type.startsWith("touch")},e.prototype._destroyPreview=function(){this._preview&&this._removeElement(this._preview),this._previewRef&&this._previewRef.destroy(),this._preview=this._previewRef=null},e.prototype._destroyPlaceholder=function(){this._placeholder&&this._removeElement(this._placeholder),this._placeholderRef&&this._placeholderRef.destroy(),this._placeholder=this._placeholderRef=null},e.decorators=[{type:t.Directive,args:[{selector:"[cdkDrag]",exportAs:"cdkDrag",host:{class:"cdk-drag","(mousedown)":"_startDragging($event)","(touchstart)":"_startDragging($event)"}}]}],e.ctorParameters=function(){return[{type:t.ElementRef},{type:void 0,decorators:[{type:t.Inject,args:[u]},{type:t.Optional},{type:t.SkipSelf}]},{type:void 0,decorators:[{type:t.Inject,args:[n.DOCUMENT]}]},{type:t.NgZone},{type:t.ViewContainerRef},{type:s.ViewportRuler},{type:v},{type:o.Directionality,decorators:[{type:t.Optional}]}]},e.propDecorators={_handles:[{type:t.ContentChildren,args:[g]}],_previewTemplate:[{type:t.ContentChild,args:[_]}],_placeholderTemplate:[{type:t.ContentChild,args:[f]}],data:[{type:t.Input,args:["cdkDragData"]}],lockAxis:[{type:t.Input,args:["cdkDragLockAxis"]}],started:[{type:t.Output,args:["cdkDragStarted"]}],ended:[{type:t.Output,args:["cdkDragEnded"]}],entered:[{type:t.Output,args:["cdkDragEntered"]}],exited:[{type:t.Output,args:["cdkDragExited"]}],dropped:[{type:t.Output,args:["cdkDragDropped"]}],moved:[{type:t.Output,args:["cdkDragMoved"]}]},e}(),D=0,P=function(){function e(e,n){this.element=e,this._dragDropRegistry=n,this.connectedTo=[],this.orientation="vertical",this.id="cdk-drop-"+D++,this.enterPredicate=function(){return!0},this.dropped=new t.EventEmitter,this.entered=new t.EventEmitter,this.exited=new t.EventEmitter,this._dragging=!1,this._positionCache={items:[],siblings:[]}}return e.prototype.ngOnInit=function(){this._dragDropRegistry.registerDropContainer(this)},e.prototype.ngOnDestroy=function(){this._dragDropRegistry.removeDropContainer(this)},e.prototype.start=function(){this._dragging=!0,this._activeDraggables=this._draggables.toArray(),this._cachePositions()},e.prototype.drop=function(e,t,n){this._reset(),this.dropped.emit({item:e,currentIndex:t,previousIndex:n.getItemIndex(e),container:this,previousContainer:n})},e.prototype.enter=function(e,t,n){this.entered.emit({item:e,container:this}),this.start();var r=this._getItemIndexFromPointerPosition(e,t,n),i=this._activeDraggables.indexOf(e),o=this._activeDraggables[r],s=e.getPlaceholderElement();if(i>-1&&this._activeDraggables.splice(i,1),o&&!this._dragDropRegistry.isDragging(o)){var a=o.element.nativeElement;a.parentElement.insertBefore(s,a),this._activeDraggables.splice(r,0,e)}else this.element.nativeElement.appendChild(s),this._activeDraggables.push(e);s.style.transform="",this._cachePositions()},e.prototype.exit=function(e){this._reset(),this.exited.emit({item:e,container:this})},e.prototype.getItemIndex=function(e){return this._dragging?this._positionCache.items.findIndex(function(t){return t.drag===e}):this._draggables.toArray().indexOf(e)},e.prototype._sortItem=function(e,t,n){var r=this._positionCache.items,i="horizontal"===this.orientation,o=this._getItemIndexFromPointerPosition(e,t,n),s=e.getPlaceholderElement();if(!(-1===o&&r.length>0)){var a=r.findIndex(function(t){return t.drag===e}),p=r[a],c=r[o],d=i?p.clientRect.left-c.clientRect.left:p.clientRect.top-c.clientRect.top,l=i?0:d,h=i?d:0;this._adjustClientRect(p.clientRect,-l,-h),p.offset-=d,r[a]=c,this._adjustClientRect(c.clientRect,l,h),c.offset+=d,r[o]=p,s.style.transform=i?"translate3d("+p.offset+"px, 0, 0)":"translate3d(0, "+p.offset+"px, 0)",c.drag.element.nativeElement.style.transform=i?"translate3d("+c.offset+"px, 0, 0)":"translate3d(0, "+c.offset+"px, 0)"}},e.prototype._getSiblingContainerFromPosition=function(e,t,n){var r=this._positionCache.siblings.find(function(e){var r=e.clientRect,i=r.top,o=r.bottom,s=r.left,a=r.right;return n>=i&&n<=o&&t>=s&&t<=a});return r&&r.drop.enterPredicate(e,this)?r.drop:null},e.prototype._cachePositions=function(){var e=this;this._positionCache.items=this._activeDraggables.map(function(t){var n=e._dragDropRegistry.isDragging(t)?t.getPlaceholderElement():t.element.nativeElement,r=n.getBoundingClientRect();return{drag:t,offset:0,clientRect:{top:r.top,right:r.right,bottom:r.bottom,left:r.left,width:r.width,height:r.height}}}).sort(function(e,t){return e.clientRect.top-t.clientRect.top}),this._positionCache.siblings=this.connectedTo.map(function(t){return"string"==typeof t?e._dragDropRegistry.getDropContainer(t):t}).filter(function(t){return t&&t!==e}).map(function(e){return{drop:e,clientRect:e.element.nativeElement.getBoundingClientRect()}})},e.prototype._reset=function(){this._dragging=!1,this._activeDraggables.forEach(function(e){return e.element.nativeElement.style.transform=""}),this._activeDraggables=[],this._positionCache.items=[],this._positionCache.siblings=[]},e.prototype._adjustClientRect=function(e,t,n){e.top+=t,e.bottom=e.top+e.height,e.left+=n,e.right=e.left+e.width},e.prototype._getItemIndexFromPointerPosition=function(e,t,n){var r=this;return this._positionCache.items.findIndex(function(i,o,s){var a=i.drag,p=i.clientRect;return a===e?s.length<2:"horizontal"===r.orientation?t>=Math.floor(p.left)&&t<=Math.floor(p.right):n>=Math.floor(p.top)&&n<=Math.floor(p.bottom)})},e.decorators=[{type:t.Component,args:[{selector:"cdk-drop",exportAs:"cdkDrop",template:"<ng-content></ng-content>",encapsulation:t.ViewEncapsulation.None,changeDetection:t.ChangeDetectionStrategy.OnPush,styles:[".cdk-drag-preview{position:fixed;top:0;left:0;z-index:1000}.cdk-drag,.cdk-drag-handle{touch-action:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}"],providers:[{provide:u,useExisting:e}],host:{class:"cdk-drop","[id]":"id","[class.cdk-drop-dragging]":"_dragging"}}]}],e.ctorParameters=function(){return[{type:t.ElementRef},{type:v}]},e.propDecorators={_draggables:[{type:t.ContentChildren,args:[t.forwardRef(function(){return y})]}],connectedTo:[{type:t.Input}],data:[{type:t.Input}],orientation:[{type:t.Input}],id:[{type:t.Input}],lockAxis:[{type:t.Input}],enterPredicate:[{type:t.Input}],dropped:[{type:t.Output}],entered:[{type:t.Output}],exited:[{type:t.Output}]},e}(),E=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[P,y,g,_,f],exports:[P,y,g,_,f]}]}],e}();e.CdkDrop=P,e.CDK_DROP_CONTAINER=u,e.CdkDrag=y,e.CdkDragHandle=g,e.moveItemInArray=d,e.transferArrayItem=l,e.CdkDragPreview=_,e.CdkDragPlaceholder=f,e.DragDropModule=E,e.DragDropRegistry=v,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=cdk-experimental-drag-drop.umd.min.js.map

bundles/cdk-experimental.umd.js

@@ -21,3 +21,3 @@ /**
  */
-var /** @type {?} */ VERSION = new core.Version('6.4.5');
+var /** @type {?} */ VERSION = new core.Version('6.4.6');
 
@@ -24,0 +24,0 @@ exports.VERSION = VERSION;

bundles/cdk-experimental.umd.min.js

@@ -8,3 +8,3 @@ /**
  */
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core")):"function"==typeof define&&define.amd?define("@angular/cdk-experimental",["exports","@angular/core"],n):n((e.ng=e.ng||{},e.ng["cdk-experimental"]={}),e.ng.core)}(this,function(e,n){"use strict";var r=new n.Version("6.4.5");e.VERSION=r,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core")):"function"==typeof define&&define.amd?define("@angular/cdk-experimental",["exports","@angular/core"],n):n((e.ng=e.ng||{},e.ng["cdk-experimental"]={}),e.ng.core)}(this,function(e,n){"use strict";var r=new n.Version("6.4.6");e.VERSION=r,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=cdk-experimental.umd.min.js.map

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

@@ -50,1 +50,13 @@ /**
 }
+/** Event emitted as the user is dragging a draggable item. */
+export interface CdkDragMove<T = any> {
+    /** Item that is being dragged. */
+    source: CdkDrag<T>;
+    /** Position of the user's pointer on the page. */
+    pointerPosition: {
+        x: number;
+        y: number;
+    };
+    /** Native event that is causing the dragging. */
+    event: MouseEvent | TouchEvent;
+}

drag-drop/typings/drag.d.ts

@@ -12,3 +12,3 @@ /**
 import { CdkDropContainer } from './drop-container';
-import { CdkDragStart, CdkDragEnd, CdkDragExit, CdkDragEnter, CdkDragDrop } from './drag-events';
+import { CdkDragStart, CdkDragEnd, CdkDragExit, CdkDragEnter, CdkDragDrop, CdkDragMove } from './drag-events';
 import { CdkDragPreview } from './drag-preview';
@@ -18,2 +18,3 @@ import { CdkDragPlaceholder } from './drag-placeholder';
 import { DragDropRegistry } from './drag-drop-registry';
+import { Observable } from 'rxjs';
 /** Element that can be moved inside a CdkDrop container. */
@@ -64,2 +65,9 @@ export declare class CdkDrag<T = any> implements OnDestroy {
     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;
     /** Elements that can be used to drag the draggable item. */
@@ -69,8 +77,8 @@ _handles: QueryList<CdkDragHandle>;
     _previewTemplate: CdkDragPreview;
-    /**
-     * Template for placeholder element rendered to show where a draggable would be dropped.
-     */
+    /** Template for placeholder element rendered to show where a draggable would be dropped. */
     _placeholderTemplate: CdkDragPlaceholder;
     /** Arbitrary data to attach to this drag instance. */
     data: T;
+    /** Locks the position of the dragged element along the specified axis. */
+    lockAxis: 'x' | 'y';
     /** Emits when the user starts dragging the item. */
@@ -86,2 +94,7 @@ started: EventEmitter<CdkDragStart>;
     dropped: EventEmitter<CdkDragDrop<any>>;
+    /**
+     * Emits as the user is dragging the item. Use with caution,
+     * because this event will fire for every pixel that the user has dragged.
+     */
+    moved: Observable<CdkDragMove<T>>;
     constructor(
@@ -112,3 +125,3 @@ /** Element that the draggable is attached to. */
      */
-    private _updateActiveDropContainer(event);
+    private _updateActiveDropContainer({x, y});
     /**
@@ -146,2 +159,4 @@ * Creates the element that will be rendered next to the user's pointer
     private _getPointerPositionOnPage(event);
+    /** Gets the pointer position on the page, accounting for any position constraints. */
+    private _getConstrainedPointerPosition(event);
     /** Determines whether an event is a touch event. */
@@ -148,0 +163,0 @@ private _isTouchEvent(event);

drag-drop/typings/drop-container.d.ts

@@ -17,2 +17,4 @@ /**
     orientation: 'horizontal' | 'vertical';
+    /** Locks the position of the draggable elements inside the container along the specified axis. */
+    lockAxis: 'x' | 'y';
     /** Starts dragging an item. */
@@ -46,3 +48,3 @@ start(): void;
     _draggables: QueryList<CdkDrag>;
-    _getSiblingContainerFromPosition(x: number, y: number): CdkDropContainer | null;
+    _getSiblingContainerFromPosition(item: CdkDrag, x: number, y: number): CdkDropContainer | null;
 }
@@ -49,0 +51,0 @@ /**

drag-drop/typings/drop.d.ts

@@ -33,2 +33,9 @@ /**
     id: string;
+    /** Locks the position of the draggable elements inside the container along the specified axis. */
+    lockAxis: 'x' | 'y';
+    /**
+     * Function that is used to determine whether an item
+     * is allowed to be moved into a drop container.
+     */
+    enterPredicate: (drag?: CdkDrag, drop?: CdkDrop) => boolean;
     /** Emits when the user drops an item inside the container. */
@@ -94,6 +101,7 @@ dropped: EventEmitter<CdkDragDrop<T, any>>;
      * drop container, based on its current position.
+     * @param item Drag item that is being moved.
      * @param x Position of the item along the X axis.
      * @param y Position of the item along the Y axis.
      */
-    _getSiblingContainerFromPosition(x: number, y: number): CdkDrop | null;
+    _getSiblingContainerFromPosition(item: CdkDrag, x: number, y: number): CdkDrop | null;
     /** Refreshes the position cache of the items and sibling containers. */
@@ -100,0 +108,0 @@ private _cachePositions();

drag-drop/typings/index.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":4,"metadata":{"CdkDrop":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":31,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"cdk-drop","exportAs":"cdkDrop","template":"<ng-content></ng-content>","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":36,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":37,"character":19},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","name":"CDK_DROP_CONTAINER"},"useExisting":{"__symbolic":"reference","name":"CdkDrop"}}],"host":{"class":"cdk-drop","[id]":"id","[class.cdk-drop-dragging]":"_dragging","$quoted$":["class","[id]","[class.cdk-drop-dragging]"]},"styles":[".cdk-drag-preview{position:fixed;top:0;left:0;z-index:1000}.cdk-drag,.cdk-drag-handle{touch-action:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}"]}]}],"members":{"_draggables":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":50,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDrag"}]}]}],"connectedTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"dropped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":72,"character":3}}]}],"entered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":77,"character":3}}]}],"exited":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":83,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":86,"character":31,"context":{"typeName":"HTMLElement"},"module":"./drop"}]},{"__symbolic":"reference","name":"DragDropRegistry"}]}],"ngOnInit":[{"__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"}],"_cachePositions":[{"__symbolic":"method"}],"_reset":[{"__symbolic":"method"}],"_adjustClientRect":[{"__symbolic":"method"}],"_getItemIndexFromPointerPosition":[{"__symbolic":"method"}]}},"CdkDropContainer":{"__symbolic":"interface"},"CDK_DROP_CONTAINER":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":60,"character":38},"arguments":["CDK_DROP_CONTAINER"]},"CdkDrag":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":42,"character":1},"arguments":[{"selector":"[cdkDrag]","exportAs":"cdkDrag","host":{"class":"cdk-drag","(mousedown)":"_startDragging($event)","(touchstart)":"_startDragging($event)","$quoted$":["class","(mousedown)","(touchstart)"]}}]}],"members":{"_handles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":100,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragHandle"}]}]}],"_previewTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":103,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragPreview"}]}]}],"_placeholderTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":108,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragPlaceholder"}]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":111,"character":3}}]}],"started":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":114,"character":3},"arguments":["cdkDragStarted"]}]}],"ended":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":117,"character":3},"arguments":["cdkDragEnded"]}]}],"entered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":120,"character":3},"arguments":["cdkDragEntered"]}]}],"exited":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":124,"character":3},"arguments":["cdkDragExited"]}]}],"dropped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":128,"character":3},"arguments":["cdkDragDropped"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":135,"character":5},"arguments":[{"__symbolic":"reference","name":"CDK_DROP_CONTAINER"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":135,"character":33}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":135,"character":45}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":136,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":136,"character":12}]}],null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":141,"character":5}}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":133,"character":31,"context":{"typeName":"HTMLElement"},"module":"./drag"}]},{"__symbolic":"reference","name":"CdkDropContainer"},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":137,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":138,"character":31},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"ViewportRuler","line":139,"character":28},{"__symbolic":"reference","name":"DragDropRegistry"},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":141,"character":30}]}],"getPlaceholderElement":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_startDragging":[{"__symbolic":"method"}],"_cleanupDragArtifacts":[{"__symbolic":"method"}],"_updateActiveDropContainer":[{"__symbolic":"method"}],"_createPreviewElement":[{"__symbolic":"method"}],"_createPlaceholderElement":[{"__symbolic":"method"}],"_getPointerPositionInElement":[{"__symbolic":"method"}],"_animatePreviewToPlaceholder":[{"__symbolic":"method"}],"_setTransform":[{"__symbolic":"method"}],"_removeElement":[{"__symbolic":"method"}],"_getPointerPositionOnPage":[{"__symbolic":"method"}],"_isTouchEvent":[{"__symbolic":"method"}],"_destroyPreview":[{"__symbolic":"method"}],"_destroyPlaceholder":[{"__symbolic":"method"}]}},"CdkDragHandle":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":11,"character":1},"arguments":[{"selector":"[cdkDragHandle]","host":{"class":"cdk-drag-handle","$quoted$":["class"]}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":18,"character":41,"context":{"typeName":"HTMLElement"},"module":"./drag-handle"}]}]}]}},"CdkDragStart":{"__symbolic":"interface"},"CdkDragEnd":{"__symbolic":"interface"},"CdkDragEnter":{"__symbolic":"interface"},"CdkDragExit":{"__symbolic":"interface"},"CdkDragDrop":{"__symbolic":"interface"},"moveItemInArray":{"__symbolic":"function"},"transferArrayItem":{"__symbolic":"function"},"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":"./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":"./drag-placeholder"}]}]}]}},"DragDropModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CdkDrop"},{"__symbolic":"reference","name":"CdkDrag"},{"__symbolic":"reference","name":"CdkDragHandle"},{"__symbolic":"reference","name":"CdkDragPreview"},{"__symbolic":"reference","name":"CdkDragPlaceholder"}],"exports":[{"__symbolic":"reference","name":"CdkDrop"},{"__symbolic":"reference","name":"CdkDrag"},{"__symbolic":"reference","name":"CdkDragHandle"},{"__symbolic":"reference","name":"CdkDragPreview"},{"__symbolic":"reference","name":"CdkDragPlaceholder"}]}]}],"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":57,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":57,"character":12}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":56,"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":{}}}},"origins":{"CdkDrop":"./drop","CdkDropContainer":"./drop-container","CDK_DROP_CONTAINER":"./drop-container","CdkDrag":"./drag","CdkDragHandle":"./drag-handle","CdkDragStart":"./drag-events","CdkDragEnd":"./drag-events","CdkDragEnter":"./drag-events","CdkDragExit":"./drag-events","CdkDragDrop":"./drag-events","moveItemInArray":"./drag-utils","transferArrayItem":"./drag-utils","CdkDragPreview":"./drag-preview","CdkDragPlaceholder":"./drag-placeholder","DragDropModule":"./drag-drop-module","DragDropRegistry":"./drag-drop-registry"},"importAs":"@angular/cdk-experimental/drag-drop"}
+{"__symbolic":"module","version":4,"metadata":{"CdkDrop":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":31,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"cdk-drop","exportAs":"cdkDrop","template":"<ng-content></ng-content>","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":36,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":37,"character":19},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","name":"CDK_DROP_CONTAINER"},"useExisting":{"__symbolic":"reference","name":"CdkDrop"}}],"host":{"class":"cdk-drop","[id]":"id","[class.cdk-drop-dragging]":"_dragging","$quoted$":["class","[id]","[class.cdk-drop-dragging]"]},"styles":[".cdk-drag-preview{position:fixed;top:0;left:0;z-index:1000}.cdk-drag,.cdk-drag-handle{touch-action:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}"]}]}],"members":{"_draggables":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":50,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDrag"}]}]}],"connectedTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"lockAxis":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"enterPredicate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3}}]}],"dropped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":81,"character":3}}]}],"entered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":86,"character":3}}]}],"exited":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":92,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":95,"character":31,"context":{"typeName":"HTMLElement"},"module":"./drop"}]},{"__symbolic":"reference","name":"DragDropRegistry"}]}],"ngOnInit":[{"__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"}],"_cachePositions":[{"__symbolic":"method"}],"_reset":[{"__symbolic":"method"}],"_adjustClientRect":[{"__symbolic":"method"}],"_getItemIndexFromPointerPosition":[{"__symbolic":"method"}]}},"CdkDropContainer":{"__symbolic":"interface"},"CDK_DROP_CONTAINER":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":63,"character":38},"arguments":["CDK_DROP_CONTAINER"]},"CdkDrag":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":49,"character":1},"arguments":[{"selector":"[cdkDrag]","exportAs":"cdkDrag","host":{"class":"cdk-drag","(mousedown)":"_startDragging($event)","(touchstart)":"_startDragging($event)","$quoted$":["class","(mousedown)","(touchstart)"]}}]}],"members":{"_handles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":116,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragHandle"}]}]}],"_previewTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":119,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragPreview"}]}]}],"_placeholderTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":122,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragPlaceholder"}]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":125,"character":3},"arguments":["cdkDragData"]}]}],"lockAxis":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":128,"character":3},"arguments":["cdkDragLockAxis"]}]}],"started":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":131,"character":3},"arguments":["cdkDragStarted"]}]}],"ended":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":134,"character":3},"arguments":["cdkDragEnded"]}]}],"entered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":137,"character":3},"arguments":["cdkDragEntered"]}]}],"exited":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":141,"character":3},"arguments":["cdkDragExited"]}]}],"dropped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":145,"character":3},"arguments":["cdkDragDropped"]}]}],"moved":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":152,"character":3},"arguments":["cdkDragMoved"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":166,"character":5},"arguments":[{"__symbolic":"reference","name":"CDK_DROP_CONTAINER"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":166,"character":33}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":166,"character":45}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":167,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":167,"character":12}]}],null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":172,"character":5}}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":164,"character":31,"context":{"typeName":"HTMLElement"},"module":"./drag"}]},{"__symbolic":"reference","name":"CdkDropContainer"},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":168,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":169,"character":31},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"ViewportRuler","line":170,"character":28},{"__symbolic":"reference","name":"DragDropRegistry"},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":172,"character":30}]}],"getPlaceholderElement":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_startDragging":[{"__symbolic":"method"}],"_cleanupDragArtifacts":[{"__symbolic":"method"}],"_updateActiveDropContainer":[{"__symbolic":"method"}],"_createPreviewElement":[{"__symbolic":"method"}],"_createPlaceholderElement":[{"__symbolic":"method"}],"_getPointerPositionInElement":[{"__symbolic":"method"}],"_animatePreviewToPlaceholder":[{"__symbolic":"method"}],"_setTransform":[{"__symbolic":"method"}],"_removeElement":[{"__symbolic":"method"}],"_getPointerPositionOnPage":[{"__symbolic":"method"}],"_getConstrainedPointerPosition":[{"__symbolic":"method"}],"_isTouchEvent":[{"__symbolic":"method"}],"_destroyPreview":[{"__symbolic":"method"}],"_destroyPlaceholder":[{"__symbolic":"method"}]}},"CdkDragHandle":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":11,"character":1},"arguments":[{"selector":"[cdkDragHandle]","host":{"class":"cdk-drag-handle","$quoted$":["class"]}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":18,"character":41,"context":{"typeName":"HTMLElement"},"module":"./drag-handle"}]}]}]}},"CdkDragStart":{"__symbolic":"interface"},"CdkDragEnd":{"__symbolic":"interface"},"CdkDragEnter":{"__symbolic":"interface"},"CdkDragExit":{"__symbolic":"interface"},"CdkDragDrop":{"__symbolic":"interface"},"CdkDragMove":{"__symbolic":"interface"},"moveItemInArray":{"__symbolic":"function"},"transferArrayItem":{"__symbolic":"function"},"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":"./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":"./drag-placeholder"}]}]}]}},"DragDropModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CdkDrop"},{"__symbolic":"reference","name":"CdkDrag"},{"__symbolic":"reference","name":"CdkDragHandle"},{"__symbolic":"reference","name":"CdkDragPreview"},{"__symbolic":"reference","name":"CdkDragPlaceholder"}],"exports":[{"__symbolic":"reference","name":"CdkDrop"},{"__symbolic":"reference","name":"CdkDrag"},{"__symbolic":"reference","name":"CdkDragHandle"},{"__symbolic":"reference","name":"CdkDragPreview"},{"__symbolic":"reference","name":"CdkDragPlaceholder"}]}]}],"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":57,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":57,"character":12}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":56,"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":{}}}},"origins":{"CdkDrop":"./drop","CdkDropContainer":"./drop-container","CDK_DROP_CONTAINER":"./drop-container","CdkDrag":"./drag","CdkDragHandle":"./drag-handle","CdkDragStart":"./drag-events","CdkDragEnd":"./drag-events","CdkDragEnter":"./drag-events","CdkDragExit":"./drag-events","CdkDragDrop":"./drag-events","CdkDragMove":"./drag-events","moveItemInArray":"./drag-utils","transferArrayItem":"./drag-utils","CdkDragPreview":"./drag-preview","CdkDragPlaceholder":"./drag-placeholder","DragDropModule":"./drag-drop-module","DragDropRegistry":"./drag-drop-registry"},"importAs":"@angular/cdk-experimental/drag-drop"}

esm2015/cdk-experimental.js

@@ -17,3 +17,3 @@ /**
  */
-const /** @type {?} */ VERSION = new Version('6.4.5');
+const /** @type {?} */ VERSION = new Version('6.4.6');
 
@@ -20,0 +20,0 @@ /**

esm2015/drag-drop.js

@@ -11,3 +11,3 @@ /**
 import { supportsPassiveEventListeners } from '@angular/cdk/platform';
-import { Subject, merge } from 'rxjs';
+import { Subject, merge, Observable } from 'rxjs';
 import { Directionality } from '@angular/cdk/bidi';
@@ -351,2 +351,11 @@ import { ViewportRuler } from '@angular/cdk/overlay';
         /**
+         * Emits when the item is being moved.
+         */
+        this._moveEvents = new Subject();
+        /**
+         * Amount of subscriptions to the move event. Used to avoid
+         * hitting the zone if the consumer didn't subscribe to it.
+         */
+        this._moveEventSubscriptions = 0;
+        /**
          * Emits when the user starts dragging the item.
@@ -372,2 +381,14 @@ */
         /**
+         * Emits as the user is dragging the item. Use with caution,
+         * because this event will fire for every pixel that the user has dragged.
+         */
+        this.moved = Observable.create(observer => {
+            const /** @type {?} */ subscription = this._moveEvents.subscribe(observer);
+            this._moveEventSubscriptions++;
+            return () => {
+                subscription.unsubscribe();
+                this._moveEventSubscriptions--;
+            };
+        });
+        /**
          * Handler for when the pointer is pressed down on the element or the handle.
@@ -421,12 +442,26 @@ */
             event.preventDefault();
+            const /** @type {?} */ pointerPosition = this._getConstrainedPointerPosition(event);
             if (this.dropContainer) {
-                this._updateActiveDropContainer(event);
+                this._updateActiveDropContainer(pointerPosition);
             }
             else {
                 const /** @type {?} */ activeTransform = this._activeTransform;
-                const { x: pageX, y: pageY } = this._getPointerPositionOnPage(event);
-                activeTransform.x = pageX - this._pickupPositionOnPage.x + this._passiveTransform.x;
-                activeTransform.y = pageY - this._pickupPositionOnPage.y + this._passiveTransform.y;
+                activeTransform.x =
+                    pointerPosition.x - this._pickupPositionOnPage.x + this._passiveTransform.x;
+                activeTransform.y =
+                    pointerPosition.y - this._pickupPositionOnPage.y + this._passiveTransform.y;
                 this._setTransform(this.element.nativeElement, activeTransform.x, activeTransform.y);
             }
+            // 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
+            // re-enter the zone becaus we run all of the events on the outside.
+            if (this._moveEventSubscriptions > 0) {
+                this._ngZone.run(() => {
+                    this._moveEvents.next({
+                        source: this,
+                        pointerPosition,
+                        event
+                    });
+                });
+            }
         };
@@ -478,2 +513,3 @@ /**
         this._dragDropRegistry.removeDragItem(this);
+        this._moveEvents.complete();
         this._destroyed.next();
@@ -538,9 +574,8 @@ this._destroyed.complete();
      * into a new one, depending on its current drag position.
-     * @param {?} event
+     * @param {?} __0
      * @return {?}
      */
-    _updateActiveDropContainer(event) {
-        const { x, y } = this._getPointerPositionOnPage(event);
+    _updateActiveDropContainer({ x, y }) {
         // Drop container that draggable has been moved into.
-        const /** @type {?} */ newContainer = this.dropContainer._getSiblingContainerFromPosition(x, y);
+        const /** @type {?} */ newContainer = this.dropContainer._getSiblingContainerFromPosition(this, x, y);
         if (newContainer) {
@@ -694,2 +729,18 @@ this._ngZone.run(() => {
     /**
+     * Gets the pointer position on the page, accounting for any position constraints.
+     * @param {?} event
+     * @return {?}
+     */
+    _getConstrainedPointerPosition(event) {
+        const /** @type {?} */ point = this._getPointerPositionOnPage(event);
+        const /** @type {?} */ dropContainerLock = this.dropContainer ? this.dropContainer.lockAxis : null;
+        if (this.lockAxis === 'x' || dropContainerLock === 'x') {
+            point.y = this._pickupPositionOnPage.y;
+        }
+        else if (this.lockAxis === 'y' || dropContainerLock === 'y') {
+            point.x = this._pickupPositionOnPage.x;
+        }
+        return point;
+    }
+    /**
      * Determines whether an event is a touch event.
@@ -755,3 +806,4 @@ * @param {?} event
     "_placeholderTemplate": [{ type: ContentChild, args: [CdkDragPlaceholder,] },],
-    "data": [{ type: Input },],
+    "data": [{ type: Input, args: ['cdkDragData',] },],
+    "lockAxis": [{ type: Input, args: ['cdkDragLockAxis',] },],
     "started": [{ type: Output, args: ['cdkDragStarted',] },],
@@ -762,2 +814,3 @@ "ended": [{ type: Output, args: ['cdkDragEnded',] },],
     "dropped": [{ type: Output, args: ['cdkDragDropped',] },],
+    "moved": [{ type: Output, args: ['cdkDragMoved',] },],
 };
@@ -822,2 +875,7 @@ /**
         /**
+         * Function that is used to determine whether an item
+         * is allowed to be moved into a drop container.
+         */
+        this.enterPredicate = () => true;
+        /**
          * Emits when the user drops an item inside the container.
@@ -988,2 +1046,3 @@ */
      * drop container, based on its current position.
+     * @param {?} item Drag item that is being moved.
      * @param {?} x Position of the item along the X axis.
@@ -993,3 +1052,3 @@ * @param {?} y Position of the item along the Y axis.
      */
-    _getSiblingContainerFromPosition(x, y) {
+    _getSiblingContainerFromPosition(item, x, y) {
         const /** @type {?} */ result = this._positionCache.siblings.find(({ clientRect }) => {
@@ -999,3 +1058,3 @@ const { top, bottom, left, right } = clientRect;
         });
-        return result ? result.drop : null;
+        return result && result.drop.enterPredicate(item, this) ? result.drop : null;
     }
@@ -1113,2 +1172,4 @@ /**
     "id": [{ type: Input },],
+    "lockAxis": [{ type: Input },],
+    "enterPredicate": [{ type: Input },],
     "dropped": [{ type: Output },],
@@ -1115,0 +1176,0 @@ "entered": [{ type: Output },],

esm5/cdk-experimental.es5.js

@@ -17,3 +17,3 @@ /**
  */
-var /** @type {?} */ VERSION = new Version('6.4.5');
+var /** @type {?} */ VERSION = new Version('6.4.6');
 
@@ -20,0 +20,0 @@ /**

esm5/drag-drop.es5.js

@@ -11,3 +11,3 @@ /**
 import { supportsPassiveEventListeners } from '@angular/cdk/platform';
-import { Subject, merge } from 'rxjs';
+import { Subject, merge, Observable } from 'rxjs';
 import { Directionality } from '@angular/cdk/bidi';
@@ -400,2 +400,11 @@ import { ViewportRuler } from '@angular/cdk/overlay';
         /**
+         * Emits when the item is being moved.
+         */
+        this._moveEvents = new Subject();
+        /**
+         * Amount of subscriptions to the move event. Used to avoid
+         * hitting the zone if the consumer didn't subscribe to it.
+         */
+        this._moveEventSubscriptions = 0;
+        /**
          * Emits when the user starts dragging the item.
@@ -421,2 +430,14 @@ */
         /**
+         * Emits as the user is dragging the item. Use with caution,
+         * because this event will fire for every pixel that the user has dragged.
+         */
+        this.moved = Observable.create(function (observer) {
+            var /** @type {?} */ subscription = _this._moveEvents.subscribe(observer);
+            _this._moveEventSubscriptions++;
+            return function () {
+                subscription.unsubscribe();
+                _this._moveEventSubscriptions--;
+            };
+        });
+        /**
          * Handler for when the pointer is pressed down on the element or the handle.
@@ -473,12 +494,26 @@ */
             event.preventDefault();
+            var /** @type {?} */ pointerPosition = _this._getConstrainedPointerPosition(event);
             if (_this.dropContainer) {
-                _this._updateActiveDropContainer(event);
+                _this._updateActiveDropContainer(pointerPosition);
             }
             else {
                 var /** @type {?} */ activeTransform = _this._activeTransform;
-                var _a = _this._getPointerPositionOnPage(event), pageX = _a.x, pageY = _a.y;
-                activeTransform.x = pageX - _this._pickupPositionOnPage.x + _this._passiveTransform.x;
-                activeTransform.y = pageY - _this._pickupPositionOnPage.y + _this._passiveTransform.y;
+                activeTransform.x =
+                    pointerPosition.x - _this._pickupPositionOnPage.x + _this._passiveTransform.x;
+                activeTransform.y =
+                    pointerPosition.y - _this._pickupPositionOnPage.y + _this._passiveTransform.y;
                 _this._setTransform(_this.element.nativeElement, activeTransform.x, activeTransform.y);
             }
+            // 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
+            // re-enter the zone becaus we run all of the events on the outside.
+            if (_this._moveEventSubscriptions > 0) {
+                _this._ngZone.run(function () {
+                    _this._moveEvents.next({
+                        source: _this,
+                        pointerPosition: pointerPosition,
+                        event: event
+                    });
+                });
+            }
         };
@@ -545,2 +580,3 @@ /**
         this._dragDropRegistry.removeDragItem(this);
+        this._moveEvents.complete();
         this._destroyed.next();
@@ -616,3 +652,3 @@ this._destroyed.complete();
      * into a new one, depending on its current drag position.
-     * @param {?} event
+     * @param {?} __0
      * @return {?}
@@ -623,10 +659,10 @@ */
      * into a new one, depending on its current drag position.
-     * @param {?} event
+     * @param {?} __0
      * @return {?}
      */
-    function (event) {
+    function (_a) {
         var _this = this;
-        var _a = this._getPointerPositionOnPage(event), x = _a.x, y = _a.y;
+        var x = _a.x, y = _a.y;
         // Drop container that draggable has been moved into.
-        var /** @type {?} */ newContainer = this.dropContainer._getSiblingContainerFromPosition(x, y);
+        var /** @type {?} */ newContainer = this.dropContainer._getSiblingContainerFromPosition(this, x, y);
         if (newContainer) {
@@ -819,2 +855,23 @@ this._ngZone.run(function () {
     /**
+     * Gets the pointer position on the page, accounting for any position constraints.
+     * @param {?} event
+     * @return {?}
+     */
+    CdkDrag.prototype._getConstrainedPointerPosition = /**
+     * Gets the pointer position on the page, accounting for any position constraints.
+     * @param {?} event
+     * @return {?}
+     */
+    function (event) {
+        var /** @type {?} */ point = this._getPointerPositionOnPage(event);
+        var /** @type {?} */ dropContainerLock = this.dropContainer ? this.dropContainer.lockAxis : null;
+        if (this.lockAxis === 'x' || dropContainerLock === 'x') {
+            point.y = this._pickupPositionOnPage.y;
+        }
+        else if (this.lockAxis === 'y' || dropContainerLock === 'y') {
+            point.x = this._pickupPositionOnPage.x;
+        }
+        return point;
+    };
+    /**
      * Determines whether an event is a touch event.
@@ -892,3 +949,4 @@ * @param {?} event
         "_placeholderTemplate": [{ type: ContentChild, args: [CdkDragPlaceholder,] },],
-        "data": [{ type: Input },],
+        "data": [{ type: Input, args: ['cdkDragData',] },],
+        "lockAxis": [{ type: Input, args: ['cdkDragLockAxis',] },],
         "started": [{ type: Output, args: ['cdkDragStarted',] },],
@@ -899,2 +957,3 @@ "ended": [{ type: Output, args: ['cdkDragEnded',] },],
         "dropped": [{ type: Output, args: ['cdkDragDropped',] },],
+        "moved": [{ type: Output, args: ['cdkDragMoved',] },],
     };
@@ -957,2 +1016,7 @@ return CdkDrag;
         /**
+         * Function that is used to determine whether an item
+         * is allowed to be moved into a drop container.
+         */
+        this.enterPredicate = function () { return true; };
+        /**
          * Emits when the user drops an item inside the container.
@@ -1191,2 +1255,3 @@ */
      * drop container, based on its current position.
+     * @param item Drag item that is being moved.
      * @param x Position of the item along the X axis.
@@ -1198,2 +1263,3 @@ * @param y Position of the item along the Y axis.
      * drop container, based on its current position.
+     * @param {?} item Drag item that is being moved.
      * @param {?} x Position of the item along the X axis.
@@ -1206,2 +1272,3 @@ * @param {?} y Position of the item along the Y axis.
      * drop container, based on its current position.
+     * @param {?} item Drag item that is being moved.
      * @param {?} x Position of the item along the X axis.
@@ -1211,3 +1278,3 @@ * @param {?} y Position of the item along the Y axis.
      */
-    function (x, y) {
+    function (item, x, y) {
         var /** @type {?} */ result = this._positionCache.siblings.find(function (_a) {
@@ -1218,3 +1285,3 @@ var clientRect = _a.clientRect;
         });
-        return result ? result.drop : null;
+        return result && result.drop.enterPredicate(item, this) ? result.drop : null;
     };
@@ -1356,2 +1423,4 @@ /**
         "id": [{ type: Input },],
+        "lockAxis": [{ type: Input },],
+        "enterPredicate": [{ type: Input },],
         "dropped": [{ type: Output },],
@@ -1358,0 +1427,0 @@ "entered": [{ type: Output },],

package.json

 {
   "name": "@angular/cdk-experimental",
-  "version": "6.4.5",
+  "version": "6.4.6",
   "description": "Experimental components for Angular CDK",
@@ -19,3 +19,3 @@ "main": "./bundles/cdk-experimental.umd.js",
   "peerDependencies": {
-    "@angular/cdk": "6.4.5",
+    "@angular/cdk": "6.4.6",
     "@angular/core": ">=6.0.0-beta.0 <7.0.0"
@@ -26,5 +26,5 @@ },
   },
-  "releaseGitCommitSha": "f575b1f05bd2a8048f0d92e2cf4ce04b4f6374e4",
+  "releaseGitCommitSha": "8264dc031bb8b7acf24a22084b2618b66bfe8384",
   "releaseGitBranch": "6.4.x",
-  "releaseGitUser": "Joey Perrott <[e-mail]>"
+  "releaseGitUser": "Miles Malerba <[e-mail]>"
 }

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

@@ -50,1 +50,13 @@ /**
 }
+/** Event emitted as the user is dragging a draggable item. */
+export interface CdkDragMove<T = any> {
+    /** Item that is being dragged. */
+    source: CdkDrag<T>;
+    /** Position of the user's pointer on the page. */
+    pointerPosition: {
+        x: number;
+        y: number;
+    };
+    /** Native event that is causing the dragging. */
+    event: MouseEvent | TouchEvent;
+}

typings/drag-drop/drag.d.ts

@@ -12,3 +12,3 @@ /**
 import { CdkDropContainer } from './drop-container';
-import { CdkDragStart, CdkDragEnd, CdkDragExit, CdkDragEnter, CdkDragDrop } from './drag-events';
+import { CdkDragStart, CdkDragEnd, CdkDragExit, CdkDragEnter, CdkDragDrop, CdkDragMove } from './drag-events';
 import { CdkDragPreview } from './drag-preview';
@@ -18,2 +18,3 @@ import { CdkDragPlaceholder } from './drag-placeholder';
 import { DragDropRegistry } from './drag-drop-registry';
+import { Observable } from 'rxjs';
 /** Element that can be moved inside a CdkDrop container. */
@@ -64,2 +65,9 @@ export declare class CdkDrag<T = any> implements OnDestroy {
     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;
     /** Elements that can be used to drag the draggable item. */
@@ -69,8 +77,8 @@ _handles: QueryList<CdkDragHandle>;
     _previewTemplate: CdkDragPreview;
-    /**
-     * Template for placeholder element rendered to show where a draggable would be dropped.
-     */
+    /** Template for placeholder element rendered to show where a draggable would be dropped. */
     _placeholderTemplate: CdkDragPlaceholder;
     /** Arbitrary data to attach to this drag instance. */
     data: T;
+    /** Locks the position of the dragged element along the specified axis. */
+    lockAxis: 'x' | 'y';
     /** Emits when the user starts dragging the item. */
@@ -86,2 +94,7 @@ started: EventEmitter<CdkDragStart>;
     dropped: EventEmitter<CdkDragDrop<any>>;
+    /**
+     * Emits as the user is dragging the item. Use with caution,
+     * because this event will fire for every pixel that the user has dragged.
+     */
+    moved: Observable<CdkDragMove<T>>;
     constructor(
@@ -112,3 +125,3 @@ /** Element that the draggable is attached to. */
      */
-    private _updateActiveDropContainer(event);
+    private _updateActiveDropContainer({x, y});
     /**
@@ -146,2 +159,4 @@ * Creates the element that will be rendered next to the user's pointer
     private _getPointerPositionOnPage(event);
+    /** Gets the pointer position on the page, accounting for any position constraints. */
+    private _getConstrainedPointerPosition(event);
     /** Determines whether an event is a touch event. */
@@ -148,0 +163,0 @@ private _isTouchEvent(event);

typings/drag-drop/drop-container.d.ts

@@ -17,2 +17,4 @@ /**
     orientation: 'horizontal' | 'vertical';
+    /** Locks the position of the draggable elements inside the container along the specified axis. */
+    lockAxis: 'x' | 'y';
     /** Starts dragging an item. */
@@ -46,3 +48,3 @@ start(): void;
     _draggables: QueryList<CdkDrag>;
-    _getSiblingContainerFromPosition(x: number, y: number): CdkDropContainer | null;
+    _getSiblingContainerFromPosition(item: CdkDrag, x: number, y: number): CdkDropContainer | null;
 }
@@ -49,0 +51,0 @@ /**

typings/drag-drop/drop.d.ts

@@ -33,2 +33,9 @@ /**
     id: string;
+    /** Locks the position of the draggable elements inside the container along the specified axis. */
+    lockAxis: 'x' | 'y';
+    /**
+     * Function that is used to determine whether an item
+     * is allowed to be moved into a drop container.
+     */
+    enterPredicate: (drag?: CdkDrag, drop?: CdkDrop) => boolean;
     /** Emits when the user drops an item inside the container. */
@@ -94,6 +101,7 @@ dropped: EventEmitter<CdkDragDrop<T, any>>;
      * drop container, based on its current position.
+     * @param item Drag item that is being moved.
      * @param x Position of the item along the X axis.
      * @param y Position of the item along the Y axis.
      */
-    _getSiblingContainerFromPosition(x: number, y: number): CdkDrop | null;
+    _getSiblingContainerFromPosition(item: CdkDrag, x: number, y: number): CdkDrop | null;
     /** Refreshes the position cache of the items and sibling containers. */
@@ -100,0 +108,0 @@ private _cachePositions();

typings/drag-drop/index.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":4,"metadata":{"CdkDrop":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":31,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"cdk-drop","exportAs":"cdkDrop","template":"<ng-content></ng-content>","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":36,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":37,"character":19},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","name":"CDK_DROP_CONTAINER"},"useExisting":{"__symbolic":"reference","name":"CdkDrop"}}],"host":{"class":"cdk-drop","[id]":"id","[class.cdk-drop-dragging]":"_dragging","$quoted$":["class","[id]","[class.cdk-drop-dragging]"]},"styles":[".cdk-drag-preview{position:fixed;top:0;left:0;z-index:1000}.cdk-drag,.cdk-drag-handle{touch-action:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}"]}]}],"members":{"_draggables":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":50,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDrag"}]}]}],"connectedTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"dropped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":72,"character":3}}]}],"entered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":77,"character":3}}]}],"exited":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":83,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":86,"character":31,"context":{"typeName":"HTMLElement"},"module":"./drop"}]},{"__symbolic":"reference","name":"DragDropRegistry"}]}],"ngOnInit":[{"__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"}],"_cachePositions":[{"__symbolic":"method"}],"_reset":[{"__symbolic":"method"}],"_adjustClientRect":[{"__symbolic":"method"}],"_getItemIndexFromPointerPosition":[{"__symbolic":"method"}]}},"CdkDropContainer":{"__symbolic":"interface"},"CDK_DROP_CONTAINER":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":60,"character":38},"arguments":["CDK_DROP_CONTAINER"]},"CdkDrag":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":42,"character":1},"arguments":[{"selector":"[cdkDrag]","exportAs":"cdkDrag","host":{"class":"cdk-drag","(mousedown)":"_startDragging($event)","(touchstart)":"_startDragging($event)","$quoted$":["class","(mousedown)","(touchstart)"]}}]}],"members":{"_handles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":100,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragHandle"}]}]}],"_previewTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":103,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragPreview"}]}]}],"_placeholderTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":108,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragPlaceholder"}]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":111,"character":3}}]}],"started":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":114,"character":3},"arguments":["cdkDragStarted"]}]}],"ended":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":117,"character":3},"arguments":["cdkDragEnded"]}]}],"entered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":120,"character":3},"arguments":["cdkDragEntered"]}]}],"exited":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":124,"character":3},"arguments":["cdkDragExited"]}]}],"dropped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":128,"character":3},"arguments":["cdkDragDropped"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":135,"character":5},"arguments":[{"__symbolic":"reference","name":"CDK_DROP_CONTAINER"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":135,"character":33}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":135,"character":45}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":136,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":136,"character":12}]}],null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":141,"character":5}}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":133,"character":31,"context":{"typeName":"HTMLElement"},"module":"./drag"}]},{"__symbolic":"reference","name":"CdkDropContainer"},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":137,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":138,"character":31},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"ViewportRuler","line":139,"character":28},{"__symbolic":"reference","name":"DragDropRegistry"},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":141,"character":30}]}],"getPlaceholderElement":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_startDragging":[{"__symbolic":"method"}],"_cleanupDragArtifacts":[{"__symbolic":"method"}],"_updateActiveDropContainer":[{"__symbolic":"method"}],"_createPreviewElement":[{"__symbolic":"method"}],"_createPlaceholderElement":[{"__symbolic":"method"}],"_getPointerPositionInElement":[{"__symbolic":"method"}],"_animatePreviewToPlaceholder":[{"__symbolic":"method"}],"_setTransform":[{"__symbolic":"method"}],"_removeElement":[{"__symbolic":"method"}],"_getPointerPositionOnPage":[{"__symbolic":"method"}],"_isTouchEvent":[{"__symbolic":"method"}],"_destroyPreview":[{"__symbolic":"method"}],"_destroyPlaceholder":[{"__symbolic":"method"}]}},"CdkDragHandle":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":11,"character":1},"arguments":[{"selector":"[cdkDragHandle]","host":{"class":"cdk-drag-handle","$quoted$":["class"]}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":18,"character":41,"context":{"typeName":"HTMLElement"},"module":"./drag-handle"}]}]}]}},"CdkDragStart":{"__symbolic":"interface"},"CdkDragEnd":{"__symbolic":"interface"},"CdkDragEnter":{"__symbolic":"interface"},"CdkDragExit":{"__symbolic":"interface"},"CdkDragDrop":{"__symbolic":"interface"},"moveItemInArray":{"__symbolic":"function"},"transferArrayItem":{"__symbolic":"function"},"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":"./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":"./drag-placeholder"}]}]}]}},"DragDropModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CdkDrop"},{"__symbolic":"reference","name":"CdkDrag"},{"__symbolic":"reference","name":"CdkDragHandle"},{"__symbolic":"reference","name":"CdkDragPreview"},{"__symbolic":"reference","name":"CdkDragPlaceholder"}],"exports":[{"__symbolic":"reference","name":"CdkDrop"},{"__symbolic":"reference","name":"CdkDrag"},{"__symbolic":"reference","name":"CdkDragHandle"},{"__symbolic":"reference","name":"CdkDragPreview"},{"__symbolic":"reference","name":"CdkDragPlaceholder"}]}]}],"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":57,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":57,"character":12}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":56,"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":{}}}},"origins":{"CdkDrop":"./drop","CdkDropContainer":"./drop-container","CDK_DROP_CONTAINER":"./drop-container","CdkDrag":"./drag","CdkDragHandle":"./drag-handle","CdkDragStart":"./drag-events","CdkDragEnd":"./drag-events","CdkDragEnter":"./drag-events","CdkDragExit":"./drag-events","CdkDragDrop":"./drag-events","moveItemInArray":"./drag-utils","transferArrayItem":"./drag-utils","CdkDragPreview":"./drag-preview","CdkDragPlaceholder":"./drag-placeholder","DragDropModule":"./drag-drop-module","DragDropRegistry":"./drag-drop-registry"},"importAs":"@angular/cdk-experimental/drag-drop"}
+{"__symbolic":"module","version":4,"metadata":{"CdkDrop":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":31,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"cdk-drop","exportAs":"cdkDrop","template":"<ng-content></ng-content>","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":36,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":37,"character":19},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","name":"CDK_DROP_CONTAINER"},"useExisting":{"__symbolic":"reference","name":"CdkDrop"}}],"host":{"class":"cdk-drop","[id]":"id","[class.cdk-drop-dragging]":"_dragging","$quoted$":["class","[id]","[class.cdk-drop-dragging]"]},"styles":[".cdk-drag-preview{position:fixed;top:0;left:0;z-index:1000}.cdk-drag,.cdk-drag-handle{touch-action:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}"]}]}],"members":{"_draggables":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":50,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDrag"}]}]}],"connectedTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"lockAxis":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"enterPredicate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3}}]}],"dropped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":81,"character":3}}]}],"entered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":86,"character":3}}]}],"exited":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":92,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":95,"character":31,"context":{"typeName":"HTMLElement"},"module":"./drop"}]},{"__symbolic":"reference","name":"DragDropRegistry"}]}],"ngOnInit":[{"__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"}],"_cachePositions":[{"__symbolic":"method"}],"_reset":[{"__symbolic":"method"}],"_adjustClientRect":[{"__symbolic":"method"}],"_getItemIndexFromPointerPosition":[{"__symbolic":"method"}]}},"CdkDropContainer":{"__symbolic":"interface"},"CDK_DROP_CONTAINER":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":63,"character":38},"arguments":["CDK_DROP_CONTAINER"]},"CdkDrag":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":49,"character":1},"arguments":[{"selector":"[cdkDrag]","exportAs":"cdkDrag","host":{"class":"cdk-drag","(mousedown)":"_startDragging($event)","(touchstart)":"_startDragging($event)","$quoted$":["class","(mousedown)","(touchstart)"]}}]}],"members":{"_handles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":116,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragHandle"}]}]}],"_previewTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":119,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragPreview"}]}]}],"_placeholderTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":122,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragPlaceholder"}]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":125,"character":3},"arguments":["cdkDragData"]}]}],"lockAxis":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":128,"character":3},"arguments":["cdkDragLockAxis"]}]}],"started":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":131,"character":3},"arguments":["cdkDragStarted"]}]}],"ended":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":134,"character":3},"arguments":["cdkDragEnded"]}]}],"entered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":137,"character":3},"arguments":["cdkDragEntered"]}]}],"exited":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":141,"character":3},"arguments":["cdkDragExited"]}]}],"dropped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":145,"character":3},"arguments":["cdkDragDropped"]}]}],"moved":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":152,"character":3},"arguments":["cdkDragMoved"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":166,"character":5},"arguments":[{"__symbolic":"reference","name":"CDK_DROP_CONTAINER"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":166,"character":33}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":166,"character":45}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":167,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":167,"character":12}]}],null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":172,"character":5}}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":164,"character":31,"context":{"typeName":"HTMLElement"},"module":"./drag"}]},{"__symbolic":"reference","name":"CdkDropContainer"},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":168,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":169,"character":31},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"ViewportRuler","line":170,"character":28},{"__symbolic":"reference","name":"DragDropRegistry"},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":172,"character":30}]}],"getPlaceholderElement":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_startDragging":[{"__symbolic":"method"}],"_cleanupDragArtifacts":[{"__symbolic":"method"}],"_updateActiveDropContainer":[{"__symbolic":"method"}],"_createPreviewElement":[{"__symbolic":"method"}],"_createPlaceholderElement":[{"__symbolic":"method"}],"_getPointerPositionInElement":[{"__symbolic":"method"}],"_animatePreviewToPlaceholder":[{"__symbolic":"method"}],"_setTransform":[{"__symbolic":"method"}],"_removeElement":[{"__symbolic":"method"}],"_getPointerPositionOnPage":[{"__symbolic":"method"}],"_getConstrainedPointerPosition":[{"__symbolic":"method"}],"_isTouchEvent":[{"__symbolic":"method"}],"_destroyPreview":[{"__symbolic":"method"}],"_destroyPlaceholder":[{"__symbolic":"method"}]}},"CdkDragHandle":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":11,"character":1},"arguments":[{"selector":"[cdkDragHandle]","host":{"class":"cdk-drag-handle","$quoted$":["class"]}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":18,"character":41,"context":{"typeName":"HTMLElement"},"module":"./drag-handle"}]}]}]}},"CdkDragStart":{"__symbolic":"interface"},"CdkDragEnd":{"__symbolic":"interface"},"CdkDragEnter":{"__symbolic":"interface"},"CdkDragExit":{"__symbolic":"interface"},"CdkDragDrop":{"__symbolic":"interface"},"CdkDragMove":{"__symbolic":"interface"},"moveItemInArray":{"__symbolic":"function"},"transferArrayItem":{"__symbolic":"function"},"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":"./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":"./drag-placeholder"}]}]}]}},"DragDropModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CdkDrop"},{"__symbolic":"reference","name":"CdkDrag"},{"__symbolic":"reference","name":"CdkDragHandle"},{"__symbolic":"reference","name":"CdkDragPreview"},{"__symbolic":"reference","name":"CdkDragPlaceholder"}],"exports":[{"__symbolic":"reference","name":"CdkDrop"},{"__symbolic":"reference","name":"CdkDrag"},{"__symbolic":"reference","name":"CdkDragHandle"},{"__symbolic":"reference","name":"CdkDragPreview"},{"__symbolic":"reference","name":"CdkDragPlaceholder"}]}]}],"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":57,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":57,"character":12}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":56,"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":{}}}},"origins":{"CdkDrop":"./drop","CdkDropContainer":"./drop-container","CDK_DROP_CONTAINER":"./drop-container","CdkDrag":"./drag","CdkDragHandle":"./drag-handle","CdkDragStart":"./drag-events","CdkDragEnd":"./drag-events","CdkDragEnter":"./drag-events","CdkDragExit":"./drag-events","CdkDragDrop":"./drag-events","CdkDragMove":"./drag-events","moveItemInArray":"./drag-utils","transferArrayItem":"./drag-utils","CdkDragPreview":"./drag-preview","CdkDragPlaceholder":"./drag-placeholder","DragDropModule":"./drag-drop-module","DragDropRegistry":"./drag-drop-registry"},"importAs":"@angular/cdk-experimental/drag-drop"}

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

@@ -50,1 +50,13 @@ /**
 }
+/** Event emitted as the user is dragging a draggable item. */
+export interface CdkDragMove<T = any> {
+    /** Item that is being dragged. */
+    source: CdkDrag<T>;
+    /** Position of the user's pointer on the page. */
+    pointerPosition: {
+        x: number;
+        y: number;
+    };
+    /** Native event that is causing the dragging. */
+    event: MouseEvent | TouchEvent;
+}

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

@@ -12,3 +12,3 @@ /**
 import { CdkDropContainer } from './drop-container';
-import { CdkDragStart, CdkDragEnd, CdkDragExit, CdkDragEnter, CdkDragDrop } from './drag-events';
+import { CdkDragStart, CdkDragEnd, CdkDragExit, CdkDragEnter, CdkDragDrop, CdkDragMove } from './drag-events';
 import { CdkDragPreview } from './drag-preview';
@@ -18,2 +18,3 @@ import { CdkDragPlaceholder } from './drag-placeholder';
 import { DragDropRegistry } from './drag-drop-registry';
+import { Observable } from 'rxjs';
 /** Element that can be moved inside a CdkDrop container. */
@@ -64,2 +65,9 @@ export declare class CdkDrag<T = any> implements OnDestroy {
     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;
     /** Elements that can be used to drag the draggable item. */
@@ -69,8 +77,8 @@ _handles: QueryList<CdkDragHandle>;
     _previewTemplate: CdkDragPreview;
-    /**
-     * Template for placeholder element rendered to show where a draggable would be dropped.
-     */
+    /** Template for placeholder element rendered to show where a draggable would be dropped. */
     _placeholderTemplate: CdkDragPlaceholder;
     /** Arbitrary data to attach to this drag instance. */
     data: T;
+    /** Locks the position of the dragged element along the specified axis. */
+    lockAxis: 'x' | 'y';
     /** Emits when the user starts dragging the item. */
@@ -86,2 +94,7 @@ started: EventEmitter<CdkDragStart>;
     dropped: EventEmitter<CdkDragDrop<any>>;
+    /**
+     * Emits as the user is dragging the item. Use with caution,
+     * because this event will fire for every pixel that the user has dragged.
+     */
+    moved: Observable<CdkDragMove<T>>;
     constructor(
@@ -112,3 +125,3 @@ /** Element that the draggable is attached to. */
      */
-    private _updateActiveDropContainer(event);
+    private _updateActiveDropContainer({x, y});
     /**
@@ -146,2 +159,4 @@ * Creates the element that will be rendered next to the user's pointer
     private _getPointerPositionOnPage(event);
+    /** Gets the pointer position on the page, accounting for any position constraints. */
+    private _getConstrainedPointerPosition(event);
     /** Determines whether an event is a touch event. */
@@ -148,0 +163,0 @@ private _isTouchEvent(event);

typings/esm5/drag-drop/drop-container.d.ts

@@ -17,2 +17,4 @@ /**
     orientation: 'horizontal' | 'vertical';
+    /** Locks the position of the draggable elements inside the container along the specified axis. */
+    lockAxis: 'x' | 'y';
     /** Starts dragging an item. */
@@ -46,3 +48,3 @@ start(): void;
     _draggables: QueryList<CdkDrag>;
-    _getSiblingContainerFromPosition(x: number, y: number): CdkDropContainer | null;
+    _getSiblingContainerFromPosition(item: CdkDrag, x: number, y: number): CdkDropContainer | null;
 }
@@ -49,0 +51,0 @@ /**

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

@@ -33,2 +33,9 @@ /**
     id: string;
+    /** Locks the position of the draggable elements inside the container along the specified axis. */
+    lockAxis: 'x' | 'y';
+    /**
+     * Function that is used to determine whether an item
+     * is allowed to be moved into a drop container.
+     */
+    enterPredicate: (drag?: CdkDrag, drop?: CdkDrop) => boolean;
     /** Emits when the user drops an item inside the container. */
@@ -94,6 +101,7 @@ dropped: EventEmitter<CdkDragDrop<T, any>>;
      * drop container, based on its current position.
+     * @param item Drag item that is being moved.
      * @param x Position of the item along the X axis.
      * @param y Position of the item along the Y axis.
      */
-    _getSiblingContainerFromPosition(x: number, y: number): CdkDrop | null;
+    _getSiblingContainerFromPosition(item: CdkDrag, x: number, y: number): CdkDrop | null;
     /** Refreshes the position cache of the items and sibling containers. */
@@ -100,0 +108,0 @@ private _cachePositions();

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

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":4,"metadata":{"CdkDrop":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":31,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"cdk-drop","exportAs":"cdkDrop","template":"<ng-content></ng-content>","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":36,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":37,"character":19},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","name":"CDK_DROP_CONTAINER"},"useExisting":{"__symbolic":"reference","name":"CdkDrop"}}],"host":{"class":"cdk-drop","[id]":"id","[class.cdk-drop-dragging]":"_dragging","$quoted$":["class","[id]","[class.cdk-drop-dragging]"]},"styles":[".cdk-drag-preview{position:fixed;top:0;left:0;z-index:1000}.cdk-drag,.cdk-drag-handle{touch-action:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}"]}]}],"members":{"_draggables":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":50,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDrag"}]}]}],"connectedTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"dropped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":72,"character":3}}]}],"entered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":77,"character":3}}]}],"exited":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":83,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":86,"character":31,"context":{"typeName":"HTMLElement"},"module":"./drop"}]},{"__symbolic":"reference","name":"DragDropRegistry"}]}],"ngOnInit":[{"__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"}],"_cachePositions":[{"__symbolic":"method"}],"_reset":[{"__symbolic":"method"}],"_adjustClientRect":[{"__symbolic":"method"}],"_getItemIndexFromPointerPosition":[{"__symbolic":"method"}]}},"CdkDropContainer":{"__symbolic":"interface"},"CDK_DROP_CONTAINER":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":60,"character":38},"arguments":["CDK_DROP_CONTAINER"]},"CdkDrag":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":42,"character":1},"arguments":[{"selector":"[cdkDrag]","exportAs":"cdkDrag","host":{"class":"cdk-drag","(mousedown)":"_startDragging($event)","(touchstart)":"_startDragging($event)","$quoted$":["class","(mousedown)","(touchstart)"]}}]}],"members":{"_handles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":100,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragHandle"}]}]}],"_previewTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":103,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragPreview"}]}]}],"_placeholderTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":108,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragPlaceholder"}]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":111,"character":3}}]}],"started":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":114,"character":3},"arguments":["cdkDragStarted"]}]}],"ended":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":117,"character":3},"arguments":["cdkDragEnded"]}]}],"entered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":120,"character":3},"arguments":["cdkDragEntered"]}]}],"exited":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":124,"character":3},"arguments":["cdkDragExited"]}]}],"dropped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":128,"character":3},"arguments":["cdkDragDropped"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":135,"character":5},"arguments":[{"__symbolic":"reference","name":"CDK_DROP_CONTAINER"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":135,"character":33}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":135,"character":45}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":136,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":136,"character":12}]}],null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":141,"character":5}}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":133,"character":31,"context":{"typeName":"HTMLElement"},"module":"./drag"}]},{"__symbolic":"reference","name":"CdkDropContainer"},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":137,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":138,"character":31},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"ViewportRuler","line":139,"character":28},{"__symbolic":"reference","name":"DragDropRegistry"},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":141,"character":30}]}],"getPlaceholderElement":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_startDragging":[{"__symbolic":"method"}],"_cleanupDragArtifacts":[{"__symbolic":"method"}],"_updateActiveDropContainer":[{"__symbolic":"method"}],"_createPreviewElement":[{"__symbolic":"method"}],"_createPlaceholderElement":[{"__symbolic":"method"}],"_getPointerPositionInElement":[{"__symbolic":"method"}],"_animatePreviewToPlaceholder":[{"__symbolic":"method"}],"_setTransform":[{"__symbolic":"method"}],"_removeElement":[{"__symbolic":"method"}],"_getPointerPositionOnPage":[{"__symbolic":"method"}],"_isTouchEvent":[{"__symbolic":"method"}],"_destroyPreview":[{"__symbolic":"method"}],"_destroyPlaceholder":[{"__symbolic":"method"}]}},"CdkDragHandle":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":11,"character":1},"arguments":[{"selector":"[cdkDragHandle]","host":{"class":"cdk-drag-handle","$quoted$":["class"]}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":18,"character":41,"context":{"typeName":"HTMLElement"},"module":"./drag-handle"}]}]}]}},"CdkDragStart":{"__symbolic":"interface"},"CdkDragEnd":{"__symbolic":"interface"},"CdkDragEnter":{"__symbolic":"interface"},"CdkDragExit":{"__symbolic":"interface"},"CdkDragDrop":{"__symbolic":"interface"},"moveItemInArray":{"__symbolic":"function"},"transferArrayItem":{"__symbolic":"function"},"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":"./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":"./drag-placeholder"}]}]}]}},"DragDropModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CdkDrop"},{"__symbolic":"reference","name":"CdkDrag"},{"__symbolic":"reference","name":"CdkDragHandle"},{"__symbolic":"reference","name":"CdkDragPreview"},{"__symbolic":"reference","name":"CdkDragPlaceholder"}],"exports":[{"__symbolic":"reference","name":"CdkDrop"},{"__symbolic":"reference","name":"CdkDrag"},{"__symbolic":"reference","name":"CdkDragHandle"},{"__symbolic":"reference","name":"CdkDragPreview"},{"__symbolic":"reference","name":"CdkDragPlaceholder"}]}]}],"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":57,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":57,"character":12}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":56,"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":{}}}},"origins":{"CdkDrop":"./drop","CdkDropContainer":"./drop-container","CDK_DROP_CONTAINER":"./drop-container","CdkDrag":"./drag","CdkDragHandle":"./drag-handle","CdkDragStart":"./drag-events","CdkDragEnd":"./drag-events","CdkDragEnter":"./drag-events","CdkDragExit":"./drag-events","CdkDragDrop":"./drag-events","moveItemInArray":"./drag-utils","transferArrayItem":"./drag-utils","CdkDragPreview":"./drag-preview","CdkDragPlaceholder":"./drag-placeholder","DragDropModule":"./drag-drop-module","DragDropRegistry":"./drag-drop-registry"},"importAs":"@angular/cdk-experimental/drag-drop"}
+{"__symbolic":"module","version":4,"metadata":{"CdkDrop":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":31,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"cdk-drop","exportAs":"cdkDrop","template":"<ng-content></ng-content>","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":36,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":37,"character":19},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","name":"CDK_DROP_CONTAINER"},"useExisting":{"__symbolic":"reference","name":"CdkDrop"}}],"host":{"class":"cdk-drop","[id]":"id","[class.cdk-drop-dragging]":"_dragging","$quoted$":["class","[id]","[class.cdk-drop-dragging]"]},"styles":[".cdk-drag-preview{position:fixed;top:0;left:0;z-index:1000}.cdk-drag,.cdk-drag-handle{touch-action:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}"]}]}],"members":{"_draggables":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":50,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDrag"}]}]}],"connectedTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"lockAxis":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"enterPredicate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3}}]}],"dropped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":81,"character":3}}]}],"entered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":86,"character":3}}]}],"exited":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":92,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":95,"character":31,"context":{"typeName":"HTMLElement"},"module":"./drop"}]},{"__symbolic":"reference","name":"DragDropRegistry"}]}],"ngOnInit":[{"__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"}],"_cachePositions":[{"__symbolic":"method"}],"_reset":[{"__symbolic":"method"}],"_adjustClientRect":[{"__symbolic":"method"}],"_getItemIndexFromPointerPosition":[{"__symbolic":"method"}]}},"CdkDropContainer":{"__symbolic":"interface"},"CDK_DROP_CONTAINER":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":63,"character":38},"arguments":["CDK_DROP_CONTAINER"]},"CdkDrag":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":49,"character":1},"arguments":[{"selector":"[cdkDrag]","exportAs":"cdkDrag","host":{"class":"cdk-drag","(mousedown)":"_startDragging($event)","(touchstart)":"_startDragging($event)","$quoted$":["class","(mousedown)","(touchstart)"]}}]}],"members":{"_handles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":116,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragHandle"}]}]}],"_previewTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":119,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragPreview"}]}]}],"_placeholderTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":122,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragPlaceholder"}]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":125,"character":3},"arguments":["cdkDragData"]}]}],"lockAxis":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":128,"character":3},"arguments":["cdkDragLockAxis"]}]}],"started":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":131,"character":3},"arguments":["cdkDragStarted"]}]}],"ended":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":134,"character":3},"arguments":["cdkDragEnded"]}]}],"entered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":137,"character":3},"arguments":["cdkDragEntered"]}]}],"exited":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":141,"character":3},"arguments":["cdkDragExited"]}]}],"dropped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":145,"character":3},"arguments":["cdkDragDropped"]}]}],"moved":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":152,"character":3},"arguments":["cdkDragMoved"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":166,"character":5},"arguments":[{"__symbolic":"reference","name":"CDK_DROP_CONTAINER"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":166,"character":33}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":166,"character":45}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":167,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":167,"character":12}]}],null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":172,"character":5}}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":164,"character":31,"context":{"typeName":"HTMLElement"},"module":"./drag"}]},{"__symbolic":"reference","name":"CdkDropContainer"},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":168,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":169,"character":31},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"ViewportRuler","line":170,"character":28},{"__symbolic":"reference","name":"DragDropRegistry"},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":172,"character":30}]}],"getPlaceholderElement":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_startDragging":[{"__symbolic":"method"}],"_cleanupDragArtifacts":[{"__symbolic":"method"}],"_updateActiveDropContainer":[{"__symbolic":"method"}],"_createPreviewElement":[{"__symbolic":"method"}],"_createPlaceholderElement":[{"__symbolic":"method"}],"_getPointerPositionInElement":[{"__symbolic":"method"}],"_animatePreviewToPlaceholder":[{"__symbolic":"method"}],"_setTransform":[{"__symbolic":"method"}],"_removeElement":[{"__symbolic":"method"}],"_getPointerPositionOnPage":[{"__symbolic":"method"}],"_getConstrainedPointerPosition":[{"__symbolic":"method"}],"_isTouchEvent":[{"__symbolic":"method"}],"_destroyPreview":[{"__symbolic":"method"}],"_destroyPlaceholder":[{"__symbolic":"method"}]}},"CdkDragHandle":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":11,"character":1},"arguments":[{"selector":"[cdkDragHandle]","host":{"class":"cdk-drag-handle","$quoted$":["class"]}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":18,"character":41,"context":{"typeName":"HTMLElement"},"module":"./drag-handle"}]}]}]}},"CdkDragStart":{"__symbolic":"interface"},"CdkDragEnd":{"__symbolic":"interface"},"CdkDragEnter":{"__symbolic":"interface"},"CdkDragExit":{"__symbolic":"interface"},"CdkDragDrop":{"__symbolic":"interface"},"CdkDragMove":{"__symbolic":"interface"},"moveItemInArray":{"__symbolic":"function"},"transferArrayItem":{"__symbolic":"function"},"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":"./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":"./drag-placeholder"}]}]}]}},"DragDropModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CdkDrop"},{"__symbolic":"reference","name":"CdkDrag"},{"__symbolic":"reference","name":"CdkDragHandle"},{"__symbolic":"reference","name":"CdkDragPreview"},{"__symbolic":"reference","name":"CdkDragPlaceholder"}],"exports":[{"__symbolic":"reference","name":"CdkDrop"},{"__symbolic":"reference","name":"CdkDrag"},{"__symbolic":"reference","name":"CdkDragHandle"},{"__symbolic":"reference","name":"CdkDragPreview"},{"__symbolic":"reference","name":"CdkDragPlaceholder"}]}]}],"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":57,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":57,"character":12}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":56,"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":{}}}},"origins":{"CdkDrop":"./drop","CdkDropContainer":"./drop-container","CDK_DROP_CONTAINER":"./drop-container","CdkDrag":"./drag","CdkDragHandle":"./drag-handle","CdkDragStart":"./drag-events","CdkDragEnd":"./drag-events","CdkDragEnter":"./drag-events","CdkDragExit":"./drag-events","CdkDragDrop":"./drag-events","CdkDragMove":"./drag-events","moveItemInArray":"./drag-utils","transferArrayItem":"./drag-utils","CdkDragPreview":"./drag-preview","CdkDragPlaceholder":"./drag-placeholder","DragDropModule":"./drag-drop-module","DragDropRegistry":"./drag-drop-registry"},"importAs":"@angular/cdk-experimental/drag-drop"}

typings/esm5/index.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":4,"metadata":{"VERSION":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Version","line":11,"character":27},"arguments":["6.4.5"]}},"origins":{"VERSION":"./version"},"importAs":"@angular/cdk-experimental"}
+{"__symbolic":"module","version":4,"metadata":{"VERSION":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Version","line":11,"character":27},"arguments":["6.4.6"]}},"origins":{"VERSION":"./version"},"importAs":"@angular/cdk-experimental"}

typings/index.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":4,"metadata":{"VERSION":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Version","line":11,"character":27},"arguments":["6.4.5"]}},"origins":{"VERSION":"./version"},"importAs":"@angular/cdk-experimental"}
+{"__symbolic":"module","version":4,"metadata":{"VERSION":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Version","line":11,"character":27},"arguments":["6.4.6"]}},"origins":{"VERSION":"./version"},"importAs":"@angular/cdk-experimental"}

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1757418

increased by1.9%

Lines of code

17252

increased by1.85%

No dependency changes