chrv-components 1.12.142 → 1.12.144

package/fesm2022/chrv-components.mjs

@@ -4023,13 +4023,10 @@ 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);
-        // private readonly isInsideHost = signal(false);
-        // private readonly isInsideTarget = signal(false);
         this._targetElementView = signal(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "_targetElementView" }] : /* istanbul ignore next */ []));
         this.targetElement = computed(() => {
@@ -4058,27 +4055,6 @@ class ChrPopoverDirective {
                 y: event.clientY,
             });
         };
-        // private isInsideHostBoundingBox = (event: MouseEvent) => {
-        //   const hostRect = this.hostElement().getBoundingClientRect();
-        //   return this.isInsideRect(event, hostRect);
-        // };
-        // private isInsideTargetBoundingBox = (event: MouseEvent) => {
-        //   const trgRect = this.targetElement().getBoundingClientRect();
-        //   return this.isInsideRect(event, trgRect);
-        // };
-        // private isInsideRect = (event: MouseEvent, rect: DOMRect) => {
-        //   var x = event.clientX;
-        //   if (x < rect.left || x >= rect.right) return false;
-        //   var y = event.clientY;
-        //   if (y < rect.top || y >= rect.bottom) return false;
-        //   return true;
-        // };
-        // updateMousePosition = (event: MouseEvent) => {
-        //   this.lastKnowMousePosition.next({
-        //     x: event.clientX,
-        //     y: event.clientY,
-        //   });
-        // };
         this.setupSubject = () => {
             combineLatest([
                 this.isHostHovered$,
@@ -4100,118 +4076,52 @@ 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.lastKnownMousePosition$.next({
-                //   x: event.clientX,
-                //   y: event.clientY,
-                // });
                 this.isHostHovered$.next(true);
-                // if (!this.isOpen()) {
-                //   this.showPopover();
-                // }
             });
             this.renderer.listen(this.hostElement(), 'mouseleave', (event) => {
-                // this.isInsideHost.set(false);
-                // setTimeout(() => {
-                //   if (!this.isInsideTarget() && !this.isInsideHostBoundingBox(event)) {
-                //     this.hidePopover();
-                //   }
-                // }, 100);
-                // this.isInsidePopover$.next(false);
-                // if (this.isPointerInsideElements(event)) {
-                //   return;
-                // }
-                // 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.lastKnownMousePosition$.next({
-                //   x: event.clientX,
-                //   y: event.clientY,
-                // });
                 this.isTargetHovered$.next(true);
-                // this.isInsidePopover$.next(true);
             });
             this.renderer.listen(this.targetElement(), 'mouseleave', (event) => {
-                // this.isInsideTarget.set(false);
-                // this.isInsidePopover$.next(false);
-                // if (this.isPointerInsideElements(event)) {
-                //   return;
-                // }
-                // 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();
-                // }, 100);
             });
         };
         this.showPopover = () => {
             this.isOpen.set(true);
-            // this.isInsidePopover$.next(true);
             this.targetElement().showPopover({ source: this.hostElement() });
         };
         this.hidePopover = () => {
             this.isOpen.set(false);
-            // this.isInsidePopover$.next(false);
             this.targetElement().hidePopover();
         };
-        this.isEventInsideRect = (event, rect) => {
-            const x = event.clientX;
-            const y = event.clientY;
-            return this.isInsideRect(x, y, rect);
-        };
         this.isInsideRect = (x, y, rect) => {
             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);
         };
-        this.isPointerInsideElements = (x, y) => {
-            // private isPointerInsideElements = (event: MouseEvent): boolean => {
-            const hostRect = this.hostElement().getBoundingClientRect();
-            const targetRect = this.targetElement().getBoundingClientRect();
-            return (this.isInsideRect(x, y, hostRect) || this.isInsideRect(x, y, targetRect));
-        };
     }
     ngOnInit() {
         const maybeTemplate = this.chrPopover();
         const templateData = this.chrPopoverData();
         if (maybeTemplate instanceof TemplateRef) {
-            const ref = this.viewContainerRef.createEmbeddedView(maybeTemplate, {
-                $implicit: templateData,
-            });
+            const data = typeof templateData === 'object'
+                ? { $implicit: templateData, ...templateData }
+                : { $implicit: templateData };
+            const ref = this.viewContainerRef.createEmbeddedView(maybeTemplate, data);
             this._targetElementView.set(ref.rootNodes[0]);
         }
     }