@angular/cdk 8.0.0-beta.2 → 8.0.0

package/esm2015/scrolling.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';
@@ -15,7 +15,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.
@@ -25,7 +25,7 @@ const 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.
@@ -245,7 +245,10 @@ CdkFixedSizeVirtualScroll.decorators = [
                 providers: [{
                         provide: VIRTUAL_SCROLL_STRATEGY,
                         useFactory: _fixedSizeVirtualScrollStrategyFactory,
-                        deps: [forwardRef(() => CdkFixedSizeVirtualScroll)],
+                        deps: [forwardRef((/**
+                             * @return {?}
+                             */
+                            () => CdkFixedSizeVirtualScroll))],
                     }],
             },] },
 ];
@@ -257,7 +260,7 @@ CdkFixedSizeVirtualScroll.propDecorators = {
 
 /**
  * @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.
@@ -303,7 +306,10 @@ class ScrollDispatcher {
     register(scrollable) {
         if (!this.scrollContainers.has(scrollable)) {
             this.scrollContainers.set(scrollable, scrollable.elementScrolled()
-                .subscribe(() => this._scrolled.next(scrollable)));
+                .subscribe((/**
+             * @return {?}
+             */
+            () => this._scrolled.next(scrollable))));
         }
     }
     /**
@@ -335,7 +341,11 @@ class ScrollDispatcher {
         if (!this._platform.isBrowser) {
             return of();
         }
-        return new Observable((observer) => {
+        return new Observable((/**
+         * @param {?} observer
+         * @return {?}
+         */
+        (observer) => {
             if (!this._globalSubscription) {
                 this._addGlobalListener();
             }
@@ -346,21 +356,29 @@ class ScrollDispatcher {
                 this._scrolled.pipe(auditTime(auditTimeInMs)).subscribe(observer) :
                 this._scrolled.subscribe(observer);
             this._scrolledCount++;
-            return () => {
+            return (/**
+             * @return {?}
+             */
+            () => {
                 subscription.unsubscribe();
                 this._scrolledCount--;
                 if (!this._scrolledCount) {
                     this._removeGlobalListener();
                 }
-            };
-        });
+            });
+        }));
     }
     /**
      * @return {?}
      */
     ngOnDestroy() {
         this._removeGlobalListener();
-        this.scrollContainers.forEach((_, container) => this.deregister(container));
+        this.scrollContainers.forEach((/**
+         * @param {?} _
+         * @param {?} container
+         * @return {?}
+         */
+        (_, container) => this.deregister(container)));
         this._scrolled.complete();
     }
     /**
@@ -373,9 +391,13 @@ class ScrollDispatcher {
     ancestorScrolled(elementRef, auditTimeInMs) {
         /** @type {?} */
         const ancestors = this.getAncestorScrollContainers(elementRef);
-        return this.scrolled(auditTimeInMs).pipe(filter(target => {
+        return this.scrolled(auditTimeInMs).pipe(filter((/**
+         * @param {?} target
+         * @return {?}
+         */
+        target => {
             return !target || ancestors.indexOf(target) > -1;
-        }));
+        })));
     }
     /**
      * Returns all registered Scrollables that contain the provided element.
@@ -385,11 +407,16 @@ class ScrollDispatcher {
     getAncestorScrollContainers(elementRef) {
         /** @type {?} */
         const scrollingContainers = [];
