chrv-components 1.12.140 → 1.12.142

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';
@@ -4052,6 +4052,12 @@ class ChrPopoverDirective {
                 return mayBeTemplate;
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "targetElementId" }] : /* istanbul ignore next */ []));
+        this.updateLastKnownMousePosition = (event) => {
+            this.lastKnownMousePosition$.next({
+                x: event.clientX,
+                y: event.clientY,
+            });
+        };
         // private isInsideHostBoundingBox = (event: MouseEvent) => {
         //   const hostRect = this.hostElement().getBoundingClientRect();
         //   return this.isInsideRect(event, hostRect);
@@ -4082,19 +4088,12 @@ class ChrPopoverDirective {
                 .pipe(map(([hostHovered, targetHovered, position]) => hostHovered ||
                 targetHovered ||
                 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));
-                }
-            }))
+                this.isInsideTarget(position.x, position.y)), distinctUntilChanged(), debounceTime$1(100), takeUntilDestroyed(this.destroyRef))
                 .subscribe((isInside) => {
                 if (isInside && !this.isOpen()) {
                     this.showPopover();
                 }
-                else {
+                else if (this.isOpen()) {
                     this.hidePopover();
                 }
             });
@@ -4106,10 +4105,10 @@ class ChrPopoverDirective {
                 //   hover: true,
                 //   position: { x: event.clientX, y: event.clientY },
                 // });
-                this.lastKnownMousePosition$.next({
-                    x: event.clientX,
-                    y: event.clientY,
-                });
+                // this.lastKnownMousePosition$.next({
+                //   x: event.clientX,
+                //   y: event.clientY,
+                // });
                 this.isHostHovered$.next(true);
                 // if (!this.isOpen()) {
                 //   this.showPopover();
@@ -4130,10 +4129,10 @@ class ChrPopoverDirective {
                 //   hover: false,
                 //   position: { x: event.clientX, y: event.clientY },
                 // });
-                this.lastKnownMousePosition$.next({
-                    x: event.clientX,
-                    y: event.clientY,
-                });
+                // this.lastKnownMousePosition$.next({
+                //   x: event.clientX,
+                //   y: event.clientY,
+                // });
                 this.isHostHovered$.next(false);
             });
         };
@@ -4145,10 +4144,10 @@ class ChrPopoverDirective {
                 //   hover: true,
                 //   position: { x: event.clientX, y: event.clientY },
                 // });
-                this.lastKnownMousePosition$.next({
-                    x: event.clientX,
-                    y: event.clientY,
-                });
+                // this.lastKnownMousePosition$.next({
+                //   x: event.clientX,
+                //   y: event.clientY,
+                // });
                 this.isTargetHovered$.next(true);
                 // this.isInsidePopover$.next(true);
             });
@@ -4162,10 +4161,10 @@ class ChrPopoverDirective {
                 //   hover: false,
                 //   position: { x: event.clientX, y: event.clientY },
                 // });
-                this.lastKnownMousePosition$.next({
-                    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))
@@ -4236,7 +4235,7 @@ class ChrPopoverDirective {
         this.renderer.setStyle(this.targetElement(), 'border', 'none');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ChrPopoverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.8", type: ChrPopoverDirective, isStandalone: true, selector: "[chrPopover]", inputs: { chrPopover: { classPropertyName: "chrPopover", publicName: "chrPopover", isSignal: true, isRequired: true, transformFunction: null }, chrPopoverPosition: { classPropertyName: "chrPopoverPosition", publicName: "chrPopoverPosition", isSignal: true, isRequired: false, transformFunction: null }, chrPopoverData: { classPropertyName: "chrPopoverData", publicName: "chrPopoverData", isSignal: true, isRequired: false, transformFunction: null }, chrPopoverOnHover: { classPropertyName: "chrPopoverOnHover", publicName: "chrPopoverOnHover", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keyup.escape": "hidePopover()" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.8", type: ChrPopoverDirective, isStandalone: true, selector: "[chrPopover]", inputs: { chrPopover: { classPropertyName: "chrPopover", publicName: "chrPopover", isSignal: true, isRequired: true, transformFunction: null }, chrPopoverPosition: { classPropertyName: "chrPopoverPosition", publicName: "chrPopoverPosition", isSignal: true, isRequired: false, transformFunction: null }, chrPopoverData: { classPropertyName: "chrPopoverData", publicName: "chrPopoverData", isSignal: true, isRequired: false, transformFunction: null }, chrPopoverOnHover: { classPropertyName: "chrPopoverOnHover", publicName: "chrPopoverOnHover", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keyup.escape": "hidePopover()", "document:mousemove": "updateLastKnownMousePosition($event)" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ChrPopoverDirective, decorators: [{
             type: Directive,
@@ -4244,6 +4243,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                     selector: '[chrPopover]',
                     host: {
                         '(keyup.escape)': 'hidePopover()',
+                        '(document:mousemove)': 'updateLastKnownMousePosition($event)',
                     },
                 }]
         }], propDecorators: { chrPopover: [{ type: i0.Input, args: [{ isSignal: true, alias: "chrPopover", required: true }] }], chrPopoverPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "chrPopoverPosition", required: false }] }], chrPopoverData: [{ type: i0.Input, args: [{ isSignal: true, alias: "chrPopoverData", required: false }] }], chrPopoverOnHover: [{ type: i0.Input, args: [{ isSignal: true, alias: "chrPopoverOnHover", required: false }] }] } });
@@ -5507,7 +5507,7 @@ class LegacyToastService {
                 this.currentToastSubject.next(null);
             }), 
             //Small delay between toasts
-            switchMap$1(() => timer(500)));
+            switchMap(() => timer(500)));
         }))
             .subscribe();
     }