@angular/cdk-experimental - npm Package Compare versions

Comparing version 6.3.3 to 6.4.0

bundles/cdk-experimental-dialog.umd.js

@@ -30,5 +30,8 @@ /**
 
-var extendStatics = Object.setPrototypeOf ||
-    ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-    function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+var extendStatics = function(d, b) {
+    extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+    return extendStatics(d, b);
+};
 
@@ -41,8 +44,11 @@ function __extends(d, b) {
 
-var __assign = Object.assign || function __assign(t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-        s = arguments[i];
-        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
 };
@@ -49,0 +55,0 @@

bundles/cdk-experimental-dialog.umd.min.js

@@ -8,3 +8,3 @@ /**
  */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/animations"),require("@angular/cdk/a11y"),require("@angular/cdk/portal"),require("@angular/common"),require("@angular/core"),require("rxjs"),require("@angular/cdk/keycodes"),require("rxjs/operators"),require("@angular/cdk/overlay"),require("@angular/cdk/bidi")):"function"==typeof define&&define.amd?define("@angular/cdk-experimental/dialog",["exports","@angular/animations","@angular/cdk/a11y","@angular/cdk/portal","@angular/common","@angular/core","rxjs","@angular/cdk/keycodes","rxjs/operators","@angular/cdk/overlay","@angular/cdk/bidi"],e):e((t.ng=t.ng||{},t.ng["cdk-experimental"]=t.ng["cdk-experimental"]||{},t.ng["cdk-experimental"].dialog={}),t.ng.animations,t.ng.cdk.a11y,t.ng.cdk.portal,t.ng.common,t.ng.core,t.rxjs,t.ng.cdk.keycodes,t.rxjs.operators,t.ng.cdk.overlay,t.ng.cdk.bidi)}(this,function(t,e,o,n,r,i,a,s,l,c,p){"use strict";function u(t,e){function o(){this.constructor=t}h(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}function f(){throw Error("Attempting to attach dialog content after content is already attached")}function d(t){return function(){return t.scrollStrategies.block()}}var h=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o])},g=Object.assign||function(t){for(var e,o=1,n=arguments.length;o<n;o++){e=arguments[o];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])}return t},y=function(){function t(){this.role="dialog",this.panelClass="",this.hasBackdrop=!0,this.backdropClass="",this.disableClose=!1,this.width="",this.height="",this.minWidth="",this.minHeight="",this.maxWidth="80vw",this.maxHeight="",this.data=null,this.ariaDescribedBy=null,this.ariaLabel=null,this.autoFocus=!0}return t}(),_=function(t){function s(e,o,n,r,i){var s=t.call(this)||this;return s._elementRef=e,s._focusTrapFactory=o,s._changeDetectorRef=n,s._document=r,s._config=i,s._state="enter",s._elementFocusedBeforeDialogWasOpened=null,s._focusTrap=s._focusTrapFactory.create(s._elementRef.nativeElement,!1),s._beforeEnter=new a.Subject,s._afterEnter=new a.Subject,s._beforeExit=new a.Subject,s._afterExit=new a.Subject,s}return u(s,t),Object.defineProperty(s.prototype,"_ariaLabel",{get:function(){return this._config.ariaLabel||null},enumerable:!0,configurable:!0}),Object.defineProperty(s.prototype,"_ariaDescribedBy",{get:function(){return this._config.ariaDescribedBy},enumerable:!0,configurable:!0}),Object.defineProperty(s.prototype,"_role",{get:function(){return this._config.role},enumerable:!0,configurable:!0}),Object.defineProperty(s.prototype,"_tabindex",{get:function(){return-1},enumerable:!0,configurable:!0}),s.prototype.ngOnDestroy=function(){this._focusTrap.destroy()},s.prototype.attachComponentPortal=function(t){return this._portalHost.hasAttached()&&f(),this._savePreviouslyFocusedElement(),this._portalHost.attachComponentPortal(t)},s.prototype.attachTemplatePortal=function(t){return this._portalHost.hasAttached()&&f(),this._savePreviouslyFocusedElement(),this._portalHost.attachTemplatePortal(t)},s.prototype._onAnimationStart=function(t){"enter"===t.toState&&this._beforeEnter.next(),"enter"!==t.fromState||"void"!==t.toState&&"exit"!==t.toState||this._beforeExit.next()},s.prototype._onAnimationDone=function(t){"enter"===t.toState&&(this._autoFocusFirstTabbableElement(),this._afterEnter.next()),"enter"!==t.fromState||"void"!==t.toState&&"exit"!==t.toState||(this._returnFocusAfterDialog(),this._afterExit.next())},s.prototype._startExiting=function(){this._state="exit",this._changeDetectorRef.markForCheck()},s.prototype._savePreviouslyFocusedElement=function(){var t=this;this._document&&(this._elementFocusedBeforeDialogWasOpened=this._document.activeElement,Promise.resolve().then(function(){return t._elementRef.nativeElement.focus()}))},s.prototype._autoFocusFirstTabbableElement=function(){var t=this;this._config.autoFocus&&this._focusTrap.focusInitialElementWhenReady().then(function(e){e||t._elementRef.nativeElement.focus()})},s.prototype._returnFocusAfterDialog=function(){var t=this._elementFocusedBeforeDialogWasOpened;t&&"function"==typeof t.focus&&t.focus()},s.decorators=[{type:i.Component,args:[{selector:"cdk-dialog-container",template:"<ng-template cdkPortalOutlet></ng-template>",styles:["cdk-dialog-container{background:#fff;border-radius:5px;display:block;padding:10px}"],encapsulation:i.ViewEncapsulation.None,changeDetection:i.ChangeDetectionStrategy.Default,animations:[e.trigger("dialog",[e.state("enter",e.style({opacity:1})),e.state("exit, void",e.style({opacity:0})),e.transition("* => *",e.animate(225))])],host:{"[@dialog]":"_state","(@dialog.start)":"_onAnimationStart($event)","(@dialog.done)":"_onAnimationDone($event)"}}]}],s.ctorParameters=function(){return[{type:i.ElementRef},{type:o.FocusTrapFactory},{type:i.ChangeDetectorRef},{type:void 0,decorators:[{type:i.Optional},{type:i.Inject,args:[r.DOCUMENT]}]},{type:y}]},s.propDecorators={_ariaLabel:[{type:i.HostBinding,args:["attr.aria-label"]}],_ariaDescribedBy:[{type:i.HostBinding,args:["attr.aria-describedby"]}],_role:[{type:i.HostBinding,args:["attr.role"]}],_tabindex:[{type:i.HostBinding,args:["attr.tabindex"]}],_portalHost:[{type:i.ViewChild,args:[n.PortalHostDirective]}]},s}(n.BasePortalOutlet),b=0,m=function(){function t(t,e,o){void 0===o&&(o="dialog-"+b++);var n=this;this._overlayRef=t,this._containerInstance=e,this.id=o,e._config.hasBackdrop&&t.backdropClick().subscribe(function(){n.disableClose||n.close()}),this.beforeClose().subscribe(function(){n._overlayRef.detachBackdrop()}),this.afterClosed().subscribe(function(){n._overlayRef.detach(),n._overlayRef.dispose(),n.componentInstance=null}),t.keydownEvents().pipe(l.filter(function(t){return t.keyCode===s.ESCAPE&&!n.disableClose})).subscribe(function(){return n.close()})}return t.prototype.backdropClick=function(){return this._overlayRef.backdropClick()},t.prototype.close=function(t){this._result=t,this._containerInstance._startExiting()},t.prototype.updatePosition=function(t){var e=this._getPositionStrategy();return t&&(t.left||t.right)?t.left?e.left(t.left):e.right(t.right):e.centerHorizontally(),t&&(t.top||t.bottom)?t.top?e.top(t.top):e.bottom(t.bottom):e.centerVertically(),this._overlayRef.updatePosition(),this},t.prototype.keydownEvents=function(){return this._overlayRef.keydownEvents()},t.prototype.updateSize=function(t){return t.width&&this._getPositionStrategy().width(t.width.toString()),t.height&&this._getPositionStrategy().height(t.height.toString()),this._overlayRef.updateSize(t),this._overlayRef.updatePosition(),this},t.prototype._getPositionStrategy=function(){return this._overlayRef.getConfig().positionStrategy},t.prototype.beforeOpen=function(){return this._containerInstance._beforeEnter.asObservable()},t.prototype.afterOpen=function(){return this._containerInstance._afterEnter.asObservable()},t.prototype.beforeClose=function(){var t=this;return this._containerInstance._beforeExit.pipe(l.map(function(){return t._result}))},t.prototype.afterClosed=function(){var t=this;return this._containerInstance._afterExit.pipe(l.map(function(){return t._result}))},t}(),v=new i.InjectionToken("DialogScrollStrategy"),D=new i.InjectionToken("DialogData"),C=new i.InjectionToken("DialogRef"),k=new i.InjectionToken("DialogConfig"),O=new i.InjectionToken("DialogContainer"),w={provide:v,deps:[c.Overlay],useFactory:d},j=function(){function t(t,e,o,n,r,i){var s=this;this.overlay=t,this.injector=e,this.dialogRefConstructor=o,this._scrollStrategy=n,this._parentDialog=r,this._afterAllClosedBase=new a.Subject,this.afterAllClosed=a.defer(function(){return s.openDialogs.length?s._afterAllClosed:s._afterAllClosed.pipe(l.startWith(void 0))}),this._afterOpen=new a.Subject,this._openDialogs=[],!r&&i&&i.subscribe(function(){return s.closeAll()})}return Object.defineProperty(t.prototype,"_afterAllClosed",{get:function(){return this._parentDialog?this._parentDialog.afterAllClosed:this._afterAllClosedBase},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"afterOpen",{get:function(){return this._parentDialog?this._parentDialog.afterOpen:this._afterOpen},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"openDialogs",{get:function(){return this._parentDialog?this._parentDialog.openDialogs:this._openDialogs},enumerable:!0,configurable:!0}),t.prototype.getById=function(t){return this._openDialogs.find(function(e){return e.id===t})},t.prototype.closeAll=function(){this.openDialogs.forEach(function(t){return t.close()})},t.prototype.openFromComponent=function(t,e){if(e=this._applyConfigDefaults(e),e.id&&this.getById(e.id))throw Error('Dialog with id "'+e.id+'" exists already. The dialog id must be unique.');var o=this._createOverlay(e),n=this._attachDialogContainer(o,e),r=this._attachDialogContentForComponent(t,n,o,e);return this.registerDialogRef(r),r},t.prototype.openFromTemplate=function(t,e){if(e=this._applyConfigDefaults(e),e.id&&this.getById(e.id))throw Error('Dialog with id "'+e.id+'" exists already. The dialog id must be unique.');var o=this._createOverlay(e),n=this._attachDialogContainer(o,e),r=this._attachDialogContentForTemplate(t,n,o,e);return this.registerDialogRef(r),r},t.prototype.registerDialogRef=function(t){var e=this;this.openDialogs.push(t);var o=t.afterOpen().subscribe(function(){e.afterOpen.next(t),o.unsubscribe()}),n=t.afterClosed().subscribe(function(){var o=e._openDialogs.indexOf(t);-1!==o&&e._openDialogs.splice(o,1),e._openDialogs.length||(e._afterAllClosedBase.next(),n.unsubscribe())})},t.prototype._createOverlay=function(t){var e=new c.OverlayConfig({positionStrategy:this.overlay.position().global(),scrollStrategy:this._scrollStrategy(),panelClass:t.panelClass,hasBackdrop:t.hasBackdrop,direction:t.direction,minWidth:t.minWidth,minHeight:t.minHeight,maxWidth:t.maxWidth,maxHeight:t.maxHeight});return t.backdropClass&&(e.backdropClass=t.backdropClass),this.overlay.create(e)},t.prototype._attachDialogContainer=function(t,e){var o=e.containerComponent||this.injector.get(O),r=e&&e.viewContainerRef&&e.viewContainerRef.injector,i=new n.PortalInjector(r||this.injector,new WeakMap([[y,e]])),a=new n.ComponentPortal(o,e.viewContainerRef,i),s=t.attach(a);return s.instance._config=e,s.instance},t.prototype._attachDialogContentForComponent=function(t,e,o,r){var i=new this.dialogRefConstructor(o,e,r.id),a=this._createInjector(r,i,e),s=e.attachComponentPortal(new n.ComponentPortal(t,void 0,a));return i.componentInstance=s.instance,i.updateSize({width:r.width,height:r.height}).updatePosition(r.position),i},t.prototype._attachDialogContentForTemplate=function(t,e,o,r){var i=new this.dialogRefConstructor(o,e,r.id);return e.attachTemplatePortal(new n.TemplatePortal(t,null,{$implicit:r.data,dialogRef:i})),i.updateSize({width:r.width,height:r.height}).updatePosition(r.position),i},t.prototype._createInjector=function(t,e,o){var r=t&&t.viewContainerRef&&t.viewContainerRef.injector,i=new WeakMap([[this.injector.get(C),e],[this.injector.get(O),o],[D,t.data]]);return!t.direction||r&&r.get(p.Directionality,null)||i.set(p.Directionality,{value:t.direction,change:a.of()}),new n.PortalInjector(r||this.injector,i)},t.prototype._applyConfigDefaults=function(t){var e=this.injector.get(k);return g({},new e,t)},t.decorators=[{type:i.Injectable}],t.ctorParameters=function(){return[{type:c.Overlay},{type:i.Injector},{type:void 0,decorators:[{type:i.Inject,args:[C]}]},{type:void 0,decorators:[{type:i.Inject,args:[v]}]},{type:t,decorators:[{type:i.Optional},{type:i.SkipSelf}]},{type:r.Location,decorators:[{type:i.Optional}]}]},t}(),x=m,R=_,E=y,P=function(){function t(){}return t.decorators=[{type:i.NgModule,args:[{imports:[r.CommonModule,c.OverlayModule,n.PortalModule,o.A11yModule],exports:[_],declarations:[_],providers:[j,w,{provide:C,useValue:x},{provide:O,useValue:R},{provide:k,useValue:E}],entryComponents:[_]}]}],t}();t.throwDialogContentAlreadyAttachedError=f,t.CdkDialogContainer=_,t.DialogConfig=y,t.DialogRef=m,t.Dialog=j,t.DialogModule=P,t.DIALOG_SCROLL_STRATEGY=v,t.DIALOG_DATA=D,t.DIALOG_REF=C,t.DIALOG_CONFIG=k,t.DIALOG_CONTAINER=O,t.MAT_DIALOG_SCROLL_STRATEGY_PROVIDER_FACTORY=d,t.MAT_DIALOG_SCROLL_STRATEGY_PROVIDER=w,Object.defineProperty(t,"__esModule",{value:!0})});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/animations"),require("@angular/cdk/a11y"),require("@angular/cdk/portal"),require("@angular/common"),require("@angular/core"),require("rxjs"),require("@angular/cdk/keycodes"),require("rxjs/operators"),require("@angular/cdk/overlay"),require("@angular/cdk/bidi")):"function"==typeof define&&define.amd?define("@angular/cdk-experimental/dialog",["exports","@angular/animations","@angular/cdk/a11y","@angular/cdk/portal","@angular/common","@angular/core","rxjs","@angular/cdk/keycodes","rxjs/operators","@angular/cdk/overlay","@angular/cdk/bidi"],e):e((t.ng=t.ng||{},t.ng["cdk-experimental"]=t.ng["cdk-experimental"]||{},t.ng["cdk-experimental"].dialog={}),t.ng.animations,t.ng.cdk.a11y,t.ng.cdk.portal,t.ng.common,t.ng.core,t.rxjs,t.ng.cdk.keycodes,t.rxjs.operators,t.ng.cdk.overlay,t.ng.cdk.bidi)}(this,function(t,e,o,n,r,i,a,s,l,c,p){"use strict";function u(t,e){function o(){this.constructor=t}h(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}function f(){throw Error("Attempting to attach dialog content after content is already attached")}function d(t){return function(){return t.scrollStrategies.block()}}var h=function(t,e){return(h=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o])})(t,e)},g=function(){return g=Object.assign||function(t){for(var e,o=1,n=arguments.length;o<n;o++){e=arguments[o];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])}return t},g.apply(this,arguments)},y=function(){function t(){this.role="dialog",this.panelClass="",this.hasBackdrop=!0,this.backdropClass="",this.disableClose=!1,this.width="",this.height="",this.minWidth="",this.minHeight="",this.maxWidth="80vw",this.maxHeight="",this.data=null,this.ariaDescribedBy=null,this.ariaLabel=null,this.autoFocus=!0}return t}(),_=function(t){function s(e,o,n,r,i){var s=t.call(this)||this;return s._elementRef=e,s._focusTrapFactory=o,s._changeDetectorRef=n,s._document=r,s._config=i,s._state="enter",s._elementFocusedBeforeDialogWasOpened=null,s._focusTrap=s._focusTrapFactory.create(s._elementRef.nativeElement,!1),s._beforeEnter=new a.Subject,s._afterEnter=new a.Subject,s._beforeExit=new a.Subject,s._afterExit=new a.Subject,s}return u(s,t),Object.defineProperty(s.prototype,"_ariaLabel",{get:function(){return this._config.ariaLabel||null},enumerable:!0,configurable:!0}),Object.defineProperty(s.prototype,"_ariaDescribedBy",{get:function(){return this._config.ariaDescribedBy},enumerable:!0,configurable:!0}),Object.defineProperty(s.prototype,"_role",{get:function(){return this._config.role},enumerable:!0,configurable:!0}),Object.defineProperty(s.prototype,"_tabindex",{get:function(){return-1},enumerable:!0,configurable:!0}),s.prototype.ngOnDestroy=function(){this._focusTrap.destroy()},s.prototype.attachComponentPortal=function(t){return this._portalHost.hasAttached()&&f(),this._savePreviouslyFocusedElement(),this._portalHost.attachComponentPortal(t)},s.prototype.attachTemplatePortal=function(t){return this._portalHost.hasAttached()&&f(),this._savePreviouslyFocusedElement(),this._portalHost.attachTemplatePortal(t)},s.prototype._onAnimationStart=function(t){"enter"===t.toState&&this._beforeEnter.next(),"enter"!==t.fromState||"void"!==t.toState&&"exit"!==t.toState||this._beforeExit.next()},s.prototype._onAnimationDone=function(t){"enter"===t.toState&&(this._autoFocusFirstTabbableElement(),this._afterEnter.next()),"enter"!==t.fromState||"void"!==t.toState&&"exit"!==t.toState||(this._returnFocusAfterDialog(),this._afterExit.next())},s.prototype._startExiting=function(){this._state="exit",this._changeDetectorRef.markForCheck()},s.prototype._savePreviouslyFocusedElement=function(){var t=this;this._document&&(this._elementFocusedBeforeDialogWasOpened=this._document.activeElement,Promise.resolve().then(function(){return t._elementRef.nativeElement.focus()}))},s.prototype._autoFocusFirstTabbableElement=function(){var t=this;this._config.autoFocus&&this._focusTrap.focusInitialElementWhenReady().then(function(e){e||t._elementRef.nativeElement.focus()})},s.prototype._returnFocusAfterDialog=function(){var t=this._elementFocusedBeforeDialogWasOpened;t&&"function"==typeof t.focus&&t.focus()},s.decorators=[{type:i.Component,args:[{selector:"cdk-dialog-container",template:"<ng-template cdkPortalOutlet></ng-template>",styles:["cdk-dialog-container{background:#fff;border-radius:5px;display:block;padding:10px}"],encapsulation:i.ViewEncapsulation.None,changeDetection:i.ChangeDetectionStrategy.Default,animations:[e.trigger("dialog",[e.state("enter",e.style({opacity:1})),e.state("exit, void",e.style({opacity:0})),e.transition("* => *",e.animate(225))])],host:{"[@dialog]":"_state","(@dialog.start)":"_onAnimationStart($event)","(@dialog.done)":"_onAnimationDone($event)"}}]}],s.ctorParameters=function(){return[{type:i.ElementRef},{type:o.FocusTrapFactory},{type:i.ChangeDetectorRef},{type:void 0,decorators:[{type:i.Optional},{type:i.Inject,args:[r.DOCUMENT]}]},{type:y}]},s.propDecorators={_ariaLabel:[{type:i.HostBinding,args:["attr.aria-label"]}],_ariaDescribedBy:[{type:i.HostBinding,args:["attr.aria-describedby"]}],_role:[{type:i.HostBinding,args:["attr.role"]}],_tabindex:[{type:i.HostBinding,args:["attr.tabindex"]}],_portalHost:[{type:i.ViewChild,args:[n.PortalHostDirective]}]},s}(n.BasePortalOutlet),b=0,m=function(){function t(t,e,o){void 0===o&&(o="dialog-"+b++);var n=this;this._overlayRef=t,this._containerInstance=e,this.id=o,e._config.hasBackdrop&&t.backdropClick().subscribe(function(){n.disableClose||n.close()}),this.beforeClose().subscribe(function(){n._overlayRef.detachBackdrop()}),this.afterClosed().subscribe(function(){n._overlayRef.detach(),n._overlayRef.dispose(),n.componentInstance=null}),t.keydownEvents().pipe(l.filter(function(t){return t.keyCode===s.ESCAPE&&!n.disableClose})).subscribe(function(){return n.close()})}return t.prototype.backdropClick=function(){return this._overlayRef.backdropClick()},t.prototype.close=function(t){this._result=t,this._containerInstance._startExiting()},t.prototype.updatePosition=function(t){var e=this._getPositionStrategy();return t&&(t.left||t.right)?t.left?e.left(t.left):e.right(t.right):e.centerHorizontally(),t&&(t.top||t.bottom)?t.top?e.top(t.top):e.bottom(t.bottom):e.centerVertically(),this._overlayRef.updatePosition(),this},t.prototype.keydownEvents=function(){return this._overlayRef.keydownEvents()},t.prototype.updateSize=function(t){return t.width&&this._getPositionStrategy().width(t.width.toString()),t.height&&this._getPositionStrategy().height(t.height.toString()),this._overlayRef.updateSize(t),this._overlayRef.updatePosition(),this},t.prototype._getPositionStrategy=function(){return this._overlayRef.getConfig().positionStrategy},t.prototype.beforeOpen=function(){return this._containerInstance._beforeEnter.asObservable()},t.prototype.afterOpen=function(){return this._containerInstance._afterEnter.asObservable()},t.prototype.beforeClose=function(){var t=this;return this._containerInstance._beforeExit.pipe(l.map(function(){return t._result}))},t.prototype.afterClosed=function(){var t=this;return this._containerInstance._afterExit.pipe(l.map(function(){return t._result}))},t}(),v=new i.InjectionToken("DialogScrollStrategy"),D=new i.InjectionToken("DialogData"),C=new i.InjectionToken("DialogRef"),k=new i.InjectionToken("DialogConfig"),O=new i.InjectionToken("DialogContainer"),w={provide:v,deps:[c.Overlay],useFactory:d},j=function(){function t(t,e,o,n,r,i){var s=this;this.overlay=t,this.injector=e,this.dialogRefConstructor=o,this._scrollStrategy=n,this._parentDialog=r,this._afterAllClosedBase=new a.Subject,this.afterAllClosed=a.defer(function(){return s.openDialogs.length?s._afterAllClosed:s._afterAllClosed.pipe(l.startWith(void 0))}),this._afterOpen=new a.Subject,this._openDialogs=[],!r&&i&&i.subscribe(function(){return s.closeAll()})}return Object.defineProperty(t.prototype,"_afterAllClosed",{get:function(){return this._parentDialog?this._parentDialog.afterAllClosed:this._afterAllClosedBase},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"afterOpen",{get:function(){return this._parentDialog?this._parentDialog.afterOpen:this._afterOpen},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"openDialogs",{get:function(){return this._parentDialog?this._parentDialog.openDialogs:this._openDialogs},enumerable:!0,configurable:!0}),t.prototype.getById=function(t){return this._openDialogs.find(function(e){return e.id===t})},t.prototype.closeAll=function(){this.openDialogs.forEach(function(t){return t.close()})},t.prototype.openFromComponent=function(t,e){if(e=this._applyConfigDefaults(e),e.id&&this.getById(e.id))throw Error('Dialog with id "'+e.id+'" exists already. The dialog id must be unique.');var o=this._createOverlay(e),n=this._attachDialogContainer(o,e),r=this._attachDialogContentForComponent(t,n,o,e);return this.registerDialogRef(r),r},t.prototype.openFromTemplate=function(t,e){if(e=this._applyConfigDefaults(e),e.id&&this.getById(e.id))throw Error('Dialog with id "'+e.id+'" exists already. The dialog id must be unique.');var o=this._createOverlay(e),n=this._attachDialogContainer(o,e),r=this._attachDialogContentForTemplate(t,n,o,e);return this.registerDialogRef(r),r},t.prototype.registerDialogRef=function(t){var e=this;this.openDialogs.push(t);var o=t.afterOpen().subscribe(function(){e.afterOpen.next(t),o.unsubscribe()}),n=t.afterClosed().subscribe(function(){var o=e._openDialogs.indexOf(t);-1!==o&&e._openDialogs.splice(o,1),e._openDialogs.length||(e._afterAllClosedBase.next(),n.unsubscribe())})},t.prototype._createOverlay=function(t){var e=new c.OverlayConfig({positionStrategy:this.overlay.position().global(),scrollStrategy:this._scrollStrategy(),panelClass:t.panelClass,hasBackdrop:t.hasBackdrop,direction:t.direction,minWidth:t.minWidth,minHeight:t.minHeight,maxWidth:t.maxWidth,maxHeight:t.maxHeight});return t.backdropClass&&(e.backdropClass=t.backdropClass),this.overlay.create(e)},t.prototype._attachDialogContainer=function(t,e){var o=e.containerComponent||this.injector.get(O),r=e&&e.viewContainerRef&&e.viewContainerRef.injector,i=new n.PortalInjector(r||this.injector,new WeakMap([[y,e]])),a=new n.ComponentPortal(o,e.viewContainerRef,i),s=t.attach(a);return s.instance._config=e,s.instance},t.prototype._attachDialogContentForComponent=function(t,e,o,r){var i=new this.dialogRefConstructor(o,e,r.id),a=this._createInjector(r,i,e),s=e.attachComponentPortal(new n.ComponentPortal(t,void 0,a));return i.componentInstance=s.instance,i.updateSize({width:r.width,height:r.height}).updatePosition(r.position),i},t.prototype._attachDialogContentForTemplate=function(t,e,o,r){var i=new this.dialogRefConstructor(o,e,r.id);return e.attachTemplatePortal(new n.TemplatePortal(t,null,{$implicit:r.data,dialogRef:i})),i.updateSize({width:r.width,height:r.height}).updatePosition(r.position),i},t.prototype._createInjector=function(t,e,o){var r=t&&t.viewContainerRef&&t.viewContainerRef.injector,i=new WeakMap([[this.injector.get(C),e],[this.injector.get(O),o],[D,t.data]]);return!t.direction||r&&r.get(p.Directionality,null)||i.set(p.Directionality,{value:t.direction,change:a.of()}),new n.PortalInjector(r||this.injector,i)},t.prototype._applyConfigDefaults=function(t){var e=this.injector.get(k);return g({},new e,t)},t.decorators=[{type:i.Injectable}],t.ctorParameters=function(){return[{type:c.Overlay},{type:i.Injector},{type:void 0,decorators:[{type:i.Inject,args:[C]}]},{type:void 0,decorators:[{type:i.Inject,args:[v]}]},{type:t,decorators:[{type:i.Optional},{type:i.SkipSelf}]},{type:r.Location,decorators:[{type:i.Optional}]}]},t}(),x=m,R=_,E=y,P=function(){function t(){}return t.decorators=[{type:i.NgModule,args:[{imports:[r.CommonModule,c.OverlayModule,n.PortalModule,o.A11yModule],exports:[_],declarations:[_],providers:[j,w,{provide:C,useValue:x},{provide:O,useValue:R},{provide:k,useValue:E}],entryComponents:[_]}]}],t}();t.throwDialogContentAlreadyAttachedError=f,t.CdkDialogContainer=_,t.DialogConfig=y,t.DialogRef=m,t.Dialog=j,t.DialogModule=P,t.DIALOG_SCROLL_STRATEGY=v,t.DIALOG_DATA=D,t.DIALOG_REF=C,t.DIALOG_CONFIG=k,t.DIALOG_CONTAINER=O,t.MAT_DIALOG_SCROLL_STRATEGY_PROVIDER_FACTORY=d,t.MAT_DIALOG_SCROLL_STRATEGY_PROVIDER=w,Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=cdk-experimental-dialog.umd.min.js.map

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

@@ -528,4 +528,4 @@ /**
         // bind the event in the first place.
-        var /** @type {?} */ duration = getComputedStyle(this._preview).getPropertyValue('transition-duration');
-        if (parseFloat(duration) === 0) {
+        var /** @type {?} */ duration = this._getTransitionDurationInMs(this._preview);
+        if (duration === 0) {
             return Promise.resolve();
@@ -536,7 +536,12 @@ }
                 var /** @type {?} */ handler = function (event) {
-                    if (event.target === _this._preview) {
+                    if (!event || event.target === _this._preview) {
                         _this._preview.removeEventListener('transitionend', handler);
                         resolve();
+                        clearTimeout(timeout);
                     }
                 };
+                // If a transition is short enough, the browser might not fire the `transitionend` event.
+                // Since we know how long it's supposed to take, add a timeout with a 50% buffer that'll
+                // fire if the transition hasn't completed when it was supposed to.
+                var /** @type {?} */ timeout = setTimeout(handler, duration * 1.5);
                 _this._preview.addEventListener('transitionend', handler);
@@ -682,2 +687,18 @@ });
     };
