@angular/cdk 8.0.0-beta.2 → 8.0.0

package/esm5/scrolling.es5.js

@@ -5,7 +5,7 @@
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
-import { InjectionToken, Directive, forwardRef, Input, Injectable, NgZone, Optional, SkipSelf, ElementRef, NgModule, IterableDiffers, TemplateRef, ViewContainerRef, ChangeDetectionStrategy, ChangeDetectorRef, Component, Inject, Output, ViewChild, ViewEncapsulation, defineInjectable, inject } from '@angular/core';
+import { InjectionToken, Directive, forwardRef, Input, Injectable, NgZone, Optional, SkipSelf, ElementRef, NgModule, IterableDiffers, TemplateRef, ViewContainerRef, ChangeDetectionStrategy, ChangeDetectorRef, Component, Inject, Output, ViewChild, ViewEncapsulation, ɵɵdefineInjectable, ɵɵinject } from '@angular/core';
 import { coerceNumberProperty } from '@angular/cdk/coercion';
 import { Subject, fromEvent, of, Observable, animationFrameScheduler, asapScheduler, merge } from 'rxjs';
 import { distinctUntilChanged, auditTime, filter, takeUntil, startWith, pairwise, shareReplay, switchMap } from 'rxjs/operators';
@@ -16,7 +16,7 @@ import { ArrayDataSource, isDataSource } from '@angular/cdk/collections';
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * The injection token used to specify the virtual scrolling strategy.
@@ -26,7 +26,7 @@ var VIRTUAL_SCROLL_STRATEGY = new InjectionToken('VIRTUAL_SCROLL_STRATEGY');
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * Virtual scrolling strategy for lists with items of known fixed size.
@@ -342,7 +342,10 @@ var CdkFixedSizeVirtualScroll = /** @class */ (function () {
                     providers: [{
                             provide: VIRTUAL_SCROLL_STRATEGY,
                             useFactory: _fixedSizeVirtualScrollStrategyFactory,
-                            deps: [forwardRef(function () { return CdkFixedSizeVirtualScroll; })],
+                            deps: [forwardRef((/**
+                                 * @return {?}
+                                 */
+                                function () { return CdkFixedSizeVirtualScroll; }))],
                         }],
                 },] },
     ];
