chrv-components 1.12.138 → 1.12.140

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, 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 { 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 * 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';
@@ -4022,7 +4022,7 @@ class ChrPopoverDirective {
         ...(ngDevMode ? [{ debugName: "hostElement" }] : /* istanbul ignore next */ []));
         this.isHostHovered$ = new BehaviorSubject(false);
         this.isTargetHovered$ = new BehaviorSubject(false);
-        this.lastKnowMousePosition$ = new BehaviorSubject({
+        this.lastKnownMousePosition$ = new BehaviorSubject({
             x: 0,
             y: 0,
         });
@@ -4077,13 +4077,19 @@ class ChrPopoverDirective {
             combineLatest([
                 this.isHostHovered$,
                 this.isTargetHovered$,
-                this.lastKnowMousePosition$,
+                this.lastKnownMousePosition$,
             ])
-                .pipe(debounceTime$1(100), map(([hostHovered, targetHovered, position]) => hostHovered ||
+                .pipe(map(([hostHovered, targetHovered, position]) => hostHovered ||
                 targetHovered ||
-                this.isInsideHost(position.x, position.y)), 
-            // switchMap((isInside) => timer(100).pipe(map(() => isInside))),
-            takeUntilDestroyed(this.destroyRef))
+                this.isInsideHost(position.x, position.y) ||
+                this.isInsideTarget(position.x, position.y)), distinctUntilChanged(), takeUntilDestroyed(this.destroyRef), switchMap((isInside) => {
+                if (isInside) {
+                    return of(true);
+                }
+                else {
+                    return timer(100).pipe(map(() => false));
+                }
+            }))
                 .subscribe((isInside) => {
                 if (isInside && !this.isOpen()) {
                     this.showPopover();
@@ -4100,7 +4106,7 @@ class ChrPopoverDirective {
                 //   hover: true,
                 //   position: { x: event.clientX, y: event.clientY },
                 // });
-                this.lastKnowMousePosition$.next({
+                this.lastKnownMousePosition$.next({
                     x: event.clientX,
                     y: event.clientY,
                 });
@@ -4124,7 +4130,7 @@ class ChrPopoverDirective {
                 //   hover: false,
                 //   position: { x: event.clientX, y: event.clientY },
                 // });
-                this.lastKnowMousePosition$.next({
+                this.lastKnownMousePosition$.next({
                     x: event.clientX,
                     y: event.clientY,
                 });
@@ -4139,7 +4145,7 @@ class ChrPopoverDirective {
                 //   hover: true,
                 //   position: { x: event.clientX, y: event.clientY },
                 // });
-                this.lastKnowMousePosition$.next({
+                this.lastKnownMousePosition$.next({
                     x: event.clientX,
                     y: event.clientY,
                 });
@@ -4156,7 +4162,7 @@ class ChrPopoverDirective {
                 //   hover: false,
                 //   position: { x: event.clientX, y: event.clientY },
                 // });
-                this.lastKnowMousePosition$.next({
+                this.lastKnownMousePosition$.next({
                     x: event.clientX,
                     y: event.clientY,
                 });
@@ -5501,7 +5507,7 @@ class LegacyToastService {
                 this.currentToastSubject.next(null);
             }), 
             //Small delay between toasts
-            switchMap(() => timer(500)));
+            switchMap$1(() => timer(500)));
         }))
             .subscribe();
     }