+    /**
+     * Gets the `transition-duration` of an element in milliseconds.
+     * @param {?} element
+     * @return {?}
+     */
+    CdkDrag.prototype._getTransitionDurationInMs = /**
+     * Gets the `transition-duration` of an element in milliseconds.
+     * @param {?} element
+     * @return {?}
+     */
+    function (element) {
+        var /** @type {?} */ rawDuration = getComputedStyle(element).getPropertyValue('transition-duration');
+        // Some browsers will return it in seconds, whereas others will return milliseconds.
+        var /** @type {?} */ multiplier = rawDuration.toLowerCase().indexOf('ms') > -1 ? 1 : 1000;
+        return parseFloat(rawDuration) * multiplier;
+    };
     CdkDrag.decorators = [
@@ -684,0 +705,0 @@ { type: core.Directive, args: [{

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/platform-browser"),require("@angular/cdk/bidi"),require("@angular/cdk/platform"),require("@angular/cdk/overlay")):"function"==typeof define&&define.amd?define("@angular/cdk-experimental/dragDrop",["exports","@angular/core","@angular/platform-browser","@angular/cdk/bidi","@angular/cdk/platform","@angular/cdk/overlay"],t):t((e.ng=e.ng||{},e.ng["cdk-experimental"]=e.ng["cdk-experimental"]||{},e.ng["cdk-experimental"].dragDrop={}),e.ng.core,e.ng.platformBrowser,e.ng.cdk.bidi,e.ng.cdk.platform,e.ng.cdk.overlay)}(this,function(e,t,n,r,i,o){"use strict";function s(e,t,n){if(t!==n){for(var r=e[t],i=n<t?-1:1,o=t;o!==n;o+=i)e[o]=e[o+i];e[n]=r}}function a(e,t,n,r){t.splice(r,0,e.splice(n,1)[0])}var p=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}(),l=new t.InjectionToken("CDK_DROP_CONTAINER"),d=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}(),c=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}(),u=!!i.supportsPassiveEventListeners()&&{passive:!1},h=function(){function e(e,n,r,i,o,s,a){var p=this;this.element=e,this.dropContainer=n,this._ngZone=i,this._viewContainerRef=o,this._viewportRuler=s,this._dir=a,this._passiveTransform={x:0,y:0},this._activeTransform={x:0,y:0},this._isDragging=!1,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(!p._isDragging&&(p._isDragging=!0,p._initialContainer=p.dropContainer,p._scrollPosition=p._viewportRuler.getViewportScrollPosition(),p._pickupPositionInElement=p._previewTemplate?{x:0,y:0}:p._getPointerPositionInElement(e,t),p._pickupPositionOnPage=p._getPointerPositionOnPage(t),p._registerMoveListeners(t),p.started.emit({source:p}),p.dropContainer)){var n=p.element.nativeElement,r=p._preview=p._createPreviewElement(),i=p._placeholder=p._createPlaceholderElement();n.style.display="none",p._document.body.appendChild(n.parentNode.replaceChild(i,n)),p._document.body.appendChild(r),p.dropContainer.start()}},this._pointerMove=function(e){if(p._isDragging)if(p._hasMoved=!0,e.preventDefault(),p.dropContainer)p._updateActiveDropContainer(e);else{var t=p._activeTransform,n=p._getPointerPositionOnPage(e),r=n.x,i=n.y;t.x=r-p._pickupPositionOnPage.x+p._passiveTransform.x,t.y=i-p._pickupPositionOnPage.y+p._passiveTransform.y,p._setTransform(p.element.nativeElement,t.x,t.y)}},this._pointerUp=function(){if(p._isDragging){if(p._removeDocumentEvents(),p._isDragging=!1,!p.dropContainer)return p._passiveTransform.x=p._activeTransform.x,p._passiveTransform.y=p._activeTransform.y,void p._ngZone.run(function(){return p.ended.emit({source:p})});p._animatePreviewToPlaceholder().then(function(){return p._cleanupDragArtifacts()})}},this._preventScrollListener=function(e){p._isDragging&&e.preventDefault()},this._document=r}return e.prototype.getPlaceholderElement=function(){return this._placeholder},e.prototype.ngAfterContentInit=function(){var e=this;this._ngZone.runOutsideAngular(function(){e._document.addEventListener("touchmove",e._preventScrollListener,u)})},e.prototype.ngOnDestroy=function(){this._removeDocumentEvents(),this._destroyPreview(),this._destroyPlaceholder(),this._document.removeEventListener("touchmove",this._preventScrollListener,u),this._isDragging&&this._removeElement(this.element.nativeElement)},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._destroyPreview(),this._placeholder.parentNode.insertBefore(this.element.nativeElement,this._placeholder),this._destroyPlaceholder(),this.element.nativeElement.style.display="",this._ngZone.run(function(){var t=e._getElementIndexInDom();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)}),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._getElementIndexInDom=function(){var e=this,t=this.element.nativeElement;if(!t.parentElement)return-1;for(var n=0,r=t.parentElement.children,i=r.length,o=this.dropContainer._draggables.filter(function(t){return t!==e}).map(function(e){return e.element.nativeElement}),s=0;s<i;s++){if(r[s]===t)return n;o.indexOf(r[s])>-1&&n++}return-1},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=getComputedStyle(this._preview).getPropertyValue("transition-duration");return 0===parseFloat(n)?Promise.resolve():this._ngZone.runOutsideAngular(function(){return new Promise(function(t){var n=function(r){r.target===e._preview&&(e._preview.removeEventListener("transitionend",n),t())};e._preview.addEventListener("transitionend",n)})})},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._removeDocumentEvents=function(){this._document.removeEventListener("mousemove",this._pointerMove,u),this._document.removeEventListener("touchmove",this._pointerMove,u),this._document.removeEventListener("mouseup",this._pointerUp),this._document.removeEventListener("touchend",this._pointerUp)},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.prototype._registerMoveListeners=function(e){var t=this;this._ngZone.runOutsideAngular(function(){var n=t._isTouchEvent(e);t._document.addEventListener(n?"touchmove":"mousemove",t._pointerMove,u),t._document.addEventListener(n?"touchend":"mouseup",t._pointerUp)})},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:[l]},{type:t.Optional},{type:t.SkipSelf}]},{type:void 0,decorators:[{type:t.Inject,args:[n.DOCUMENT]}]},{type:t.NgZone},{type:t.ViewContainerRef},{type:o.ViewportRuler},{type:r.Directionality,decorators:[{type:t.Optional}]}]},e.propDecorators={_handles:[{type:t.ContentChildren,args:[p]}],_previewTemplate:[{type:t.ContentChild,args:[d]}],_placeholderTemplate:[{type:t.ContentChild,args:[c]}],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}(),g=function(){function e(e){this.element=e,this.connectedTo=[],this.orientation="vertical",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.start=function(){this._dragging=!0,this._refreshPositions()},e.prototype.drop=function(e,t,n){this.dropped.emit({item:e,currentIndex:t,previousIndex:n.getItemIndex(e),container:this,previousContainer:n}),this._reset()},e.prototype.enter=function(e){this.entered.emit({item:e,container:this}),this.start()},e.prototype.exit=function(e){this._reset(),this.exited.emit({item:e,container:this})},e.prototype.getItemIndex=function(e){return this._draggables.toArray().indexOf(e)},e.prototype._sortItem=function(e,t,n){var r=this,i=this._positionCache.items,o=i.find(function(i){var o=i.drag,s=i.clientRect;return o!==e&&("horizontal"===r.orientation?t>s.left&&t<s.right:n>s.top&&n<s.bottom)});if(o||!(i.length>0)){var s=o?o.drag.element.nativeElement:null,a=s?s.nextSibling:null,p=s?s.parentElement:this.element.nativeElement,l=e.getPlaceholderElement();a?p.insertBefore(l,a===l?s:a):p.appendChild(l),this._refreshPositions()}},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._refreshPositions=function(){this._positionCache.items=this._draggables.map(function(e){return{drag:e,clientRect:e.element.nativeElement.getBoundingClientRect()}}).sort(function(e,t){return e.clientRect.top-t.clientRect.top}),this._positionCache.siblings=this.connectedTo.map(function(e){return{drop:e,clientRect:e.element.nativeElement.getBoundingClientRect()}})},e.prototype._reset=function(){this._dragging=!1,this._positionCache.items=[],this._positionCache.siblings=[]},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}"],providers:[{provide:l,useExisting:e}],host:{class:"cdk-drop","[class.cdk-drop-dragging]":"_dragging"}}]}],e.ctorParameters=function(){return[{type:t.ElementRef}]},e.propDecorators={_draggables:[{type:t.ContentChildren,args:[t.forwardRef(function(){return h})]}],connectedTo:[{type:t.Input}],data:[{type:t.Input}],orientation:[{type:t.Input}],dropped:[{type:t.Output}],entered:[{type:t.Output}],exited:[{type:t.Output}]},e}(),m=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[g,h,p,d,c],exports:[g,h,p,d,c]}]}],e}();e.CdkDrop=g,e.CdkDrag=h,e.CdkDragHandle=p,e.moveItemInArray=s,e.transferArrayItem=a,e.CdkDragPreview=d,e.CdkDragPlaceholder=c,e.DragDropModule=m,e.ɵb=l,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/platform-browser"),require("@angular/cdk/bidi"),require("@angular/cdk/platform"),require("@angular/cdk/overlay")):"function"==typeof define&&define.amd?define("@angular/cdk-experimental/dragDrop",["exports","@angular/core","@angular/platform-browser","@angular/cdk/bidi","@angular/cdk/platform","@angular/cdk/overlay"],t):t((e.ng=e.ng||{},e.ng["cdk-experimental"]=e.ng["cdk-experimental"]||{},e.ng["cdk-experimental"].dragDrop={}),e.ng.core,e.ng.platformBrowser,e.ng.cdk.bidi,e.ng.cdk.platform,e.ng.cdk.overlay)}(this,function(e,t,n,r,i,o){"use strict";function s(e,t,n){if(t!==n){for(var r=e[t],i=n<t?-1:1,o=t;o!==n;o+=i)e[o]=e[o+i];e[n]=r}}function a(e,t,n,r){t.splice(r,0,e.splice(n,1)[0])}var p=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}(),l=new t.InjectionToken("CDK_DROP_CONTAINER"),d=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}(),c=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}(),u=!!i.supportsPassiveEventListeners()&&{passive:!1},h=function(){function e(e,n,r,i,o,s,a){var p=this;this.element=e,this.dropContainer=n,this._ngZone=i,this._viewContainerRef=o,this._viewportRuler=s,this._dir=a,this._passiveTransform={x:0,y:0},this._activeTransform={x:0,y:0},this._isDragging=!1,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(!p._isDragging&&(p._isDragging=!0,p._initialContainer=p.dropContainer,p._scrollPosition=p._viewportRuler.getViewportScrollPosition(),p._pickupPositionInElement=p._previewTemplate?{x:0,y:0}:p._getPointerPositionInElement(e,t),p._pickupPositionOnPage=p._getPointerPositionOnPage(t),p._registerMoveListeners(t),p.started.emit({source:p}),p.dropContainer)){var n=p.element.nativeElement,r=p._preview=p._createPreviewElement(),i=p._placeholder=p._createPlaceholderElement();n.style.display="none",p._document.body.appendChild(n.parentNode.replaceChild(i,n)),p._document.body.appendChild(r),p.dropContainer.start()}},this._pointerMove=function(e){if(p._isDragging)if(p._hasMoved=!0,e.preventDefault(),p.dropContainer)p._updateActiveDropContainer(e);else{var t=p._activeTransform,n=p._getPointerPositionOnPage(e),r=n.x,i=n.y;t.x=r-p._pickupPositionOnPage.x+p._passiveTransform.x,t.y=i-p._pickupPositionOnPage.y+p._passiveTransform.y,p._setTransform(p.element.nativeElement,t.x,t.y)}},this._pointerUp=function(){if(p._isDragging){if(p._removeDocumentEvents(),p._isDragging=!1,!p.dropContainer)return p._passiveTransform.x=p._activeTransform.x,p._passiveTransform.y=p._activeTransform.y,void p._ngZone.run(function(){return p.ended.emit({source:p})});p._animatePreviewToPlaceholder().then(function(){return p._cleanupDragArtifacts()})}},this._preventScrollListener=function(e){p._isDragging&&e.preventDefault()},this._document=r}return e.prototype.getPlaceholderElement=function(){return this._placeholder},e.prototype.ngAfterContentInit=function(){var e=this;this._ngZone.runOutsideAngular(function(){e._document.addEventListener("touchmove",e._preventScrollListener,u)})},e.prototype.ngOnDestroy=function(){this._removeDocumentEvents(),this._destroyPreview(),this._destroyPlaceholder(),this._document.removeEventListener("touchmove",this._preventScrollListener,u),this._isDragging&&this._removeElement(this.element.nativeElement)},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._destroyPreview(),this._placeholder.parentNode.insertBefore(this.element.nativeElement,this._placeholder),this._destroyPlaceholder(),this.element.nativeElement.style.display="",this._ngZone.run(function(){var t=e._getElementIndexInDom();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)}),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._getElementIndexInDom=function(){var e=this,t=this.element.nativeElement;if(!t.parentElement)return-1;for(var n=0,r=t.parentElement.children,i=r.length,o=this.dropContainer._draggables.filter(function(t){return t!==e}).map(function(e){return e.element.nativeElement}),s=0;s<i;s++){if(r[s]===t)return n;o.indexOf(r[s])>-1&&n++}return-1},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=this._getTransitionDurationInMs(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._removeDocumentEvents=function(){this._document.removeEventListener("mousemove",this._pointerMove,u),this._document.removeEventListener("touchmove",this._pointerMove,u),this._document.removeEventListener("mouseup",this._pointerUp),this._document.removeEventListener("touchend",this._pointerUp)},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.prototype._registerMoveListeners=function(e){var t=this;this._ngZone.runOutsideAngular(function(){var n=t._isTouchEvent(e);t._document.addEventListener(n?"touchmove":"mousemove",t._pointerMove,u),t._document.addEventListener(n?"touchend":"mouseup",t._pointerUp)})},e.prototype._getTransitionDurationInMs=function(e){var t=getComputedStyle(e).getPropertyValue("transition-duration"),n=t.toLowerCase().indexOf("ms")>-1?1:1e3;return parseFloat(t)*n},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:[l]},{type:t.Optional},{type:t.SkipSelf}]},{type:void 0,decorators:[{type:t.Inject,args:[n.DOCUMENT]}]},{type:t.NgZone},{type:t.ViewContainerRef},{type:o.ViewportRuler},{type:r.Directionality,decorators:[{type:t.Optional}]}]},e.propDecorators={_handles:[{type:t.ContentChildren,args:[p]}],_previewTemplate:[{type:t.ContentChild,args:[d]}],_placeholderTemplate:[{type:t.ContentChild,args:[c]}],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}(),g=function(){function e(e){this.element=e,this.connectedTo=[],this.orientation="vertical",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.start=function(){this._dragging=!0,this._refreshPositions()},e.prototype.drop=function(e,t,n){this.dropped.emit({item:e,currentIndex:t,previousIndex:n.getItemIndex(e),container:this,previousContainer:n}),this._reset()},e.prototype.enter=function(e){this.entered.emit({item:e,container:this}),this.start()},e.prototype.exit=function(e){this._reset(),this.exited.emit({item:e,container:this})},e.prototype.getItemIndex=function(e){return this._draggables.toArray().indexOf(e)},e.prototype._sortItem=function(e,t,n){var r=this,i=this._positionCache.items,o=i.find(function(i){var o=i.drag,s=i.clientRect;return o!==e&&("horizontal"===r.orientation?t>s.left&&t<s.right:n>s.top&&n<s.bottom)});if(o||!(i.length>0)){var s=o?o.drag.element.nativeElement:null,a=s?s.nextSibling:null,p=s?s.parentElement:this.element.nativeElement,l=e.getPlaceholderElement();a?p.insertBefore(l,a===l?s:a):p.appendChild(l),this._refreshPositions()}},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._refreshPositions=function(){this._positionCache.items=this._draggables.map(function(e){return{drag:e,clientRect:e.element.nativeElement.getBoundingClientRect()}}).sort(function(e,t){return e.clientRect.top-t.clientRect.top}),this._positionCache.siblings=this.connectedTo.map(function(e){return{drop:e,clientRect:e.element.nativeElement.getBoundingClientRect()}})},e.prototype._reset=function(){this._dragging=!1,this._positionCache.items=[],this._positionCache.siblings=[]},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}"],providers:[{provide:l,useExisting:e}],host:{class:"cdk-drop","[class.cdk-drop-dragging]":"_dragging"}}]}],e.ctorParameters=function(){return[{type:t.ElementRef}]},e.propDecorators={_draggables:[{type:t.ContentChildren,args:[t.forwardRef(function(){return h})]}],connectedTo:[{type:t.Input}],data:[{type:t.Input}],orientation:[{type:t.Input}],dropped:[{type:t.Output}],entered:[{type:t.Output}],exited:[{type:t.Output}]},e}(),m=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[g,h,p,d,c],exports:[g,h,p,d,c]}]}],e}();e.CdkDrop=g,e.CdkDrag=h,e.CdkDragHandle=p,e.moveItemInArray=s,e.transferArrayItem=a,e.CdkDragPreview=d,e.CdkDragPlaceholder=c,e.DragDropModule=m,e.ɵb=l,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=cdk-experimental-drag-drop.umd.min.js.map