-        this.scrollContainers.forEach((_subscription, scrollable) => {
+        this.scrollContainers.forEach((/**
+         * @param {?} _subscription
+         * @param {?} scrollable
+         * @return {?}
+         */
+        (_subscription, scrollable) => {
             if (this._scrollableContainsElement(scrollable, elementRef)) {
                 scrollingContainers.push(scrollable);
             }
-        });
+        }));
         return scrollingContainers;
     }
     /**
@@ -419,9 +446,15 @@ class ScrollDispatcher {
      * @return {?}
      */
     _addGlobalListener() {
-        this._globalSubscription = this._ngZone.runOutsideAngular(() => {
-            return fromEvent(window.document, 'scroll').subscribe(() => this._scrolled.next());
-        });
+        this._globalSubscription = this._ngZone.runOutsideAngular((/**
+         * @return {?}
+         */
+        () => {
+            return fromEvent(window.document, 'scroll').subscribe((/**
+             * @return {?}
+             */
+            () => this._scrolled.next()));
+        }));
     }
     /**
      * Cleans up the global scroll listener.
@@ -443,7 +476,7 @@ ScrollDispatcher.ctorParameters = () => [
     { 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" });
 /**
  * \@docs-private \@deprecated \@breaking-change 8.0.0
  * @param {?} parentDispatcher
@@ -467,7 +500,7 @@ const 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
@@ -487,8 +520,15 @@ class CdkScrollable {
         this.ngZone = ngZone;
         this.dir = dir;
         this._destroyed = new Subject();
-        this._elementScrolled = new Observable((observer) => this.ngZone.runOutsideAngular(() => fromEvent(this.elementRef.nativeElement, 'scroll').pipe(takeUntil(this._destroyed))
-            .subscribe(observer)));
+        this._elementScrolled = new Observable((/**
+         * @param {?} observer
+         * @return {?}
+         */
+        (observer) => this.ngZone.runOutsideAngular((/**
+         * @return {?}
+         */
+        () => fromEvent(this.elementRef.nativeElement, 'scroll').pipe(takeUntil(this._destroyed))
+            .subscribe(observer)))));
     }
     /**
      * @return {?}
@@ -660,7 +700,7 @@ CdkScrollable.ctorParameters = () => [
 
 /**
  * @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.
@@ -714,7 +754,21 @@ class CdkVirtualScrollViewport extends CdkScrollable {
         /**
          * Emits when the index of the first element visible in the viewport changes.
          */
-        this.scrolledIndexChange = new Observable((observer) => this._scrollStrategy.scrolledIndexChange.subscribe(index => Promise.resolve().then(() => this.ngZone.run(() => observer.next(index)))));
+        this.scrolledIndexChange = new Observable((/**
+         * @param {?} observer
+         * @return {?}
+         */
+        (observer) => this._scrollStrategy.scrolledIndexChange.subscribe((/**
+         * @param {?} index
+         * @return {?}
+         */
+        index => Promise.resolve().then((/**
+         * @return {?}
+         */
+        () => this.ngZone.run((/**
+         * @return {?}
+         */
+        () => observer.next(index)))))))));
         /**
          * A stream that emits whenever the rendered range changes.
          */
