ee6.ts

@Injectable({
 providedIn: "root"
})
export class DeferEventPlugin {
 manager: EventManager;

 supports(eventName: string): boolean {
   return /debounce|throttle/.test(eventName);
 }

 addEventListener(
   element,
   eventName,
   originalHandler
 ): Function {
   const [name, method, miliseconds = 300] = eventName.split(".");

   const innerHandler = event => this.manager.getZone().runGuarded(() => originalHandler(event));

   let handler;

   if (method === "debounce") {
     handler = debounce(innerHandler, miliseconds);
   } else {
     handler = throttle(innerHandler, miliseconds);
   }

   this.manager.getZone().runOutsideAngular(() => {
     element.addEventListener(name, handler);
   });

   return () => {
     element.removeEventListener(name, handler);
     handler = null;
   };
 }
}