@@ -356,7 +359,7 @@ var CdkFixedSizeVirtualScroll = /** @class */ (function () {
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * Time in ms to throttle the scrolling events by default.
@@ -410,7 +413,10 @@ var ScrollDispatcher = /** @class */ (function () {
         var _this = this;
         if (!this.scrollContainers.has(scrollable)) {
             this.scrollContainers.set(scrollable, scrollable.elementScrolled()
-                .subscribe(function () { return _this._scrolled.next(scrollable); }));
+                .subscribe((/**
+             * @return {?}
+             */
+            function () { return _this._scrolled.next(scrollable); })));
         }
     };
     /**
@@ -475,7 +481,11 @@ var ScrollDispatcher = /** @class */ (function () {
         if (!this._platform.isBrowser) {
             return of();
         }
-        return new Observable(function (observer) {
+        return new Observable((/**
+         * @param {?} observer
+         * @return {?}
+         */
+        function (observer) {
             if (!_this._globalSubscription) {
                 _this._addGlobalListener();
             }
@@ -486,14 +496,17 @@ var ScrollDispatcher = /** @class */ (function () {
                 _this._scrolled.pipe(auditTime(auditTimeInMs)).subscribe(observer) :
                 _this._scrolled.subscribe(observer);
             _this._scrolledCount++;
-            return function () {
+            return (/**
+             * @return {?}
+             */
+            function () {
                 subscription.unsubscribe();
                 _this._scrolledCount--;
                 if (!_this._scrolledCount) {
                     _this._removeGlobalListener();
                 }
-            };
-        });
+            });
+        }));
     };
     /**
      * @return {?}
@@ -504,7 +517,12 @@ var ScrollDispatcher = /** @class */ (function () {
     function () {
         var _this = this;
         this._removeGlobalListener();
-        this.scrollContainers.forEach(function (_, container) { return _this.deregister(container); });
+        this.scrollContainers.forEach((/**
+         * @param {?} _
+         * @param {?} container
+         * @return {?}
+         */
+        function (_, container) { return _this.deregister(container); }));
         this._scrolled.complete();
     };
     /**
@@ -530,9 +548,13 @@ var ScrollDispatcher = /** @class */ (function () {
     function (elementRef, auditTimeInMs) {
         /** @type {?} */
         var ancestors = this.getAncestorScrollContainers(elementRef);
-        return this.scrolled(auditTimeInMs).pipe(filter(function (target) {
+        return this.scrolled(auditTimeInMs).pipe(filter((/**
+         * @param {?} target
+         * @return {?}
+         */
+        function (target) {
             return !target || ancestors.indexOf(target) > -1;
-        }));
+        })));
     };
     /** Returns all registered Scrollables that contain the provided element. */
     /**
@@ -549,11 +571,16 @@ var ScrollDispatcher = /** @class */ (function () {
         var _this = this;
         /** @type {?} */
         var scrollingContainers = [];
-        this.scrollContainers.forEach(function (_subscription, scrollable) {
+        this.scrollContainers.forEach((/**
+         * @param {?} _subscription
+         * @param {?} scrollable
+         * @return {?}
+         */
+        function (_subscription, scrollable) {
             if (_this._scrollableContainsElement(scrollable, elementRef)) {
                 scrollingContainers.push(scrollable);
             }
-        });
+        }));
         return scrollingContainers;
     };
     /** Returns true if the element is contained within the provided Scrollable. */
@@ -598,9 +625,15 @@ var ScrollDispatcher = /** @class */ (function () {
      */
     function () {
         var _this = this;
-        this._globalSubscription = this._ngZone.runOutsideAngular(function () {
-            return fromEvent(window.document, 'scroll').subscribe(function () { return _this._scrolled.next(); });
-        });
+        this._globalSubscription = this._ngZone.runOutsideAngular((/**
+         * @return {?}
+         */
+        function () {
+            return fromEvent(window.document, 'scroll').subscribe((/**
+             * @return {?}
+             */
+            function () { return _this._scrolled.next(); }));
+        }));
     };
     /** Cleans up the global scroll listener. */
     /**
@@ -627,7 +660,7 @@ var ScrollDispatcher = /** @class */ (function () {
         { type: NgZone },
         { type: Platform }
     ]; };
-    /** @nocollapse */ ScrollDispatcher.ngInjectableDef = defineInjectable({ factory: function ScrollDispatcher_Factory() { return new ScrollDispatcher(inject(NgZone), inject(Platform)); }, token: ScrollDispatcher, providedIn: "root" });
+    /** @nocollapse */ ScrollDispatcher.ngInjectableDef = ɵɵdefineInjectable({ factory: function ScrollDispatcher_Factory() { return new ScrollDispatcher(ɵɵinject(NgZone), ɵɵinject(Platform)); }, token: ScrollDispatcher, providedIn: "root" });
     return ScrollDispatcher;
 }());
 /**
@@ -653,7 +686,7 @@ var SCROLL_DISPATCHER_PROVIDER = {
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * Sends an event when the directive's element is scrolled. Registers itself with the
@@ -668,12 +701,19 @@ var CdkScrollable = /** @class */ (function () {
         this.ngZone = ngZone;
         this.dir = dir;
         this._destroyed = new Subject();
-        this._elementScrolled = new Observable(function (observer) {
-            return _this.ngZone.runOutsideAngular(function () {
+        this._elementScrolled = new Observable((/**
+         * @param {?} observer
+         * @return {?}
+         */
+        function (observer) {
+            return _this.ngZone.runOutsideAngular((/**
+             * @return {?}
+             */
+            function () {
                 return fromEvent(_this.elementRef.nativeElement, 'scroll').pipe(takeUntil(_this._destroyed))
                     .subscribe(observer);
-            });
-        });
+            }));
+        }));
     }
     /**
      * @return {?}
@@ -903,7 +943,7 @@ var CdkScrollable = /** @class */ (function () {
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * Checks if the given ranges are equal.
@@ -950,11 +990,25 @@ var CdkVirtualScrollViewport = /** @class */ (function (_super) {
         /**
          * Emits when the index of the first element visible in the viewport changes.
          */
-        _this.scrolledIndexChange = new Observable(function (observer) {
-            return _this._scrollStrategy.scrolledIndexChange.subscribe(function (index) {
-                return Promise.resolve().then(function () { return _this.ngZone.run(function () { return observer.next(index); }); });
-            });
-        });
+        _this.scrolledIndexChange = new Observable((/**
+         * @param {?} observer
+         * @return {?}
+         */
+        function (observer) {
+            return _this._scrollStrategy.scrolledIndexChange.subscribe((/**
+             * @param {?} index
+             * @return {?}
+             */
+            function (index) {
+                return Promise.resolve().then((/**
+                 * @return {?}
+                 */
+                function () { return _this.ngZone.run((/**
+                 * @return {?}
+                 */
+                function () { return observer.next(index); })); }));
+            }));
+        }));
         /**
          * A stream that emits whenever the rendered range changes.
          */
@@ -1015,7 +1069,13 @@ var CdkVirtualScrollViewport = /** @class */ (function (_super) {
         // 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(function () { return Promise.resolve().then(function () {
+        this.ngZone.runOutsideAngular((/**
+         * @return {?}
+         */
+        function () { return Promise.resolve().then((/**
+         * @return {?}
+         */
+        function () {
             _this._measureViewportSize();
             _this._scrollStrategy.attach(_this);
             _this.elementScrolled()
@@ -1026,9 +1086,12 @@ var CdkVirtualScrollViewport = /** @class */ (function (_super) {
             // there are multiple scroll events in the same frame we only need to recheck
             // our layout once.
             auditTime(0, SCROLL_SCHEDULER))
-                .subscribe(function () { return _this._scrollStrategy.onContentScrolled(); });
+                .subscribe((/**
+             * @return {?}
+             */
+            function () { return _this._scrollStrategy.onContentScrolled(); }));
             _this._markChangeDetectionNeeded();
-        }); });
+        })); }));
     };
     /**
      * @return {?}
@@ -1063,9 +1126,16 @@ var CdkVirtualScrollViewport = /** @class */ (function (_super) {
         // Subscribe to the data stream of the CdkVirtualForOf to keep track of when the data length
         // changes. Run outside the zone to avoid triggering change detection, since we're managing the
         // change detection loop ourselves.
-        this.ngZone.runOutsideAngular(function () {
+        this.ngZone.runOutsideAngular((/**
+         * @return {?}
+         */
+        function () {
             _this._forOf = forOf;
-            _this._forOf.dataStream.pipe(takeUntil(_this._detachedSubject)).subscribe(function (data) {
+            _this._forOf.dataStream.pipe(takeUntil(_this._detachedSubject)).subscribe((/**
+             * @param {?} data
+             * @return {?}
+             */
+            function (data) {
                 /** @type {?} */
                 var newLength = data.length;
                 if (newLength !== _this._dataLength) {
@@ -1073,8 +1143,8 @@ var CdkVirtualScrollViewport = /** @class */ (function (_super) {
                     _this._scrollStrategy.onDataLengthChanged();
                 }
                 _this._doChangeDetection();
-            });
-        });
+            }));
+        }));
     };
     /** Detaches the current `CdkVirtualForOf`. */
     /**
@@ -1178,7 +1248,10 @@ var CdkVirtualScrollViewport = /** @class */ (function (_super) {
         var _this = this;
         if (!rangesEqual(this._renderedRange, range)) {
             this._renderedRangeSubject.next(this._renderedRange = range);
-            this._markChangeDetectionNeeded(function () { return _this._scrollStrategy.onContentRendered(); });
+            this._markChangeDetectionNeeded((/**
+             * @return {?}
+             */
+            function () { return _this._scrollStrategy.onContentRendered(); }));
         }
     };
     /**
@@ -1240,7 +1313,10 @@ var CdkVirtualScrollViewport = /** @class */ (function (_super) {
             // We know this value is safe because we parse `offset` with `Number()` before passing it
             // into the string.
             this._renderedContentTransform = transform;
-            this._markChangeDetectionNeeded(function () {
+            this._markChangeDetectionNeeded((/**
+             * @return {?}
+             */
+            function () {
                 if (_this._renderedContentOffsetNeedsRewrite) {
                     _this._renderedContentOffset -= _this.measureRenderedContentSize();
                     _this._renderedContentOffsetNeedsRewrite = false;
@@ -1249,7 +1325,7 @@ var CdkVirtualScrollViewport = /** @class */ (function (_super) {
                 else {
                     _this._scrollStrategy.onRenderedOffsetChanged();
                 }
-            });
+            }));
         }
     };
     /**
@@ -1417,9 +1493,15 @@ var CdkVirtualScrollViewport = /** @class */ (function (_super) {
         // properties sequentially we only have to run `_doChangeDetection` once at the end.
         if (!this._isChangeDetectionPending) {
             this._isChangeDetectionPending = true;
-            this.ngZone.runOutsideAngular(function () { return Promise.resolve().then(function () {
+            this.ngZone.runOutsideAngular((/**
+             * @return {?}
+             */
+            function () { return Promise.resolve().then((/**
+             * @return {?}
+             */
+            function () {
                 _this._doChangeDetection();
-            }); });
+            })); }));
         }
     };
     /** Run change detection. */
@@ -1439,7 +1521,10 @@ var CdkVirtualScrollViewport = /** @class */ (function (_super) {
         // Apply changes to Angular bindings. Note: We must call `markForCheck` to run change detection
         // from the root, since the repeated items are content projected in. Calling `detectChanges`
         // instead does not properly check the projected content.
-        this.ngZone.run(function () { return _this._changeDetectorRef.markForCheck(); });
+        this.ngZone.run((/**
+         * @return {?}
+         */
+        function () { return _this._changeDetectorRef.markForCheck(); }));
         // Apply the content transform. The transform can't be set via an Angular binding because
         // bypassSecurityTrustStyle is banned in Google. However the value is safe, it's composed of
         // string literals, a variable that can only be 'X' or 'Y', and user input that is run through
@@ -1489,7 +1574,7 @@ var CdkVirtualScrollViewport = /** @class */ (function (_super) {
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * Helper to extract size from a DOM Node.
@@ -1544,10 +1629,14 @@ var CdkVirtualForOf = /** @class */ (function () {
         // Use `_changeDataSource` to disconnect from the previous data source and connect to the
         // new one, passing back a stream of data changes which we run through `switchMap` to give
         // us a data stream that emits the latest data from whatever the current `DataSource` is.
-        switchMap(function (_a) {
+        switchMap((/**
+         * @param {?} __0
+         * @return {?}
+         */
+        function (_a) {
             var prev = _a[0], cur = _a[1];
             return _this._changeDataSource(prev, cur);
-        }), 
+        })), 
         // Replay the last emitted data when someone subscribes.
         shareReplay(1));
         /**
@@ -1565,15 +1654,26 @@ var CdkVirtualForOf = /** @class */ (function () {
          */
         this._needsUpdate = false;
         this._destroyed = new Subject();
-        this.dataStream.subscribe(function (data) {
+        this.dataStream.subscribe((/**
+         * @param {?} data
+         * @return {?}
+         */
+        function (data) {
             _this._data = data;
             _this._onRenderedDataChange();
-        });
-        this._viewport.renderedRangeStream.pipe(takeUntil(this._destroyed)).subscribe(function (range) {
+        }));
+        this._viewport.renderedRangeStream.pipe(takeUntil(this._destroyed)).subscribe((/**
+         * @param {?} range
+         * @return {?}
+         */
+        function (range) {
             _this._renderedRange = range;
-            ngZone.run(function () { return _this.viewChange.next(_this._renderedRange); });
+            ngZone.run((/**
+             * @return {?}
+             */
+            function () { return _this.viewChange.next(_this._renderedRange); }));
             _this._onRenderedDataChange();
-        });
+        }));
         this._viewport.attach(this);
     }
     Object.defineProperty(CdkVirtualForOf.prototype, "cdkVirtualForOf", {
@@ -1621,7 +1721,12 @@ var CdkVirtualForOf = /** @class */ (function () {
             var _this = this;
             this._needsUpdate = true;
             this._cdkVirtualForTrackBy = fn ?
-                function (index, item) { return fn(index + (_this._renderedRange ? _this._renderedRange.start : 0), item); } :
+                (/**
+                 * @param {?} index
+                 * @param {?} item
+                 * @return {?}
+                 */
+                function (index, item) { return fn(index + (_this._renderedRange ? _this._renderedRange.start : 0), item); }) :
                 undefined;
         },
         enumerable: true,
@@ -1723,6 +1828,7 @@ var CdkVirtualForOf = /** @class */ (function () {
      */
     function () {
         this._viewport.detach();
+        this._dataSourceChanges.next();
         this._dataSourceChanges.complete();
         this.viewChange.complete();
         this._destroyed.next();
@@ -1773,7 +1879,7 @@ var CdkVirtualForOf = /** @class */ (function () {
             oldDs.disconnect(this);
         }
         this._needsUpdate = true;
-        return newDs.connect(this);
+        return newDs ? newDs.connect(this) : of();
     };
     /** Update the `CdkVirtualForOfContext` for all views. */
     /**
@@ -1816,7 +1922,13 @@ var CdkVirtualForOf = /** @class */ (function () {
     function (changes) {
         var _this = this;
         // Rearrange the views to put them in the right location.
-        changes.forEachOperation(function (record, adjustedPreviousIndex, currentIndex) {
+        changes.forEachOperation((/**
+         * @param {?} record
+         * @param {?} adjustedPreviousIndex
+         * @param {?} currentIndex
+         * @return {?}
+         */
+        function (record, adjustedPreviousIndex, currentIndex) {
             if (record.previousIndex == null) { // Item added.
                 // Item added.
                 /** @type {?} */
@@ -1833,13 +1945,17 @@ var CdkVirtualForOf = /** @class */ (function () {
                 _this._viewContainerRef.move(view, currentIndex);
                 view.context.$implicit = record.item;
             }
-        });
+        }));
         // Update $implicit for any items that had an identity change.
-        changes.forEachIdentityChange(function (record) {
+        changes.forEachIdentityChange((/**
+         * @param {?} record
+         * @return {?}
+         */
+        function (record) {
             /** @type {?} */
             var view = (/** @type {?} */ (_this._viewContainerRef.get((/** @type {?} */ (record.currentIndex)))));
             view.context.$implicit = record.item;
-        });
+        }));
         // Update the context variables on all items.
         /** @type {?} */
         var count = this._data.length;
@@ -2010,7 +2126,7 @@ var CdkVirtualForOf = /** @class */ (function () {
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var ScrollingModule = /** @class */ (function () {
     function ScrollingModule() {
@@ -2053,7 +2169,7 @@ var ScrollDispatchModule = /** @class */ (function () {
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * Time in ms to throttle the resize events by default.
@@ -2068,14 +2184,20 @@ var ViewportRuler = /** @class */ (function () {
     function ViewportRuler(_platform, ngZone) {
         var _this = this;
         this._platform = _platform;
-        ngZone.runOutsideAngular(function () {
+        ngZone.runOutsideAngular((/**
+         * @return {?}
+         */
+        function () {
             _this._change = _platform.isBrowser ?
                 merge(fromEvent(window, 'resize'), fromEvent(window, 'orientationchange')) :
                 of();
             // Note that we need to do the subscription inside `runOutsideAngular`
             // since subscribing is what causes the event listener to be added.
-            _this._invalidateCache = _this.change().subscribe(function () { return _this._updateViewportSize(); });
-        });
+            _this._invalidateCache = _this.change().subscribe((/**
+             * @return {?}
+             */
+            function () { return _this._updateViewportSize(); }));
+        }));
     }
     /**
      * @return {?}
@@ -2213,7 +2335,7 @@ var ViewportRuler = /** @class */ (function () {
         { type: Platform },
         { type: NgZone }
     ]; };
-    /** @nocollapse */ ViewportRuler.ngInjectableDef = defineInjectable({ factory: function ViewportRuler_Factory() { return new ViewportRuler(inject(Platform), inject(NgZone)); }, token: ViewportRuler, providedIn: "root" });
+    /** @nocollapse */ ViewportRuler.ngInjectableDef = ɵɵdefineInjectable({ factory: function ViewportRuler_Factory() { return new ViewportRuler(ɵɵinject(Platform), ɵɵinject(NgZone)); }, token: ViewportRuler, providedIn: "root" });
     return ViewportRuler;
 }());
 /**
@@ -2239,12 +2361,12 @@ var VIEWPORT_RULER_PROVIDER = {
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
 export { _fixedSizeVirtualScrollStrategyFactory, FixedSizeVirtualScrollStrategy, CdkFixedSizeVirtualScroll, SCROLL_DISPATCHER_PROVIDER_FACTORY, DEFAULT_SCROLL_TIME, ScrollDispatcher, SCROLL_DISPATCHER_PROVIDER, CdkScrollable, ScrollingModule, ScrollDispatchModule, VIEWPORT_RULER_PROVIDER_FACTORY, DEFAULT_RESIZE_TIME, ViewportRuler, VIEWPORT_RULER_PROVIDER, CdkVirtualForOf, VIRTUAL_SCROLL_STRATEGY, CdkVirtualScrollViewport };