@angular/cdk 7.1.1 → 7.3.0

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

@@ -5,5 +5,6 @@
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("@angular/cdk/platform"),require("rxjs"),require("@angular/cdk/coercion"),require("@angular/cdk/bidi"),require("@angular/cdk/scrolling"),require("rxjs/operators")):"function"==typeof define&&define.amd?define("@angular/cdk/dragDrop",["exports","@angular/core","@angular/common","@angular/cdk/platform","rxjs","@angular/cdk/coercion","@angular/cdk/bidi","@angular/cdk/scrolling","rxjs/operators"],e):e((t.ng=t.ng||{},t.ng.cdk=t.ng.cdk||{},t.ng.cdk.dragDrop={}),t.ng.core,t.ng.common,t.ng.cdk.platform,t.rxjs,t.ng.cdk.coercion,t.ng.cdk.bidi,t.ng.cdk.scrolling,t.rxjs.operators)}(this,function(t,e,i,r,n,o,s,a,p){"use strict";function c(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i]);return t}function l(t,e){var i=e?"":"none";c(t.style,{touchAction:e?"":"none",webkitUserDrag:e?"":"none",webkitTapHighlightColor:e?"":"transparent",userSelect:i,msUserSelect:i,webkitUserSelect:i,MozUserSelect:i})}function h(t){var e=t.toLowerCase().indexOf("ms")>-1?1:1e3;return parseFloat(t)*e}function d(t){var e=getComputedStyle(t),i=u(e,"transition-property"),r=i.find(function(t){return"transform"===t||"all"===t});if(!r)return 0;var n=i.indexOf(r),o=u(e,"transition-duration"),s=u(e,"transition-delay");return h(o[n])+h(s[n])}function u(t,e){return t.getPropertyValue(e).split(",").map(function(t){return t.trim()})}function g(){return{dragStartThreshold:5,pointerDirectionChangeThreshold:5}}function _(t,e){return"translate3d("+Math.round(t)+"px, "+Math.round(e)+"px, 0)"}function f(t){var e=t.cloneNode(!0);return e.removeAttribute("id"),e}function m(t,e,i){var r=D(e,t.length-1),n=D(i,t.length-1);if(r!==n){for(var o=t[r],s=n<r?-1:1,a=r;a!==n;a+=s)t[a]=t[a+s];t[n]=o}}function v(t,e,i,r){var n=D(i,t.length-1),o=D(r,e.length);t.length&&e.splice(o,0,t.splice(n,1)[0])}function y(t,e,i,r){var n=D(r,e.length);t.length&&e.splice(n,0,t[i])}function D(t,e){return Math.max(0,Math.min(e,t))}function b(t,e){for(var i=0;i<t.length;i++)if(e(t[i],i,t))return i;return-1}function E(t,e,i){var r=t.top,n=t.bottom,o=t.left,s=t.right;return i>=r&&i<=n&&e>=o&&e<=s}var C=r.normalizePassiveListenerOptions({passive:!1,capture:!0}),P=function(){function t(t,e){var i=this;this._ngZone=t,this._dropInstances=new Set,this._dragInstances=new Set,this._activeDragInstances=new Set,this._globalListeners=new Map,this.pointerMove=new n.Subject,this.pointerUp=new n.Subject,this._preventScrollListener=function(t){i._activeDragInstances.size&&t.preventDefault()},this._document=e}return t.prototype.registerDropContainer=function(t){if(!this._dropInstances.has(t)){if(this.getDropContainer(t.id))throw Error('Drop instance with id "'+t.id+'" has already been registered.');this._dropInstances.add(t)}},t.prototype.registerDragItem=function(t){var e=this;this._dragInstances.add(t),1===this._dragInstances.size&&this._ngZone.runOutsideAngular(function(){e._document.addEventListener("touchmove",e._preventScrollListener,C)})},t.prototype.removeDropContainer=function(t){this._dropInstances.delete(t)},t.prototype.removeDragItem=function(t){this._dragInstances.delete(t),this.stopDragging(t),0===this._dragInstances.size&&this._document.removeEventListener("touchmove",this._preventScrollListener,C)},t.prototype.startDragging=function(t,e){var i=this;if(this._activeDragInstances.add(t),1===this._activeDragInstances.size){var r=e.type.startsWith("touch"),n=r?"touchmove":"mousemove",o=r?"touchend":"mouseup";this._globalListeners.set(n,{handler:function(t){return i.pointerMove.next(t)},options:C}).set(o,{handler:function(t){return i.pointerUp.next(t)},options:!0}),r||this._globalListeners.set("wheel",{handler:this._preventScrollListener,options:C}),this._ngZone.runOutsideAngular(function(){i._globalListeners.forEach(function(t,e){i._document.addEventListener(e,t.handler,t.options)})})}},t.prototype.stopDragging=function(t){this._activeDragInstances.delete(t),0===this._activeDragInstances.size&&this._clearGlobalListeners()},t.prototype.isDragging=function(t){return this._activeDragInstances.has(t)},t.prototype.getDropContainer=function(t){return Array.from(this._dropInstances).find(function(e){return e.id===t})},t.prototype.ngOnDestroy=function(){var t=this;this._dragInstances.forEach(function(e){return t.removeDragItem(e)}),this._dropInstances.forEach(function(e){return t.removeDropContainer(e)}),this._clearGlobalListeners(),this.pointerMove.complete(),this.pointerUp.complete()},t.prototype._clearGlobalListeners=function(){var t=this;this._globalListeners.forEach(function(e,i){t._document.removeEventListener(i,e.handler,e.options)}),this._globalListeners.clear()},t.decorators=[{type:e.Injectable,args:[{providedIn:"root"}]}],t.ctorParameters=function(){return[{type:e.NgZone},{type:void 0,decorators:[{type:e.Inject,args:[i.DOCUMENT]}]}]},t.ngInjectableDef=e.defineInjectable({factory:function(){return new t(e.inject(e.NgZone),e.inject(i.DOCUMENT))},token:t,providedIn:"root"}),t}(),x=new e.InjectionToken("CDK_DRAG_PARENT"),I=function(){function t(t,e){this.element=t,this._disabled=!1,this._parentDrag=e,l(t.nativeElement,!1)}return Object.defineProperty(t.prototype,"disabled",{get:function(){return this._disabled},set:function(t){this._disabled=o.coerceBooleanProperty(t)},enumerable:!0,configurable:!0}),t.decorators=[{type:e.Directive,args:[{selector:"[cdkDragHandle]",host:{class:"cdk-drag-handle"}}]}],t.ctorParameters=function(){return[{type:e.ElementRef},{type:void 0,decorators:[{type:e.Inject,args:[x]},{type:e.Optional}]}]},t.propDecorators={disabled:[{type:e.Input,args:["cdkDragHandleDisabled"]}]},t}(),w=function(){function t(t){this.templateRef=t}return t.decorators=[{type:e.Directive,args:[{selector:"ng-template[cdkDragPlaceholder]"}]}],t.ctorParameters=function(){return[{type:e.TemplateRef}]},t.propDecorators={data:[{type:e.Input}]},t}(),k=function(){function t(t){this.templateRef=t}return t.decorators=[{type:e.Directive,args:[{selector:"ng-template[cdkDragPreview]"}]}],t.ctorParameters=function(){return[{type:e.TemplateRef}]},t.propDecorators={data:[{type:e.Input}]},t}(),R=new e.InjectionToken("CDK_DROP_LIST_CONTAINER"),S=new e.InjectionToken("CDK_DRAG_CONFIG",{providedIn:"root",factory:g}),T=r.normalizePassiveListenerOptions({passive:!0}),O=r.normalizePassiveListenerOptions({passive:!1}),L=function(){function t(t,i,r,o,s,a,p,c,l){var h=this;this.element=t,this.dropContainer=i,this._ngZone=o,this._viewContainerRef=s,this._viewportRuler=a,this._dragDropRegistry=p,this._config=c,this._dir=l,this._passiveTransform={x:0,y:0},this._activeTransform={x:0,y:0},this._moveEvents=new n.Subject,this._moveEventSubscriptions=0,this._pointerMoveSubscription=n.Subscription.EMPTY,this._pointerUpSubscription=n.Subscription.EMPTY,this._rootElementInitSubscription=n.Subscription.EMPTY,this._disabled=!1,this.started=new e.EventEmitter,this.ended=new e.EventEmitter,this.entered=new e.EventEmitter,this.exited=new e.EventEmitter,this.dropped=new e.EventEmitter,this.moved=n.Observable.create(function(t){var e=h._moveEvents.subscribe(t);return h._moveEventSubscriptions++,function(){e.unsubscribe(),h._moveEventSubscriptions--}}),this._pointerDown=function(t){var e=h.getChildHandles();if(e.length){var i=e.find(function(e){var i=e.element.nativeElement,r=t.target;return!!r&&(r===i||i.contains(r))});!i||i.disabled||h.disabled||h._initializeDragSequence(i.element.nativeElement,t)}else h.disabled||h._initializeDragSequence(h._rootElement,t)},this._pointerMove=function(t){var e=h._getConstrainedPointerPosition(t);if(!h._hasStartedDragging){return void(Math.abs(e.x-h._pickupPositionOnPage.x)+Math.abs(e.y-h._pickupPositionOnPage.y)>=h._config.dragStartThreshold&&(h._hasStartedDragging=!0,h._ngZone.run(function(){return h._startDragSequence(t)})))}if(h._hasMoved=!0,t.preventDefault(),h._updatePointerDirectionDelta(e),h.dropContainer)h._updateActiveDropContainer(e);else{var i=h._activeTransform;i.x=e.x-h._pickupPositionOnPage.x+h._passiveTransform.x,i.y=e.y-h._pickupPositionOnPage.y+h._passiveTransform.y;var r=_(i.x,i.y);if(h._rootElement.style.transform=h._initialTransform?h._initialTransform+" "+r:r,"undefined"!=typeof SVGElement&&h._rootElement instanceof SVGElement){var n="translate("+i.x+" "+i.y+")";h._rootElement.setAttribute("transform",n)}}h._moveEventSubscriptions>0&&h._ngZone.run(function(){h._moveEvents.next({source:h,pointerPosition:e,event:t,delta:h._pointerDirectionDelta})})},this._pointerUp=function(){if(h._isDragging()&&(h._removeSubscriptions(),h._dragDropRegistry.stopDragging(h),h._hasStartedDragging))return h.dropContainer?void h._animatePreviewToPlaceholder().then(function(){h._cleanupDragArtifacts(),h._dragDropRegistry.stopDragging(h)}):(h._passiveTransform.x=h._activeTransform.x,h._passiveTransform.y=h._activeTransform.y,h._ngZone.run(function(){return h.ended.emit({source:h})}),void h._dragDropRegistry.stopDragging(h))},this._document=r,p.registerDragItem(this)}return Object.defineProperty(t.prototype,"disabled",{get:function(){return this._disabled||this.dropContainer&&this.dropContainer.disabled},set:function(t){this._disabled=o.coerceBooleanProperty(t)},enumerable:!0,configurable:!0}),t.prototype.getPlaceholderElement=function(){return this._placeholder},t.prototype.getRootElement=function(){return this._rootElement},t.prototype.reset=function(){this._rootElement.style.transform="",this._activeTransform={x:0,y:0},this._passiveTransform={x:0,y:0}},t.prototype.ngAfterViewInit=function(){var t=this;this._rootElementInitSubscription=this._ngZone.onStable.asObservable().pipe(p.take(1)).subscribe(function(){var e=t._rootElement=t._getRootElement();e.addEventListener("mousedown",t._pointerDown,O),e.addEventListener("touchstart",t._pointerDown,T),t._handles.changes.pipe(p.startWith(null)).subscribe(function(){return l(e,t.getChildHandles().length>0)})})},t.prototype.ngOnDestroy=function(){this._rootElement&&(this._rootElement.removeEventListener("mousedown",this._pointerDown,O),this._rootElement.removeEventListener("touchstart",this._pointerDown,T),this._isDragging()&&this._removeElement(this._rootElement)),this._rootElementInitSubscription.unsubscribe(),this._destroyPreview(),this._destroyPlaceholder(),this._nextSibling=null,this._dragDropRegistry.removeDragItem(this),this._removeSubscriptions(),this._moveEvents.complete()},t.prototype._isDragging=function(){return this._dragDropRegistry.isDragging(this)},t.prototype.getChildHandles=function(){var t=this;return this._handles.filter(function(e){return e._parentDrag===t})},t.prototype._initializeDragSequence=function(t,e){e.stopPropagation();var i=this._isDragging(),r=this._isTouchEvent(e),n=!r&&0!==e.button,o=!r&&this._lastTouchEventTime&&this._lastTouchEventTime+800>Date.now();if(e.target&&e.target.draggable&&"mousedown"===e.type&&e.preventDefault(),!(i||n||o)){null==this._initialTransform&&(this._initialTransform=this._rootElement.style.transform||""),this._hasStartedDragging=this._hasMoved=!1,this._initialContainer=this.dropContainer,this._pointerMoveSubscription=this._dragDropRegistry.pointerMove.subscribe(this._pointerMove),this._pointerUpSubscription=this._dragDropRegistry.pointerUp.subscribe(this._pointerUp),this._scrollPosition=this._viewportRuler.getViewportScrollPosition(),this._pickupPositionInElement=this._previewTemplate?{x:0,y:0}:this._getPointerPositionInElement(t,e);var s=this._pickupPositionOnPage=this._getPointerPositionOnPage(e);this._pointerDirectionDelta={x:0,y:0},this._pointerPositionAtLastDirectionChange={x:s.x,y:s.y},this._dragDropRegistry.startDragging(this,e)}},t.prototype._startDragSequence=function(t){if(this.started.emit({source:this}),this._isTouchEvent(t)&&(this._lastTouchEventTime=Date.now()),this.dropContainer){var e=this._rootElement;this._nextSibling=e.nextSibling;var i=this._preview=this._createPreviewElement(),r=this._placeholder=this._createPlaceholderElement();e.style.display="none",this._document.body.appendChild(e.parentNode.replaceChild(r,e)),this._document.body.appendChild(i),this.dropContainer.start()}},t.prototype._cleanupDragArtifacts=function(){var t=this;this._rootElement.style.display="",this._nextSibling?this._nextSibling.parentNode.insertBefore(this._rootElement,this._nextSibling):this._initialContainer.element.nativeElement.appendChild(this._rootElement),this._destroyPreview(),this._destroyPlaceholder(),this._ngZone.run(function(){var e=t.dropContainer.getItemIndex(t);t.ended.emit({source:t}),t.dropped.emit({item:t,currentIndex:e,previousIndex:t._initialContainer.getItemIndex(t),container:t.dropContainer,previousContainer:t._initialContainer}),t.dropContainer.drop(t,e,t._initialContainer),t.dropContainer=t._initialContainer})},t.prototype._updateActiveDropContainer=function(t){var e=this,i=t.x,r=t.y,n=this.dropContainer._getSiblingContainerFromPosition(this,i,r);!n&&this.dropContainer!==this._initialContainer&&this._initialContainer._canReturnItem(i,r)&&(n=this._initialContainer),n&&this._ngZone.run(function(){e.exited.emit({item:e,container:e.dropContainer}),e.dropContainer.exit(e),e.entered.emit({item:e,container:n}),e.dropContainer=n,e.dropContainer.enter(e,i,r)}),this.dropContainer._sortItem(this,i,r,this._pointerDirectionDelta),this._preview.style.transform=_(i-this._pickupPositionInElement.x,r-this._pickupPositionInElement.y)},t.prototype._createPreviewElement=function(){var t;if(this._previewTemplate){var e=this._viewContainerRef.createEmbeddedView(this._previewTemplate.templateRef,this._previewTemplate.data);t=e.rootNodes[0],this._previewRef=e,t.style.transform=_(this._pickupPositionOnPage.x,this._pickupPositionOnPage.y)}else{var i=this._rootElement,r=i.getBoundingClientRect();t=f(i),t.style.width=r.width+"px",t.style.height=r.height+"px",t.style.transform=_(r.left,r.top)}return c(t.style,{position:"fixed",top:"0",left:"0",zIndex:"1000"}),t.classList.add("cdk-drag-preview"),t.setAttribute("dir",this._dir?this._dir.value:"ltr"),t},t.prototype._createPlaceholderElement=function(){var t;return this._placeholderTemplate?(this._placeholderRef=this._viewContainerRef.createEmbeddedView(this._placeholderTemplate.templateRef,this._placeholderTemplate.data),t=this._placeholderRef.rootNodes[0]):t=f(this._rootElement),t.classList.add("cdk-drag-placeholder"),t},t.prototype._getPointerPositionInElement=function(t,e){var i=this._rootElement.getBoundingClientRect(),r=t===this._rootElement?null:t,n=r?r.getBoundingClientRect():i,o=this._isTouchEvent(e)?e.targetTouches[0]:e,s=o.pageX-n.left-this._scrollPosition.left,a=o.pageY-n.top-this._scrollPosition.top;return{x:n.left-i.left+s,y:n.top-i.top+a}},t.prototype._animatePreviewToPlaceholder=function(){var t=this;if(!this._hasMoved)return Promise.resolve();var e=this._placeholder.getBoundingClientRect();this._preview.classList.add("cdk-drag-animating"),this._preview.style.transform=_(e.left,e.top);var i=d(this._preview);return 0===i?Promise.resolve():this._ngZone.runOutsideAngular(function(){return new Promise(function(e){var r=function(i){(!i||i.target===t._preview&&"transform"===i.propertyName)&&(t._preview.removeEventListener("transitionend",r),e(),clearTimeout(n))},n=setTimeout(r,1.5*i);t._preview.addEventListener("transitionend",r)})})},t.prototype._removeElement=function(t){t&&t.parentNode&&t.parentNode.removeChild(t)},t.prototype._getPointerPositionOnPage=function(t){var e=this._isTouchEvent(t)?t.touches[0]:t;return{x:e.pageX-this._scrollPosition.left,y:e.pageY-this._scrollPosition.top}},t.prototype._getConstrainedPointerPosition=function(t){var e=this._getPointerPositionOnPage(t),i=this.dropContainer?this.dropContainer.lockAxis:null;return"x"===this.lockAxis||"x"===i?e.y=this._pickupPositionOnPage.y:"y"!==this.lockAxis&&"y"!==i||(e.x=this._pickupPositionOnPage.x),e},t.prototype._isTouchEvent=function(t){return t.type.startsWith("touch")},t.prototype._destroyPreview=function(){this._preview&&this._removeElement(this._preview),this._previewRef&&this._previewRef.destroy(),this._preview=this._previewRef=null},t.prototype._destroyPlaceholder=function(){this._placeholder&&this._removeElement(this._placeholder),this._placeholderRef&&this._placeholderRef.destroy(),this._placeholder=this._placeholderRef=null},t.prototype._updatePointerDirectionDelta=function(t){var e=t.x,i=t.y,r=this._pointerDirectionDelta,n=this._pointerPositionAtLastDirectionChange,o=Math.abs(e-n.x),s=Math.abs(i-n.y);return o>this._config.pointerDirectionChangeThreshold&&(r.x=e>n.x?1:-1,n.x=e),s>this._config.pointerDirectionChangeThreshold&&(r.y=i>n.y?1:-1,n.y=i),r},t.prototype._getRootElement=function(){if(this.rootElementSelector)for(var t=this.rootElementSelector,e=this.element.nativeElement.parentElement;e;){if(e.matches?e.matches(t):e.msMatchesSelector(t))return e;e=e.parentElement}return this.element.nativeElement},t.prototype._removeSubscriptions=function(){this._pointerMoveSubscription.unsubscribe(),this._pointerUpSubscription.unsubscribe()},t.decorators=[{type:e.Directive,args:[{selector:"[cdkDrag]",exportAs:"cdkDrag",host:{class:"cdk-drag","[class.cdk-drag-dragging]":"_hasStartedDragging && _isDragging()"},providers:[{provide:x,useExisting:t}]}]}],t.ctorParameters=function(){return[{type:e.ElementRef},{type:void 0,decorators:[{type:e.Inject,args:[R]},{type:e.Optional},{type:e.SkipSelf}]},{type:void 0,decorators:[{type:e.Inject,args:[i.DOCUMENT]}]},{type:e.NgZone},{type:e.ViewContainerRef},{type:a.ViewportRuler},{type:P},{type:void 0,decorators:[{type:e.Inject,args:[S]}]},{type:s.Directionality,decorators:[{type:e.Optional}]}]},t.propDecorators={_handles:[{type:e.ContentChildren,args:[I,{descendants:!0}]}],_previewTemplate:[{type:e.ContentChild,args:[k]}],_placeholderTemplate:[{type:e.ContentChild,args:[w]}],data:[{type:e.Input,args:["cdkDragData"]}],lockAxis:[{type:e.Input,args:["cdkDragLockAxis"]}],rootElementSelector:[{type:e.Input,args:["cdkDragRootElement"]}],disabled:[{type:e.Input,args:["cdkDragDisabled"]}],started:[{type:e.Output,args:["cdkDragStarted"]}],ended:[{type:e.Output,args:["cdkDragEnded"]}],entered:[{type:e.Output,args:["cdkDragEntered"]}],exited:[{type:e.Output,args:["cdkDragExited"]}],dropped:[{type:e.Output,args:["cdkDragDropped"]}],moved:[{type:e.Output,args:["cdkDragMoved"]}]},t}(),A=function(){function t(){this._items=new Set}return t.prototype.ngOnDestroy=function(){this._items.clear()},t.decorators=[{type:e.Directive,args:[{selector:"[cdkDropListGroup]",exportAs:"cdkDropListGroup"}]}],t}(),M=0,j=function(){function t(t,i,r,n,o){this.element=t,this._dragDropRegistry=i,this._changeDetectorRef=r,this._dir=n,this._group=o,this.connectedTo=[],this.orientation="vertical",this.id="cdk-drop-list-"+M++,this._disabled=!1,this.enterPredicate=function(){return!0},this.dropped=new e.EventEmitter,this.entered=new e.EventEmitter,this.exited=new e.EventEmitter,this.sorted=new e.EventEmitter,this._dragging=!1,this._positionCache={items:[],siblings:[],self:{}},this._previousSwap={drag:null,delta:0}}return Object.defineProperty(t.prototype,"disabled",{get:function(){return this._disabled},set:function(t){this._disabled=o.coerceBooleanProperty(t)},enumerable:!0,configurable:!0}),t.prototype.ngOnInit=function(){this._dragDropRegistry.registerDropContainer(this),this._group&&this._group._items.add(this)},t.prototype.ngOnDestroy=function(){this._dragDropRegistry.removeDropContainer(this),this._group&&this._group._items.delete(this)},t.prototype.start=function(){this._dragging=!0,this._activeDraggables=this._draggables.toArray(),this._cachePositions(),this._changeDetectorRef.markForCheck()},t.prototype.drop=function(t,e,i){this._reset(),this.dropped.emit({item:t,currentIndex:e,previousIndex:i.getItemIndex(t),container:this,previousContainer:i})},t.prototype.enter=function(t,e,i){this.entered.emit({item:t,container:this}),this.start();var r=this._getItemIndexFromPointerPosition(t,e,i),n=this._activeDraggables.indexOf(t),o=this._activeDraggables[r],s=t.getPlaceholderElement();if(n>-1&&this._activeDraggables.splice(n,1),o&&!this._dragDropRegistry.isDragging(o)){var a=o.getRootElement();a.parentElement.insertBefore(s,a),this._activeDraggables.splice(r,0,t)}else this.element.nativeElement.appendChild(s),this._activeDraggables.push(t);s.style.transform="",this._cachePositions()},t.prototype.exit=function(t){this._reset(),this.exited.emit({item:t,container:this})},t.prototype.getItemIndex=function(t){return this._dragging?b("horizontal"===this.orientation&&this._dir&&"rtl"===this._dir.value?this._positionCache.items.slice().reverse():this._positionCache.items,function(e){return e.drag===t}):this._draggables.toArray().indexOf(t)},t.prototype._sortItem=function(t,e,i,r){var n=this;if(this._isPointerNearDropContainer(e,i)){var o=this._positionCache.items,s=this._getItemIndexFromPointerPosition(t,e,i,r);if(!(-1===s&&o.length>0)){var a="horizontal"===this.orientation,p=b(o,function(e){return e.drag===t}),c=o[s],l=o[p].clientRect,h=c.clientRect,d=p>s?1:-1;this._previousSwap.drag=c.drag,this._previousSwap.delta=a?r.x:r.y;var u=this._getItemOffsetPx(l,h,d),g=this._getSiblingOffsetPx(p,o,d),_=o.slice();m(o,p,s),this.sorted.emit({previousIndex:p,currentIndex:s,container:this,item:t}),o.forEach(function(e,i){if(_[i]!==e){var r=e.drag===t,o=r?u:g,s=r?t.getPlaceholderElement():e.drag.getRootElement();e.offset+=o,a?(s.style.transform="translate3d("+Math.round(e.offset)+"px, 0, 0)",n._adjustClientRect(e.clientRect,0,o)):(s.style.transform="translate3d(0, "+Math.round(e.offset)+"px, 0)",n._adjustClientRect(e.clientRect,o,0))}})}}},t.prototype._getSiblingContainerFromPosition=function(t,e,i){var r=this._positionCache.siblings.find(function(t){return E(t.clientRect,e,i)});return r&&r.drop.enterPredicate(t,r.drop)?r.drop:null},t.prototype._canReturnItem=function(t,e){return E(this._positionCache.self,t,e)},t.prototype._cachePositions=function(){var t=this,e="horizontal"===this.orientation;this._positionCache.self=this.element.nativeElement.getBoundingClientRect(),this._positionCache.items=this._activeDraggables.map(function(e){var i=t._dragDropRegistry.isDragging(e)?e.getPlaceholderElement():e.getRootElement(),r=i.getBoundingClientRect();return{drag:e,offset:0,clientRect:{top:r.top,right:r.right,bottom:r.bottom,left:r.left,width:r.width,height:r.height}}}).sort(function(t,i){return e?t.clientRect.left-i.clientRect.left:t.clientRect.top-i.clientRect.top}),this._positionCache.siblings=this._getConnectedLists().map(function(t){return{drop:t,clientRect:t.element.nativeElement.getBoundingClientRect()}})},t.prototype._reset=function(){this._dragging=!1,this._activeDraggables.forEach(function(t){return t.getRootElement().style.transform=""}),this._activeDraggables=[],this._positionCache.items=[],this._positionCache.siblings=[],this._previousSwap.drag=null,this._previousSwap.delta=0},t.prototype._adjustClientRect=function(t,e,i){t.top+=e,t.bottom=t.top+t.height,t.left+=i,t.right=t.left+t.width},t.prototype._getItemIndexFromPointerPosition=function(t,e,i,r){var n=this,o="horizontal"===this.orientation;return b(this._positionCache.items,function(s,a,p){var c=s.drag,l=s.clientRect;if(c===t)return p.length<2;if(r){var h=o?r.x:r.y;if(c===n._previousSwap.drag&&h===n._previousSwap.delta)return!1}return o?e>=Math.floor(l.left)&&e<=Math.floor(l.right):i>=Math.floor(l.top)&&i<=Math.floor(l.bottom)})},t.prototype._isPointerNearDropContainer=function(t,e){var i=this._positionCache.self,r=i.top,n=i.right,o=i.bottom,s=i.left,a=i.width,p=i.height,c=.05*a,l=.05*p;return e>r-l&&e<o+l&&t>s-c&&t<n+c},t.prototype._getItemOffsetPx=function(t,e,i){var r="horizontal"===this.orientation,n=r?e.left-t.left:e.top-t.top;return-1===i&&(n+=r?e.width-t.width:e.height-t.height),n},t.prototype._getSiblingOffsetPx=function(t,e,i){var r="horizontal"===this.orientation,n=e[t].clientRect,o=e[t+-1*i],s=n[r?"width":"height"]*i;if(o){var a=r?"left":"top",p=r?"right":"bottom";-1===i?s-=o.clientRect[a]-n[p]:s+=n[a]-o.clientRect[p]}return s},t.prototype._getConnectedLists=function(){var t=this,e=o.coerceArray(this.connectedTo).map(function(e){return"string"==typeof e?t._dragDropRegistry.getDropContainer(e):e});return this._group&&this._group._items.forEach(function(t){-1===e.indexOf(t)&&e.push(t)}),e.filter(function(e){return e&&e!==t})},t.decorators=[{type:e.Directive,args:[{selector:"[cdkDropList], cdk-drop-list",exportAs:"cdkDropList",providers:[{provide:A,useValue:void 0},{provide:R,useExisting:t}],host:{class:"cdk-drop-list","[id]":"id","[class.cdk-drop-list-dragging]":"_dragging"}}]}],t.ctorParameters=function(){return[{type:e.ElementRef},{type:P},{type:e.ChangeDetectorRef},{type:s.Directionality,decorators:[{type:e.Optional}]},{type:A,decorators:[{type:e.Optional},{type:e.SkipSelf}]}]},t.propDecorators={_draggables:[{type:e.ContentChildren,args:[e.forwardRef(function(){return L})]}],connectedTo:[{type:e.Input,args:["cdkDropListConnectedTo"]}],data:[{type:e.Input,args:["cdkDropListData"]}],orientation:[{type:e.Input,args:["cdkDropListOrientation"]}],id:[{type:e.Input}],lockAxis:[{type:e.Input,args:["cdkDropListLockAxis"]}],disabled:[{type:e.Input,args:["cdkDropListDisabled"]}],enterPredicate:[{type:e.Input,args:["cdkDropListEnterPredicate"]}],dropped:[{type:e.Output,args:["cdkDropListDropped"]}],entered:[{type:e.Output,args:["cdkDropListEntered"]}],exited:[{type:e.Output,args:["cdkDropListExited"]}],sorted:[{type:e.Output,args:["cdkDropListSorted"]}]},t}(),N=function(){function t(){}return t.decorators=[{type:e.NgModule,args:[{declarations:[j,A,L,I,k,w],exports:[j,A,L,I,k,w]}]}],t}();t.CdkDropList=j,t.CdkDropListGroup=A,t.CDK_DROP_LIST_CONTAINER=R,t.CDK_DRAG_CONFIG_FACTORY=g,t.CDK_DRAG_CONFIG=S,t.CdkDrag=L,t.CdkDragHandle=I,t.moveItemInArray=m,t.transferArrayItem=v,t.copyArrayItem=y,t.CdkDragPreview=k,t.CdkDragPlaceholder=w,t.DragDropModule=N,t.DragDropRegistry=P,t.ɵa=x,Object.defineProperty(t,"__esModule",{value:!0})});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/cdk/platform"),require("@angular/cdk/coercion"),require("rxjs"),require("@angular/core"),require("@angular/common"),require("@angular/cdk/scrolling"),require("@angular/cdk/bidi"),require("rxjs/operators")):"function"==typeof define&&define.amd?define("@angular/cdk/drag-drop",["exports","@angular/cdk/platform","@angular/cdk/coercion","rxjs","@angular/core","@angular/common","@angular/cdk/scrolling","@angular/cdk/bidi","rxjs/operators"],e):e((t.ng=t.ng||{},t.ng.cdk=t.ng.cdk||{},t.ng.cdk.dragDrop={}),t.ng.cdk.platform,t.ng.cdk.coercion,t.rxjs,t.ng.core,t.ng.common,t.ng.cdk.scrolling,t.ng.cdk.bidi,t.rxjs.operators)}(this,function(t,e,i,n,r,o,s,a,p){"use strict";function c(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i]);return t}function d(t,e){var i=e?"":"none";c(t.style,{touchAction:e?"":"none",webkitUserDrag:e?"":"none",webkitTapHighlightColor:e?"":"transparent",userSelect:i,msUserSelect:i,webkitUserSelect:i,MozUserSelect:i})}function h(t){var e=t.toLowerCase().indexOf("ms")>-1?1:1e3;return parseFloat(t)*e}function l(t){var e=getComputedStyle(t),i=u(e,"transition-property"),n=i.find(function(t){return"transform"===t||"all"===t});if(!n)return 0;var r=i.indexOf(n),o=u(e,"transition-duration"),s=u(e,"transition-delay");return h(o[r])+h(s[r])}function u(t,e){return t.getPropertyValue(e).split(",").map(function(t){return t.trim()})}function g(t,e){return"translate3d("+Math.round(t)+"px, "+Math.round(e)+"px, 0)"}function _(t){var e=t.cloneNode(!0);return e.removeAttribute("id"),e}function f(t,e,i){return Math.max(e,Math.min(i,t))}function m(t){t&&t.parentNode&&t.parentNode.removeChild(t)}function v(t){return t.type.startsWith("touch")}function y(t,e,i){var n=E(e,t.length-1),r=E(i,t.length-1);if(n!==r){for(var o=t[n],s=r<n?-1:1,a=n;a!==r;a+=s)t[a]=t[a+s];t[r]=o}}function b(t,e,i,n){var r=E(i,t.length-1),o=E(n,e.length);t.length&&e.splice(o,0,t.splice(r,1)[0])}function D(t,e,i,n){var r=E(n,e.length);t.length&&e.splice(r,0,t[i])}function E(t,e){return Math.max(0,Math.min(e,t))}function w(t,e,i){t.top+=e,t.bottom=t.top+t.height,t.left+=i,t.right=t.left+t.width}function R(t,e){for(var i=0;i<t.length;i++)if(e(t[i],i,t))return i;return-1}function x(t,e,i){var n=t.top,r=t.bottom,o=t.left,s=t.right;return i>=n&&i<=r&&e>=o&&e<=s}function P(){return{dragStartThreshold:5,pointerDirectionChangeThreshold:5}}function C(t,e){for(var i=t.parentElement;i;){if(i.matches?i.matches(e):i.msMatchesSelector(e))return i;i=i.parentElement}return null}var I=e.normalizePassiveListenerOptions({passive:!0}),k=e.normalizePassiveListenerOptions({passive:!1}),S=function(){function t(t,e,i,r,o,s){var a=this;this._config=e,this._document=i,this._ngZone=r,this._viewportRuler=o,this._dragDropRegistry=s,this._passiveTransform={x:0,y:0},this._activeTransform={x:0,y:0},this._moveEvents=new n.Subject,this._moveEventSubscriptions=0,this._pointerMoveSubscription=n.Subscription.EMPTY,this._pointerUpSubscription=n.Subscription.EMPTY,this._boundaryElement=null,this._nativeInteractionsEnabled=!0,this._handles=[],this._disabledHandles=new Set,this._direction="ltr",this._disabled=!1,this.beforeStarted=new n.Subject,this.started=new n.Subject,this.released=new n.Subject,this.ended=new n.Subject,this.entered=new n.Subject,this.exited=new n.Subject,this.dropped=new n.Subject,this.moved=new n.Observable(function(t){var e=a._moveEvents.subscribe(t);return a._moveEventSubscriptions++,function(){e.unsubscribe(),a._moveEventSubscriptions--}}),this._pointerDown=function(t){if(a.beforeStarted.next(),a._handles.length){var e=a._handles.find(function(e){var i=t.target;return!!i&&(i===e||e.contains(i))});!e||a._disabledHandles.has(e)||a.disabled||a._initializeDragSequence(e,t)}else a.disabled||a._initializeDragSequence(a._rootElement,t)},this._pointerMove=function(t){if(!a._hasStartedDragging){var e=a._getPointerPositionOnPage(t);return void(Math.abs(e.x-a._pickupPositionOnPage.x)+Math.abs(e.y-a._pickupPositionOnPage.y)>=a._config.dragStartThreshold&&(a._hasStartedDragging=!0,a._ngZone.run(function(){return a._startDragSequence(t)})))}a._boundaryElement&&(a._previewRect&&(a._previewRect.width||a._previewRect.height)||(a._previewRect=(a._preview||a._rootElement).getBoundingClientRect()));var i=a._getConstrainedPointerPosition(t);if(a._hasMoved=!0,t.preventDefault(),a._updatePointerDirectionDelta(i),a._dropContainer)a._updateActiveDropContainer(i);else{var n=a._activeTransform;n.x=i.x-a._pickupPositionOnPage.x+a._passiveTransform.x,n.y=i.y-a._pickupPositionOnPage.y+a._passiveTransform.y;var r=g(n.x,n.y);if(a._rootElement.style.transform=a._initialTransform?r+" "+a._initialTransform:r,"undefined"!=typeof SVGElement&&a._rootElement instanceof SVGElement){var o="translate("+n.x+" "+n.y+")";a._rootElement.setAttribute("transform",o)}}a._moveEventSubscriptions>0&&a._ngZone.run(function(){a._moveEvents.next({source:a,pointerPosition:i,event:t,delta:a._pointerDirectionDelta})})},this._pointerUp=function(t){if(a._dragDropRegistry.isDragging(a)&&(a._removeSubscriptions(),a._dragDropRegistry.stopDragging(a),a._handles&&(a._rootElement.style.webkitTapHighlightColor=a._rootElementTapHighlight),a._hasStartedDragging)){if(a.released.next({source:a}),!a._dropContainer)return a._passiveTransform.x=a._activeTransform.x,a._passiveTransform.y=a._activeTransform.y,a._ngZone.run(function(){return a.ended.next({source:a})}),void a._dragDropRegistry.stopDragging(a);a._animatePreviewToPlaceholder().then(function(){a._cleanupDragArtifacts(t),a._dragDropRegistry.stopDragging(a)})}},this.withRootElement(t),s.registerDragItem(this)}return Object.defineProperty(t.prototype,"disabled",{get:function(){return this._disabled||!(!this._dropContainer||!this._dropContainer.disabled)},set:function(t){var e=i.coerceBooleanProperty(t);e!==this._disabled&&(this._disabled=e,this._toggleNativeDragInteractions())},enumerable:!0,configurable:!0}),t.prototype.getPlaceholderElement=function(){return this._placeholder},t.prototype.getRootElement=function(){return this._rootElement},t.prototype.withHandles=function(t){return this._handles=t.map(function(t){return i.coerceElement(t)}),this._handles.forEach(function(t){return d(t,!1)}),this._toggleNativeDragInteractions(),this},t.prototype.withPreviewTemplate=function(t){return this._previewTemplate=t,this},t.prototype.withPlaceholderTemplate=function(t){return this._placeholderTemplate=t,this},t.prototype.withRootElement=function(t){var e=i.coerceElement(t);return e!==this._rootElement&&(this._rootElement&&this._removeRootElementListeners(this._rootElement),e.addEventListener("mousedown",this._pointerDown,k),e.addEventListener("touchstart",this._pointerDown,I),this._initialTransform=void 0,this._rootElement=e),this},t.prototype.withBoundaryElement=function(t){return this._boundaryElement=t?i.coerceElement(t):null,this},t.prototype.dispose=function(){this._removeRootElementListeners(this._rootElement),this.isDragging()&&m(this._rootElement),this._destroyPreview(),this._destroyPlaceholder(),this._dragDropRegistry.removeDragItem(this),this._removeSubscriptions(),this.beforeStarted.complete(),this.started.complete(),this.released.complete(),this.ended.complete(),this.entered.complete(),this.exited.complete(),this.dropped.complete(),this._moveEvents.complete(),this._handles=[],this._disabledHandles.clear(),this._dropContainer=void 0,this._boundaryElement=this._rootElement=this._placeholderTemplate=this._previewTemplate=this._nextSibling=null},t.prototype.isDragging=function(){return this._hasStartedDragging&&this._dragDropRegistry.isDragging(this)},t.prototype.reset=function(){this._rootElement.style.transform=this._initialTransform||"",this._activeTransform={x:0,y:0},this._passiveTransform={x:0,y:0}},t.prototype.disableHandle=function(t){this._handles.indexOf(t)>-1&&this._disabledHandles.add(t)},t.prototype.enableHandle=function(t){this._disabledHandles.delete(t)},t.prototype.withDirection=function(t){return this._direction=t,this},t.prototype._withDropContainer=function(t){this._dropContainer=t},t.prototype._removeSubscriptions=function(){this._pointerMoveSubscription.unsubscribe(),this._pointerUpSubscription.unsubscribe()},t.prototype._destroyPreview=function(){this._preview&&m(this._preview),this._previewRef&&this._previewRef.destroy(),this._preview=this._previewRef=null},t.prototype._destroyPlaceholder=function(){this._placeholder&&m(this._placeholder),this._placeholderRef&&this._placeholderRef.destroy(),this._placeholder=this._placeholderRef=null},t.prototype._startDragSequence=function(t){if(this.started.next({source:this}),v(t)&&(this._lastTouchEventTime=Date.now()),this._dropContainer){var e=this._rootElement;this._nextSibling=e.nextSibling;var i=this._preview=this._createPreviewElement(),n=this._placeholder=this._createPlaceholderElement();e.style.display="none",this._document.body.appendChild(e.parentNode.replaceChild(n,e)),this._document.body.appendChild(i),this._dropContainer.start()}},t.prototype._initializeDragSequence=function(t,e){e.stopPropagation();var i=this.isDragging(),n=v(e),r=!n&&0!==e.button,o=this._rootElement,s=!n&&this._lastTouchEventTime&&this._lastTouchEventTime+800>Date.now();if(e.target&&e.target.draggable&&"mousedown"===e.type&&e.preventDefault(),!(i||r||s)){null==this._initialTransform&&(this._initialTransform=this._rootElement.style.transform||""),this._handles.length&&(this._rootElementTapHighlight=o.style.webkitTapHighlightColor,o.style.webkitTapHighlightColor="transparent"),this._toggleNativeDragInteractions(),this._hasStartedDragging=this._hasMoved=!1,this._initialContainer=this._dropContainer,this._pointerMoveSubscription=this._dragDropRegistry.pointerMove.subscribe(this._pointerMove),this._pointerUpSubscription=this._dragDropRegistry.pointerUp.subscribe(this._pointerUp),this._scrollPosition=this._viewportRuler.getViewportScrollPosition(),this._boundaryElement&&(this._boundaryRect=this._boundaryElement.getBoundingClientRect()),this._pickupPositionInElement=this._previewTemplate&&this._previewTemplate.template?{x:0,y:0}:this._getPointerPositionInElement(t,e);var a=this._pickupPositionOnPage=this._getPointerPositionOnPage(e);this._pointerDirectionDelta={x:0,y:0},this._pointerPositionAtLastDirectionChange={x:a.x,y:a.y},this._dragDropRegistry.startDragging(this,e)}},t.prototype._cleanupDragArtifacts=function(t){var e=this;this._rootElement.style.display="",this._nextSibling?this._nextSibling.parentNode.insertBefore(this._rootElement,this._nextSibling):this._initialContainer.element.appendChild(this._rootElement),this._destroyPreview(),this._destroyPlaceholder(),this._boundaryRect=this._previewRect=void 0,this._ngZone.run(function(){var i=e._dropContainer,n=i.getItemIndex(e),r=e._getPointerPositionOnPage(t),o=r.x,s=r.y,a=i._isOverContainer(o,s);e.ended.next({source:e}),e.dropped.next({item:e,currentIndex:n,previousIndex:e._initialContainer.getItemIndex(e),container:i,previousContainer:e._initialContainer,isPointerOverContainer:a}),i.drop(e,n,e._initialContainer,a),e._dropContainer=e._initialContainer})},t.prototype._updateActiveDropContainer=function(t){var e=this,i=t.x,n=t.y,r=this._dropContainer._getSiblingContainerFromPosition(this,i,n)||this._initialContainer._getSiblingContainerFromPosition(this,i,n);!r&&this._dropContainer!==this._initialContainer&&this._initialContainer._isOverContainer(i,n)&&(r=this._initialContainer),r&&r!==this._dropContainer&&this._ngZone.run(function(){e.exited.next({item:e,container:e._dropContainer}),e._dropContainer.exit(e),e.entered.next({item:e,container:r}),e._dropContainer=r,e._dropContainer.enter(e,i,n)}),this._dropContainer._sortItem(this,i,n,this._pointerDirectionDelta),this._preview.style.transform=g(i-this._pickupPositionInElement.x,n-this._pickupPositionInElement.y)},t.prototype._createPreviewElement=function(){var t,e=this._previewTemplate,i=e?e.template:null;if(i){var n=e.viewContainer.createEmbeddedView(i,e.context);t=n.rootNodes[0],this._previewRef=n,t.style.transform=g(this._pickupPositionOnPage.x,this._pickupPositionOnPage.y)}else{var r=this._rootElement,o=r.getBoundingClientRect();t=_(r),t.style.width=o.width+"px",t.style.height=o.height+"px",t.style.transform=g(o.left,o.top)}return c(t.style,{pointerEvents:"none",position:"fixed",top:"0",left:"0",zIndex:"1000"}),d(t,!1),t.classList.add("cdk-drag-preview"),t.setAttribute("dir",this._direction),t},t.prototype._animatePreviewToPlaceholder=function(){var t=this;if(!this._hasMoved)return Promise.resolve();var e=this._placeholder.getBoundingClientRect();this._preview.classList.add("cdk-drag-animating"),this._preview.style.transform=g(e.left,e.top);var i=l(this._preview);return 0===i?Promise.resolve():this._ngZone.runOutsideAngular(function(){return new Promise(function(e){var n=function(i){(!i||i.target===t._preview&&"transform"===i.propertyName)&&(t._preview.removeEventListener("transitionend",n),e(),clearTimeout(r))},r=setTimeout(n,1.5*i);t._preview.addEventListener("transitionend",n)})})},t.prototype._createPlaceholderElement=function(){var t,e=this._placeholderTemplate,i=e?e.template:null;return i?(this._placeholderRef=e.viewContainer.createEmbeddedView(i,e.context),t=this._placeholderRef.rootNodes[0]):t=_(this._rootElement),t.classList.add("cdk-drag-placeholder"),t},t.prototype._getPointerPositionInElement=function(t,e){var i=this._rootElement.getBoundingClientRect(),n=t===this._rootElement?null:t,r=n?n.getBoundingClientRect():i,o=v(e)?e.targetTouches[0]:e,s=o.pageX-r.left-this._scrollPosition.left,a=o.pageY-r.top-this._scrollPosition.top;return{x:r.left-i.left+s,y:r.top-i.top+a}},t.prototype._getPointerPositionOnPage=function(t){var e=v(t)?t.touches[0]||t.changedTouches[0]:t;return{x:e.pageX-this._scrollPosition.left,y:e.pageY-this._scrollPosition.top}},t.prototype._getConstrainedPointerPosition=function(t){var e=this._getPointerPositionOnPage(t),i=this._dropContainer?this._dropContainer.lockAxis:null;if("x"===this.lockAxis||"x"===i?e.y=this._pickupPositionOnPage.y:"y"!==this.lockAxis&&"y"!==i||(e.x=this._pickupPositionOnPage.x),this._boundaryRect){var n=this._pickupPositionInElement,r=n.x,o=n.y,s=this._boundaryRect,a=this._previewRect,p=s.top+o,c=s.bottom-(a.height-o),d=s.left+r,h=s.right-(a.width-r);e.x=f(e.x,d,h),e.y=f(e.y,p,c)}return e},t.prototype._updatePointerDirectionDelta=function(t){var e=t.x,i=t.y,n=this._pointerDirectionDelta,r=this._pointerPositionAtLastDirectionChange,o=Math.abs(e-r.x),s=Math.abs(i-r.y);return o>this._config.pointerDirectionChangeThreshold&&(n.x=e>r.x?1:-1,r.x=e),s>this._config.pointerDirectionChangeThreshold&&(n.y=i>r.y?1:-1,r.y=i),n},t.prototype._toggleNativeDragInteractions=function(){if(this._rootElement&&this._handles){var t=this.disabled||this._handles.length>0;t!==this._nativeInteractionsEnabled&&(this._nativeInteractionsEnabled=t,d(this._rootElement,t))}},t.prototype._removeRootElementListeners=function(t){t.removeEventListener("mousedown",this._pointerDown,k),t.removeEventListener("touchstart",this._pointerDown,I)},t}(),O=0,T=function(){function t(t,e,i){this._dragDropRegistry=e,this.id="cdk-drop-list-ref-"+O++,this.disabled=!1,this.enterPredicate=function(){return!0},this.beforeStarted=new n.Subject,this.entered=new n.Subject,this.exited=new n.Subject,this.dropped=new n.Subject,this.sorted=new n.Subject,this._isDragging=!1,this._itemPositions=[],this._previousSwap={drag:null,delta:0},this._siblings=[],this._orientation="vertical",this._activeSiblings=new Set,this._direction="ltr",e.registerDropContainer(this),this._document=i,this.element=t instanceof r.ElementRef?t.nativeElement:t}return t.prototype.dispose=function(){this.beforeStarted.complete(),this.entered.complete(),this.exited.complete(),this.dropped.complete(),this.sorted.complete(),this._activeSiblings.clear(),this._dragDropRegistry.removeDropContainer(this)},t.prototype.isDragging=function(){return this._isDragging},t.prototype.start=function(){var t=this;this.beforeStarted.next(),this._isDragging=!0,this._activeDraggables=this._draggables.slice(),this._cacheOwnPosition(),this._cacheItemPositions(),this._siblings.forEach(function(e){return e._startReceiving(t)})},t.prototype.enter=function(t,e,i){this.entered.next({item:t,container:this}),this.start();var n=this._getItemIndexFromPointerPosition(t,e,i),r=this._activeDraggables.indexOf(t),o=this._activeDraggables[n],s=t.getPlaceholderElement();if(r>-1&&this._activeDraggables.splice(r,1),o&&!this._dragDropRegistry.isDragging(o)){var a=o.getRootElement();a.parentElement.insertBefore(s,a),this._activeDraggables.splice(n,0,t)}else this.element.appendChild(s),this._activeDraggables.push(t);s.style.transform="",this._cacheItemPositions()},t.prototype.exit=function(t){this._reset(),this.exited.next({item:t,container:this})},t.prototype.drop=function(t,e,i,n){this._reset(),this.dropped.next({item:t,currentIndex:e,previousIndex:i.getItemIndex(t),container:this,previousContainer:i,isPointerOverContainer:n})},t.prototype.withItems=function(t){var e=this;return this._draggables=t.slice(),t.forEach(function(t){return t._withDropContainer(e)}),this},t.prototype.withDirection=function(t){return this._direction=t,this},t.prototype.connectedTo=function(t){return this._siblings=t.slice(),this},t.prototype.withOrientation=function(t){return this._orientation=t,this},t.prototype.getItemIndex=function(t){return this._isDragging?R("horizontal"===this._orientation&&"rtl"===this._direction?this._itemPositions.slice().reverse():this._itemPositions,function(e){return e.drag===t}):this._draggables.indexOf(t)},t.prototype.isReceiving=function(){return this._activeSiblings.size>0},t.prototype._sortItem=function(t,e,i,n){if(this._isPointerNearDropContainer(e,i)){var r=this._itemPositions,o=this._getItemIndexFromPointerPosition(t,e,i,n);if(!(-1===o&&r.length>0)){var s="horizontal"===this._orientation,a=R(r,function(e){return e.drag===t}),p=r[o],c=r[a].clientRect,d=p.clientRect,h=a>o?1:-1;this._previousSwap.drag=p.drag,this._previousSwap.delta=s?n.x:n.y;var l=this._getItemOffsetPx(c,d,h),u=this._getSiblingOffsetPx(a,r,h),g=r.slice();y(r,a,o),this.sorted.next({previousIndex:a,currentIndex:o,container:this,item:t}),r.forEach(function(e,i){if(g[i]!==e){var n=e.drag===t,r=n?l:u,o=n?t.getPlaceholderElement():e.drag.getRootElement();e.offset+=r,s?(o.style.transform="translate3d("+Math.round(e.offset)+"px, 0, 0)",w(e.clientRect,0,r)):(o.style.transform="translate3d(0, "+Math.round(e.offset)+"px, 0)",w(e.clientRect,r,0))}})}}},t.prototype._cacheOwnPosition=function(){this._clientRect=this.element.getBoundingClientRect()},t.prototype._cacheItemPositions=function(){var t=this,e="horizontal"===this._orientation;this._itemPositions=this._activeDraggables.map(function(e){var i=t._dragDropRegistry.isDragging(e)?e.getPlaceholderElement():e.getRootElement(),n=i.getBoundingClientRect();return{drag:e,offset:0,clientRect:{top:n.top,right:n.right,bottom:n.bottom,left:n.left,width:n.width,height:n.height}}}).sort(function(t,i){return e?t.clientRect.left-i.clientRect.left:t.clientRect.top-i.clientRect.top})},t.prototype._reset=function(){var t=this;this._isDragging=!1,this._activeDraggables.forEach(function(t){return t.getRootElement().style.transform=""}),this._siblings.forEach(function(e){return e._stopReceiving(t)}),this._activeDraggables=[],this._itemPositions=[],this._previousSwap.drag=null,this._previousSwap.delta=0},t.prototype._getSiblingOffsetPx=function(t,e,i){var n="horizontal"===this._orientation,r=e[t].clientRect,o=e[t+-1*i],s=r[n?"width":"height"]*i;if(o){var a=n?"left":"top",p=n?"right":"bottom";-1===i?s-=o.clientRect[a]-r[p]:s+=r[a]-o.clientRect[p]}return s},t.prototype._isPointerNearDropContainer=function(t,e){var i=this._clientRect,n=i.top,r=i.right,o=i.bottom,s=i.left,a=i.width,p=i.height,c=.05*a,d=.05*p;return e>n-d&&e<o+d&&t>s-c&&t<r+c},t.prototype._getItemOffsetPx=function(t,e,i){var n="horizontal"===this._orientation,r=n?e.left-t.left:e.top-t.top;return-1===i&&(r+=n?e.width-t.width:e.height-t.height),r},t.prototype._getItemIndexFromPointerPosition=function(t,e,i,n){var r=this,o="horizontal"===this._orientation;return R(this._itemPositions,function(s,a,p){var c=s.drag,d=s.clientRect;if(c===t)return p.length<2;if(n){var h=o?n.x:n.y;if(c===r._previousSwap.drag&&h===r._previousSwap.delta)return!1}return o?e>=Math.floor(d.left)&&e<=Math.floor(d.right):i>=Math.floor(d.top)&&i<=Math.floor(d.bottom)})},t.prototype._isOverContainer=function(t,e){return x(this._clientRect,t,e)},t.prototype._getSiblingContainerFromPosition=function(t,e,i){return this._siblings.find(function(n){return n._canReceive(t,e,i)})},t.prototype._canReceive=function(t,e,i){if(!this.enterPredicate(t,this)||!x(this._clientRect,e,i))return!1;var n=this._document.elementFromPoint(e,i);return!!n&&(n===this.element||this.element.contains(n))},t.prototype._startReceiving=function(t){var e=this._activeSiblings;e.has(t)||(e.add(t),this._cacheOwnPosition())},t.prototype._stopReceiving=function(t){this._activeSiblings.delete(t)},t}(),L=e.normalizePassiveListenerOptions({passive:!1,capture:!0}),j=function(){function t(t,e){var i=this;this._ngZone=t,this._dropInstances=new Set,this._dragInstances=new Set,this._activeDragInstances=new Set,this._globalListeners=new Map,this.pointerMove=new n.Subject,this.pointerUp=new n.Subject,this._preventDefaultWhileDragging=function(t){i._activeDragInstances.size&&t.preventDefault()},this._document=e}return t.prototype.registerDropContainer=function(t){if(!this._dropInstances.has(t)){if(this.getDropContainer(t.id))throw Error('Drop instance with id "'+t.id+'" has already been registered.');this._dropInstances.add(t)}},t.prototype.registerDragItem=function(t){var e=this;this._dragInstances.add(t),1===this._dragInstances.size&&this._ngZone.runOutsideAngular(function(){e._document.addEventListener("touchmove",e._preventDefaultWhileDragging,L)})},t.prototype.removeDropContainer=function(t){this._dropInstances.delete(t)},t.prototype.removeDragItem=function(t){this._dragInstances.delete(t),this.stopDragging(t),0===this._dragInstances.size&&this._document.removeEventListener("touchmove",this._preventDefaultWhileDragging,L)},t.prototype.startDragging=function(t,e){var i=this;if(this._activeDragInstances.add(t),1===this._activeDragInstances.size){var n=e.type.startsWith("touch"),r=n?"touchmove":"mousemove",o=n?"touchend":"mouseup";this._globalListeners.set(r,{handler:function(t){return i.pointerMove.next(t)},options:L}).set(o,{handler:function(t){return i.pointerUp.next(t)},options:!0}).set("selectstart",{handler:this._preventDefaultWhileDragging,options:L}),n||this._globalListeners.set("wheel",{handler:this._preventDefaultWhileDragging,options:L}),this._ngZone.runOutsideAngular(function(){i._globalListeners.forEach(function(t,e){i._document.addEventListener(e,t.handler,t.options)})})}},t.prototype.stopDragging=function(t){this._activeDragInstances.delete(t),0===this._activeDragInstances.size&&this._clearGlobalListeners()},t.prototype.isDragging=function(t){return this._activeDragInstances.has(t)},t.prototype.getDropContainer=function(t){return Array.from(this._dropInstances).find(function(e){return e.id===t})},t.prototype.ngOnDestroy=function(){var t=this;this._dragInstances.forEach(function(e){return t.removeDragItem(e)}),this._dropInstances.forEach(function(e){return t.removeDropContainer(e)}),this._clearGlobalListeners(),this.pointerMove.complete(),this.pointerUp.complete()},t.prototype._clearGlobalListeners=function(){var t=this;this._globalListeners.forEach(function(e,i){t._document.removeEventListener(i,e.handler,e.options)}),this._globalListeners.clear()},t.decorators=[{type:r.Injectable,args:[{providedIn:"root"}]}],t.ctorParameters=function(){return[{type:r.NgZone},{type:void 0,decorators:[{type:r.Inject,args:[o.DOCUMENT]}]}]},t.ngInjectableDef=r.defineInjectable({factory:function(){return new t(r.inject(r.NgZone),r.inject(o.DOCUMENT))},token:t,providedIn:"root"}),t}(),M={dragStartThreshold:5,pointerDirectionChangeThreshold:5},A=function(){function t(t,e,i,n){this._document=t,this._ngZone=e,this._viewportRuler=i,this._dragDropRegistry=n}return t.prototype.createDrag=function(t,e){return void 0===e&&(e=M),new S(t,e,this._document,this._ngZone,this._viewportRuler,this._dragDropRegistry)},t.prototype.createDropList=function(t){return new T(t,this._dragDropRegistry,this._document)},t.decorators=[{type:r.Injectable,args:[{providedIn:"root"}]}],t.ctorParameters=function(){return[{type:void 0,decorators:[{type:r.Inject,args:[o.DOCUMENT]}]},{type:r.NgZone},{type:s.ViewportRuler},{type:j}]},t.ngInjectableDef=r.defineInjectable({factory:function(){return new t(r.inject(o.DOCUMENT),r.inject(r.NgZone),r.inject(s.ViewportRuler),r.inject(j))},token:t,providedIn:"root"}),t}(),N=new r.InjectionToken("CDK_DROP_LIST"),U=N,z=new r.InjectionToken("CDK_DRAG_PARENT"),B=function(){function t(t,e){this.element=t,this._stateChanges=new n.Subject,this._disabled=!1,this._parentDrag=e,d(t.nativeElement,!1)}return Object.defineProperty(t.prototype,"disabled",{get:function(){return this._disabled},set:function(t){this._disabled=i.coerceBooleanProperty(t),this._stateChanges.next(this)},enumerable:!0,configurable:!0}),t.prototype.ngOnDestroy=function(){this._stateChanges.complete()},t.decorators=[{type:r.Directive,args:[{selector:"[cdkDragHandle]",host:{class:"cdk-drag-handle"}}]}],t.ctorParameters=function(){return[{type:r.ElementRef},{type:void 0,decorators:[{type:r.Inject,args:[z]},{type:r.Optional}]}]},t.propDecorators={disabled:[{type:r.Input,args:["cdkDragHandleDisabled"]}]},t}(),H=function(){function t(t){this.templateRef=t}return t.decorators=[{type:r.Directive,args:[{selector:"ng-template[cdkDragPlaceholder]"}]}],t.ctorParameters=function(){return[{type:r.TemplateRef}]},t.propDecorators={data:[{type:r.Input}]},t}(),Z=function(){function t(t){this.templateRef=t}return t.decorators=[{type:r.Directive,args:[{selector:"ng-template[cdkDragPreview]"}]}],t.ctorParameters=function(){return[{type:r.TemplateRef}]},t.propDecorators={data:[{type:r.Input}]},t}(),F=new r.InjectionToken("CDK_DRAG_CONFIG",{providedIn:"root",factory:P}),G=function(){function t(t,e,i,o,s,a,c,d,h,l){var u=this;this.element=t,this.dropContainer=e,this._document=i,this._ngZone=o,this._viewContainerRef=s,this._dir=h,this._destroyed=new n.Subject,this._disabled=!1,this.started=new r.EventEmitter,this.released=new r.EventEmitter,this.ended=new r.EventEmitter,this.entered=new r.EventEmitter,this.exited=new r.EventEmitter,this.dropped=new r.EventEmitter,this.moved=new n.Observable(function(t){var e=u._dragRef.moved.pipe(p.map(function(t){return{source:u,pointerPosition:t.pointerPosition,event:t.event,delta:t.delta}})).subscribe(t);return function(){e.unsubscribe()}}),this._dragRef=l?l.createDrag(t,d):new S(t,d,i,o,a,c),this._dragRef.data=this,this._syncInputs(this._dragRef),this._proxyEvents(this._dragRef)}return Object.defineProperty(t.prototype,"disabled",{get:function(){return this._disabled||this.dropContainer&&this.dropContainer.disabled},set:function(t){this._disabled=i.coerceBooleanProperty(t),this._dragRef.disabled=this._disabled},enumerable:!0,configurable:!0}),t.prototype.getPlaceholderElement=function(){return this._dragRef.getPlaceholderElement()},t.prototype.getRootElement=function(){return this._dragRef.getRootElement()},t.prototype.reset=function(){this._dragRef.reset()},t.prototype.ngAfterViewInit=function(){var t=this;this._ngZone.onStable.asObservable().pipe(p.take(1),p.takeUntil(this._destroyed)).subscribe(function(){t._updateRootElement(),t._handles.changes.pipe(p.startWith(t._handles),p.tap(function(e){var i=e.filter(function(e){return e._parentDrag===t}).map(function(t){return t.element});t._dragRef.withHandles(i)}),p.switchMap(function(t){return n.merge.apply(void 0,t.map(function(t){return t._stateChanges}))}),p.takeUntil(t._destroyed)).subscribe(function(e){var i=t._dragRef,n=e.element.nativeElement;e.disabled?i.disableHandle(n):i.enableHandle(n)})})},t.prototype.ngOnChanges=function(t){var e=t.rootElementSelector;e&&!e.firstChange&&this._updateRootElement()},t.prototype.ngOnDestroy=function(){this._destroyed.next(),this._destroyed.complete(),this._dragRef.dispose()},t.prototype._updateRootElement=function(){var t=this.element.nativeElement,e=this.rootElementSelector?C(t,this.rootElementSelector):t;if(e&&e.nodeType!==this._document.ELEMENT_NODE)throw Error('cdkDrag must be attached to an element node. Currently attached to "'+e.nodeName+'".');this._dragRef.withRootElement(e||t)},t.prototype._getBoundaryElement=function(){var t=this.boundaryElementSelector;return t?C(this.element.nativeElement,t):null},t.prototype._syncInputs=function(t){var e=this;t.beforeStarted.subscribe(function(){if(!t.isDragging()){var i=e._dir,n=e._placeholderTemplate?{template:e._placeholderTemplate.templateRef,context:e._placeholderTemplate.data,viewContainer:e._viewContainerRef}:null,r=e._previewTemplate?{template:e._previewTemplate.templateRef,context:e._previewTemplate.data,viewContainer:e._viewContainerRef}:null;t.disabled=e.disabled,t.lockAxis=e.lockAxis,t.withBoundaryElement(e._getBoundaryElement()).withPlaceholderTemplate(n).withPreviewTemplate(r),i&&t.withDirection(i.value)}})},t.prototype._proxyEvents=function(t){var e=this;t.started.subscribe(function(){e.started.emit({source:e})}),t.released.subscribe(function(){e.released.emit({source:e})}),t.ended.subscribe(function(){e.ended.emit({source:e})}),t.entered.subscribe(function(t){e.entered.emit({container:t.container.data,item:e})}),t.exited.subscribe(function(t){e.exited.emit({container:t.container.data,item:e})}),t.dropped.subscribe(function(t){e.dropped.emit({previousIndex:t.previousIndex,currentIndex:t.currentIndex,previousContainer:t.previousContainer.data,container:t.container.data,isPointerOverContainer:t.isPointerOverContainer,item:e})})},t.decorators=[{type:r.Directive,args:[{selector:"[cdkDrag]",exportAs:"cdkDrag",host:{class:"cdk-drag","[class.cdk-drag-dragging]":"_dragRef.isDragging()"},providers:[{provide:z,useExisting:t}]}]}],t.ctorParameters=function(){return[{type:r.ElementRef},{type:void 0,decorators:[{type:r.Inject,args:[N]},{type:r.Optional},{type:r.SkipSelf}]},{type:void 0,decorators:[{type:r.Inject,args:[o.DOCUMENT]}]},{type:r.NgZone},{type:r.ViewContainerRef},{type:s.ViewportRuler},{type:j},{type:void 0,decorators:[{type:r.Inject,args:[F]}]},{type:a.Directionality,decorators:[{type:r.Optional}]},{type:A}]},t.propDecorators={_handles:[{type:r.ContentChildren,args:[B,{descendants:!0}]}],_previewTemplate:[{type:r.ContentChild,args:[Z]}],_placeholderTemplate:[{type:r.ContentChild,args:[H]}],data:[{type:r.Input,args:["cdkDragData"]}],lockAxis:[{type:r.Input,args:["cdkDragLockAxis"]}],rootElementSelector:[{type:r.Input,args:["cdkDragRootElement"]}],boundaryElementSelector:[{type:r.Input,args:["cdkDragBoundary"]}],disabled:[{type:r.Input,args:["cdkDragDisabled"]}],started:[{type:r.Output,args:["cdkDragStarted"]}],released:[{type:r.Output,args:["cdkDragReleased"]}],ended:[{type:r.Output,args:["cdkDragEnded"]}],entered:[{type:r.Output,args:["cdkDragEntered"]}],exited:[{type:r.Output,args:["cdkDragExited"]}],dropped:[{type:r.Output,args:["cdkDragDropped"]}],moved:[{type:r.Output,args:["cdkDragMoved"]}]},t}(),q=function(){function t(){this._items=new Set,this._disabled=!1}return Object.defineProperty(t.prototype,"disabled",{get:function(){return this._disabled},set:function(t){this._disabled=i.coerceBooleanProperty(t)},enumerable:!0,configurable:!0}),t.prototype.ngOnDestroy=function(){this._items.clear()},t.decorators=[{type:r.Directive,args:[{selector:"[cdkDropListGroup]",exportAs:"cdkDropListGroup"}]}],t.propDecorators={disabled:[{type:r.Input,args:["cdkDropListGroupDisabled"]}]},t}(),V=0,W=function(){function t(e,i,o,s,a,p,c){var d=this;this.element=e,this._changeDetectorRef=o,this._dir=s,this._group=a,this._destroyed=new n.Subject,this.connectedTo=[],this.orientation="vertical",this.id="cdk-drop-list-"+V++,this._disabled=!1,this.enterPredicate=function(){return!0},this.dropped=new r.EventEmitter,
+this.entered=new r.EventEmitter,this.exited=new r.EventEmitter,this.sorted=new r.EventEmitter,this._dropListRef=c?c.createDropList(e):new T(e,i,p||document),this._dropListRef.data=this,this._dropListRef.enterPredicate=function(t,e){return d.enterPredicate(t.data,e.data)},this._syncInputs(this._dropListRef),this._handleEvents(this._dropListRef),t._dropLists.push(this),a&&a._items.add(this)}return Object.defineProperty(t.prototype,"disabled",{get:function(){return this._disabled||!!this._group&&this._group.disabled},set:function(t){this._disabled=i.coerceBooleanProperty(t)},enumerable:!0,configurable:!0}),t.prototype.ngAfterContentInit=function(){var t=this;this._draggables.changes.pipe(p.startWith(this._draggables),p.takeUntil(this._destroyed)).subscribe(function(e){t._dropListRef.withItems(e.map(function(t){return t._dragRef}))})},t.prototype.ngOnDestroy=function(){var e=t._dropLists.indexOf(this);e>-1&&t._dropLists.splice(e,1),this._group&&this._group._items.delete(this),this._dropListRef.dispose(),this._destroyed.next(),this._destroyed.complete()},t.prototype.start=function(){this._dropListRef.start()},t.prototype.drop=function(t,e,i,n){this._dropListRef.drop(t._dragRef,e,i._dropListRef,n)},t.prototype.enter=function(t,e,i){this._dropListRef.enter(t._dragRef,e,i)},t.prototype.exit=function(t){this._dropListRef.exit(t._dragRef)},t.prototype.getItemIndex=function(t){return this._dropListRef.getItemIndex(t._dragRef)},t.prototype._sortItem=function(t,e,i,n){return this._dropListRef._sortItem(t._dragRef,e,i,n)},t.prototype._getSiblingContainerFromPosition=function(t,e,i){var n=this._dropListRef._getSiblingContainerFromPosition(t._dragRef,e,i);return n?n.data:null},t.prototype._isOverContainer=function(t,e){return this._dropListRef._isOverContainer(t,e)},t.prototype._syncInputs=function(e){var n=this;this._dir&&this._dir.change.pipe(p.startWith(this._dir.value),p.takeUntil(this._destroyed)).subscribe(function(t){return e.withDirection(t)}),e.beforeStarted.subscribe(function(){var r=i.coerceArray(n.connectedTo).map(function(e){return"string"==typeof e?t._dropLists.find(function(t){return t.id===e}):e});n._group&&n._group._items.forEach(function(t){-1===r.indexOf(t)&&r.push(t)}),e.lockAxis=n.lockAxis,e.connectedTo(r.filter(function(t){return t&&t!==n}).map(function(t){return t._dropListRef})).withOrientation(n.orientation)})},t.prototype._handleEvents=function(t){var e=this;t.beforeStarted.subscribe(function(){e._changeDetectorRef.markForCheck()}),t.entered.subscribe(function(t){e.entered.emit({container:e,item:t.item.data})}),t.exited.subscribe(function(t){e.exited.emit({container:e,item:t.item.data})}),t.sorted.subscribe(function(t){e.sorted.emit({previousIndex:t.previousIndex,currentIndex:t.currentIndex,container:e,item:t.item.data})}),t.dropped.subscribe(function(t){e.dropped.emit({previousIndex:t.previousIndex,currentIndex:t.currentIndex,previousContainer:t.previousContainer.data,container:t.container.data,item:t.item.data,isPointerOverContainer:t.isPointerOverContainer}),e._changeDetectorRef.markForCheck()})},t._dropLists=[],t.decorators=[{type:r.Directive,args:[{selector:"[cdkDropList], cdk-drop-list",exportAs:"cdkDropList",providers:[{provide:q,useValue:void 0},{provide:U,useExisting:t}],host:{class:"cdk-drop-list","[id]":"id","[class.cdk-drop-list-dragging]":"_dropListRef.isDragging()","[class.cdk-drop-list-receiving]":"_dropListRef.isReceiving()"}}]}],t.ctorParameters=function(){return[{type:r.ElementRef},{type:j},{type:r.ChangeDetectorRef},{type:a.Directionality,decorators:[{type:r.Optional}]},{type:q,decorators:[{type:r.Optional},{type:r.SkipSelf}]},{type:void 0,decorators:[{type:r.Optional},{type:r.Inject,args:[o.DOCUMENT]}]},{type:A}]},t.propDecorators={_draggables:[{type:r.ContentChildren,args:[r.forwardRef(function(){return G}),{descendants:!1}]}],connectedTo:[{type:r.Input,args:["cdkDropListConnectedTo"]}],data:[{type:r.Input,args:["cdkDropListData"]}],orientation:[{type:r.Input,args:["cdkDropListOrientation"]}],id:[{type:r.Input}],lockAxis:[{type:r.Input,args:["cdkDropListLockAxis"]}],disabled:[{type:r.Input,args:["cdkDropListDisabled"]}],enterPredicate:[{type:r.Input,args:["cdkDropListEnterPredicate"]}],dropped:[{type:r.Output,args:["cdkDropListDropped"]}],entered:[{type:r.Output,args:["cdkDropListEntered"]}],exited:[{type:r.Output,args:["cdkDropListExited"]}],sorted:[{type:r.Output,args:["cdkDropListSorted"]}]},t}(),K=function(){function t(){}return t.decorators=[{type:r.NgModule,args:[{declarations:[W,q,G,B,Z,H],exports:[W,q,G,B,Z,H],providers:[A]}]}],t}();t.DragDrop=A,t.DragRef=S,t.DropListRef=T,t.CdkDropList=W,t.CDK_DROP_LIST=N,t.CDK_DROP_LIST_CONTAINER=U,t.moveItemInArray=y,t.transferArrayItem=b,t.copyArrayItem=D,t.DragDropModule=K,t.DragDropRegistry=j,t.CdkDropListGroup=q,t.CDK_DRAG_CONFIG_FACTORY=P,t.CDK_DRAG_CONFIG=F,t.CdkDrag=G,t.CdkDragHandle=B,t.CdkDragPreview=Z,t.CdkDragPlaceholder=H,t.ɵb=z,Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=cdk-drag-drop.umd.min.js.map