@@ -770,7 +824,13 @@ class CdkVirtualScrollViewport extends CdkScrollable {
         // 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.ngZone.runOutsideAngular((/**
+         * @return {?}
+         */
+        () => Promise.resolve().then((/**
+         * @return {?}
+         */
+        () => {
             this._measureViewportSize();
             this._scrollStrategy.attach(this);
             this.elementScrolled()
@@ -781,9 +841,12 @@ class CdkVirtualScrollViewport extends CdkScrollable {
             // there are multiple scroll events in the same frame we only need to recheck
             // our layout once.
             auditTime(0, SCROLL_SCHEDULER))
-                .subscribe(() => this._scrollStrategy.onContentScrolled());
+                .subscribe((/**
+             * @return {?}
+             */
+            () => this._scrollStrategy.onContentScrolled()));
             this._markChangeDetectionNeeded();
-        }));
+        }))));
     }
     /**
      * @return {?}
@@ -808,9 +871,16 @@ class CdkVirtualScrollViewport extends CdkScrollable {
         // 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(() => {
+        this.ngZone.runOutsideAngular((/**
+         * @return {?}
+         */
+        () => {
             this._forOf = forOf;
-            this._forOf.dataStream.pipe(takeUntil(this._detachedSubject)).subscribe(data => {
+            this._forOf.dataStream.pipe(takeUntil(this._detachedSubject)).subscribe((/**
+             * @param {?} data
+             * @return {?}
+             */
+            data => {
                 /** @type {?} */
                 const newLength = data.length;
                 if (newLength !== this._dataLength) {
@@ -818,8 +888,8 @@ class CdkVirtualScrollViewport extends CdkScrollable {
                     this._scrollStrategy.onDataLengthChanged();
                 }
                 this._doChangeDetection();
-            });
-        });
+            }));
+        }));
     }
     /**
      * Detaches the current `CdkVirtualForOf`.
@@ -877,7 +947,10 @@ class CdkVirtualScrollViewport extends CdkScrollable {
     setRenderedRange(range) {
         if (!rangesEqual(this._renderedRange, range)) {
             this._renderedRangeSubject.next(this._renderedRange = range);
-            this._markChangeDetectionNeeded(() => this._scrollStrategy.onContentRendered());
+            this._markChangeDetectionNeeded((/**
+             * @return {?}
+             */
+            () => this._scrollStrategy.onContentRendered()));
         }
     }
     /**
@@ -919,7 +992,10 @@ class CdkVirtualScrollViewport extends CdkScrollable {
             // We know this value is safe because we parse `offset` with `Number()` before passing it
             // into the string.
             this._renderedContentTransform = transform;
-            this._markChangeDetectionNeeded(() => {
+            this._markChangeDetectionNeeded((/**
+             * @return {?}
+             */
+            () => {
                 if (this._renderedContentOffsetNeedsRewrite) {
                     this._renderedContentOffset -= this.measureRenderedContentSize();
                     this._renderedContentOffsetNeedsRewrite = false;
@@ -928,7 +1004,7 @@ class CdkVirtualScrollViewport extends CdkScrollable {
                 else {
                     this._scrollStrategy.onRenderedOffsetChanged();
                 }
-            });
+            }));
         }
     }
     /**
@@ -1023,9 +1099,15 @@ class CdkVirtualScrollViewport extends CdkScrollable {
         // properties sequentially we only have to run `_doChangeDetection` once at the end.
         if (!this._isChangeDetectionPending) {
             this._isChangeDetectionPending = true;
-            this.ngZone.runOutsideAngular(() => Promise.resolve().then(() => {
+            this.ngZone.runOutsideAngular((/**
+             * @return {?}
+             */
+            () => Promise.resolve().then((/**
+             * @return {?}
+             */
+            () => {
                 this._doChangeDetection();
-            }));
+            }))));
         }
     }
     /**
@@ -1038,7 +1120,10 @@ class CdkVirtualScrollViewport extends CdkScrollable {
         // 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(() => this._changeDetectorRef.markForCheck());
+        this.ngZone.run((/**
+         * @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
@@ -1086,7 +1171,7 @@ CdkVirtualScrollViewport.propDecorators = {
 
 /**
  * @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.
@@ -1147,7 +1232,11 @@ class CdkVirtualForOf {
         // 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(([prev, cur]) => this._changeDataSource(prev, cur)), 
+        switchMap((/**
+         * @param {?} __0
+         * @return {?}
+         */
+        ([prev, cur]) => this._changeDataSource(prev, cur))), 
         // Replay the last emitted data when someone subscribes.
         shareReplay(1));
         /**
@@ -1165,15 +1254,26 @@ class CdkVirtualForOf {
          */
         this._needsUpdate = false;
         this._destroyed = new Subject();