bundles/cdk-experimental-scrolling.umd.min.js

@@ -8,3 +8,3 @@ /**
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/cdk/coercion"),require("@angular/platform-browser"),require("rxjs"),require("rxjs/operators"),require("@angular/cdk/collections")):"function"==typeof define&&define.amd?define("@angular/cdk-experimental/scrolling",["exports","@angular/core","@angular/cdk/coercion","@angular/platform-browser","rxjs","rxjs/operators","@angular/cdk/collections"],t):t((e.ng=e.ng||{},e.ng["cdk-experimental"]=e.ng["cdk-experimental"]||{},e.ng["cdk-experimental"].scrolling={}),e.ng.core,e.ng.cdk.coercion,e.ng.platformBrowser,e.rxjs,e.rxjs.operators,e.ng.cdk.collections)}(this,function(e,t,r,n,i,o,a){"use strict";function s(e){return e._scrollStrategy}function d(e){return e._scrollStrategy}function c(e,t){return e.start==t.start&&e.end==t.end}function h(e,t){return"horizontal"==e?t.width:t.height}var l=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++){t=arguments[r];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},f=new t.InjectionToken("VIRTUAL_SCROLL_STRATEGY"),u=function(){function e(e){void 0===e&&(e=50),this._totalWeight=0,this._defaultItemSize=e,this._averageItemSize=e}return e.prototype.getAverageItemSize=function(){return this._averageItemSize},e.prototype.addSample=function(e,t){var r=this._totalWeight+e.end-e.start;if(r){var n=(t+this._averageItemSize*this._totalWeight)/r;n&&(this._averageItemSize=n,this._totalWeight=r)}},e.prototype.reset=function(){this._averageItemSize=this._defaultItemSize,this._totalWeight=0},e}(),p=function(){function e(e,t,r){void 0===r&&(r=new u),this._viewport=null,this._removalFailures=0,this._minBufferPx=e,this._addBufferPx=t,this._averager=r}return e.prototype.attach=function(e){this._averager.reset(),this._viewport=e,this._setScrollOffset()},e.prototype.detach=function(){this._viewport=null},e.prototype.onContentScrolled=function(){this._viewport&&this._updateRenderedContentAfterScroll()},e.prototype.onDataLengthChanged=function(){this._viewport&&(this._setScrollOffset(),this._checkRenderedContentSize())},e.prototype.onContentRendered=function(){this._viewport&&this._checkRenderedContentSize()},e.prototype.onRenderedOffsetChanged=function(){this._viewport&&this._checkRenderedContentOffset()},e.prototype.updateBufferSize=function(e,t){this._minBufferPx=e,this._addBufferPx=t},e.prototype._updateRenderedContentAfterScroll=function(){var e=this._viewport,t=e.measureScrollOffset(),r=t-this._lastScrollOffset,n=Math.abs(r),i=e.getRenderedRange(),o=0;if(r<0){var a=i.start*this._averager.getAverageItemSize(),s=a-this._lastRenderedContentOffset;o=Math.round(s*Math.max(0,Math.min(1,n/(t+n)))),r-=o,n=Math.abs(r)}var d=this._lastScrollOffset-this._lastRenderedContentOffset,c=this._lastRenderedContentOffset+this._lastRenderedContentSize-(this._lastScrollOffset+e.getViewportSize()),h=n+this._minBufferPx-(r<0?d:c);if(h>0)if(n>=e.getViewportSize())this._setScrollOffset();else{var l=Math.max(0,Math.ceil((h-this._minBufferPx+this._addBufferPx)/this._averager.getAverageItemSize())),f=(r<0?c:d)-this._minBufferPx+n,u=Math.floor(f/this._averager.getAverageItemSize()/(this._removalFailures+1)),p=Math.min(i.end-i.start,Math.max(0,u)),_=this._expandRange(i,r<0?l:0,r>0?l:0);r<0?_.end=Math.max(_.start+1,_.end-p):_.start=Math.min(_.end-1,_.start+p);var g=void 0,S=void 0;if(r<0){var m=e.measureRangeSize({start:_.end,end:i.end});m<=f?(g=this._lastRenderedContentOffset+this._lastRenderedContentSize-m,this._removalFailures=0):(_.end=i.end,g=this._lastRenderedContentOffset+this._lastRenderedContentSize,this._removalFailures++),S="to-end"}else{var m=e.measureRangeSize({start:i.start,end:_.start});m<=f?(g=this._lastRenderedContentOffset+m,this._removalFailures=0):(_.start=i.start,g=this._lastRenderedContentOffset,this._removalFailures++),S="to-start"}e.setRenderedRange(_),e.setRenderedContentOffset(g+o,S)}else o&&e.setRenderedContentOffset(this._lastRenderedContentOffset+o);this._lastScrollOffset=t},e.prototype._checkRenderedContentSize=function(){var e=this._viewport;this._lastRenderedContentSize=e.measureRenderedContentSize(),this._averager.addSample(e.getRenderedRange(),this._lastRenderedContentSize),this._updateTotalContentSize(this._lastRenderedContentSize)},e.prototype._checkRenderedContentOffset=function(){var e=this._viewport;this._lastRenderedContentOffset=e.getOffsetToRenderedContentStart()},e.prototype._setScrollOffset=function(e){var t=this._viewport;null==e?e=t.measureScrollOffset():t.setScrollOffset(e),this._lastScrollOffset=e,this._removalFailures=0;var r=this._averager.getAverageItemSize(),n=Math.min(t.getDataLength()-1,Math.floor(e/r)),i=Math.ceil(this._addBufferPx/r),o=this._expandRange(this._getVisibleRangeForIndex(n),i,i);t.setRenderedRange(o),t.setRenderedContentOffset(r*o.start)},e.prototype._getVisibleRangeForIndex=function(e){var t=this._viewport,r={start:e,end:e+Math.ceil(t.getViewportSize()/this._averager.getAverageItemSize())},n=r.end-t.getDataLength();return n>0&&(r.start=Math.max(0,r.start-n)),r},e.prototype._expandRange=function(e,t,r){var n=this._viewport;return{start:Math.max(0,e.start-t),end:Math.min(n.getDataLength(),e.end+r)}},e.prototype._updateTotalContentSize=function(e){var t=this._viewport,r=t.getRenderedRange(),n=e+(t.getDataLength()-(r.end-r.start))*this._averager.getAverageItemSize();t.setTotalContentSize(n)},e}(),_=function(){function e(){this._minBufferPx=100,this._addBufferPx=200,this._scrollStrategy=new p(this.minBufferPx,this.addBufferPx)}return Object.defineProperty(e.prototype,"minBufferPx",{get:function(){return this._minBufferPx},set:function(e){this._minBufferPx=r.coerceNumberProperty(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"addBufferPx",{get:function(){return this._addBufferPx},set:function(e){this._addBufferPx=r.coerceNumberProperty(e)},enumerable:!0,configurable:!0}),e.prototype.ngOnChanges=function(){this._scrollStrategy.updateBufferSize(this.minBufferPx,this.addBufferPx)},e.decorators=[{type:t.Directive,args:[{selector:"cdk-virtual-scroll-viewport[autosize]",providers:[{provide:f,useFactory:s,deps:[t.forwardRef(function(){return e})]}]}]}],e.propDecorators={minBufferPx:[{type:t.Input}],addBufferPx:[{type:t.Input}]},e}(),g=function(){function e(e,t){this._viewport=null,this._itemSize=e,this._bufferSize=t}return e.prototype.attach=function(e){this._viewport=e,this._updateTotalContentSize(),this._updateRenderedRange()},e.prototype.detach=function(){this._viewport=null},e.prototype.updateItemAndBufferSize=function(e,t){this._itemSize=e,this._bufferSize=t,this._updateTotalContentSize(),this._updateRenderedRange()},e.prototype.onContentScrolled=function(){this._updateRenderedRange()},e.prototype.onDataLengthChanged=function(){this._updateTotalContentSize(),this._updateRenderedRange()},e.prototype.onContentRendered=function(){},e.prototype.onRenderedOffsetChanged=function(){},e.prototype._updateTotalContentSize=function(){this._viewport&&this._viewport.setTotalContentSize(this._viewport.getDataLength()*this._itemSize)},e.prototype._updateRenderedRange=function(){if(this._viewport){var e=this._viewport.measureScrollOffset(),t=Math.floor(e/this._itemSize),r=e%this._itemSize,n=this._expandRange({start:t,end:t},this._bufferSize,Math.ceil((this._viewport.getViewportSize()+r)/this._itemSize)+this._bufferSize);this._viewport.setRenderedRange(n),this._viewport.setRenderedContentOffset(this._itemSize*n.start)}},e.prototype._expandRange=function(e,t,r){return this._viewport?{start:Math.max(0,e.start-t),end:Math.min(this._viewport.getDataLength(),e.end+r)}:l({},e)},e}(),S=function(){function e(){this._itemSize=20,this._bufferSize=5,this._scrollStrategy=new g(this.itemSize,this.bufferSize)}return Object.defineProperty(e.prototype,"itemSize",{get:function(){return this._itemSize},set:function(e){this._itemSize=r.coerceNumberProperty(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"bufferSize",{get:function(){return this._bufferSize},set:function(e){this._bufferSize=r.coerceNumberProperty(e)},enumerable:!0,configurable:!0}),e.prototype.ngOnChanges=function(){this._scrollStrategy.updateItemAndBufferSize(this.itemSize,this.bufferSize)},e.decorators=[{type:t.Directive,args:[{selector:"cdk-virtual-scroll-viewport[itemSize]",providers:[{provide:f,useFactory:d,deps:[t.forwardRef(function(){return e})]}]}]}],e.propDecorators={itemSize:[{type:t.Input}],bufferSize:[{type:t.Input}]},e}(),m=function(){function e(e,t,r,n,o){this.elementRef=e,this._changeDetectorRef=t,this._ngZone=r,this._sanitizer=n,this._scrollStrategy=o,this._detachedSubject=new i.Subject,this._renderedRangeSubject=new i.Subject,this.orientation="vertical",this.renderedRangeStream=this._renderedRangeSubject.asObservable(),this._totalContentSize=0,this._renderedRange={start:0,end:0},this._dataLength=0,this._viewportSize=0,this._renderedContentOffset=0,this._renderedContentOffsetNeedsRewrite=!1,this._destroyed=new i.Subject}return e.prototype.ngOnInit=function(){var e=this;Promise.resolve().then(function(){e._measureViewportSize(),e._scrollStrategy.attach(e),e._ngZone.runOutsideAngular(function(){i.fromEvent(e.elementRef.nativeElement,"scroll").pipe(o.sampleTime(0,i.animationFrameScheduler),o.takeUntil(e._destroyed)).subscribe(function(){return e._scrollStrategy.onContentScrolled()})})})},e.prototype.ngDoCheck=function(){null!=this._pendingScrollOffset&&("horizontal"===this.orientation?this.elementRef.nativeElement.scrollLeft=this._pendingScrollOffset:this.elementRef.nativeElement.scrollTop=this._pendingScrollOffset)},e.prototype.ngOnDestroy=function(){this.detach(),this._scrollStrategy.detach(),this._destroyed.next(),this._renderedRangeSubject.complete(),this._detachedSubject.complete(),this._destroyed.complete()},e.prototype.attach=function(e){var t=this;if(this._forOf)throw Error("CdkVirtualScrollViewport is already attached.");this._forOf=e,this._forOf.dataStream.pipe(o.takeUntil(this._detachedSubject)).subscribe(function(e){var r=e.length;r!==t._dataLength&&(t._dataLength=r,t._scrollStrategy.onDataLengthChanged())})},e.prototype.detach=function(){this._forOf=null,this._detachedSubject.next()},e.prototype.getDataLength=function(){return this._dataLength},e.prototype.getViewportSize=function(){return this._viewportSize},e.prototype.getRenderedRange=function(){return this._renderedRange},e.prototype.setTotalContentSize=function(e){var t=this;this._totalContentSize!==e&&this._ngZone.run(function(){t._totalContentSize=e,t._changeDetectorRef.markForCheck()})},e.prototype.setRenderedRange=function(e){var t=this;c(this._renderedRange,e)||(this._ngZone.run(function(){t._renderedRangeSubject.next(t._renderedRange=e),t._changeDetectorRef.markForCheck()}),this._ngZone.runOutsideAngular(function(){return t._ngZone.onStable.pipe(o.take(1)).subscribe(function(){return Promise.resolve().then(function(){return t._scrollStrategy.onContentRendered()})})}))},e.prototype.getOffsetToRenderedContentStart=function(){return this._renderedContentOffsetNeedsRewrite?null:this._renderedContentOffset},e.prototype.setRenderedContentOffset=function(e,t){var r=this;void 0===t&&(t="to-start");var n="horizontal"===this.orientation?"X":"Y",i="translate"+n+"("+Number(e)+"px)";this._renderedContentOffset=e,"to-end"===t&&(i+=" translate"+n+"(-100%)",this._renderedContentOffsetNeedsRewrite=!0),this._rawRenderedContentTransform!=i&&this._ngZone.run(function(){r._rawRenderedContentTransform=i,r._renderedContentTransform=r._sanitizer.bypassSecurityTrustStyle(i),r._changeDetectorRef.markForCheck(),r._ngZone.onStable.pipe(o.take(1)).subscribe(function(){r._renderedContentOffsetNeedsRewrite?(r._renderedContentOffset-=r.measureRenderedContentSize(),r._renderedContentOffsetNeedsRewrite=!1,r.setRenderedContentOffset(r._renderedContentOffset)):r._scrollStrategy.onRenderedOffsetChanged()})})},e.prototype.setScrollOffset=function(e){var t=this;this._ngZone.run(function(){t._pendingScrollOffset=e,t._changeDetectorRef.markForCheck()})},e.prototype.measureScrollOffset=function(){return"horizontal"===this.orientation?this.elementRef.nativeElement.scrollLeft:this.elementRef.nativeElement.scrollTop},e.prototype.measureRenderedContentSize=function(){var e=this._contentWrapper.nativeElement;return"horizontal"===this.orientation?e.offsetWidth:e.offsetHeight},e.prototype.measureRangeSize=function(e){return this._forOf?this._forOf.measureRangeSize(e,this.orientation):0},e.prototype.checkViewportSize=function(){this._measureViewportSize(),this._scrollStrategy.onDataLengthChanged()},e.prototype._measureViewportSize=function(){var e=this.elementRef.nativeElement;this._viewportSize="horizontal"===this.orientation?e.clientWidth:e.clientHeight},e.decorators=[{type:t.Component,args:[{selector:"cdk-virtual-scroll-viewport",template:'<div #contentWrapper class="cdk-virtual-scroll-content-wrapper" [style.transform]="_renderedContentTransform"><ng-content></ng-content></div><div class="cdk-virtual-scroll-spacer" [style.height.px]="orientation === \'horizontal\' ? 1 : _totalContentSize" [style.width.px]="orientation === \'horizontal\' ? _totalContentSize : 1"></div>',styles:["cdk-virtual-scroll-viewport{display:block;position:relative;overflow:auto}.cdk-virtual-scroll-content-wrapper{position:absolute;top:0;left:0;will-change:contents,transform}.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper{bottom:0}.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper{right:0}.cdk-virtual-scroll-spacer{will-change:height,width}"],host:{class:"cdk-virtual-scroll-viewport","[class.cdk-virtual-scroll-orientation-horizontal]":'orientation === "horizontal"',"[class.cdk-virtual-scroll-orientation-vertical]":'orientation === "vertical"'},encapsulation:t.ViewEncapsulation.None,changeDetection:t.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:t.ElementRef},{type:t.ChangeDetectorRef},{type:t.NgZone},{type:n.DomSanitizer},{type:void 0,decorators:[{type:t.Inject,args:[f]}]}]},e.propDecorators={orientation:[{type:t.Input}],_contentWrapper:[{type:t.ViewChild,args:["contentWrapper"]}]},e}(),v=function(){function e(e,t,r,n){var a=this;this._viewContainerRef=e,this._template=t,this._differs=r,this._viewport=n,this.viewChange=new i.Subject,this._dataSourceChanges=new i.Subject,this.cdkVirtualForTemplateCacheSize=20,this.dataStream=this._dataSourceChanges.pipe(o.startWith(null),o.pairwise(),o.switchMap(function(e){var t=e[0],r=e[1];return a._changeDataSource(t,r)}),o.shareReplay(1)),this._differ=null,this._templateCache=[],this._needsUpdate=!1,this._destroyed=new i.Subject,this.dataStream.subscribe(function(e){a._data=e,a._onRenderedDataChange()}),this._viewport.renderedRangeStream.pipe(o.takeUntil(this._destroyed)).subscribe(function(e){a._renderedRange=e,a.viewChange.next(a._renderedRange),a._onRenderedDataChange()}),this._viewport.attach(this)}return Object.defineProperty(e.prototype,"cdkVirtualForOf",{get:function(){return this._cdkVirtualForOf},set:function(e){this._cdkVirtualForOf=e;var t=e instanceof a.DataSource?e:new a.ArrayDataSource(e instanceof i.Observable?e:Array.prototype.slice.call(e||[]));this._dataSourceChanges.next(t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"cdkVirtualForTrackBy",{get:function(){return this._cdkVirtualForTrackBy},set:function(e){var t=this;this._needsUpdate=!0,this._cdkVirtualForTrackBy=e?function(r,n){return e(r+(t._renderedRange?t._renderedRange.start:0),n)}:void 0},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"cdkVirtualForTemplate",{set:function(e){e&&(this._needsUpdate=!0,this._template=e)},enumerable:!0,configurable:!0}),e.prototype.measureRangeSize=function(e,t){if(e.start>=e.end)return 0;if(e.start<this._renderedRange.start||e.end>this._renderedRange.end)throw Error("Error: attempted to measure an item that isn't rendered.");for(var r=e.start-this._renderedRange.start,n=e.end-e.start,i=0,o=n;o--;)for(var a=this._viewContainerRef.get(o+r),s=a?a.rootNodes.length:0;s--;)i+=h(t,a.rootNodes[s].getBoundingClientRect());return i},e.prototype.ngDoCheck=function(){if(this._differ&&this._needsUpdate){var e=this._differ.diff(this._renderedItems);e?this._applyChanges(e):this._updateContext(),this._needsUpdate=!1}},e.prototype.ngOnDestroy=function(){this._viewport.detach(),this._dataSourceChanges.complete(),this.viewChange.complete(),this._destroyed.next(),this._destroyed.complete();for(var e=0,t=this._templateCache;e<t.length;e++){t[e].destroy()}},e.prototype._onRenderedDataChange=function(){this._renderedRange&&(this._renderedItems=this._data.slice(this._renderedRange.start,this._renderedRange.end),this._differ||(this._differ=this._differs.find(this._renderedItems).create(this.cdkVirtualForTrackBy)),this._needsUpdate=!0)},e.prototype._changeDataSource=function(e,t){return e&&e.disconnect(this),this._needsUpdate=!0,t.connect(this)},e.prototype._updateContext=function(){for(var e=this._data.length,t=this._viewContainerRef.length;t--;){var r=this._viewContainerRef.get(t);r.context.index=this._renderedRange.start+t,r.context.count=e,this._updateComputedContextProperties(r.context),r.detectChanges()}},e.prototype._applyChanges=function(e){var t=this;e.forEachOperation(function(e,r,n){if(null==e.previousIndex){var i=t._getViewForNewItem();t._viewContainerRef.insert(i,n),i.context.$implicit=e.item}else if(null==n)t._cacheView(t._viewContainerRef.detach(r));else{var i=t._viewContainerRef.get(r);t._viewContainerRef.move(i,n),i.context.$implicit=e.item}}),e.forEachIdentityChange(function(e){t._viewContainerRef.get(e.currentIndex).context.$implicit=e.item});for(var r=this._data.length,n=this._viewContainerRef.length;n--;){var i=this._viewContainerRef.get(n);i.context.index=this._renderedRange.start+n,i.context.count=r,this._updateComputedContextProperties(i.context)}},e.prototype._cacheView=function(e){this._templateCache.length<this.cdkVirtualForTemplateCacheSize?this._templateCache.push(e):e.destroy()},e.prototype._getViewForNewItem=function(){return this._templateCache.pop()||this._viewContainerRef.createEmbeddedView(this._template,{$implicit:null,cdkVirtualForOf:this._cdkVirtualForOf,index:-1,count:-1,first:!1,last:!1,odd:!1,even:!1})},e.prototype._updateComputedContextProperties=function(e){e.first=0===e.index,e.last=e.index===e.count-1,e.even=e.index%2==0,e.odd=!e.even},e.decorators=[{type:t.Directive,args:[{selector:"[cdkVirtualFor][cdkVirtualForOf]"}]}],e.ctorParameters=function(){return[{type:t.ViewContainerRef},{type:t.TemplateRef},{type:t.IterableDiffers},{type:m,decorators:[{type:t.SkipSelf}]}]},e.propDecorators={cdkVirtualForOf:[{type:t.Input}],cdkVirtualForTrackBy:[{type:t.Input}],cdkVirtualForTemplate:[{type:t.Input}],cdkVirtualForTemplateCacheSize:[{type:t.Input}]},e}(),y=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{exports:[_,S,v,m],declarations:[_,S,v,m]}]}],e}();e.ItemSizeAverager=u,e.AutoSizeVirtualScrollStrategy=p,e._autoSizeVirtualScrollStrategyFactory=s,e.CdkAutoSizeVirtualScroll=_,e.FixedSizeVirtualScrollStrategy=g,e._fixedSizeVirtualScrollStrategyFactory=d,e.CdkFixedSizeVirtualScroll=S,e.ScrollingModule=y,e.CdkVirtualForOf=v,e.VIRTUAL_SCROLL_STRATEGY=f,e.CdkVirtualScrollViewport=m,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/cdk/coercion"),require("@angular/platform-browser"),require("rxjs"),require("rxjs/operators"),require("@angular/cdk/collections")):"function"==typeof define&&define.amd?define("@angular/cdk-experimental/scrolling",["exports","@angular/core","@angular/cdk/coercion","@angular/platform-browser","rxjs","rxjs/operators","@angular/cdk/collections"],t):t((e.ng=e.ng||{},e.ng["cdk-experimental"]=e.ng["cdk-experimental"]||{},e.ng["cdk-experimental"].scrolling={}),e.ng.core,e.ng.cdk.coercion,e.ng.platformBrowser,e.rxjs,e.rxjs.operators,e.ng.cdk.collections)}(this,function(e,t,n,r,i,o,a){"use strict";function s(e){return e._scrollStrategy}function d(e){return e._scrollStrategy}function h(e,t){return e.start==t.start&&e.end==t.end}function c(e,t){return"horizontal"==e?t.width:t.height}var l=function(){return l=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},l.apply(this,arguments)},f=new t.InjectionToken("VIRTUAL_SCROLL_STRATEGY"),u=function(){function e(e){void 0===e&&(e=50),this._totalWeight=0,this._defaultItemSize=e,this._averageItemSize=e}return e.prototype.getAverageItemSize=function(){return this._averageItemSize},e.prototype.addSample=function(e,t){var n=this._totalWeight+e.end-e.start;if(n){var r=(t+this._averageItemSize*this._totalWeight)/n;r&&(this._averageItemSize=r,this._totalWeight=n)}},e.prototype.reset=function(){this._averageItemSize=this._defaultItemSize,this._totalWeight=0},e}(),p=function(){function e(e,t,n){void 0===n&&(n=new u),this._viewport=null,this._removalFailures=0,this._minBufferPx=e,this._addBufferPx=t,this._averager=n}return e.prototype.attach=function(e){this._averager.reset(),this._viewport=e,this._setScrollOffset()},e.prototype.detach=function(){this._viewport=null},e.prototype.onContentScrolled=function(){this._viewport&&this._updateRenderedContentAfterScroll()},e.prototype.onDataLengthChanged=function(){this._viewport&&(this._setScrollOffset(),this._checkRenderedContentSize())},e.prototype.onContentRendered=function(){this._viewport&&this._checkRenderedContentSize()},e.prototype.onRenderedOffsetChanged=function(){this._viewport&&this._checkRenderedContentOffset()},e.prototype.updateBufferSize=function(e,t){this._minBufferPx=e,this._addBufferPx=t},e.prototype._updateRenderedContentAfterScroll=function(){var e=this._viewport,t=e.measureScrollOffset(),n=t-this._lastScrollOffset,r=Math.abs(n),i=e.getRenderedRange(),o=0;if(n<0){var a=i.start*this._averager.getAverageItemSize(),s=a-this._lastRenderedContentOffset;o=Math.round(s*Math.max(0,Math.min(1,r/(t+r)))),n-=o,r=Math.abs(n)}var d=this._lastScrollOffset-this._lastRenderedContentOffset,h=this._lastRenderedContentOffset+this._lastRenderedContentSize-(this._lastScrollOffset+e.getViewportSize()),c=r+this._minBufferPx-(n<0?d:h);if(c>0)if(r>=e.getViewportSize())this._setScrollOffset();else{var l=Math.max(0,Math.ceil((c-this._minBufferPx+this._addBufferPx)/this._averager.getAverageItemSize())),f=(n<0?h:d)-this._minBufferPx+r,u=Math.floor(f/this._averager.getAverageItemSize()/(this._removalFailures+1)),p=Math.min(i.end-i.start,Math.max(0,u)),_=this._expandRange(i,n<0?l:0,n>0?l:0);n<0?_.end=Math.max(_.start+1,_.end-p):_.start=Math.min(_.end-1,_.start+p);var g=void 0,S=void 0;if(n<0){var m=e.measureRangeSize({start:_.end,end:i.end});m<=f?(g=this._lastRenderedContentOffset+this._lastRenderedContentSize-m,this._removalFailures=0):(_.end=i.end,g=this._lastRenderedContentOffset+this._lastRenderedContentSize,this._removalFailures++),S="to-end"}else{var m=e.measureRangeSize({start:i.start,end:_.start});m<=f?(g=this._lastRenderedContentOffset+m,this._removalFailures=0):(_.start=i.start,g=this._lastRenderedContentOffset,this._removalFailures++),S="to-start"}e.setRenderedRange(_),e.setRenderedContentOffset(g+o,S)}else o&&e.setRenderedContentOffset(this._lastRenderedContentOffset+o);this._lastScrollOffset=t},e.prototype._checkRenderedContentSize=function(){var e=this._viewport;this._lastRenderedContentSize=e.measureRenderedContentSize(),this._averager.addSample(e.getRenderedRange(),this._lastRenderedContentSize),this._updateTotalContentSize(this._lastRenderedContentSize)},e.prototype._checkRenderedContentOffset=function(){var e=this._viewport;this._lastRenderedContentOffset=e.getOffsetToRenderedContentStart()},e.prototype._setScrollOffset=function(e){var t=this._viewport;null==e?e=t.measureScrollOffset():t.setScrollOffset(e),this._lastScrollOffset=e,this._removalFailures=0;var n=this._averager.getAverageItemSize(),r=Math.min(t.getDataLength()-1,Math.floor(e/n)),i=Math.ceil(this._addBufferPx/n),o=this._expandRange(this._getVisibleRangeForIndex(r),i,i);t.setRenderedRange(o),t.setRenderedContentOffset(n*o.start)},e.prototype._getVisibleRangeForIndex=function(e){var t=this._viewport,n={start:e,end:e+Math.ceil(t.getViewportSize()/this._averager.getAverageItemSize())},r=n.end-t.getDataLength();return r>0&&(n.start=Math.max(0,n.start-r)),n},e.prototype._expandRange=function(e,t,n){var r=this._viewport;return{start:Math.max(0,e.start-t),end:Math.min(r.getDataLength(),e.end+n)}},e.prototype._updateTotalContentSize=function(e){var t=this._viewport,n=t.getRenderedRange(),r=e+(t.getDataLength()-(n.end-n.start))*this._averager.getAverageItemSize();t.setTotalContentSize(r)},e}(),_=function(){function e(){this._minBufferPx=100,this._addBufferPx=200,this._scrollStrategy=new p(this.minBufferPx,this.addBufferPx)}return Object.defineProperty(e.prototype,"minBufferPx",{get:function(){return this._minBufferPx},set:function(e){this._minBufferPx=n.coerceNumberProperty(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"addBufferPx",{get:function(){return this._addBufferPx},set:function(e){this._addBufferPx=n.coerceNumberProperty(e)},enumerable:!0,configurable:!0}),e.prototype.ngOnChanges=function(){this._scrollStrategy.updateBufferSize(this.minBufferPx,this.addBufferPx)},e.decorators=[{type:t.Directive,args:[{selector:"cdk-virtual-scroll-viewport[autosize]",providers:[{provide:f,useFactory:s,deps:[t.forwardRef(function(){return e})]}]}]}],e.propDecorators={minBufferPx:[{type:t.Input}],addBufferPx:[{type:t.Input}]},e}(),g=function(){function e(e,t){this._viewport=null,this._itemSize=e,this._bufferSize=t}return e.prototype.attach=function(e){this._viewport=e,this._updateTotalContentSize(),this._updateRenderedRange()},e.prototype.detach=function(){this._viewport=null},e.prototype.updateItemAndBufferSize=function(e,t){this._itemSize=e,this._bufferSize=t,this._updateTotalContentSize(),this._updateRenderedRange()},e.prototype.onContentScrolled=function(){this._updateRenderedRange()},e.prototype.onDataLengthChanged=function(){this._updateTotalContentSize(),this._updateRenderedRange()},e.prototype.onContentRendered=function(){},e.prototype.onRenderedOffsetChanged=function(){},e.prototype._updateTotalContentSize=function(){this._viewport&&this._viewport.setTotalContentSize(this._viewport.getDataLength()*this._itemSize)},e.prototype._updateRenderedRange=function(){if(this._viewport){var e=this._viewport.measureScrollOffset(),t=Math.floor(e/this._itemSize),n=e%this._itemSize,r=this._expandRange({start:t,end:t},this._bufferSize,Math.ceil((this._viewport.getViewportSize()+n)/this._itemSize)+this._bufferSize);this._viewport.setRenderedRange(r),this._viewport.setRenderedContentOffset(this._itemSize*r.start)}},e.prototype._expandRange=function(e,t,n){return this._viewport?{start:Math.max(0,e.start-t),end:Math.min(this._viewport.getDataLength(),e.end+n)}:l({},e)},e}(),S=function(){function e(){this._itemSize=20,this._bufferSize=5,this._scrollStrategy=new g(this.itemSize,this.bufferSize)}return Object.defineProperty(e.prototype,"itemSize",{get:function(){return this._itemSize},set:function(e){this._itemSize=n.coerceNumberProperty(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"bufferSize",{get:function(){return this._bufferSize},set:function(e){this._bufferSize=n.coerceNumberProperty(e)},enumerable:!0,configurable:!0}),e.prototype.ngOnChanges=function(){this._scrollStrategy.updateItemAndBufferSize(this.itemSize,this.bufferSize)},e.decorators=[{type:t.Directive,args:[{selector:"cdk-virtual-scroll-viewport[itemSize]",providers:[{provide:f,useFactory:d,deps:[t.forwardRef(function(){return e})]}]}]}],e.propDecorators={itemSize:[{type:t.Input}],bufferSize:[{type:t.Input}]},e}(),m=function(){function e(e,t,n,r,o){this.elementRef=e,this._changeDetectorRef=t,this._ngZone=n,this._sanitizer=r,this._scrollStrategy=o,this._detachedSubject=new i.Subject,this._renderedRangeSubject=new i.Subject,this.orientation="vertical",this.renderedRangeStream=this._renderedRangeSubject.asObservable(),this._totalContentSize=0,this._renderedRange={start:0,end:0},this._dataLength=0,this._viewportSize=0,this._renderedContentOffset=0,this._renderedContentOffsetNeedsRewrite=!1,this._destroyed=new i.Subject,this._isChangeDetectionPending=!1,this._runAfterChangeDetection=[]}return e.prototype.ngOnInit=function(){var e=this;this._ngZone.runOutsideAngular(function(){return Promise.resolve().then(function(){e._measureViewportSize(),e._scrollStrategy.attach(e),i.fromEvent(e.elementRef.nativeElement,"scroll").pipe(o.sampleTime(0,i.animationFrameScheduler),o.takeUntil(e._destroyed)).subscribe(function(){return e._scrollStrategy.onContentScrolled()}),e._markChangeDetectionNeeded()})})},e.prototype.ngOnDestroy=function(){this.detach(),this._scrollStrategy.detach(),this._destroyed.next(),this._renderedRangeSubject.complete(),this._detachedSubject.complete(),this._destroyed.complete()},e.prototype.attach=function(e){var t=this;if(this._forOf)throw Error("CdkVirtualScrollViewport is already attached.");this._ngZone.runOutsideAngular(function(){t._forOf=e,t._forOf.dataStream.pipe(o.takeUntil(t._detachedSubject)).subscribe(function(e){var n=e.length;n!==t._dataLength&&(t._dataLength=n,t._scrollStrategy.onDataLengthChanged())})})},e.prototype.detach=function(){this._forOf=null,this._detachedSubject.next()},e.prototype.getDataLength=function(){return this._dataLength},e.prototype.getViewportSize=function(){return this._viewportSize},e.prototype.getRenderedRange=function(){return this._renderedRange},e.prototype.setTotalContentSize=function(e){this._totalContentSize!==e&&(this._totalContentSize=e,this._markChangeDetectionNeeded())},e.prototype.setRenderedRange=function(e){var t=this;h(this._renderedRange,e)||(this._renderedRangeSubject.next(this._renderedRange=e),this._markChangeDetectionNeeded(function(){return t._scrollStrategy.onContentRendered()}))},e.prototype.getOffsetToRenderedContentStart=function(){return this._renderedContentOffsetNeedsRewrite?null:this._renderedContentOffset},e.prototype.setRenderedContentOffset=function(e,t){var n=this;void 0===t&&(t="to-start");var r="horizontal"===this.orientation?"X":"Y",i="translate"+r+"("+Number(e)+"px)";this._renderedContentOffset=e,"to-end"===t&&(i+=" translate"+r+"(-100%)",this._renderedContentOffsetNeedsRewrite=!0),this._rawRenderedContentTransform!=i&&(this._rawRenderedContentTransform=i,this._renderedContentTransform=this._sanitizer.bypassSecurityTrustStyle(i),this._markChangeDetectionNeeded(function(){n._renderedContentOffsetNeedsRewrite?(n._renderedContentOffset-=n.measureRenderedContentSize(),n._renderedContentOffsetNeedsRewrite=!1,n.setRenderedContentOffset(n._renderedContentOffset)):n._scrollStrategy.onRenderedOffsetChanged()}))},e.prototype.setScrollOffset=function(e){this._pendingScrollOffset=e,this._markChangeDetectionNeeded()},e.prototype.measureScrollOffset=function(){return"horizontal"===this.orientation?this.elementRef.nativeElement.scrollLeft:this.elementRef.nativeElement.scrollTop},e.prototype.measureRenderedContentSize=function(){var e=this._contentWrapper.nativeElement;return"horizontal"===this.orientation?e.offsetWidth:e.offsetHeight},e.prototype.measureRangeSize=function(e){return this._forOf?this._forOf.measureRangeSize(e,this.orientation):0},e.prototype.checkViewportSize=function(){this._measureViewportSize(),this._scrollStrategy.onDataLengthChanged()},e.prototype._measureViewportSize=function(){var e=this.elementRef.nativeElement;this._viewportSize="horizontal"===this.orientation?e.clientWidth:e.clientHeight},e.prototype._markChangeDetectionNeeded=function(e){var t=this;e&&this._runAfterChangeDetection.push(e),this._isChangeDetectionPending||(this._isChangeDetectionPending=!0,this._ngZone.runOutsideAngular(function(){return Promise.resolve().then(function(){t._ngZone.isStable?t._doChangeDetection():t._ngZone.onStable.pipe(o.take(1)).subscribe(function(){return t._doChangeDetection()})})}))},e.prototype._doChangeDetection=function(){var e=this;this._isChangeDetectionPending=!1,this._ngZone.run(function(){return e._changeDetectorRef.detectChanges()}),null!=this._pendingScrollOffset&&("horizontal"===this.orientation?this.elementRef.nativeElement.scrollLeft=this._pendingScrollOffset:this.elementRef.nativeElement.scrollTop=this._pendingScrollOffset);for(var t=0,n=this._runAfterChangeDetection;t<n.length;t++){(0,n[t])()}this._runAfterChangeDetection=[]},e.decorators=[{type:t.Component,args:[{selector:"cdk-virtual-scroll-viewport",template:'<div #contentWrapper class="cdk-virtual-scroll-content-wrapper" [style.transform]="_renderedContentTransform"><ng-content></ng-content></div><div class="cdk-virtual-scroll-spacer" [style.height.px]="orientation === \'horizontal\' ? 1 : _totalContentSize" [style.width.px]="orientation === \'horizontal\' ? _totalContentSize : 1"></div>',styles:["cdk-virtual-scroll-viewport{display:block;position:relative;overflow:auto}.cdk-virtual-scroll-content-wrapper{position:absolute;top:0;left:0;will-change:contents,transform}.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper{bottom:0}.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper{right:0}.cdk-virtual-scroll-spacer{will-change:height,width}"],host:{class:"cdk-virtual-scroll-viewport","[class.cdk-virtual-scroll-orientation-horizontal]":'orientation === "horizontal"',"[class.cdk-virtual-scroll-orientation-vertical]":'orientation === "vertical"'},encapsulation:t.ViewEncapsulation.None,changeDetection:t.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:t.ElementRef},{type:t.ChangeDetectorRef},{type:t.NgZone},{type:r.DomSanitizer},{type:void 0,decorators:[{type:t.Inject,args:[f]}]}]},e.propDecorators={orientation:[{type:t.Input}],_contentWrapper:[{type:t.ViewChild,args:["contentWrapper"]}]},e}(),v=function(){function e(e,t,n,r){var a=this;this._viewContainerRef=e,this._template=t,this._differs=n,this._viewport=r,this.viewChange=new i.Subject,this._dataSourceChanges=new i.Subject,this.cdkVirtualForTemplateCacheSize=20,this.dataStream=this._dataSourceChanges.pipe(o.startWith(null),o.pairwise(),o.switchMap(function(e){var t=e[0],n=e[1];return a._changeDataSource(t,n)}),o.shareReplay(1)),this._differ=null,this._templateCache=[],this._needsUpdate=!1,this._destroyed=new i.Subject,this.dataStream.subscribe(function(e){a._data=e,a._onRenderedDataChange()}),this._viewport.renderedRangeStream.pipe(o.takeUntil(this._destroyed)).subscribe(function(e){a._renderedRange=e,a.viewChange.next(a._renderedRange),a._onRenderedDataChange()}),this._viewport.attach(this)}return Object.defineProperty(e.prototype,"cdkVirtualForOf",{get:function(){return this._cdkVirtualForOf},set:function(e){this._cdkVirtualForOf=e;var t=e instanceof a.DataSource?e:new a.ArrayDataSource(e instanceof i.Observable?e:Array.prototype.slice.call(e||[]));this._dataSourceChanges.next(t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"cdkVirtualForTrackBy",{get:function(){return this._cdkVirtualForTrackBy},set:function(e){var t=this;this._needsUpdate=!0,this._cdkVirtualForTrackBy=e?function(n,r){return e(n+(t._renderedRange?t._renderedRange.start:0),r)}:void 0},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"cdkVirtualForTemplate",{set:function(e){e&&(this._needsUpdate=!0,this._template=e)},enumerable:!0,configurable:!0}),e.prototype.measureRangeSize=function(e,t){if(e.start>=e.end)return 0;if(e.start<this._renderedRange.start||e.end>this._renderedRange.end)throw Error("Error: attempted to measure an item that isn't rendered.");for(var n=e.start-this._renderedRange.start,r=e.end-e.start,i=0,o=r;o--;)for(var a=this._viewContainerRef.get(o+n),s=a?a.rootNodes.length:0;s--;)i+=c(t,a.rootNodes[s].getBoundingClientRect());return i},e.prototype.ngDoCheck=function(){if(this._differ&&this._needsUpdate){var e=this._differ.diff(this._renderedItems);e?this._applyChanges(e):this._updateContext(),this._needsUpdate=!1}},e.prototype.ngOnDestroy=function(){this._viewport.detach(),this._dataSourceChanges.complete(),this.viewChange.complete(),this._destroyed.next(),this._destroyed.complete();for(var e=0,t=this._templateCache;e<t.length;e++){t[e].destroy()}},e.prototype._onRenderedDataChange=function(){this._renderedRange&&(this._renderedItems=this._data.slice(this._renderedRange.start,this._renderedRange.end),this._differ||(this._differ=this._differs.find(this._renderedItems).create(this.cdkVirtualForTrackBy)),this._needsUpdate=!0)},e.prototype._changeDataSource=function(e,t){return e&&e.disconnect(this),this._needsUpdate=!0,t.connect(this)},e.prototype._updateContext=function(){for(var e=this._data.length,t=this._viewContainerRef.length;t--;){var n=this._viewContainerRef.get(t);n.context.index=this._renderedRange.start+t,n.context.count=e,this._updateComputedContextProperties(n.context),n.detectChanges()}},e.prototype._applyChanges=function(e){var t=this;e.forEachOperation(function(e,n,r){if(null==e.previousIndex){var i=t._getViewForNewItem();t._viewContainerRef.insert(i,r),i.context.$implicit=e.item}else if(null==r)t._cacheView(t._viewContainerRef.detach(n));else{var i=t._viewContainerRef.get(n);t._viewContainerRef.move(i,r),i.context.$implicit=e.item}}),e.forEachIdentityChange(function(e){t._viewContainerRef.get(e.currentIndex).context.$implicit=e.item});for(var n=this._data.length,r=this._viewContainerRef.length;r--;){var i=this._viewContainerRef.get(r);i.context.index=this._renderedRange.start+r,i.context.count=n,this._updateComputedContextProperties(i.context)}},e.prototype._cacheView=function(e){this._templateCache.length<this.cdkVirtualForTemplateCacheSize?this._templateCache.push(e):e.destroy()},e.prototype._getViewForNewItem=function(){return this._templateCache.pop()||this._viewContainerRef.createEmbeddedView(this._template,{$implicit:null,cdkVirtualForOf:this._cdkVirtualForOf,index:-1,count:-1,first:!1,last:!1,odd:!1,even:!1})},e.prototype._updateComputedContextProperties=function(e){e.first=0===e.index,e.last=e.index===e.count-1,e.even=e.index%2==0,e.odd=!e.even},e.decorators=[{type:t.Directive,args:[{selector:"[cdkVirtualFor][cdkVirtualForOf]"}]}],e.ctorParameters=function(){return[{type:t.ViewContainerRef},{type:t.TemplateRef},{type:t.IterableDiffers},{type:m,decorators:[{type:t.SkipSelf}]}]},e.propDecorators={cdkVirtualForOf:[{type:t.Input}],cdkVirtualForTrackBy:[{type:t.Input}],cdkVirtualForTemplate:[{type:t.Input}],cdkVirtualForTemplateCacheSize:[{type:t.Input}]},e}(),y=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{exports:[_,S,v,m],declarations:[_,S,v,m]}]}],e}();e.ItemSizeAverager=u,e.AutoSizeVirtualScrollStrategy=p,e._autoSizeVirtualScrollStrategyFactory=s,e.CdkAutoSizeVirtualScroll=_,e.FixedSizeVirtualScrollStrategy=g,e._fixedSizeVirtualScrollStrategyFactory=d,e.CdkFixedSizeVirtualScroll=S,e.ScrollingModule=y,e.CdkVirtualForOf=v,e.VIRTUAL_SCROLL_STRATEGY=f,e.CdkVirtualScrollViewport=m,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=cdk-experimental-scrolling.umd.min.js.map

bundles/cdk-experimental.umd.js

@@ -9,6 +9,6 @@ /**
 (function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/cdk-experimental/scrolling')) :
-	typeof define === 'function' && define.amd ? define('@angular/cdk-experimental', ['exports', '@angular/core', '@angular/cdk-experimental/scrolling'], factory) :
-	(factory((global.ng = global.ng || {}, global.ng['cdk-experimental'] = {}),global.ng.core,global.ng.cdkExperimental.scrolling));
-}(this, (function (exports,core,scrolling) { 'use strict';
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core')) :
+	typeof define === 'function' && define.amd ? define('@angular/cdk-experimental', ['exports', '@angular/core'], factory) :
+	(factory((global.ng = global.ng || {}, global.ng['cdk-experimental'] = {}),global.ng.core));
+}(this, (function (exports,core) { 'use strict';
 
@@ -22,15 +22,4 @@ /**
  */
