chrv-components 1.12.141 → 1.12.143

package/fesm2022/chrv-components.mjs

@@ -4023,8 +4023,8 @@ class ChrPopoverDirective {
         this.isHostHovered$ = new BehaviorSubject(false);
         this.isTargetHovered$ = new BehaviorSubject(false);
         this.lastKnownMousePosition$ = new BehaviorSubject({
-            x: 0,
-            y: 0,
+            x: -1,
+            y: -1,
         });
         // private readonly isInsidePopover$ = new BehaviorSubject<boolean>(false);
         this.destroyRef = inject(DestroyRef);
@@ -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,12 +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))
+                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();
                 }
             });
@@ -4099,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();
@@ -4123,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);
             });
         };
@@ -4138,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);
             });
@@ -4155,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))
@@ -4185,10 +4191,14 @@ class ChrPopoverDirective {
             return (x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom);
         };
         this.isInsideHost = (x, y) => {
+            if (x < 0 || y < 0)
+                return false;
             const rect = this.hostElement().getBoundingClientRect();
             return this.isInsideRect(x, y, rect);
         };
         this.isInsideTarget = (x, y) => {
+            if (x < 0 || y < 0)
+                return false;
             const rect = this.targetElement().getBoundingClientRect();
             return this.isInsideRect(x, y, rect);
         };
@@ -4229,7 +4239,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,
@@ -4237,6 +4247,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 }] }] } });