chrv-components 1.12.137 → 1.12.139

package/fesm2022/chrv-components.mjs

@@ -10,8 +10,8 @@ import { CommonModule, AsyncPipe, DatePipe, formatDate, DATE_PIPE_DEFAULT_OPTION
 import * as i1$3 from '@angular/cdk/overlay';
 import { Overlay, CdkOverlayOrigin, CdkConnectedOverlay, CdkScrollable, CDK_CONNECTED_OVERLAY_DEFAULT_CONFIG } from '@angular/cdk/overlay';
 import { ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
-import { Subject, Observable, map, BehaviorSubject, skip, debounceTime as debounceTime$1, distinctUntilChanged, skipWhile, from, mergeMap, toArray, timer, takeUntil as takeUntil$1, of, catchError, forkJoin, take, combineLatest, switchMap, finalize, tap, interval } from 'rxjs';
-import { debounceTime, takeUntil, finalize as finalize$1, concatMap, switchMap as switchMap$1, tap as tap$1, catchError as catchError$1 } from 'rxjs/operators';
+import { Subject, Observable, map, BehaviorSubject, skip, debounceTime as debounceTime$1, distinctUntilChanged, skipWhile, from, mergeMap, toArray, timer, takeUntil as takeUntil$1, of, catchError, forkJoin, take, combineLatest, finalize, tap, interval } from 'rxjs';
+import { debounceTime, takeUntil, finalize as finalize$1, concatMap, switchMap, tap as tap$1, catchError as catchError$1 } from 'rxjs/operators';
 import * as i1$2 from '@angular/forms';
 import { NG_VALIDATORS, Validators, NgControl, ReactiveFormsModule, FormsModule, FormBuilder, FormControl } from '@angular/forms';
 import { isValid, isBefore, formatDate as formatDate$1 } from 'date-fns';
@@ -4020,13 +4020,11 @@ class ChrPopoverDirective {
         this.viewContainerRef = inject(ViewContainerRef);
         this.hostElement = computed(() => this.hostElementRef.nativeElement, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "hostElement" }] : /* istanbul ignore next */ []));
-        this.isHostHovered$ = new BehaviorSubject({
-            hover: false,
-            position: { x: 0, y: 0 },
-        });
-        this.isTargetHovered$ = new BehaviorSubject({
-            hover: false,
-            position: { x: 0, y: 0 },
+        this.isHostHovered$ = new BehaviorSubject(false);
+        this.isTargetHovered$ = new BehaviorSubject(false);
+        this.lastKnownMousePosition$ = new BehaviorSubject({
+            x: 0,
+            y: 0,
         });
         // private readonly isInsidePopover$ = new BehaviorSubject<boolean>(false);
         this.destroyRef = inject(DestroyRef);
@@ -4076,11 +4074,17 @@ class ChrPopoverDirective {
         //   });
         // };
         this.setupSubject = () => {
-            combineLatest([this.isHostHovered$, this.isTargetHovered$])
-                .pipe(map(([hostHovered, targetHovered]) => hostHovered.hover ||
-                targetHovered.hover ||
-                this.isInsideHost(targetHovered.position.x, targetHovered.position.y) ||
-                this.isInsideTarget(hostHovered.position.x, hostHovered.position.y)), switchMap((isInside) => timer(100).pipe(map(() => isInside))), takeUntilDestroyed(this.destroyRef))
+            combineLatest([
+                this.isHostHovered$,
+                this.isTargetHovered$,
+                this.lastKnownMousePosition$,
+            ])
+                .pipe(map(([hostHovered, targetHovered, position]) => hostHovered ||
+                targetHovered ||
+                this.isInsideHost(position.x, position.y) ||
+                this.isInsideTarget(position.x, position.y)), debounceTime$1(100), 
+            // switchMap((isInside) => timer(100).pipe(map(() => isInside))),
+            takeUntilDestroyed(this.destroyRef))
                 .subscribe((isInside) => {
                 if (isInside && !this.isOpen()) {
                     this.showPopover();
@@ -4093,10 +4097,15 @@ class ChrPopoverDirective {
         this.setupHostListeners = () => {
             this.renderer.listen(this.hostElement(), 'mouseenter', (event) => {
                 // this.isInsidePopover$.next(true);
-                this.isHostHovered$.next({
-                    hover: true,
-                    position: { x: event.clientX, y: event.clientY },
+                // this.isHostHovered$.next({
+                //   hover: true,
+                //   position: { x: event.clientX, y: event.clientY },
+                // });
+                this.lastKnownMousePosition$.next({
+                    x: event.clientX,
+                    y: event.clientY,
                 });
+                this.isHostHovered$.next(true);
                 // if (!this.isOpen()) {
                 //   this.showPopover();
                 // }
@@ -4112,20 +4121,30 @@ class ChrPopoverDirective {
                 // if (this.isPointerInsideElements(event)) {
                 //   return;
                 // }
-                this.isHostHovered$.next({
-                    hover: false,
-                    position: { x: event.clientX, y: event.clientY },
+                // this.isHostHovered$.next({
+                //   hover: false,
+                //   position: { x: event.clientX, y: event.clientY },
+                // });
+                this.lastKnownMousePosition$.next({
+                    x: event.clientX,
+                    y: event.clientY,
                 });
+                this.isHostHovered$.next(false);
             });
         };
         this.setupTargetListeners = () => {
             this.renderer.listen(this.targetElement(), 'mouseenter', (event) => {
                 // this.isInsideTarget.set(true);
                 // this.shopPopover();
-                this.isTargetHovered$.next({
-                    hover: true,
-                    position: { x: event.clientX, y: event.clientY },
+                // this.isTargetHovered$.next({
+                //   hover: true,
+                //   position: { x: event.clientX, y: event.clientY },
+                // });
+                this.lastKnownMousePosition$.next({
+                    x: event.clientX,
+                    y: event.clientY,
                 });
+                this.isTargetHovered$.next(true);
                 // this.isInsidePopover$.next(true);
             });
             this.renderer.listen(this.targetElement(), 'mouseleave', (event) => {
@@ -4134,10 +4153,15 @@ class ChrPopoverDirective {
                 // if (this.isPointerInsideElements(event)) {
                 //   return;
                 // }
-                this.isTargetHovered$.next({
-                    hover: false,
-                    position: { x: event.clientX, y: event.clientY },
+                // this.isTargetHovered$.next({
+                //   hover: false,
+                //   position: { x: event.clientX, y: event.clientY },
+                // });
+                this.lastKnownMousePosition$.next({
+                    x: event.clientX,
+                    y: event.clientY,
                 });
+                this.isTargetHovered$.next(false);
                 // setTimeout(() => {
                 //   if (!this.isInsideHost() && !this.isInsideTargetBoundingBox(event))
                 //     this.hidePopover();
@@ -5478,7 +5502,7 @@ class LegacyToastService {
                 this.currentToastSubject.next(null);
             }), 
             //Small delay between toasts
-            switchMap$1(() => timer(500)));
+            switchMap(() => timer(500)));
         }))
             .subscribe();
     }