-var /** @type {?} */ VERSION = new core.Version('6.3.3');
+var /** @type {?} */ VERSION = new core.Version('6.4.0');
 
-exports.ItemSizeAverager = scrolling.ItemSizeAverager;
-exports.AutoSizeVirtualScrollStrategy = scrolling.AutoSizeVirtualScrollStrategy;
-exports._autoSizeVirtualScrollStrategyFactory = scrolling._autoSizeVirtualScrollStrategyFactory;
-exports.CdkAutoSizeVirtualScroll = scrolling.CdkAutoSizeVirtualScroll;
-exports.FixedSizeVirtualScrollStrategy = scrolling.FixedSizeVirtualScrollStrategy;
-exports._fixedSizeVirtualScrollStrategyFactory = scrolling._fixedSizeVirtualScrollStrategyFactory;
-exports.CdkFixedSizeVirtualScroll = scrolling.CdkFixedSizeVirtualScroll;
-exports.ScrollingModule = scrolling.ScrollingModule;
-exports.CdkVirtualForOf = scrolling.CdkVirtualForOf;
-exports.VIRTUAL_SCROLL_STRATEGY = scrolling.VIRTUAL_SCROLL_STRATEGY;
-exports.CdkVirtualScrollViewport = scrolling.CdkVirtualScrollViewport;
 exports.VERSION = VERSION;
@@ -37,0 +26,0 @@

bundles/cdk-experimental.umd.min.js

@@ -8,3 +8,3 @@ /**
  */
