refactor(intersection.service): add options interface, move to services

Author: xidedix

projects/coreui-angular/src/lib/carousel/carousel/carousel.component.ts

@@ -12,7 +12,7 @@ import {
 } from '@angular/core';
 import { Subscription } from 'rxjs';
 
-import { IntersectionService } from '../intersection.service';
+import { IntersectionService } from '../../services/intersection.service';
 import { IListenersConfig, ListenersService } from '../../services/listeners.service';
 
 import { CarouselState } from '../carousel-state';

projects/coreui-angular/src/lib/carousel/intersection.service.spec.ts renamed to projects/coreui-angular/src/lib/services/intersection.service.spec.ts

@@ -1,6 +1,12 @@
 import { Injectable, OnDestroy } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
 
+interface IIntersectionObserverInit {
+  root?: Element | null;
+  rootMargin?: string;
+  threshold?: number | number[];
+}
+
 @Injectable()
 export class IntersectionService implements OnDestroy {
 
@@ -12,15 +18,17 @@ export class IntersectionService implements OnDestroy {
   private intersectionObserver!: IntersectionObserver;
   private hostElement!: { nativeElement: Element; };
 
-  createIntersectionObserver(hostElement: { nativeElement: Element; }) {
+  private defaultObserverOptions: IIntersectionObserverInit = {
+    root: null,
+    rootMargin: '0px',
+    threshold: 0.2
+  };
 
-    this.hostElement = hostElement;
+  createIntersectionObserver(hostElement: { nativeElement: Element; }, observerOptions = this.defaultObserverOptions) {
 
-    const options = {
-      root: null,
-      rootMargin: '0px',
-      threshold: 0.2
-    };
+    const options = { ...this.defaultObserverOptions, ...observerOptions }
+
+    this.hostElement = hostElement;
 
     const handleIntersect = (entries: any[], observer: any) => {
       entries.forEach((entry: any) => {

projects/coreui-angular/src/lib/carousel/intersection.service.ts renamed to projects/coreui-angular/src/lib/services/intersection.service.ts

@@ -1 +1,2 @@
+export { IntersectionService } from './intersection.service';
 export { ClassToggleService } from './class-toggle.service';