Fix known ngZone problems (Update on window.resize, swipe in Pivot)

Author: nightskylark

src/core/events-strategy.ts

@@ -11,14 +11,16 @@ interface EventSubscriber {
 export class NgEventsStrategy {
     private subscribers: { [key: string]: EventSubscriber[] } = {};
 
-    constructor(private component: DxComponent) { }
+    constructor(private component: DxComponent, private ngZone: NgZone) { }
 
     hasEvent(name: string) {
         return this.getEmitter(name).observers.length;
     }
 
     fireEvent(name, args) {
-        this.getEmitter(name).next(args && args[0]);
+        this.ngZone.run(() => {
+            this.getEmitter(name).next(args && args[0]);
+        });
     }
 
     on(name, handler) {
@@ -51,15 +53,13 @@ export class NgEventsStrategy {
 export class EmitterHelper {
     strategy: NgEventsStrategy;
 
-    constructor(private ngZone: NgZone, private component: DxComponent) {
-        this.strategy = new NgEventsStrategy(component);
+    constructor(ngZone: NgZone, private component: DxComponent) {
+        this.strategy = new NgEventsStrategy(component, ngZone);
     }
     fireNgEvent(eventName: string, eventArgs: any) {
         let emitter = this.component[eventName];
         if (emitter) {
-            this.ngZone.run(() => {
-                emitter.next(eventArgs && eventArgs[0]);
-            });
+            emitter.next(eventArgs && eventArgs[0]);
         }
     }
     createEmitter(ngEventName: string, dxEventName: string) {

src/core/template.ts

@@ -5,7 +5,8 @@ import {
     NgModule,
     TemplateRef,
     ViewContainerRef,
-    Input
+    Input,
+    NgZone
 } from '@angular/core';
 
 import { DxTemplateHost } from './template-host';
@@ -31,7 +32,10 @@ export class DxTemplateDirective {
     };
     name: string;
 
-    constructor(private templateRef: TemplateRef<any>, private viewContainerRef: ViewContainerRef, templateHost: DxTemplateHost) {
+    constructor(private templateRef: TemplateRef<any>,
+        private viewContainerRef: ViewContainerRef,
+        templateHost: DxTemplateHost,
+        private ngZone: NgZone) {
         templateHost.setTemplate(this);
     }
 
@@ -42,7 +46,9 @@ export class DxTemplateDirective {
         }
         // =========== WORKAROUND =============
         // https://github.com/angular/angular/issues/12243
-        childView['detectChanges']();
+        this.ngZone.run(() => {
+            childView['detectChanges']();
+        });
         // =========== /WORKAROUND =============
         return $(childView.rootNodes)
             .addClass(DX_TEMPLATE_WRAPPER_CLASS)