-!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("@angular/core"),require("@angular/cdk-experimental/scrolling")):"function"==typeof define&&define.amd?define("@angular/cdk-experimental",["exports","@angular/core","@angular/cdk-experimental/scrolling"],r):r((e.ng=e.ng||{},e.ng["cdk-experimental"]={}),e.ng.core,e.ng.cdkExperimental.scrolling)}(this,function(e,r,l){"use strict";var t=new r.Version("6.3.3");e.ItemSizeAverager=l.ItemSizeAverager,e.AutoSizeVirtualScrollStrategy=l.AutoSizeVirtualScrollStrategy,e._autoSizeVirtualScrollStrategyFactory=l._autoSizeVirtualScrollStrategyFactory,e.CdkAutoSizeVirtualScroll=l.CdkAutoSizeVirtualScroll,e.FixedSizeVirtualScrollStrategy=l.FixedSizeVirtualScrollStrategy,e._fixedSizeVirtualScrollStrategyFactory=l._fixedSizeVirtualScrollStrategyFactory,e.CdkFixedSizeVirtualScroll=l.CdkFixedSizeVirtualScroll,e.ScrollingModule=l.ScrollingModule,e.CdkVirtualForOf=l.CdkVirtualForOf,e.VIRTUAL_SCROLL_STRATEGY=l.VIRTUAL_SCROLL_STRATEGY,e.CdkVirtualScrollViewport=l.CdkVirtualScrollViewport,e.VERSION=t,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.0");e.VERSION=r,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=cdk-experimental.umd.min.js.map

drag-drop/typings/drag.d.ts

@@ -150,2 +150,4 @@ /**
     private _registerMoveListeners(event);
+    /** Gets the `transition-duration` of an element in milliseconds. */
+    private _getTransitionDurationInMs(element);
 }

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":25,"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":30,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":31,"character":19},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","name":"ɵb"},"useExisting":{"__symbolic":"reference","name":"CdkDrop"}}],"host":{"class":"cdk-drop","[class.cdk-drop-dragging]":"_dragging","$quoted$":["class","[class.cdk-drop-dragging]"]},"styles":[".cdk-drag-preview{position:fixed;top:0;left:0;z-index:1000}"]}]}],"members":{"_draggables":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":43,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDrag"}]}]}],"connectedTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"dropped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":58,"character":3}}]}],"entered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":63,"character":3}}]}],"exited":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":69,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":71,"character":41,"context":{"typeName":"HTMLElement"},"module":"./drop"}]}]}],"start":[{"__symbolic":"method"}],"drop":[{"__symbolic":"method"}],"enter":[{"__symbolic":"method"}],"exit":[{"__symbolic":"method"}],"getItemIndex":[{"__symbolic":"method"}],"_sortItem":[{"__symbolic":"method"}],"_getSiblingContainerFromPosition":[{"__symbolic":"method"}],"_refreshPositions":[{"__symbolic":"method"}],"_reset":[{"__symbolic":"method"}]}},"CdkDrag":{"__symbolic":"class","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":96,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragHandle"}]}]}],"_previewTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":99,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragPreview"}]}]}],"_placeholderTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":104,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragPlaceholder"}]}]}],"started":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":107,"character":3},"arguments":["cdkDragStarted"]}]}],"ended":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":110,"character":3},"arguments":["cdkDragEnded"]}]}],"entered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":113,"character":3},"arguments":["cdkDragEntered"]}]}],"exited":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":116,"character":3},"arguments":["cdkDragExited"]}]}],"dropped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":119,"character":3},"arguments":["cdkDragDropped"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":125,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵb"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":125,"character":33}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":125,"character":45}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":126,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DOCUMENT","line":126,"character":12}]}],null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":130,"character":5}}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":123,"character":31,"context":{"typeName":"HTMLElement"},"module":"./drag"}]},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":127,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":128,"character":31},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"ViewportRuler","line":129,"character":28},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":130,"character":30}]}],"getPlaceholderElement":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_startDragging":[{"__symbolic":"method"}],"_cleanupDragArtifacts":[{"__symbolic":"method"}],"_updateActiveDropContainer":[{"__symbolic":"method"}],"_createPreviewElement":[{"__symbolic":"method"}],"_createPlaceholderElement":[{"__symbolic":"method"}],"_getElementIndexInDom":[{"__symbolic":"method"}],"_getPointerPositionInElement":[{"__symbolic":"method"}],"_animatePreviewToPlaceholder":[{"__symbolic":"method"}],"_setTransform":[{"__symbolic":"method"}],"_removeElement":[{"__symbolic":"method"}],"_removeDocumentEvents":[{"__symbolic":"method"}],"_getPointerPositionOnPage":[{"__symbolic":"method"}],"_isTouchEvent":[{"__symbolic":"method"}],"_destroyPreview":[{"__symbolic":"method"}],"_destroyPlaceholder":[{"__symbolic":"method"}],"_registerMoveListeners":[{"__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":{}},"ɵa":{"__symbolic":"interface"},"ɵb":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":57,"character":38},"arguments":["CDK_DROP_CONTAINER"]}},"origins":{"CdkDrop":"./drop","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","ɵa":"./drop-container","ɵb":"./drop-container"},"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":25,"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":30,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":31,"character":19},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","name":"ɵb"},"useExisting":{"__symbolic":"reference","name":"CdkDrop"}}],"host":{"class":"cdk-drop","[class.cdk-drop-dragging]":"_dragging","$quoted$":["class","[class.cdk-drop-dragging]"]},"styles":[".cdk-drag-preview{position:fixed;top:0;left:0;z-index:1000}"]}]}],"members":{"_draggables":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":43,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDrag"}]}]}],"connectedTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"dropped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":58,"character":3}}]}],"entered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":63,"character":3}}]}],"exited":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":69,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":71,"character":41,"context":{"typeName":"HTMLElement"},"module":"./drop"}]}]}],"start":[{"__symbolic":"method"}],"drop":[{"__symbolic":"method"}],"enter":[{"__symbolic":"method"}],"exit":[{"__symbolic":"method"}],"getItemIndex":[{"__symbolic":"method"}],"_sortItem":[{"__symbolic":"method"}],"_getSiblingContainerFromPosition":[{"__symbolic":"method"}],"_refreshPositions":[{"__symbolic":"method"}],"_reset":[{"__symbolic":"method"}]}},"CdkDrag":{"__symbolic":"class","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":96,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragHandle"}]}]}],"_previewTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":99,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragPreview"}]}]}],"_placeholderTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":104,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragPlaceholder"}]}]}],"started":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":107,"character":3},"arguments":["cdkDragStarted"]}]}],"ended":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":110,"character":3},"arguments":["cdkDragEnded"]}]}],"entered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":113,"character":3},"arguments":["cdkDragEntered"]}]}],"exited":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":116,"character":3},"arguments":["cdkDragExited"]}]}],"dropped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":119,"character":3},"arguments":["cdkDragDropped"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":125,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵb"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":125,"character":33}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":125,"character":45}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":126,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DOCUMENT","line":126,"character":12}]}],null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":130,"character":5}}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":123,"character":31,"context":{"typeName":"HTMLElement"},"module":"./drag"}]},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":127,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":128,"character":31},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"ViewportRuler","line":129,"character":28},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":130,"character":30}]}],"getPlaceholderElement":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_startDragging":[{"__symbolic":"method"}],"_cleanupDragArtifacts":[{"__symbolic":"method"}],"_updateActiveDropContainer":[{"__symbolic":"method"}],"_createPreviewElement":[{"__symbolic":"method"}],"_createPlaceholderElement":[{"__symbolic":"method"}],"_getElementIndexInDom":[{"__symbolic":"method"}],"_getPointerPositionInElement":[{"__symbolic":"method"}],"_animatePreviewToPlaceholder":[{"__symbolic":"method"}],"_setTransform":[{"__symbolic":"method"}],"_removeElement":[{"__symbolic":"method"}],"_removeDocumentEvents":[{"__symbolic":"method"}],"_getPointerPositionOnPage":[{"__symbolic":"method"}],"_isTouchEvent":[{"__symbolic":"method"}],"_destroyPreview":[{"__symbolic":"method"}],"_destroyPlaceholder":[{"__symbolic":"method"}],"_registerMoveListeners":[{"__symbolic":"method"}],"_getTransitionDurationInMs":[{"__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":{}},"ɵa":{"__symbolic":"interface"},"ɵb":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":57,"character":38},"arguments":["CDK_DROP_CONTAINER"]}},"origins":{"CdkDrop":"./drop","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","ɵa":"./drop-container","ɵb":"./drop-container"},"importAs":"@angular/cdk-experimental/drag-drop"}

esm2015/cdk-experimental.js

@@ -9,3 +9,2 @@ /**
 import { Version } from '@angular/core';
-export { ItemSizeAverager, AutoSizeVirtualScrollStrategy, _autoSizeVirtualScrollStrategyFactory, CdkAutoSizeVirtualScroll, FixedSizeVirtualScrollStrategy, _fixedSizeVirtualScrollStrategyFactory, CdkFixedSizeVirtualScroll, ScrollingModule, CdkVirtualForOf, VIRTUAL_SCROLL_STRATEGY, CdkVirtualScrollViewport } from '@angular/cdk-experimental/scrolling';
 
@@ -19,3 +18,3 @@ /**
  */
-const /** @type {?} */ VERSION = new Version('6.3.3');
+const /** @type {?} */ VERSION = new Version('6.4.0');
 
@@ -22,0 +21,0 @@ /**

esm2015/drag-drop.js

@@ -475,4 +475,4 @@ /**
         // bind the event in the first place.
-        const /** @type {?} */ duration = getComputedStyle(this._preview).getPropertyValue('transition-duration');
-        if (parseFloat(duration) === 0) {
+        const /** @type {?} */ duration = this._getTransitionDurationInMs(this._preview);
+        if (duration === 0) {
             return Promise.resolve();
@@ -483,7 +483,12 @@ }
                 const /** @type {?} */ handler = (event) => {
-                    if (event.target === this._preview) {
+                    if (!event || event.target === this._preview) {
                         this._preview.removeEventListener('transitionend', handler);
                         resolve();
+                        clearTimeout(timeout);
                     }
                 };
+                // If a transition is short enough, the browser might not fire the `transitionend` event.
+                // Since we know how long it's supposed to take, add a timeout with a 50% buffer that'll
+                // fire if the transition hasn't completed when it was supposed to.
+                const /** @type {?} */ timeout = setTimeout(handler, duration * 1.5);
                 this._preview.addEventListener('transitionend', handler);
@@ -585,2 +590,13 @@ });
     }
+    /**
+     * Gets the `transition-duration` of an element in milliseconds.
+     * @param {?} element
+     * @return {?}
+     */
+    _getTransitionDurationInMs(element) {
+        const /** @type {?} */ rawDuration = getComputedStyle(element).getPropertyValue('transition-duration');
+        // Some browsers will return it in seconds, whereas others will return milliseconds.
+        const /** @type {?} */ multiplier = rawDuration.toLowerCase().indexOf('ms') > -1 ? 1 : 1000;
+        return parseFloat(rawDuration) * multiplier;
+    }
 }
@@ -587,0 +603,0 @@ CdkDrag.decorators = [

esm2015/scrolling.js

@@ -730,2 +730,10 @@ /**
         this._destroyed = new Subject();
+        /**
+         * Whether there is a pending change detection cycle.
+         */
+        this._isChangeDetectionPending = false;
+        /**
+         * A list of functions to run after the next change detection cycle.
+         */
+        this._runAfterChangeDetection = [];
     }
@@ -737,12 +745,13 @@ /**
         // It's still too early to measure the viewport at this point. Deferring with a promise allows
-        // the Viewport to be rendered with the correct size before we measure.
-        Promise.resolve().then(() => {
+        // the Viewport to be rendered with the correct size before we measure. We run this outside the
+        // zone to avoid causing more change detection cycles. We handle the change detection loop
+        // ourselves instead.
+        this._ngZone.runOutsideAngular(() => Promise.resolve().then(() => {
             this._measureViewportSize();
             this._scrollStrategy.attach(this);
-            this._ngZone.runOutsideAngular(() => {
-                fromEvent(this.elementRef.nativeElement, 'scroll')
-                    .pipe(sampleTime(0, animationFrameScheduler), takeUntil(this._destroyed))
-                    .subscribe(() => this._scrollStrategy.onContentScrolled());
-            });
-        });
+            fromEvent(this.elementRef.nativeElement, 'scroll')
+                .pipe(sampleTime(0, animationFrameScheduler), takeUntil(this._destroyed))
+                .subscribe(() => this._scrollStrategy.onContentScrolled());
+            this._markChangeDetectionNeeded();
+        }));
     }
@@ -752,17 +761,2 @@ /**
      */
-    ngDoCheck() {
-        // In order to batch setting the scroll offset together with other DOM writes, we wait until a
-        // change detection cycle to actually apply it.
-        if (this._pendingScrollOffset != null) {
-            if (this.orientation === 'horizontal') {
-                this.elementRef.nativeElement.scrollLeft = this._pendingScrollOffset;
-            }
-            else {
-                this.elementRef.nativeElement.scrollTop = this._pendingScrollOffset;
-            }
-        }
-    }
-    /**
-     * @return {?}
-     */
     ngOnDestroy() {
@@ -786,11 +780,14 @@ this.detach();
         }
-        this._forOf = forOf;
         // Subscribe to the data stream of the CdkVirtualForOf to keep track of when the data length
-        // changes.
-        this._forOf.dataStream.pipe(takeUntil(this._detachedSubject)).subscribe(data => {
-            const /** @type {?} */ len = data.length;
-            if (len !== this._dataLength) {
-                this._dataLength = len;
-                this._scrollStrategy.onDataLengthChanged();
-            }
+        // changes. Run outside the zone to avoid triggering change detection, since we're managing the
+        // change detection loop ourselves.
+        this._ngZone.runOutsideAngular(() => {
+            this._forOf = forOf;
+            this._forOf.dataStream.pipe(takeUntil(this._detachedSubject)).subscribe(data => {
+                const /** @type {?} */ newLength = data.length;
+                if (newLength !== this._dataLength) {
+                    this._dataLength = newLength;
+                    this._scrollStrategy.onDataLengthChanged();
+                }
+            });
         });
@@ -835,7 +832,4 @@ }
         if (this._totalContentSize !== size) {
-            // Re-enter the Angular zone so we can mark for change detection.
-            this._ngZone.run(() => {
-                this._totalContentSize = size;
-                this._changeDetectorRef.markForCheck();
-            });
+            this._totalContentSize = size;
+            this._markChangeDetectionNeeded();
         }
@@ -850,16 +844,4 @@ }
         if (!rangesEqual(this._renderedRange, range)) {
-            // Re-enter the Angular zone so we can mark for change detection.
-            this._ngZone.run(() => {
-                this._renderedRangeSubject.next(this._renderedRange = range);
-                this._changeDetectorRef.markForCheck();
-            });
-            // Queue this up in a `Promise.resolve()` so that if the user makes a series of calls
-            // like:
-            //
-            // viewport.setRenderedRange(...);
-            // viewport.setTotalContentSize(...);
-            // viewport.setRenderedContentOffset(...);
-            //
-            // The call to `onContentRendered` will happen after all of the updates have been applied.
-            this._ngZone.runOutsideAngular(() => this._ngZone.onStable.pipe(take(1)).subscribe(() => Promise.resolve().then(() => this._scrollStrategy.onContentRendered())));
+            this._renderedRangeSubject.next(this._renderedRange = range);
+            this._markChangeDetectionNeeded(() => this._scrollStrategy.onContentRendered());
         }
@@ -893,21 +875,15 @@ }
         if (this._rawRenderedContentTransform != transform) {
-            // Re-enter the Angular zone so we can mark for change detection.
-            this._ngZone.run(() => {
-                // We know this value is safe because we parse `offset` with `Number()` before passing it
-                // into the string.
-                this._rawRenderedContentTransform = transform;
-                this._renderedContentTransform = this._sanitizer.bypassSecurityTrustStyle(transform);
-                this._changeDetectorRef.markForCheck();
-                // If the rendered content offset was specified as an offset to the end of the content,
-                // rewrite it as an offset to the start of the content.
-                this._ngZone.onStable.pipe(take(1)).subscribe(() => {
-                    if (this._renderedContentOffsetNeedsRewrite) {
-                        this._renderedContentOffset -= this.measureRenderedContentSize();
-                        this._renderedContentOffsetNeedsRewrite = false;
-                        this.setRenderedContentOffset(this._renderedContentOffset);
-                    }
-                    else {
-                        this._scrollStrategy.onRenderedOffsetChanged();
-                    }
-                });
+            // We know this value is safe because we parse `offset` with `Number()` before passing it
+            // into the string.
+            this._rawRenderedContentTransform = transform;
+            this._renderedContentTransform = this._sanitizer.bypassSecurityTrustStyle(transform);
+            this._markChangeDetectionNeeded(() => {
+                if (this._renderedContentOffsetNeedsRewrite) {
+                    this._renderedContentOffset -= this.measureRenderedContentSize();
+                    this._renderedContentOffsetNeedsRewrite = false;
+                    this.setRenderedContentOffset(this._renderedContentOffset);
+                }
+                else {
+                    this._scrollStrategy.onRenderedOffsetChanged();
+                }
             });
@@ -924,6 +900,4 @@ }
         // writes during the next change detection cycle.
-        this._ngZone.run(() => {
-            this._pendingScrollOffset = offset;
-            this._changeDetectorRef.markForCheck();
-        });
+        this._pendingScrollOffset = offset;
+        this._markChangeDetectionNeeded();
     }
@@ -976,2 +950,47 @@ /**
     }
+    /**
+     * Queue up change detection to run.
+     * @param {?=} runAfter
+     * @return {?}
+     */
+    _markChangeDetectionNeeded(runAfter) {
+        if (runAfter) {
+            this._runAfterChangeDetection.push(runAfter);
+        }
+        // Use a Promise to batch together calls to `_doChangeDetection`. This way if we set a bunch of
+        // properties sequentially we only have to run `_doChangeDetection` once at the end.
+        if (!this._isChangeDetectionPending) {
+            this._isChangeDetectionPending = true;
+            this._ngZone.runOutsideAngular(() => Promise.resolve().then(() => {
+                if (this._ngZone.isStable) {
+                    this._doChangeDetection();
+                }
+                else {
+                    this._ngZone.onStable.pipe(take(1)).subscribe(() => this._doChangeDetection());
+                }
+            }));
+        }
+    }
+    /**
+     * Run change detection.
+     * @return {?}
+     */
+    _doChangeDetection() {
+        this._isChangeDetectionPending = false;
+        // Apply changes to Angular bindings.
+        this._ngZone.run(() => this._changeDetectorRef.detectChanges());
+        // Apply the pending scroll offset separately, since it can't be set up as an Angular binding.
+        if (this._pendingScrollOffset != null) {
+            if (this.orientation === 'horizontal') {
+                this.elementRef.nativeElement.scrollLeft = this._pendingScrollOffset;
+            }
+            else {
+                this.elementRef.nativeElement.scrollTop = this._pendingScrollOffset;
+            }
+        }
+        for (let /** @type {?} */ fn of this._runAfterChangeDetection) {
+            fn();
+        }
+        this._runAfterChangeDetection = [];
+    }
 }
@@ -978,0 +997,0 @@ CdkVirtualScrollViewport.decorators = [

esm5/cdk-experimental.es5.js

@@ -9,3 +9,2 @@ /**
 import { Version } from '@angular/core';
-export { ItemSizeAverager, AutoSizeVirtualScrollStrategy, _autoSizeVirtualScrollStrategyFactory, CdkAutoSizeVirtualScroll, FixedSizeVirtualScrollStrategy, _fixedSizeVirtualScrollStrategyFactory, CdkFixedSizeVirtualScroll, ScrollingModule, CdkVirtualForOf, VIRTUAL_SCROLL_STRATEGY, CdkVirtualScrollViewport } from '@angular/cdk-experimental/scrolling';
 
@@ -19,3 +18,3 @@ /**
  */
-var /** @type {?} */ VERSION = new Version('6.3.3');
+var /** @type {?} */ VERSION = new Version('6.4.0');
 
@@ -22,0 +21,0 @@ /**

esm5/drag-drop.es5.js

@@ -528,4 +528,4 @@ /**
         // bind the event in the first place.
-        var /** @type {?} */ duration = getComputedStyle(this._preview).getPropertyValue('transition-duration');
-        if (parseFloat(duration) === 0) {
+        var /** @type {?} */ duration = this._getTransitionDurationInMs(this._preview);
+        if (duration === 0) {
             return Promise.resolve();
@@ -536,7 +536,12 @@ }
                 var /** @type {?} */ handler = function (event) {
-                    if (event.target === _this._preview) {
+                    if (!event || event.target === _this._preview) {
                         _this._preview.removeEventListener('transitionend', handler);
                         resolve();
+                        clearTimeout(timeout);
                     }
                 };
+                // If a transition is short enough, the browser might not fire the `transitionend` event.
+                // Since we know how long it's supposed to take, add a timeout with a 50% buffer that'll
+                // fire if the transition hasn't completed when it was supposed to.
+                var /** @type {?} */ timeout = setTimeout(handler, duration * 1.5);
                 _this._preview.addEventListener('transitionend', handler);
@@ -682,2 +687,18 @@ });
     };
