refactor: idle detection

README.md

@@ -15,9 +15,9 @@ To experience the full potential of `ngx-lift` and `clr-lift`, visit our live si
 - **Operator Support:** The project includes a range of operators that can be seamlessly integrated into your Angular
   applications. These operators aim to simplify complex operations and promote cleaner, more maintainable code.
 
-- **Component Repository:** `ngx-lift` comes bundled with reusable components. These components are crafted with the best
-  practices in mind, allowing you to integrate them into your projects and focus effortlessly on building outstanding user
-  interfaces.
+- **Component Repository:** `ngx-lift` comes bundled with reusable components. These components are crafted with the
+  best practices in mind, allowing you to integrate them into your projects and focus effortlessly on building
+  outstanding user interfaces.
 
 ## Why?
 

projects/demo-application/src/app/ngx-lib/pages/utilities/idle-detection-demo/idle-detection-demo.component.ts

@@ -1,5 +1,6 @@
-import {ChangeDetectionStrategy, Component} from '@angular/core';
+import {ChangeDetectionStrategy, Component, OnDestroy, OnInit} from '@angular/core';
 import {CalloutComponent, IdleDetectionComponent, PageContainerComponent} from 'clr-lift';
+import {IdleDetectionService} from 'ngx-lift';
 
 import {CodeBlockComponent} from '../../../../shared/components/code-block/code-block.component';
 import {highlight} from '../../../../shared/utils/highlight.util';
@@ -11,7 +12,7 @@ import {highlight} from '../../../../shared/utils/highlight.util';
   templateUrl: './idle-detection-demo.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class IdleDetectionDemoComponent {
+export class IdleDetectionDemoComponent implements OnInit, OnDestroy {
   configCode = highlight(`
 export class IdleDetectionConfig {
   idleDurationInSeconds?: number;
@@ -108,7 +109,8 @@ export class AppComponent {
 }
   `);
 
-  /*
+  constructor(private idleDetectionService: IdleDetectionService) {}
+
   ngOnInit() {
     this.idleDetectionService.setConfig({
       idleDurationInSeconds: 5,
@@ -135,5 +137,4 @@ export class AppComponent {
   ngOnDestroy() {
     this.idleDetectionService.clearTimers();
   }
-  */
 }

projects/ngx-lift/src/lib/utils/idle-detection/idle-detection.config.ts

@@ -1,10 +1,10 @@
-import { makeEnvironmentProviders } from '@angular/core';
+import {makeEnvironmentProviders} from '@angular/core';
 
 export class IdleDetectionConfig {
   idleDurationInSeconds?: number;
   timeoutDurationInSeconds?: number;
 }
 
 export function provideIdleDetectionConfig(config: IdleDetectionConfig) {
-  return makeEnvironmentProviders([{ provide: IdleDetectionConfig, useValue: config }]);
+  return makeEnvironmentProviders([{provide: IdleDetectionConfig, useValue: config}]);
 }

projects/ngx-lift/src/lib/utils/idle-detection/idle-detection.module.ts

@@ -1,6 +1,6 @@
-import { ModuleWithProviders, NgModule } from '@angular/core';
+import {ModuleWithProviders, NgModule} from '@angular/core';
 
-import { IdleDetectionConfig, provideIdleDetectionConfig } from './idle-detection.config';
+import {IdleDetectionConfig, provideIdleDetectionConfig} from './idle-detection.config';
 
 /**
  * Idle detection module.

projects/ngx-lift/src/lib/utils/idle-detection/idle-detection.service.ts

@@ -110,12 +110,12 @@ export class IdleDetectionService {
    * @private
    */
   private setupInterruptionEvents() {
-    this.interruptionSubscription?.unsubscribe();
-
-    const debouncedInterruptionEvents = this.interruptionEvents.map((eventName) =>
-      fromEvent(document, eventName).pipe(throttleTime(1000)),
-    );
-    this.interruptionSubscription = merge(...debouncedInterruptionEvents).subscribe(() => this.resetTimer());
+    if (!this.interruptionSubscription) {
+      const throttledInterruptionEvents = this.interruptionEvents.map((eventName) =>
+        fromEvent(document, eventName).pipe(throttleTime(1000)),
+      );
+      this.interruptionSubscription = merge(...throttledInterruptionEvents).subscribe(() => this.resetTimer());
+    }
   }
 
   /**
@@ -200,6 +200,7 @@ export class IdleDetectionService {
     clearInterval(this.countdownTimer);
 
     this.interruptionSubscription?.unsubscribe();
+    this.interruptionSubscription = undefined;
   }
 
   /**