-        this.dataStream.subscribe(data => {
+        this.dataStream.subscribe((/**
+         * @param {?} data
+         * @return {?}
+         */
+        data => {
             this._data = data;
             this._onRenderedDataChange();
-        });
-        this._viewport.renderedRangeStream.pipe(takeUntil(this._destroyed)).subscribe(range => {
+        }));
+        this._viewport.renderedRangeStream.pipe(takeUntil(this._destroyed)).subscribe((/**
+         * @param {?} range
+         * @return {?}
+         */
+        range => {
             this._renderedRange = range;
-            ngZone.run(() => this.viewChange.next(this._renderedRange));
+            ngZone.run((/**
+             * @return {?}
+             */
+            () => this.viewChange.next(this._renderedRange)));
             this._onRenderedDataChange();
-        });
+        }));
         this._viewport.attach(this);
     }
     /**
@@ -1210,7 +1310,12 @@ class CdkVirtualForOf {
     set cdkVirtualForTrackBy(fn) {
         this._needsUpdate = true;
         this._cdkVirtualForTrackBy = fn ?
-            (index, item) => fn(index + (this._renderedRange ? this._renderedRange.start : 0), item) :
+            (/**
+             * @param {?} index
+             * @param {?} item
+             * @return {?}
+             */
+            (index, item) => fn(index + (this._renderedRange ? this._renderedRange.start : 0), item)) :
             undefined;
     }
     /**
@@ -1285,6 +1390,7 @@ class CdkVirtualForOf {
      */
     ngOnDestroy() {
         this._viewport.detach();
+        this._dataSourceChanges.next();
         this._dataSourceChanges.complete();
         this.viewChange.complete();
         this._destroyed.next();
@@ -1320,7 +1426,7 @@ class CdkVirtualForOf {
             oldDs.disconnect(this);
         }
         this._needsUpdate = true;
-        return newDs.connect(this);
+        return newDs ? newDs.connect(this) : of();
     }
     /**
      * Update the `CdkVirtualForOfContext` for all views.
@@ -1349,7 +1455,13 @@ class CdkVirtualForOf {
      */
     _applyChanges(changes) {
         // Rearrange the views to put them in the right location.
-        changes.forEachOperation((record, adjustedPreviousIndex, currentIndex) => {
+        changes.forEachOperation((/**
+         * @param {?} record
+         * @param {?} adjustedPreviousIndex
+         * @param {?} currentIndex
+         * @return {?}
+         */
+        (record, adjustedPreviousIndex, currentIndex) => {
             if (record.previousIndex == null) { // Item added.
                 // Item added.
                 /** @type {?} */
@@ -1366,13 +1478,17 @@ class CdkVirtualForOf {
                 this._viewContainerRef.move(view, currentIndex);
                 view.context.$implicit = record.item;
             }
-        });
+        }));
         // Update $implicit for any items that had an identity change.
-        changes.forEachIdentityChange((record) => {
+        changes.forEachIdentityChange((/**
+         * @param {?} record
+         * @return {?}
+         */
+        (record) => {
             /** @type {?} */
             const view = (/** @type {?} */ (this._viewContainerRef.get((/** @type {?} */ (record.currentIndex)))));
             view.context.$implicit = record.item;
-        });
+        }));
         // Update the context variables on all items.
         /** @type {?} */
         const count = this._data.length;
@@ -1500,7 +1616,7 @@ CdkVirtualForOf.propDecorators = {
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class ScrollingModule {
 }
@@ -1537,7 +1653,7 @@ ScrollDispatchModule.decorators = [
 
 /**
  * @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.
@@ -1555,14 +1671,20 @@ class ViewportRuler {
      */
     constructor(_platform, ngZone) {
         this._platform = _platform;
-        ngZone.runOutsideAngular(() => {
+        ngZone.runOutsideAngular((/**
+         * @return {?}
+         */
+        () => {
             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(() => this._updateViewportSize());
-        });
+            this._invalidateCache = this.change().subscribe((/**
+             * @return {?}
+             */
+            () => this._updateViewportSize()));
+        }));
     }
     /**
      * @return {?}
@@ -1667,7 +1789,7 @@ ViewportRuler.ctorParameters = () => [
     { 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" });
 /**
  * \@docs-private \@deprecated \@breaking-change 8.0.0
  * @param {?} parentRuler
@@ -1691,12 +1813,12 @@ const 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 };