+    /**
+     * Gets the `transition-duration` of an element in milliseconds.
+     * @param {?} element
+     * @return {?}
+     */
+    CdkDrag.prototype._getTransitionDurationInMs = /**
+     * Gets the `transition-duration` of an element in milliseconds.
+     * @param {?} element
+     * @return {?}
+     */
+    function (element) {
+        var /** @type {?} */ rawDuration = getComputedStyle(element).getPropertyValue('transition-duration');
+        // Some browsers will return it in seconds, whereas others will return milliseconds.
+        var /** @type {?} */ multiplier = rawDuration.toLowerCase().indexOf('ms') > -1 ? 1 : 1000;
+        return parseFloat(rawDuration) * multiplier;
+    };
     CdkDrag.decorators = [
@@ -684,0 +705,0 @@ { type: Directive, args: [{

package.json

 {
   "name": "@angular/cdk-experimental",
-  "version": "6.3.3",
+  "version": "6.4.0",
   "description": "Experimental components for Angular CDK",
@@ -19,3 +19,3 @@ "main": "./bundles/cdk-experimental.umd.js",
   "peerDependencies": {
-    "@angular/cdk": "6.3.3",
+    "@angular/cdk": "6.4.0",
     "@angular/core": ">=6.0.0-beta.0 <7.0.0"
@@ -22,0 +22,0 @@ },

scrolling/typings/index.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":4,"metadata":{"ItemSizeAverager":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[null]}],"getAverageItemSize":[{"__symbolic":"method"}],"addSample":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}]}},"AutoSizeVirtualScrollStrategy":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"},null]}],"attach":[{"__symbolic":"method"}],"detach":[{"__symbolic":"method"}],"onContentScrolled":[{"__symbolic":"method"}],"onDataLengthChanged":[{"__symbolic":"method"}],"onContentRendered":[{"__symbolic":"method"}],"onRenderedOffsetChanged":[{"__symbolic":"method"}],"updateBufferSize":[{"__symbolic":"method"}],"_updateRenderedContentAfterScroll":[{"__symbolic":"method"}],"_checkRenderedContentSize":[{"__symbolic":"method"}],"_checkRenderedContentOffset":[{"__symbolic":"method"}],"_setScrollOffset":[{"__symbolic":"method"}],"_getVisibleRangeForIndex":[{"__symbolic":"method"}],"_expandRange":[{"__symbolic":"method"}],"_updateTotalContentSize":[{"__symbolic":"method"}]}},"_autoSizeVirtualScrollStrategyFactory":{"__symbolic":"function","parameters":["autoSizeDir"],"value":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"autoSizeDir"},"member":"_scrollStrategy"}},"CdkAutoSizeVirtualScroll":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":415,"character":1},"arguments":[{"selector":"cdk-virtual-scroll-viewport[autosize]","providers":[{"provide":{"__symbolic":"reference","name":"VIRTUAL_SCROLL_STRATEGY"},"useFactory":{"__symbolic":"reference","name":"_autoSizeVirtualScrollStrategyFactory"},"deps":[{"__symbolic":"reference","name":"CdkAutoSizeVirtualScroll"}]}]}]}],"members":{"minBufferPx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":428,"character":3}}]}],"addBufferPx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":439,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}]}},"FixedSizeVirtualScrollStrategy":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"}]}],"attach":[{"__symbolic":"method"}],"detach":[{"__symbolic":"method"}],"updateItemAndBufferSize":[{"__symbolic":"method"}],"onContentScrolled":[{"__symbolic":"method"}],"onDataLengthChanged":[{"__symbolic":"method"}],"onContentRendered":[{"__symbolic":"method"}],"onRenderedOffsetChanged":[{"__symbolic":"method"}],"_updateTotalContentSize":[{"__symbolic":"method"}],"_updateRenderedRange":[{"__symbolic":"method"}],"_expandRange":[{"__symbolic":"method"}]}},"_fixedSizeVirtualScrollStrategyFactory":{"__symbolic":"function","parameters":["fixedSizeDir"],"value":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"fixedSizeDir"},"member":"_scrollStrategy"}},"CdkFixedSizeVirtualScroll":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":137,"character":1},"arguments":[{"selector":"cdk-virtual-scroll-viewport[itemSize]","providers":[{"provide":{"__symbolic":"reference","name":"VIRTUAL_SCROLL_STRATEGY"},"useFactory":{"__symbolic":"reference","name":"_fixedSizeVirtualScrollStrategyFactory"},"deps":[{"__symbolic":"reference","name":"CdkFixedSizeVirtualScroll"}]}]}]}],"members":{"itemSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":147,"character":3}}]}],"bufferSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":156,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}]}},"ScrollingModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"CdkAutoSizeVirtualScroll"},{"__symbolic":"reference","name":"CdkFixedSizeVirtualScroll"},{"__symbolic":"reference","name":"CdkVirtualForOf"},{"__symbolic":"reference","name":"CdkVirtualScrollViewport"}],"declarations":[{"__symbolic":"reference","name":"CdkAutoSizeVirtualScroll"},{"__symbolic":"reference","name":"CdkFixedSizeVirtualScroll"},{"__symbolic":"reference","name":"CdkVirtualForOf"},{"__symbolic":"reference","name":"CdkVirtualScrollViewport"}]}]}],"members":{}},"CdkVirtualForOfContext":{"__symbolic":"interface"},"CdkVirtualForOf":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":61,"character":1},"arguments":[{"selector":"[cdkVirtualFor][cdkVirtualForOf]"}]}],"members":{"cdkVirtualForOf":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"cdkVirtualForTrackBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"cdkVirtualForTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":3}}]}],"cdkVirtualForTemplateCacheSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":115,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":163,"character":7}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":157,"character":33},{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":159,"character":37,"context":{"typeName":"CdkVirtualForOfContext"},"module":"./virtual-for-of"}]},{"__symbolic":"reference","module":"@angular/core","name":"IterableDiffers","line":161,"character":24},{"__symbolic":"reference","name":"CdkVirtualScrollViewport"}]}],"measureRangeSize":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_onRenderedDataChange":[{"__symbolic":"method"}],"_changeDataSource":[{"__symbolic":"method"}],"_updateContext":[{"__symbolic":"method"}],"_applyChanges":[{"__symbolic":"method"}],"_cacheView":[{"__symbolic":"method"}],"_getViewForNewItem":[{"__symbolic":"method"}],"_updateComputedContextProperties":[{"__symbolic":"method"}]}},"VIRTUAL_SCROLL_STRATEGY":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":14,"character":8},"arguments":["VIRTUAL_SCROLL_STRATEGY"]},"VirtualScrollStrategy":{"__symbolic":"interface"},"CdkVirtualScrollViewport":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":37,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"cdk-virtual-scroll-viewport","host":{"class":"cdk-virtual-scroll-viewport","[class.cdk-virtual-scroll-orientation-horizontal]":"orientation === \"horizontal\"","[class.cdk-virtual-scroll-orientation-vertical]":"orientation === \"vertical\"","$quoted$":["class","[class.cdk-virtual-scroll-orientation-horizontal]","[class.cdk-virtual-scroll-orientation-vertical]"]},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":47,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":48,"character":19},"member":"OnPush"},"template":"<div #contentWrapper class=\"cdk-virtual-scroll-content-wrapper\" [style.transform]=\"_renderedContentTransform\"><ng-content></ng-content></div><div class=\"cdk-virtual-scroll-spacer\" [style.height.px]=\"orientation === 'horizontal' ? 1 : _totalContentSize\" [style.width.px]=\"orientation === 'horizontal' ? _totalContentSize : 1\"></div>","styles":["cdk-virtual-scroll-viewport{display:block;position:relative;overflow:auto}.cdk-virtual-scroll-content-wrapper{position:absolute;top:0;left:0;will-change:contents,transform}.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper{bottom:0}.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper{right:0}.cdk-virtual-scroll-spacer{will-change:height,width}"]}]}],"members":{"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"_contentWrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":61,"character":3},"arguments":["contentWrapper"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":106,"character":15},"arguments":[{"__symbolic":"reference","name":"VIRTUAL_SCROLL_STRATEGY"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":104,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":104,"character":73},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":105,"character":31},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":105,"character":59},{"__symbolic":"reference","name":"VirtualScrollStrategy"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"attach":[{"__symbolic":"method"}],"detach":[{"__symbolic":"method"}],"getDataLength":[{"__symbolic":"method"}],"getViewportSize":[{"__symbolic":"method"}],"getRenderedRange":[{"__symbolic":"method"}],"setTotalContentSize":[{"__symbolic":"method"}],"setRenderedRange":[{"__symbolic":"method"}],"getOffsetToRenderedContentStart":[{"__symbolic":"method"}],"setRenderedContentOffset":[{"__symbolic":"method"}],"setScrollOffset":[{"__symbolic":"method"}],"measureScrollOffset":[{"__symbolic":"method"}],"measureRenderedContentSize":[{"__symbolic":"method"}],"measureRangeSize":[{"__symbolic":"method"}],"checkViewportSize":[{"__symbolic":"method"}],"_measureViewportSize":[{"__symbolic":"method"}]}}},"origins":{"ItemSizeAverager":"./auto-size-virtual-scroll","AutoSizeVirtualScrollStrategy":"./auto-size-virtual-scroll","_autoSizeVirtualScrollStrategyFactory":"./auto-size-virtual-scroll","CdkAutoSizeVirtualScroll":"./auto-size-virtual-scroll","FixedSizeVirtualScrollStrategy":"./fixed-size-virtual-scroll","_fixedSizeVirtualScrollStrategyFactory":"./fixed-size-virtual-scroll","CdkFixedSizeVirtualScroll":"./fixed-size-virtual-scroll","ScrollingModule":"./scrolling-module","CdkVirtualForOfContext":"./virtual-for-of","CdkVirtualForOf":"./virtual-for-of","VIRTUAL_SCROLL_STRATEGY":"./virtual-scroll-strategy","VirtualScrollStrategy":"./virtual-scroll-strategy","CdkVirtualScrollViewport":"./virtual-scroll-viewport"},"importAs":"@angular/cdk-experimental/scrolling"}
+{"__symbolic":"module","version":4,"metadata":{"ItemSizeAverager":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[null]}],"getAverageItemSize":[{"__symbolic":"method"}],"addSample":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}]}},"AutoSizeVirtualScrollStrategy":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"},null]}],"attach":[{"__symbolic":"method"}],"detach":[{"__symbolic":"method"}],"onContentScrolled":[{"__symbolic":"method"}],"onDataLengthChanged":[{"__symbolic":"method"}],"onContentRendered":[{"__symbolic":"method"}],"onRenderedOffsetChanged":[{"__symbolic":"method"}],"updateBufferSize":[{"__symbolic":"method"}],"_updateRenderedContentAfterScroll":[{"__symbolic":"method"}],"_checkRenderedContentSize":[{"__symbolic":"method"}],"_checkRenderedContentOffset":[{"__symbolic":"method"}],"_setScrollOffset":[{"__symbolic":"method"}],"_getVisibleRangeForIndex":[{"__symbolic":"method"}],"_expandRange":[{"__symbolic":"method"}],"_updateTotalContentSize":[{"__symbolic":"method"}]}},"_autoSizeVirtualScrollStrategyFactory":{"__symbolic":"function","parameters":["autoSizeDir"],"value":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"autoSizeDir"},"member":"_scrollStrategy"}},"CdkAutoSizeVirtualScroll":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":415,"character":1},"arguments":[{"selector":"cdk-virtual-scroll-viewport[autosize]","providers":[{"provide":{"__symbolic":"reference","name":"VIRTUAL_SCROLL_STRATEGY"},"useFactory":{"__symbolic":"reference","name":"_autoSizeVirtualScrollStrategyFactory"},"deps":[{"__symbolic":"reference","name":"CdkAutoSizeVirtualScroll"}]}]}]}],"members":{"minBufferPx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":428,"character":3}}]}],"addBufferPx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":439,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}]}},"FixedSizeVirtualScrollStrategy":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"}]}],"attach":[{"__symbolic":"method"}],"detach":[{"__symbolic":"method"}],"updateItemAndBufferSize":[{"__symbolic":"method"}],"onContentScrolled":[{"__symbolic":"method"}],"onDataLengthChanged":[{"__symbolic":"method"}],"onContentRendered":[{"__symbolic":"method"}],"onRenderedOffsetChanged":[{"__symbolic":"method"}],"_updateTotalContentSize":[{"__symbolic":"method"}],"_updateRenderedRange":[{"__symbolic":"method"}],"_expandRange":[{"__symbolic":"method"}]}},"_fixedSizeVirtualScrollStrategyFactory":{"__symbolic":"function","parameters":["fixedSizeDir"],"value":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"fixedSizeDir"},"member":"_scrollStrategy"}},"CdkFixedSizeVirtualScroll":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":137,"character":1},"arguments":[{"selector":"cdk-virtual-scroll-viewport[itemSize]","providers":[{"provide":{"__symbolic":"reference","name":"VIRTUAL_SCROLL_STRATEGY"},"useFactory":{"__symbolic":"reference","name":"_fixedSizeVirtualScrollStrategyFactory"},"deps":[{"__symbolic":"reference","name":"CdkFixedSizeVirtualScroll"}]}]}]}],"members":{"itemSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":147,"character":3}}]}],"bufferSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":156,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}]}},"ScrollingModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"CdkAutoSizeVirtualScroll"},{"__symbolic":"reference","name":"CdkFixedSizeVirtualScroll"},{"__symbolic":"reference","name":"CdkVirtualForOf"},{"__symbolic":"reference","name":"CdkVirtualScrollViewport"}],"declarations":[{"__symbolic":"reference","name":"CdkAutoSizeVirtualScroll"},{"__symbolic":"reference","name":"CdkFixedSizeVirtualScroll"},{"__symbolic":"reference","name":"CdkVirtualForOf"},{"__symbolic":"reference","name":"CdkVirtualScrollViewport"}]}]}],"members":{}},"CdkVirtualForOfContext":{"__symbolic":"interface"},"CdkVirtualForOf":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":61,"character":1},"arguments":[{"selector":"[cdkVirtualFor][cdkVirtualForOf]"}]}],"members":{"cdkVirtualForOf":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"cdkVirtualForTrackBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"cdkVirtualForTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":3}}]}],"cdkVirtualForTemplateCacheSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":115,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":163,"character":7}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":157,"character":33},{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":159,"character":37,"context":{"typeName":"CdkVirtualForOfContext"},"module":"./virtual-for-of"}]},{"__symbolic":"reference","module":"@angular/core","name":"IterableDiffers","line":161,"character":24},{"__symbolic":"reference","name":"CdkVirtualScrollViewport"}]}],"measureRangeSize":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_onRenderedDataChange":[{"__symbolic":"method"}],"_changeDataSource":[{"__symbolic":"method"}],"_updateContext":[{"__symbolic":"method"}],"_applyChanges":[{"__symbolic":"method"}],"_cacheView":[{"__symbolic":"method"}],"_getViewForNewItem":[{"__symbolic":"method"}],"_updateComputedContextProperties":[{"__symbolic":"method"}]}},"VIRTUAL_SCROLL_STRATEGY":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":14,"character":8},"arguments":["VIRTUAL_SCROLL_STRATEGY"]},"VirtualScrollStrategy":{"__symbolic":"interface"},"CdkVirtualScrollViewport":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":36,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"cdk-virtual-scroll-viewport","host":{"class":"cdk-virtual-scroll-viewport","[class.cdk-virtual-scroll-orientation-horizontal]":"orientation === \"horizontal\"","[class.cdk-virtual-scroll-orientation-vertical]":"orientation === \"vertical\"","$quoted$":["class","[class.cdk-virtual-scroll-orientation-horizontal]","[class.cdk-virtual-scroll-orientation-vertical]"]},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":46,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":47,"character":19},"member":"OnPush"},"template":"<div #contentWrapper class=\"cdk-virtual-scroll-content-wrapper\" [style.transform]=\"_renderedContentTransform\"><ng-content></ng-content></div><div class=\"cdk-virtual-scroll-spacer\" [style.height.px]=\"orientation === 'horizontal' ? 1 : _totalContentSize\" [style.width.px]=\"orientation === 'horizontal' ? _totalContentSize : 1\"></div>","styles":["cdk-virtual-scroll-viewport{display:block;position:relative;overflow:auto}.cdk-virtual-scroll-content-wrapper{position:absolute;top:0;left:0;will-change:contents,transform}.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper{bottom:0}.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper{right:0}.cdk-virtual-scroll-spacer{will-change:height,width}"]}]}],"members":{"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"_contentWrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":60,"character":3},"arguments":["contentWrapper"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":111,"character":15},"arguments":[{"__symbolic":"reference","name":"VIRTUAL_SCROLL_STRATEGY"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":109,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":109,"character":73},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":110,"character":31},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":110,"character":59},{"__symbolic":"reference","name":"VirtualScrollStrategy"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"attach":[{"__symbolic":"method"}],"detach":[{"__symbolic":"method"}],"getDataLength":[{"__symbolic":"method"}],"getViewportSize":[{"__symbolic":"method"}],"getRenderedRange":[{"__symbolic":"method"}],"setTotalContentSize":[{"__symbolic":"method"}],"setRenderedRange":[{"__symbolic":"method"}],"getOffsetToRenderedContentStart":[{"__symbolic":"method"}],"setRenderedContentOffset":[{"__symbolic":"method"}],"setScrollOffset":[{"__symbolic":"method"}],"measureScrollOffset":[{"__symbolic":"method"}],"measureRenderedContentSize":[{"__symbolic":"method"}],"measureRangeSize":[{"__symbolic":"method"}],"checkViewportSize":[{"__symbolic":"method"}],"_measureViewportSize":[{"__symbolic":"method"}],"_markChangeDetectionNeeded":[{"__symbolic":"method"}],"_doChangeDetection":[{"__symbolic":"method"}]}}},"origins":{"ItemSizeAverager":"./auto-size-virtual-scroll","AutoSizeVirtualScrollStrategy":"./auto-size-virtual-scroll","_autoSizeVirtualScrollStrategyFactory":"./auto-size-virtual-scroll","CdkAutoSizeVirtualScroll":"./auto-size-virtual-scroll","FixedSizeVirtualScrollStrategy":"./fixed-size-virtual-scroll","_fixedSizeVirtualScrollStrategyFactory":"./fixed-size-virtual-scroll","CdkFixedSizeVirtualScroll":"./fixed-size-virtual-scroll","ScrollingModule":"./scrolling-module","CdkVirtualForOfContext":"./virtual-for-of","CdkVirtualForOf":"./virtual-for-of","VIRTUAL_SCROLL_STRATEGY":"./virtual-scroll-strategy","VirtualScrollStrategy":"./virtual-scroll-strategy","CdkVirtualScrollViewport":"./virtual-scroll-viewport"},"importAs":"@angular/cdk-experimental/scrolling"}

scrolling/typings/virtual-scroll-viewport.d.ts

@@ -9,3 +9,3 @@ /**
 import { ListRange } from '@angular/cdk/collections';
-import { ChangeDetectorRef, DoCheck, ElementRef, NgZone, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, NgZone, OnDestroy, OnInit } from '@angular/core';
 import { DomSanitizer, SafeStyle } from '@angular/platform-browser';
@@ -16,3 +16,3 @@ import { Observable } from 'rxjs';
 /** A viewport that virtualizes it's scrolling with the help of `CdkVirtualForOf`. */
