diff --git a/src/cdk-experimental/scrolling/auto-size-virtual-scroll.ts b/src/cdk-experimental/scrolling/auto-size-virtual-scroll.ts index 5e33241f531..84b7a0bca92 100644 --- a/src/cdk-experimental/scrolling/auto-size-virtual-scroll.ts +++ b/src/cdk-experimental/scrolling/auto-size-virtual-scroll.ts @@ -70,7 +70,7 @@ export class ItemSizeAverager { /** Virtual scrolling strategy for lists with items of unknown or dynamic size. */ export class AutoSizeVirtualScrollStrategy implements VirtualScrollStrategy { /** @docs-private Implemented as part of VirtualScrollStrategy. */ - scrolledIndexChange = Observable.create(() => { + scrolledIndexChange = new Observable(() => { // TODO(mmalerba): Implement. throw Error('cdk-virtual-scroll: scrolledIndexChange is currently not supported for the' + ' autosize scroll strategy'); diff --git a/src/cdk/drag-drop/directives/drag.ts b/src/cdk/drag-drop/directives/drag.ts index d0f23bc31e8..ae5727f56a2 100644 --- a/src/cdk/drag-drop/directives/drag.ts +++ b/src/cdk/drag-drop/directives/drag.ts @@ -146,7 +146,7 @@ export class CdkDrag implements AfterViewInit, OnChanges, OnDestroy { * because this event will fire for every pixel that the user has dragged. */ @Output('cdkDragMoved') moved: Observable> = - Observable.create((observer: Observer>) => { + new Observable((observer: Observer>) => { const subscription = this._dragRef.moved.pipe(map(movedEvent => ({ source: this, pointerPosition: movedEvent.pointerPosition, diff --git a/src/cdk/drag-drop/drag-ref.ts b/src/cdk/drag-drop/drag-ref.ts index dcf01427467..36a5630a4f9 100644 --- a/src/cdk/drag-drop/drag-ref.ts +++ b/src/cdk/drag-drop/drag-ref.ts @@ -249,7 +249,7 @@ export class DragRef { pointerPosition: {x: number, y: number}; event: MouseEvent | TouchEvent; delta: {x: -1 | 0 | 1, y: -1 | 0 | 1}; - }> = Observable.create((observer: Observer) => { + }> = new Observable((observer: Observer) => { const subscription = this._moveEvents.subscribe(observer); this._moveEventSubscriptions++; diff --git a/src/cdk/observers/observe-content.ts b/src/cdk/observers/observe-content.ts index 7312eb6c556..39fe14a89b8 100644 --- a/src/cdk/observers/observe-content.ts +++ b/src/cdk/observers/observe-content.ts @@ -65,7 +65,7 @@ export class ContentObserver implements OnDestroy { observe(elementOrRef: Element | ElementRef): Observable { const element = coerceElement(elementOrRef); - return Observable.create((observer: Observer) => { + return new Observable((observer: Observer) => { const stream = this._observeElement(element); const subscription = stream.subscribe(observer); diff --git a/src/cdk/overlay/overlay-ref.ts b/src/cdk/overlay/overlay-ref.ts index 75b98277031..464747f2306 100644 --- a/src/cdk/overlay/overlay-ref.ts +++ b/src/cdk/overlay/overlay-ref.ts @@ -43,7 +43,7 @@ export class OverlayRef implements PortalOutlet, OverlayReference { private _previousHostParent: HTMLElement; private _keydownEventsObservable: Observable = - Observable.create((observer: Observer) => { + new Observable((observer: Observer) => { const subscription = this._keydownEvents.subscribe(observer); this._keydownEventSubscriptions++; diff --git a/src/cdk/overlay/position/flexible-connected-position-strategy.ts b/src/cdk/overlay/position/flexible-connected-position-strategy.ts index 14500c566a5..fc57ef41582 100644 --- a/src/cdk/overlay/position/flexible-connected-position-strategy.ts +++ b/src/cdk/overlay/position/flexible-connected-position-strategy.ts @@ -123,7 +123,7 @@ export class FlexibleConnectedPositionStrategy implements PositionStrategy { /** Observable sequence of position changes. */ positionChanges: Observable = - Observable.create((observer: Observer) => { + new Observable((observer: Observer) => { const subscription = this._positionChanges.subscribe(observer); this._positionChangeSubscriptions++; diff --git a/src/cdk/scrolling/scroll-dispatcher.ts b/src/cdk/scrolling/scroll-dispatcher.ts index 76cf5545b41..c1a90825fe0 100644 --- a/src/cdk/scrolling/scroll-dispatcher.ts +++ b/src/cdk/scrolling/scroll-dispatcher.ts @@ -86,7 +86,7 @@ export class ScrollDispatcher implements OnDestroy { return observableOf(); } - return Observable.create((observer: Observer) => { + return new Observable((observer: Observer) => { if (!this._globalSubscription) { this._addGlobalListener(); } diff --git a/src/cdk/scrolling/scrollable.ts b/src/cdk/scrolling/scrollable.ts index 0b404a1a998..4a6e44157ef 100644 --- a/src/cdk/scrolling/scrollable.ts +++ b/src/cdk/scrolling/scrollable.ts @@ -47,7 +47,7 @@ export type ExtendedScrollToOptions = _XAxis & _YAxis & ScrollOptions; export class CdkScrollable implements OnInit, OnDestroy { private _destroyed = new Subject(); - private _elementScrolled: Observable = Observable.create((observer: Observer) => + private _elementScrolled: Observable = new Observable((observer: Observer) => this.ngZone.runOutsideAngular(() => fromEvent(this.elementRef.nativeElement, 'scroll').pipe(takeUntil(this._destroyed)) .subscribe(observer))); diff --git a/src/cdk/scrolling/virtual-scroll-viewport.ts b/src/cdk/scrolling/virtual-scroll-viewport.ts index 14a04e31ea6..2c71c3ddf83 100644 --- a/src/cdk/scrolling/virtual-scroll-viewport.ts +++ b/src/cdk/scrolling/virtual-scroll-viewport.ts @@ -71,7 +71,7 @@ export class CdkVirtualScrollViewport extends CdkScrollable implements OnInit, O // performance. /** Emits when the index of the first element visible in the viewport changes. */ @Output() scrolledIndexChange: Observable = - Observable.create((observer: Observer) => + new Observable((observer: Observer) => this._scrollStrategy.scrolledIndexChange.subscribe(index => Promise.resolve().then(() => this.ngZone.run(() => observer.next(index))))); diff --git a/src/lib/tabs/tab-group.spec.ts b/src/lib/tabs/tab-group.spec.ts index 0fdf1f0c374..75ae5f3c484 100644 --- a/src/lib/tabs/tab-group.spec.ts +++ b/src/lib/tabs/tab-group.spec.ts @@ -777,7 +777,7 @@ class AsyncTabsTestApp implements OnInit { ngOnInit() { // Use ngOnInit because there is some issue with scheduling the async task in the constructor. - this.tabs = Observable.create((observer: any) => { + this.tabs = new Observable((observer: any) => { setTimeout(() => observer.next(this._tabs)); }); } diff --git a/src/material-examples/tab-group-async/tab-group-async-example.ts b/src/material-examples/tab-group-async/tab-group-async-example.ts index 8ae32569a7f..7a6bbd1e0f2 100644 --- a/src/material-examples/tab-group-async/tab-group-async-example.ts +++ b/src/material-examples/tab-group-async/tab-group-async-example.ts @@ -18,7 +18,7 @@ export class TabGroupAsyncExample { asyncTabs: Observable; constructor() { - this.asyncTabs = Observable.create((observer: Observer) => { + this.asyncTabs = new Observable((observer: Observer) => { setTimeout(() => { observer.next([ {label: 'First', content: 'Content 1'},