-export declare class CdkVirtualScrollViewport implements DoCheck, OnInit, OnDestroy {
+export declare class CdkVirtualScrollViewport implements OnInit, OnDestroy {
     elementRef: ElementRef;
@@ -60,5 +60,8 @@ private _changeDetectorRef;
     private _destroyed;
+    /** Whether there is a pending change detection cycle. */
+    private _isChangeDetectionPending;
+    /** A list of functions to run after the next change detection cycle. */
+    private _runAfterChangeDetection;
     constructor(elementRef: ElementRef, _changeDetectorRef: ChangeDetectorRef, _ngZone: NgZone, _sanitizer: DomSanitizer, _scrollStrategy: VirtualScrollStrategy);
     ngOnInit(): void;
-    ngDoCheck(): void;
     ngOnDestroy(): void;
@@ -106,2 +109,6 @@ /** Attaches a `CdkVirtualForOf` to this viewport. */
     private _measureViewportSize();
+    /** Queue up change detection to run. */
+    private _markChangeDetectionNeeded(runAfter?);
+    /** Run change detection. */
+    private _doChangeDetection();
 }

typings/drag-drop/drag.d.ts

@@ -150,2 +150,4 @@ /**
     private _registerMoveListeners(event);
+    /** Gets the `transition-duration` of an element in milliseconds. */
+    private _getTransitionDurationInMs(element);
 }

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":25,"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":30,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":31,"character":19},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","name":"ɵb"},"useExisting":{"__symbolic":"reference","name":"CdkDrop"}}],"host":{"class":"cdk-drop","[class.cdk-drop-dragging]":"_dragging","$quoted$":["class","[class.cdk-drop-dragging]"]},"styles":[".cdk-drag-preview{position:fixed;top:0;left:0;z-index:1000}"]}]}],"members":{"_draggables":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":43,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDrag"}]}]}],"connectedTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"dropped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":58,"character":3}}]}],"entered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":63,"character":3}}]}],"exited":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":69,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":71,"character":41,"context":{"typeName":"HTMLElement"},"module":"./drop"}]}]}],"start":[{"__symbolic":"method"}],"drop":[{"__symbolic":"method"}],"enter":[{"__symbolic":"method"}],"exit":[{"__symbolic":"method"}],"getItemIndex":[{"__symbolic":"method"}],"_sortItem":[{"__symbolic":"method"}],"_getSiblingContainerFromPosition":[{"__symbolic":"method"}],"_refreshPositions":[{"__symbolic":"method"}],"_reset":[{"__symbolic":"method"}]}},"CdkDrag":{"__symbolic":"class","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":96,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragHandle"}]}]}],"_previewTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":99,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragPreview"}]}]}],"_placeholderTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":104,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragPlaceholder"}]}]}],"started":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":107,"character":3},"arguments":["cdkDragStarted"]}]}],"ended":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":110,"character":3},"arguments":["cdkDragEnded"]}]}],"entered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":113,"character":3},"arguments":["cdkDragEntered"]}]}],"exited":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":116,"character":3},"arguments":["cdkDragExited"]}]}],"dropped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":119,"character":3},"arguments":["cdkDragDropped"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":125,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵb"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":125,"character":33}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":125,"character":45}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":126,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DOCUMENT","line":126,"character":12}]}],null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":130,"character":5}}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":123,"character":31,"context":{"typeName":"HTMLElement"},"module":"./drag"}]},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":127,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":128,"character":31},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"ViewportRuler","line":129,"character":28},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":130,"character":30}]}],"getPlaceholderElement":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_startDragging":[{"__symbolic":"method"}],"_cleanupDragArtifacts":[{"__symbolic":"method"}],"_updateActiveDropContainer":[{"__symbolic":"method"}],"_createPreviewElement":[{"__symbolic":"method"}],"_createPlaceholderElement":[{"__symbolic":"method"}],"_getElementIndexInDom":[{"__symbolic":"method"}],"_getPointerPositionInElement":[{"__symbolic":"method"}],"_animatePreviewToPlaceholder":[{"__symbolic":"method"}],"_setTransform":[{"__symbolic":"method"}],"_removeElement":[{"__symbolic":"method"}],"_removeDocumentEvents":[{"__symbolic":"method"}],"_getPointerPositionOnPage":[{"__symbolic":"method"}],"_isTouchEvent":[{"__symbolic":"method"}],"_destroyPreview":[{"__symbolic":"method"}],"_destroyPlaceholder":[{"__symbolic":"method"}],"_registerMoveListeners":[{"__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":{}},"ɵa":{"__symbolic":"interface"},"ɵb":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":57,"character":38},"arguments":["CDK_DROP_CONTAINER"]}},"origins":{"CdkDrop":"./drop","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","ɵa":"./drop-container","ɵb":"./drop-container"},"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":25,"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":30,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":31,"character":19},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","name":"ɵb"},"useExisting":{"__symbolic":"reference","name":"CdkDrop"}}],"host":{"class":"cdk-drop","[class.cdk-drop-dragging]":"_dragging","$quoted$":["class","[class.cdk-drop-dragging]"]},"styles":[".cdk-drag-preview{position:fixed;top:0;left:0;z-index:1000}"]}]}],"members":{"_draggables":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":43,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDrag"}]}]}],"connectedTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"dropped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":58,"character":3}}]}],"entered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":63,"character":3}}]}],"exited":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":69,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":71,"character":41,"context":{"typeName":"HTMLElement"},"module":"./drop"}]}]}],"start":[{"__symbolic":"method"}],"drop":[{"__symbolic":"method"}],"enter":[{"__symbolic":"method"}],"exit":[{"__symbolic":"method"}],"getItemIndex":[{"__symbolic":"method"}],"_sortItem":[{"__symbolic":"method"}],"_getSiblingContainerFromPosition":[{"__symbolic":"method"}],"_refreshPositions":[{"__symbolic":"method"}],"_reset":[{"__symbolic":"method"}]}},"CdkDrag":{"__symbolic":"class","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":96,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragHandle"}]}]}],"_previewTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":99,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragPreview"}]}]}],"_placeholderTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":104,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragPlaceholder"}]}]}],"started":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":107,"character":3},"arguments":["cdkDragStarted"]}]}],"ended":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":110,"character":3},"arguments":["cdkDragEnded"]}]}],"entered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":113,"character":3},"arguments":["cdkDragEntered"]}]}],"exited":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":116,"character":3},"arguments":["cdkDragExited"]}]}],"dropped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":119,"character":3},"arguments":["cdkDragDropped"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":125,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵb"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":125,"character":33}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":125,"character":45}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":126,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DOCUMENT","line":126,"character":12}]}],null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":130,"character":5}}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":123,"character":31,"context":{"typeName":"HTMLElement"},"module":"./drag"}]},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":127,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":128,"character":31},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"ViewportRuler","line":129,"character":28},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":130,"character":30}]}],"getPlaceholderElement":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_startDragging":[{"__symbolic":"method"}],"_cleanupDragArtifacts":[{"__symbolic":"method"}],"_updateActiveDropContainer":[{"__symbolic":"method"}],"_createPreviewElement":[{"__symbolic":"method"}],"_createPlaceholderElement":[{"__symbolic":"method"}],"_getElementIndexInDom":[{"__symbolic":"method"}],"_getPointerPositionInElement":[{"__symbolic":"method"}],"_animatePreviewToPlaceholder":[{"__symbolic":"method"}],"_setTransform":[{"__symbolic":"method"}],"_removeElement":[{"__symbolic":"method"}],"_removeDocumentEvents":[{"__symbolic":"method"}],"_getPointerPositionOnPage":[{"__symbolic":"method"}],"_isTouchEvent":[{"__symbolic":"method"}],"_destroyPreview":[{"__symbolic":"method"}],"_destroyPlaceholder":[{"__symbolic":"method"}],"_registerMoveListeners":[{"__symbolic":"method"}],"_getTransitionDurationInMs":[{"__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":{}},"ɵa":{"__symbolic":"interface"},"ɵb":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":57,"character":38},"arguments":["CDK_DROP_CONTAINER"]}},"origins":{"CdkDrop":"./drop","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","ɵa":"./drop-container","ɵb":"./drop-container"},"importAs":"@angular/cdk-experimental/drag-drop"}

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

@@ -150,2 +150,4 @@ /**
     private _registerMoveListeners(event);
+    /** Gets the `transition-duration` of an element in milliseconds. */
+    private _getTransitionDurationInMs(element);
 }

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":25,"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":30,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":31,"character":19},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","name":"ɵb"},"useExisting":{"__symbolic":"reference","name":"CdkDrop"}}],"host":{"class":"cdk-drop","[class.cdk-drop-dragging]":"_dragging","$quoted$":["class","[class.cdk-drop-dragging]"]},"styles":[".cdk-drag-preview{position:fixed;top:0;left:0;z-index:1000}"]}]}],"members":{"_draggables":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":43,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDrag"}]}]}],"connectedTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"dropped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":58,"character":3}}]}],"entered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":63,"character":3}}]}],"exited":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":69,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":71,"character":41,"context":{"typeName":"HTMLElement"},"module":"./drop"}]}]}],"start":[{"__symbolic":"method"}],"drop":[{"__symbolic":"method"}],"enter":[{"__symbolic":"method"}],"exit":[{"__symbolic":"method"}],"getItemIndex":[{"__symbolic":"method"}],"_sortItem":[{"__symbolic":"method"}],"_getSiblingContainerFromPosition":[{"__symbolic":"method"}],"_refreshPositions":[{"__symbolic":"method"}],"_reset":[{"__symbolic":"method"}]}},"CdkDrag":{"__symbolic":"class","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":96,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragHandle"}]}]}],"_previewTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":99,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragPreview"}]}]}],"_placeholderTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":104,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragPlaceholder"}]}]}],"started":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":107,"character":3},"arguments":["cdkDragStarted"]}]}],"ended":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":110,"character":3},"arguments":["cdkDragEnded"]}]}],"entered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":113,"character":3},"arguments":["cdkDragEntered"]}]}],"exited":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":116,"character":3},"arguments":["cdkDragExited"]}]}],"dropped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":119,"character":3},"arguments":["cdkDragDropped"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":125,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵb"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":125,"character":33}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":125,"character":45}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":126,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DOCUMENT","line":126,"character":12}]}],null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":130,"character":5}}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":123,"character":31,"context":{"typeName":"HTMLElement"},"module":"./drag"}]},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":127,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":128,"character":31},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"ViewportRuler","line":129,"character":28},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":130,"character":30}]}],"getPlaceholderElement":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_startDragging":[{"__symbolic":"method"}],"_cleanupDragArtifacts":[{"__symbolic":"method"}],"_updateActiveDropContainer":[{"__symbolic":"method"}],"_createPreviewElement":[{"__symbolic":"method"}],"_createPlaceholderElement":[{"__symbolic":"method"}],"_getElementIndexInDom":[{"__symbolic":"method"}],"_getPointerPositionInElement":[{"__symbolic":"method"}],"_animatePreviewToPlaceholder":[{"__symbolic":"method"}],"_setTransform":[{"__symbolic":"method"}],"_removeElement":[{"__symbolic":"method"}],"_removeDocumentEvents":[{"__symbolic":"method"}],"_getPointerPositionOnPage":[{"__symbolic":"method"}],"_isTouchEvent":[{"__symbolic":"method"}],"_destroyPreview":[{"__symbolic":"method"}],"_destroyPlaceholder":[{"__symbolic":"method"}],"_registerMoveListeners":[{"__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":{}},"ɵa":{"__symbolic":"interface"},"ɵb":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":57,"character":38},"arguments":["CDK_DROP_CONTAINER"]}},"origins":{"CdkDrop":"./drop","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","ɵa":"./drop-container","ɵb":"./drop-container"},"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":25,"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":30,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":31,"character":19},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","name":"ɵb"},"useExisting":{"__symbolic":"reference","name":"CdkDrop"}}],"host":{"class":"cdk-drop","[class.cdk-drop-dragging]":"_dragging","$quoted$":["class","[class.cdk-drop-dragging]"]},"styles":[".cdk-drag-preview{position:fixed;top:0;left:0;z-index:1000}"]}]}],"members":{"_draggables":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":43,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDrag"}]}]}],"connectedTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"dropped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":58,"character":3}}]}],"entered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":63,"character":3}}]}],"exited":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":69,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":71,"character":41,"context":{"typeName":"HTMLElement"},"module":"./drop"}]}]}],"start":[{"__symbolic":"method"}],"drop":[{"__symbolic":"method"}],"enter":[{"__symbolic":"method"}],"exit":[{"__symbolic":"method"}],"getItemIndex":[{"__symbolic":"method"}],"_sortItem":[{"__symbolic":"method"}],"_getSiblingContainerFromPosition":[{"__symbolic":"method"}],"_refreshPositions":[{"__symbolic":"method"}],"_reset":[{"__symbolic":"method"}]}},"CdkDrag":{"__symbolic":"class","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":96,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragHandle"}]}]}],"_previewTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":99,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragPreview"}]}]}],"_placeholderTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":104,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkDragPlaceholder"}]}]}],"started":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":107,"character":3},"arguments":["cdkDragStarted"]}]}],"ended":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":110,"character":3},"arguments":["cdkDragEnded"]}]}],"entered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":113,"character":3},"arguments":["cdkDragEntered"]}]}],"exited":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":116,"character":3},"arguments":["cdkDragExited"]}]}],"dropped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":119,"character":3},"arguments":["cdkDragDropped"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":125,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵb"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":125,"character":33}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":125,"character":45}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":126,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DOCUMENT","line":126,"character":12}]}],null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":130,"character":5}}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":123,"character":31,"context":{"typeName":"HTMLElement"},"module":"./drag"}]},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":127,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":128,"character":31},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"ViewportRuler","line":129,"character":28},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":130,"character":30}]}],"getPlaceholderElement":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_startDragging":[{"__symbolic":"method"}],"_cleanupDragArtifacts":[{"__symbolic":"method"}],"_updateActiveDropContainer":[{"__symbolic":"method"}],"_createPreviewElement":[{"__symbolic":"method"}],"_createPlaceholderElement":[{"__symbolic":"method"}],"_getElementIndexInDom":[{"__symbolic":"method"}],"_getPointerPositionInElement":[{"__symbolic":"method"}],"_animatePreviewToPlaceholder":[{"__symbolic":"method"}],"_setTransform":[{"__symbolic":"method"}],"_removeElement":[{"__symbolic":"method"}],"_removeDocumentEvents":[{"__symbolic":"method"}],"_getPointerPositionOnPage":[{"__symbolic":"method"}],"_isTouchEvent":[{"__symbolic":"method"}],"_destroyPreview":[{"__symbolic":"method"}],"_destroyPlaceholder":[{"__symbolic":"method"}],"_registerMoveListeners":[{"__symbolic":"method"}],"_getTransitionDurationInMs":[{"__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":{}},"ɵa":{"__symbolic":"interface"},"ɵb":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":57,"character":38},"arguments":["CDK_DROP_CONTAINER"]}},"origins":{"CdkDrop":"./drop","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","ɵa":"./drop-container","ɵb":"./drop-container"},"importAs":"@angular/cdk-experimental/drag-drop"}

typings/esm5/index.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":4,"exports":[{"from":"@angular/cdk-experimental/scrolling"}],"metadata":{"VERSION":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Version","line":11,"character":27},"arguments":["6.3.3"]}},"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.0"]}},"origins":{"VERSION":"./version"},"importAs":"@angular/cdk-experimental"}

typings/esm5/public-api.d.ts

@@ -9,2 +9,1 @@ /**
 export * from './version';
-export * from '@angular/cdk-experimental/scrolling';

typings/esm5/scrolling/index.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":4,"metadata":{"ItemSizeAverager":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[null]}],"getAverageItemSize":[{"__symbolic":"method"}],"addSample":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}]}},"AutoSizeVirtualScrollStrategy":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"},null]}],"attach":[{"__symbolic":"method"}],"detach":[{"__symbolic":"method"}],"onContentScrolled":[{"__symbolic":"method"}],"onDataLengthChanged":[{"__symbolic":"method"}],"onContentRendered":[{"__symbolic":"method"}],"onRenderedOffsetChanged":[{"__symbolic":"method"}],"updateBufferSize":[{"__symbolic":"method"}],"_updateRenderedContentAfterScroll":[{"__symbolic":"method"}],"_checkRenderedContentSize":[{"__symbolic":"method"}],"_checkRenderedContentOffset":[{"__symbolic":"method"}],"_setScrollOffset":[{"__symbolic":"method"}],"_getVisibleRangeForIndex":[{"__symbolic":"method"}],"_expandRange":[{"__symbolic":"method"}],"_updateTotalContentSize":[{"__symbolic":"method"}]}},"_autoSizeVirtualScrollStrategyFactory":{"__symbolic":"function","parameters":["autoSizeDir"],"value":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"autoSizeDir"},"member":"_scrollStrategy"}},"CdkAutoSizeVirtualScroll":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":415,"character":1},"arguments":[{"selector":"cdk-virtual-scroll-viewport[autosize]","providers":[{"provide":{"__symbolic":"reference","name":"VIRTUAL_SCROLL_STRATEGY"},"useFactory":{"__symbolic":"reference","name":"_autoSizeVirtualScrollStrategyFactory"},"deps":[{"__symbolic":"reference","name":"CdkAutoSizeVirtualScroll"}]}]}]}],"members":{"minBufferPx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":428,"character":3}}]}],"addBufferPx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":439,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}]}},"FixedSizeVirtualScrollStrategy":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"}]}],"attach":[{"__symbolic":"method"}],"detach":[{"__symbolic":"method"}],"updateItemAndBufferSize":[{"__symbolic":"method"}],"onContentScrolled":[{"__symbolic":"method"}],"onDataLengthChanged":[{"__symbolic":"method"}],"onContentRendered":[{"__symbolic":"method"}],"onRenderedOffsetChanged":[{"__symbolic":"method"}],"_updateTotalContentSize":[{"__symbolic":"method"}],"_updateRenderedRange":[{"__symbolic":"method"}],"_expandRange":[{"__symbolic":"method"}]}},"_fixedSizeVirtualScrollStrategyFactory":{"__symbolic":"function","parameters":["fixedSizeDir"],"value":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"fixedSizeDir"},"member":"_scrollStrategy"}},"CdkFixedSizeVirtualScroll":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":137,"character":1},"arguments":[{"selector":"cdk-virtual-scroll-viewport[itemSize]","providers":[{"provide":{"__symbolic":"reference","name":"VIRTUAL_SCROLL_STRATEGY"},"useFactory":{"__symbolic":"reference","name":"_fixedSizeVirtualScrollStrategyFactory"},"deps":[{"__symbolic":"reference","name":"CdkFixedSizeVirtualScroll"}]}]}]}],"members":{"itemSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":147,"character":3}}]}],"bufferSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":156,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}]}},"ScrollingModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"CdkAutoSizeVirtualScroll"},{"__symbolic":"reference","name":"CdkFixedSizeVirtualScroll"},{"__symbolic":"reference","name":"CdkVirtualForOf"},{"__symbolic":"reference","name":"CdkVirtualScrollViewport"}],"declarations":[{"__symbolic":"reference","name":"CdkAutoSizeVirtualScroll"},{"__symbolic":"reference","name":"CdkFixedSizeVirtualScroll"},{"__symbolic":"reference","name":"CdkVirtualForOf"},{"__symbolic":"reference","name":"CdkVirtualScrollViewport"}]}]}],"members":{}},"CdkVirtualForOfContext":{"__symbolic":"interface"},"CdkVirtualForOf":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":61,"character":1},"arguments":[{"selector":"[cdkVirtualFor][cdkVirtualForOf]"}]}],"members":{"cdkVirtualForOf":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"cdkVirtualForTrackBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"cdkVirtualForTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":3}}]}],"cdkVirtualForTemplateCacheSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":115,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":163,"character":7}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":157,"character":33},{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":159,"character":37,"context":{"typeName":"CdkVirtualForOfContext"},"module":"./virtual-for-of"}]},{"__symbolic":"reference","module":"@angular/core","name":"IterableDiffers","line":161,"character":24},{"__symbolic":"reference","name":"CdkVirtualScrollViewport"}]}],"measureRangeSize":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_onRenderedDataChange":[{"__symbolic":"method"}],"_changeDataSource":[{"__symbolic":"method"}],"_updateContext":[{"__symbolic":"method"}],"_applyChanges":[{"__symbolic":"method"}],"_cacheView":[{"__symbolic":"method"}],"_getViewForNewItem":[{"__symbolic":"method"}],"_updateComputedContextProperties":[{"__symbolic":"method"}]}},"VIRTUAL_SCROLL_STRATEGY":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":14,"character":8},"arguments":["VIRTUAL_SCROLL_STRATEGY"]},"VirtualScrollStrategy":{"__symbolic":"interface"},"CdkVirtualScrollViewport":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":37,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"cdk-virtual-scroll-viewport","host":{"class":"cdk-virtual-scroll-viewport","[class.cdk-virtual-scroll-orientation-horizontal]":"orientation === \"horizontal\"","[class.cdk-virtual-scroll-orientation-vertical]":"orientation === \"vertical\"","$quoted$":["class","[class.cdk-virtual-scroll-orientation-horizontal]","[class.cdk-virtual-scroll-orientation-vertical]"]},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":47,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":48,"character":19},"member":"OnPush"},"template":"<div #contentWrapper class=\"cdk-virtual-scroll-content-wrapper\" [style.transform]=\"_renderedContentTransform\"><ng-content></ng-content></div><div class=\"cdk-virtual-scroll-spacer\" [style.height.px]=\"orientation === 'horizontal' ? 1 : _totalContentSize\" [style.width.px]=\"orientation === 'horizontal' ? _totalContentSize : 1\"></div>","styles":["cdk-virtual-scroll-viewport{display:block;position:relative;overflow:auto}.cdk-virtual-scroll-content-wrapper{position:absolute;top:0;left:0;will-change:contents,transform}.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper{bottom:0}.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper{right:0}.cdk-virtual-scroll-spacer{will-change:height,width}"]}]}],"members":{"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"_contentWrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":61,"character":3},"arguments":["contentWrapper"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":106,"character":15},"arguments":[{"__symbolic":"reference","name":"VIRTUAL_SCROLL_STRATEGY"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":104,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":104,"character":73},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":105,"character":31},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":105,"character":59},{"__symbolic":"reference","name":"VirtualScrollStrategy"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"attach":[{"__symbolic":"method"}],"detach":[{"__symbolic":"method"}],"getDataLength":[{"__symbolic":"method"}],"getViewportSize":[{"__symbolic":"method"}],"getRenderedRange":[{"__symbolic":"method"}],"setTotalContentSize":[{"__symbolic":"method"}],"setRenderedRange":[{"__symbolic":"method"}],"getOffsetToRenderedContentStart":[{"__symbolic":"method"}],"setRenderedContentOffset":[{"__symbolic":"method"}],"setScrollOffset":[{"__symbolic":"method"}],"measureScrollOffset":[{"__symbolic":"method"}],"measureRenderedContentSize":[{"__symbolic":"method"}],"measureRangeSize":[{"__symbolic":"method"}],"checkViewportSize":[{"__symbolic":"method"}],"_measureViewportSize":[{"__symbolic":"method"}]}}},"origins":{"ItemSizeAverager":"./auto-size-virtual-scroll","AutoSizeVirtualScrollStrategy":"./auto-size-virtual-scroll","_autoSizeVirtualScrollStrategyFactory":"./auto-size-virtual-scroll","CdkAutoSizeVirtualScroll":"./auto-size-virtual-scroll","FixedSizeVirtualScrollStrategy":"./fixed-size-virtual-scroll","_fixedSizeVirtualScrollStrategyFactory":"./fixed-size-virtual-scroll","CdkFixedSizeVirtualScroll":"./fixed-size-virtual-scroll","ScrollingModule":"./scrolling-module","CdkVirtualForOfContext":"./virtual-for-of","CdkVirtualForOf":"./virtual-for-of","VIRTUAL_SCROLL_STRATEGY":"./virtual-scroll-strategy","VirtualScrollStrategy":"./virtual-scroll-strategy","CdkVirtualScrollViewport":"./virtual-scroll-viewport"},"importAs":"@angular/cdk-experimental/scrolling"}
+{"__symbolic":"module","version":4,"metadata":{"ItemSizeAverager":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[null]}],"getAverageItemSize":[{"__symbolic":"method"}],"addSample":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}]}},"AutoSizeVirtualScrollStrategy":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"},null]}],"attach":[{"__symbolic":"method"}],"detach":[{"__symbolic":"method"}],"onContentScrolled":[{"__symbolic":"method"}],"onDataLengthChanged":[{"__symbolic":"method"}],"onContentRendered":[{"__symbolic":"method"}],"onRenderedOffsetChanged":[{"__symbolic":"method"}],"updateBufferSize":[{"__symbolic":"method"}],"_updateRenderedContentAfterScroll":[{"__symbolic":"method"}],"_checkRenderedContentSize":[{"__symbolic":"method"}],"_checkRenderedContentOffset":[{"__symbolic":"method"}],"_setScrollOffset":[{"__symbolic":"method"}],"_getVisibleRangeForIndex":[{"__symbolic":"method"}],"_expandRange":[{"__symbolic":"method"}],"_updateTotalContentSize":[{"__symbolic":"method"}]}},"_autoSizeVirtualScrollStrategyFactory":{"__symbolic":"function","parameters":["autoSizeDir"],"value":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"autoSizeDir"},"member":"_scrollStrategy"}},"CdkAutoSizeVirtualScroll":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":415,"character":1},"arguments":[{"selector":"cdk-virtual-scroll-viewport[autosize]","providers":[{"provide":{"__symbolic":"reference","name":"VIRTUAL_SCROLL_STRATEGY"},"useFactory":{"__symbolic":"reference","name":"_autoSizeVirtualScrollStrategyFactory"},"deps":[{"__symbolic":"reference","name":"CdkAutoSizeVirtualScroll"}]}]}]}],"members":{"minBufferPx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":428,"character":3}}]}],"addBufferPx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":439,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}]}},"FixedSizeVirtualScrollStrategy":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"}]}],"attach":[{"__symbolic":"method"}],"detach":[{"__symbolic":"method"}],"updateItemAndBufferSize":[{"__symbolic":"method"}],"onContentScrolled":[{"__symbolic":"method"}],"onDataLengthChanged":[{"__symbolic":"method"}],"onContentRendered":[{"__symbolic":"method"}],"onRenderedOffsetChanged":[{"__symbolic":"method"}],"_updateTotalContentSize":[{"__symbolic":"method"}],"_updateRenderedRange":[{"__symbolic":"method"}],"_expandRange":[{"__symbolic":"method"}]}},"_fixedSizeVirtualScrollStrategyFactory":{"__symbolic":"function","parameters":["fixedSizeDir"],"value":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"fixedSizeDir"},"member":"_scrollStrategy"}},"CdkFixedSizeVirtualScroll":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":137,"character":1},"arguments":[{"selector":"cdk-virtual-scroll-viewport[itemSize]","providers":[{"provide":{"__symbolic":"reference","name":"VIRTUAL_SCROLL_STRATEGY"},"useFactory":{"__symbolic":"reference","name":"_fixedSizeVirtualScrollStrategyFactory"},"deps":[{"__symbolic":"reference","name":"CdkFixedSizeVirtualScroll"}]}]}]}],"members":{"itemSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":147,"character":3}}]}],"bufferSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":156,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}]}},"ScrollingModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"CdkAutoSizeVirtualScroll"},{"__symbolic":"reference","name":"CdkFixedSizeVirtualScroll"},{"__symbolic":"reference","name":"CdkVirtualForOf"},{"__symbolic":"reference","name":"CdkVirtualScrollViewport"}],"declarations":[{"__symbolic":"reference","name":"CdkAutoSizeVirtualScroll"},{"__symbolic":"reference","name":"CdkFixedSizeVirtualScroll"},{"__symbolic":"reference","name":"CdkVirtualForOf"},{"__symbolic":"reference","name":"CdkVirtualScrollViewport"}]}]}],"members":{}},"CdkVirtualForOfContext":{"__symbolic":"interface"},"CdkVirtualForOf":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":61,"character":1},"arguments":[{"selector":"[cdkVirtualFor][cdkVirtualForOf]"}]}],"members":{"cdkVirtualForOf":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"cdkVirtualForTrackBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"cdkVirtualForTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":3}}]}],"cdkVirtualForTemplateCacheSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":115,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":163,"character":7}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":157,"character":33},{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":159,"character":37,"context":{"typeName":"CdkVirtualForOfContext"},"module":"./virtual-for-of"}]},{"__symbolic":"reference","module":"@angular/core","name":"IterableDiffers","line":161,"character":24},{"__symbolic":"reference","name":"CdkVirtualScrollViewport"}]}],"measureRangeSize":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_onRenderedDataChange":[{"__symbolic":"method"}],"_changeDataSource":[{"__symbolic":"method"}],"_updateContext":[{"__symbolic":"method"}],"_applyChanges":[{"__symbolic":"method"}],"_cacheView":[{"__symbolic":"method"}],"_getViewForNewItem":[{"__symbolic":"method"}],"_updateComputedContextProperties":[{"__symbolic":"method"}]}},"VIRTUAL_SCROLL_STRATEGY":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":14,"character":8},"arguments":["VIRTUAL_SCROLL_STRATEGY"]},"VirtualScrollStrategy":{"__symbolic":"interface"},"CdkVirtualScrollViewport":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":36,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"cdk-virtual-scroll-viewport","host":{"class":"cdk-virtual-scroll-viewport","[class.cdk-virtual-scroll-orientation-horizontal]":"orientation === \"horizontal\"","[class.cdk-virtual-scroll-orientation-vertical]":"orientation === \"vertical\"","$quoted$":["class","[class.cdk-virtual-scroll-orientation-horizontal]","[class.cdk-virtual-scroll-orientation-vertical]"]},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":46,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":47,"character":19},"member":"OnPush"},"template":"<div #contentWrapper class=\"cdk-virtual-scroll-content-wrapper\" [style.transform]=\"_renderedContentTransform\"><ng-content></ng-content></div><div class=\"cdk-virtual-scroll-spacer\" [style.height.px]=\"orientation === 'horizontal' ? 1 : _totalContentSize\" [style.width.px]=\"orientation === 'horizontal' ? _totalContentSize : 1\"></div>","styles":["cdk-virtual-scroll-viewport{display:block;position:relative;overflow:auto}.cdk-virtual-scroll-content-wrapper{position:absolute;top:0;left:0;will-change:contents,transform}.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper{bottom:0}.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper{right:0}.cdk-virtual-scroll-spacer{will-change:height,width}"]}]}],"members":{"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"_contentWrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":60,"character":3},"arguments":["contentWrapper"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":111,"character":15},"arguments":[{"__symbolic":"reference","name":"VIRTUAL_SCROLL_STRATEGY"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":109,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":109,"character":73},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":110,"character":31},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":110,"character":59},{"__symbolic":"reference","name":"VirtualScrollStrategy"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"attach":[{"__symbolic":"method"}],"detach":[{"__symbolic":"method"}],"getDataLength":[{"__symbolic":"method"}],"getViewportSize":[{"__symbolic":"method"}],"getRenderedRange":[{"__symbolic":"method"}],"setTotalContentSize":[{"__symbolic":"method"}],"setRenderedRange":[{"__symbolic":"method"}],"getOffsetToRenderedContentStart":[{"__symbolic":"method"}],"setRenderedContentOffset":[{"__symbolic":"method"}],"setScrollOffset":[{"__symbolic":"method"}],"measureScrollOffset":[{"__symbolic":"method"}],"measureRenderedContentSize":[{"__symbolic":"method"}],"measureRangeSize":[{"__symbolic":"method"}],"checkViewportSize":[{"__symbolic":"method"}],"_measureViewportSize":[{"__symbolic":"method"}],"_markChangeDetectionNeeded":[{"__symbolic":"method"}],"_doChangeDetection":[{"__symbolic":"method"}]}}},"origins":{"ItemSizeAverager":"./auto-size-virtual-scroll","AutoSizeVirtualScrollStrategy":"./auto-size-virtual-scroll","_autoSizeVirtualScrollStrategyFactory":"./auto-size-virtual-scroll","CdkAutoSizeVirtualScroll":"./auto-size-virtual-scroll","FixedSizeVirtualScrollStrategy":"./fixed-size-virtual-scroll","_fixedSizeVirtualScrollStrategyFactory":"./fixed-size-virtual-scroll","CdkFixedSizeVirtualScroll":"./fixed-size-virtual-scroll","ScrollingModule":"./scrolling-module","CdkVirtualForOfContext":"./virtual-for-of","CdkVirtualForOf":"./virtual-for-of","VIRTUAL_SCROLL_STRATEGY":"./virtual-scroll-strategy","VirtualScrollStrategy":"./virtual-scroll-strategy","CdkVirtualScrollViewport":"./virtual-scroll-viewport"},"importAs":"@angular/cdk-experimental/scrolling"}

typings/esm5/scrolling/virtual-scroll-viewport.d.ts

@@ -9,3 +9,3 @@ /**
 import { ListRange } from '@angular/cdk/collections';
-import { ChangeDetectorRef, DoCheck, ElementRef, NgZone, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, NgZone, OnDestroy, OnInit } from '@angular/core';
 import { DomSanitizer, SafeStyle } from '@angular/platform-browser';
@@ -16,3 +16,3 @@ import { Observable } from 'rxjs';
 /** A viewport that virtualizes it's scrolling with the help of `CdkVirtualForOf`. */
-export declare class CdkVirtualScrollViewport implements DoCheck, OnInit, OnDestroy {
+export declare class CdkVirtualScrollViewport implements OnInit, OnDestroy {
     elementRef: ElementRef;
@@ -60,5 +60,8 @@ private _changeDetectorRef;
     private _destroyed;
+    /** Whether there is a pending change detection cycle. */
+    private _isChangeDetectionPending;
+    /** A list of functions to run after the next change detection cycle. */
+    private _runAfterChangeDetection;
     constructor(elementRef: ElementRef, _changeDetectorRef: ChangeDetectorRef, _ngZone: NgZone, _sanitizer: DomSanitizer, _scrollStrategy: VirtualScrollStrategy);
     ngOnInit(): void;
-    ngDoCheck(): void;
     ngOnDestroy(): void;
@@ -106,2 +109,6 @@ /** Attaches a `CdkVirtualForOf` to this viewport. */
     private _measureViewportSize();
+    /** Queue up change detection to run. */
+    private _markChangeDetectionNeeded(runAfter?);
+    /** Run change detection. */
+    private _doChangeDetection();
 }

typings/index.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":4,"exports":[{"from":"@angular/cdk-experimental/scrolling"}],"metadata":{"VERSION":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Version","line":11,"character":27},"arguments":["6.3.3"]}},"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.0"]}},"origins":{"VERSION":"./version"},"importAs":"@angular/cdk-experimental"}

typings/public-api.d.ts

@@ -9,2 +9,1 @@ /**
 export * from './version';
-export * from '@angular/cdk-experimental/scrolling';

typings/scrolling/index.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":4,"metadata":{"ItemSizeAverager":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[null]}],"getAverageItemSize":[{"__symbolic":"method"}],"addSample":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}]}},"AutoSizeVirtualScrollStrategy":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"},null]}],"attach":[{"__symbolic":"method"}],"detach":[{"__symbolic":"method"}],"onContentScrolled":[{"__symbolic":"method"}],"onDataLengthChanged":[{"__symbolic":"method"}],"onContentRendered":[{"__symbolic":"method"}],"onRenderedOffsetChanged":[{"__symbolic":"method"}],"updateBufferSize":[{"__symbolic":"method"}],"_updateRenderedContentAfterScroll":[{"__symbolic":"method"}],"_checkRenderedContentSize":[{"__symbolic":"method"}],"_checkRenderedContentOffset":[{"__symbolic":"method"}],"_setScrollOffset":[{"__symbolic":"method"}],"_getVisibleRangeForIndex":[{"__symbolic":"method"}],"_expandRange":[{"__symbolic":"method"}],"_updateTotalContentSize":[{"__symbolic":"method"}]}},"_autoSizeVirtualScrollStrategyFactory":{"__symbolic":"function","parameters":["autoSizeDir"],"value":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"autoSizeDir"},"member":"_scrollStrategy"}},"CdkAutoSizeVirtualScroll":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":415,"character":1},"arguments":[{"selector":"cdk-virtual-scroll-viewport[autosize]","providers":[{"provide":{"__symbolic":"reference","name":"VIRTUAL_SCROLL_STRATEGY"},"useFactory":{"__symbolic":"reference","name":"_autoSizeVirtualScrollStrategyFactory"},"deps":[{"__symbolic":"reference","name":"CdkAutoSizeVirtualScroll"}]}]}]}],"members":{"minBufferPx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":428,"character":3}}]}],"addBufferPx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":439,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}]}},"FixedSizeVirtualScrollStrategy":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"}]}],"attach":[{"__symbolic":"method"}],"detach":[{"__symbolic":"method"}],"updateItemAndBufferSize":[{"__symbolic":"method"}],"onContentScrolled":[{"__symbolic":"method"}],"onDataLengthChanged":[{"__symbolic":"method"}],"onContentRendered":[{"__symbolic":"method"}],"onRenderedOffsetChanged":[{"__symbolic":"method"}],"_updateTotalContentSize":[{"__symbolic":"method"}],"_updateRenderedRange":[{"__symbolic":"method"}],"_expandRange":[{"__symbolic":"method"}]}},"_fixedSizeVirtualScrollStrategyFactory":{"__symbolic":"function","parameters":["fixedSizeDir"],"value":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"fixedSizeDir"},"member":"_scrollStrategy"}},"CdkFixedSizeVirtualScroll":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":137,"character":1},"arguments":[{"selector":"cdk-virtual-scroll-viewport[itemSize]","providers":[{"provide":{"__symbolic":"reference","name":"VIRTUAL_SCROLL_STRATEGY"},"useFactory":{"__symbolic":"reference","name":"_fixedSizeVirtualScrollStrategyFactory"},"deps":[{"__symbolic":"reference","name":"CdkFixedSizeVirtualScroll"}]}]}]}],"members":{"itemSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":147,"character":3}}]}],"bufferSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":156,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}]}},"ScrollingModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"CdkAutoSizeVirtualScroll"},{"__symbolic":"reference","name":"CdkFixedSizeVirtualScroll"},{"__symbolic":"reference","name":"CdkVirtualForOf"},{"__symbolic":"reference","name":"CdkVirtualScrollViewport"}],"declarations":[{"__symbolic":"reference","name":"CdkAutoSizeVirtualScroll"},{"__symbolic":"reference","name":"CdkFixedSizeVirtualScroll"},{"__symbolic":"reference","name":"CdkVirtualForOf"},{"__symbolic":"reference","name":"CdkVirtualScrollViewport"}]}]}],"members":{}},"CdkVirtualForOfContext":{"__symbolic":"interface"},"CdkVirtualForOf":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":61,"character":1},"arguments":[{"selector":"[cdkVirtualFor][cdkVirtualForOf]"}]}],"members":{"cdkVirtualForOf":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"cdkVirtualForTrackBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"cdkVirtualForTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":3}}]}],"cdkVirtualForTemplateCacheSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":115,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":163,"character":7}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":157,"character":33},{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":159,"character":37,"context":{"typeName":"CdkVirtualForOfContext"},"module":"./virtual-for-of"}]},{"__symbolic":"reference","module":"@angular/core","name":"IterableDiffers","line":161,"character":24},{"__symbolic":"reference","name":"CdkVirtualScrollViewport"}]}],"measureRangeSize":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_onRenderedDataChange":[{"__symbolic":"method"}],"_changeDataSource":[{"__symbolic":"method"}],"_updateContext":[{"__symbolic":"method"}],"_applyChanges":[{"__symbolic":"method"}],"_cacheView":[{"__symbolic":"method"}],"_getViewForNewItem":[{"__symbolic":"method"}],"_updateComputedContextProperties":[{"__symbolic":"method"}]}},"VIRTUAL_SCROLL_STRATEGY":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":14,"character":8},"arguments":["VIRTUAL_SCROLL_STRATEGY"]},"VirtualScrollStrategy":{"__symbolic":"interface"},"CdkVirtualScrollViewport":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":37,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"cdk-virtual-scroll-viewport","host":{"class":"cdk-virtual-scroll-viewport","[class.cdk-virtual-scroll-orientation-horizontal]":"orientation === \"horizontal\"","[class.cdk-virtual-scroll-orientation-vertical]":"orientation === \"vertical\"","$quoted$":["class","[class.cdk-virtual-scroll-orientation-horizontal]","[class.cdk-virtual-scroll-orientation-vertical]"]},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":47,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":48,"character":19},"member":"OnPush"},"template":"<div #contentWrapper class=\"cdk-virtual-scroll-content-wrapper\" [style.transform]=\"_renderedContentTransform\"><ng-content></ng-content></div><div class=\"cdk-virtual-scroll-spacer\" [style.height.px]=\"orientation === 'horizontal' ? 1 : _totalContentSize\" [style.width.px]=\"orientation === 'horizontal' ? _totalContentSize : 1\"></div>","styles":["cdk-virtual-scroll-viewport{display:block;position:relative;overflow:auto}.cdk-virtual-scroll-content-wrapper{position:absolute;top:0;left:0;will-change:contents,transform}.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper{bottom:0}.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper{right:0}.cdk-virtual-scroll-spacer{will-change:height,width}"]}]}],"members":{"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"_contentWrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":61,"character":3},"arguments":["contentWrapper"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":106,"character":15},"arguments":[{"__symbolic":"reference","name":"VIRTUAL_SCROLL_STRATEGY"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":104,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":104,"character":73},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":105,"character":31},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":105,"character":59},{"__symbolic":"reference","name":"VirtualScrollStrategy"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"attach":[{"__symbolic":"method"}],"detach":[{"__symbolic":"method"}],"getDataLength":[{"__symbolic":"method"}],"getViewportSize":[{"__symbolic":"method"}],"getRenderedRange":[{"__symbolic":"method"}],"setTotalContentSize":[{"__symbolic":"method"}],"setRenderedRange":[{"__symbolic":"method"}],"getOffsetToRenderedContentStart":[{"__symbolic":"method"}],"setRenderedContentOffset":[{"__symbolic":"method"}],"setScrollOffset":[{"__symbolic":"method"}],"measureScrollOffset":[{"__symbolic":"method"}],"measureRenderedContentSize":[{"__symbolic":"method"}],"measureRangeSize":[{"__symbolic":"method"}],"checkViewportSize":[{"__symbolic":"method"}],"_measureViewportSize":[{"__symbolic":"method"}]}}},"origins":{"ItemSizeAverager":"./auto-size-virtual-scroll","AutoSizeVirtualScrollStrategy":"./auto-size-virtual-scroll","_autoSizeVirtualScrollStrategyFactory":"./auto-size-virtual-scroll","CdkAutoSizeVirtualScroll":"./auto-size-virtual-scroll","FixedSizeVirtualScrollStrategy":"./fixed-size-virtual-scroll","_fixedSizeVirtualScrollStrategyFactory":"./fixed-size-virtual-scroll","CdkFixedSizeVirtualScroll":"./fixed-size-virtual-scroll","ScrollingModule":"./scrolling-module","CdkVirtualForOfContext":"./virtual-for-of","CdkVirtualForOf":"./virtual-for-of","VIRTUAL_SCROLL_STRATEGY":"./virtual-scroll-strategy","VirtualScrollStrategy":"./virtual-scroll-strategy","CdkVirtualScrollViewport":"./virtual-scroll-viewport"},"importAs":"@angular/cdk-experimental/scrolling"}
+{"__symbolic":"module","version":4,"metadata":{"ItemSizeAverager":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[null]}],"getAverageItemSize":[{"__symbolic":"method"}],"addSample":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}]}},"AutoSizeVirtualScrollStrategy":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"},null]}],"attach":[{"__symbolic":"method"}],"detach":[{"__symbolic":"method"}],"onContentScrolled":[{"__symbolic":"method"}],"onDataLengthChanged":[{"__symbolic":"method"}],"onContentRendered":[{"__symbolic":"method"}],"onRenderedOffsetChanged":[{"__symbolic":"method"}],"updateBufferSize":[{"__symbolic":"method"}],"_updateRenderedContentAfterScroll":[{"__symbolic":"method"}],"_checkRenderedContentSize":[{"__symbolic":"method"}],"_checkRenderedContentOffset":[{"__symbolic":"method"}],"_setScrollOffset":[{"__symbolic":"method"}],"_getVisibleRangeForIndex":[{"__symbolic":"method"}],"_expandRange":[{"__symbolic":"method"}],"_updateTotalContentSize":[{"__symbolic":"method"}]}},"_autoSizeVirtualScrollStrategyFactory":{"__symbolic":"function","parameters":["autoSizeDir"],"value":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"autoSizeDir"},"member":"_scrollStrategy"}},"CdkAutoSizeVirtualScroll":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":415,"character":1},"arguments":[{"selector":"cdk-virtual-scroll-viewport[autosize]","providers":[{"provide":{"__symbolic":"reference","name":"VIRTUAL_SCROLL_STRATEGY"},"useFactory":{"__symbolic":"reference","name":"_autoSizeVirtualScrollStrategyFactory"},"deps":[{"__symbolic":"reference","name":"CdkAutoSizeVirtualScroll"}]}]}]}],"members":{"minBufferPx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":428,"character":3}}]}],"addBufferPx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":439,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}]}},"FixedSizeVirtualScrollStrategy":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"}]}],"attach":[{"__symbolic":"method"}],"detach":[{"__symbolic":"method"}],"updateItemAndBufferSize":[{"__symbolic":"method"}],"onContentScrolled":[{"__symbolic":"method"}],"onDataLengthChanged":[{"__symbolic":"method"}],"onContentRendered":[{"__symbolic":"method"}],"onRenderedOffsetChanged":[{"__symbolic":"method"}],"_updateTotalContentSize":[{"__symbolic":"method"}],"_updateRenderedRange":[{"__symbolic":"method"}],"_expandRange":[{"__symbolic":"method"}]}},"_fixedSizeVirtualScrollStrategyFactory":{"__symbolic":"function","parameters":["fixedSizeDir"],"value":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"fixedSizeDir"},"member":"_scrollStrategy"}},"CdkFixedSizeVirtualScroll":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":137,"character":1},"arguments":[{"selector":"cdk-virtual-scroll-viewport[itemSize]","providers":[{"provide":{"__symbolic":"reference","name":"VIRTUAL_SCROLL_STRATEGY"},"useFactory":{"__symbolic":"reference","name":"_fixedSizeVirtualScrollStrategyFactory"},"deps":[{"__symbolic":"reference","name":"CdkFixedSizeVirtualScroll"}]}]}]}],"members":{"itemSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":147,"character":3}}]}],"bufferSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":156,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}]}},"ScrollingModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"CdkAutoSizeVirtualScroll"},{"__symbolic":"reference","name":"CdkFixedSizeVirtualScroll"},{"__symbolic":"reference","name":"CdkVirtualForOf"},{"__symbolic":"reference","name":"CdkVirtualScrollViewport"}],"declarations":[{"__symbolic":"reference","name":"CdkAutoSizeVirtualScroll"},{"__symbolic":"reference","name":"CdkFixedSizeVirtualScroll"},{"__symbolic":"reference","name":"CdkVirtualForOf"},{"__symbolic":"reference","name":"CdkVirtualScrollViewport"}]}]}],"members":{}},"CdkVirtualForOfContext":{"__symbolic":"interface"},"CdkVirtualForOf":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":61,"character":1},"arguments":[{"selector":"[cdkVirtualFor][cdkVirtualForOf]"}]}],"members":{"cdkVirtualForOf":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"cdkVirtualForTrackBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"cdkVirtualForTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":3}}]}],"cdkVirtualForTemplateCacheSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":115,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":163,"character":7}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":157,"character":33},{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":159,"character":37,"context":{"typeName":"CdkVirtualForOfContext"},"module":"./virtual-for-of"}]},{"__symbolic":"reference","module":"@angular/core","name":"IterableDiffers","line":161,"character":24},{"__symbolic":"reference","name":"CdkVirtualScrollViewport"}]}],"measureRangeSize":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_onRenderedDataChange":[{"__symbolic":"method"}],"_changeDataSource":[{"__symbolic":"method"}],"_updateContext":[{"__symbolic":"method"}],"_applyChanges":[{"__symbolic":"method"}],"_cacheView":[{"__symbolic":"method"}],"_getViewForNewItem":[{"__symbolic":"method"}],"_updateComputedContextProperties":[{"__symbolic":"method"}]}},"VIRTUAL_SCROLL_STRATEGY":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":14,"character":8},"arguments":["VIRTUAL_SCROLL_STRATEGY"]},"VirtualScrollStrategy":{"__symbolic":"interface"},"CdkVirtualScrollViewport":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":36,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"cdk-virtual-scroll-viewport","host":{"class":"cdk-virtual-scroll-viewport","[class.cdk-virtual-scroll-orientation-horizontal]":"orientation === \"horizontal\"","[class.cdk-virtual-scroll-orientation-vertical]":"orientation === \"vertical\"","$quoted$":["class","[class.cdk-virtual-scroll-orientation-horizontal]","[class.cdk-virtual-scroll-orientation-vertical]"]},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":46,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":47,"character":19},"member":"OnPush"},"template":"<div #contentWrapper class=\"cdk-virtual-scroll-content-wrapper\" [style.transform]=\"_renderedContentTransform\"><ng-content></ng-content></div><div class=\"cdk-virtual-scroll-spacer\" [style.height.px]=\"orientation === 'horizontal' ? 1 : _totalContentSize\" [style.width.px]=\"orientation === 'horizontal' ? _totalContentSize : 1\"></div>","styles":["cdk-virtual-scroll-viewport{display:block;position:relative;overflow:auto}.cdk-virtual-scroll-content-wrapper{position:absolute;top:0;left:0;will-change:contents,transform}.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper{bottom:0}.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper{right:0}.cdk-virtual-scroll-spacer{will-change:height,width}"]}]}],"members":{"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"_contentWrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":60,"character":3},"arguments":["contentWrapper"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":111,"character":15},"arguments":[{"__symbolic":"reference","name":"VIRTUAL_SCROLL_STRATEGY"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":109,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":109,"character":73},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":110,"character":31},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":110,"character":59},{"__symbolic":"reference","name":"VirtualScrollStrategy"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"attach":[{"__symbolic":"method"}],"detach":[{"__symbolic":"method"}],"getDataLength":[{"__symbolic":"method"}],"getViewportSize":[{"__symbolic":"method"}],"getRenderedRange":[{"__symbolic":"method"}],"setTotalContentSize":[{"__symbolic":"method"}],"setRenderedRange":[{"__symbolic":"method"}],"getOffsetToRenderedContentStart":[{"__symbolic":"method"}],"setRenderedContentOffset":[{"__symbolic":"method"}],"setScrollOffset":[{"__symbolic":"method"}],"measureScrollOffset":[{"__symbolic":"method"}],"measureRenderedContentSize":[{"__symbolic":"method"}],"measureRangeSize":[{"__symbolic":"method"}],"checkViewportSize":[{"__symbolic":"method"}],"_measureViewportSize":[{"__symbolic":"method"}],"_markChangeDetectionNeeded":[{"__symbolic":"method"}],"_doChangeDetection":[{"__symbolic":"method"}]}}},"origins":{"ItemSizeAverager":"./auto-size-virtual-scroll","AutoSizeVirtualScrollStrategy":"./auto-size-virtual-scroll","_autoSizeVirtualScrollStrategyFactory":"./auto-size-virtual-scroll","CdkAutoSizeVirtualScroll":"./auto-size-virtual-scroll","FixedSizeVirtualScrollStrategy":"./fixed-size-virtual-scroll","_fixedSizeVirtualScrollStrategyFactory":"./fixed-size-virtual-scroll","CdkFixedSizeVirtualScroll":"./fixed-size-virtual-scroll","ScrollingModule":"./scrolling-module","CdkVirtualForOfContext":"./virtual-for-of","CdkVirtualForOf":"./virtual-for-of","VIRTUAL_SCROLL_STRATEGY":"./virtual-scroll-strategy","VirtualScrollStrategy":"./virtual-scroll-strategy","CdkVirtualScrollViewport":"./virtual-scroll-viewport"},"importAs":"@angular/cdk-experimental/scrolling"}

typings/scrolling/virtual-scroll-viewport.d.ts

@@ -9,3 +9,3 @@ /**
 import { ListRange } from '@angular/cdk/collections';
-import { ChangeDetectorRef, DoCheck, ElementRef, NgZone, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, NgZone, OnDestroy, OnInit } from '@angular/core';
 import { DomSanitizer, SafeStyle } from '@angular/platform-browser';
@@ -16,3 +16,3 @@ import { Observable } from 'rxjs';
 /** A viewport that virtualizes it's scrolling with the help of `CdkVirtualForOf`. */
-export declare class CdkVirtualScrollViewport implements DoCheck, OnInit, OnDestroy {
+export declare class CdkVirtualScrollViewport implements OnInit, OnDestroy {
     elementRef: ElementRef;
@@ -60,5 +60,8 @@ private _changeDetectorRef;
     private _destroyed;
+    /** Whether there is a pending change detection cycle. */
+    private _isChangeDetectionPending;
+    /** A list of functions to run after the next change detection cycle. */
+    private _runAfterChangeDetection;
     constructor(elementRef: ElementRef, _changeDetectorRef: ChangeDetectorRef, _ngZone: NgZone, _sanitizer: DomSanitizer, _scrollStrategy: VirtualScrollStrategy);
     ngOnInit(): void;
-    ngDoCheck(): void;
     ngOnDestroy(): void;
@@ -106,2 +109,6 @@ /** Attaches a `CdkVirtualForOf` to this viewport. */
     private _measureViewportSize();
+    /** Queue up change detection to run. */
+    private _markChangeDetectionNeeded(runAfter?);
+    /** Run change detection. */
+    private _doChangeDetection();
 }

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1528734

increased by0.92%

Lines of code

15172

increased by0.94%

Number of low quality alerts

3

decreased by-25%

No dependency changes