chrv-components 1.12.104 → 1.12.106

package/fesm2022/chrv-components.mjs

@@ -4010,6 +4010,8 @@ class ChrPopoverDirectiveDirective {
         ...(ngDevMode ? [{ debugName: "chrPopoverPosition" }] : /* istanbul ignore next */ []));
         this.chrPopoverOnHover = input(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "chrPopoverOnHover" }] : /* istanbul ignore next */ []));
+        this.isOpen = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
         this.renderer = inject(Renderer2);
         this.hostElementRef = inject(ElementRef);
         this.viewContainerRef = inject(ViewContainerRef);
@@ -4063,13 +4065,13 @@ class ChrPopoverDirectiveDirective {
         this.setupHostListeners = () => {
             this.renderer.listen(this.hostElement(), 'mouseenter', (event) => {
                 this.isInsideHost.set(true);
-                this.targetElement().showPopover({ source: this.hostElement() });
+                this.shopPopover();
             });
             this.renderer.listen(this.hostElement(), 'mouseleave', (event) => {
                 this.isInsideHost.set(false);
                 setTimeout(() => {
                     if (!this.isInsideTarget() && !this.isInsideHostBoundingBox(event)) {
-                        this.targetElement().hidePopover();
+                        this.hidePopover();
                     }
                 }, 100);
             });
@@ -4077,25 +4079,29 @@ class ChrPopoverDirectiveDirective {
         this.setupTargetListeners = () => {
             this.renderer.listen(this.targetElement(), 'mouseenter', (event) => {
                 this.isInsideTarget.set(true);
-                this.targetElement().showPopover({ source: this.hostElement() });
+                this.shopPopover();
             });
             this.renderer.listen(this.targetElement(), 'mouseleave', (event) => {
                 this.isInsideTarget.set(false);
                 setTimeout(() => {
                     if (!this.isInsideHost() && !this.isInsideTargetBoundingBox(event))
-                        this.targetElement().hidePopover();
+                        this.hidePopover();
                 }, 100);
             });
         };
-        this.openPopover = () => {
+        this.shopPopover = () => {
+            this.isOpen.set(true);
             this.targetElement().showPopover({ source: this.hostElement() });
         };
-        this.closePopover = () => {
+        this.hidePopover = () => {
+            this.isOpen.set(false);
             this.targetElement().hidePopover();
         };
-        this.closeIfOutsideHostAndTarget = () => {
+        this.hideIfOutsideHostAndTarget = () => {
+            if (!this.isOpen())
+                return;
             if (!this.isInsideHost() && !this.isInsideTarget())
-                this.closePopover();
+                this.hidePopover();
         };
     }
     ngOnInit() {
@@ -4124,15 +4130,15 @@ class ChrPopoverDirectiveDirective {
         this.renderer.setStyle(this.targetElement(), 'border', 'none');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ChrPopoverDirectiveDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.8", type: ChrPopoverDirectiveDirective, 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 }, chrPopoverOnHover: { classPropertyName: "chrPopoverOnHover", publicName: "chrPopoverOnHover", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keyup.escape": "closePopover()", "mousedown": "closeIfOutsideHostAndTarget()" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.8", type: ChrPopoverDirectiveDirective, 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 }, chrPopoverOnHover: { classPropertyName: "chrPopoverOnHover", publicName: "chrPopoverOnHover", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keyup.escape": "hidePopover()", "mousedown": "hideIfOutsideHostAndTarget()" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ChrPopoverDirectiveDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[chrPopover]',
                     host: {
-                        '(keyup.escape)': 'closePopover()',
-                        '(mousedown)': 'closeIfOutsideHostAndTarget()',
+                        '(keyup.escape)': 'hidePopover()',
+                        '(mousedown)': 'hideIfOutsideHostAndTarget()',
                     },
                 }]
         }], propDecorators: { chrPopover: [{ type: i0.Input, args: [{ isSignal: true, alias: "chrPopover", required: true }] }], chrPopoverPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "chrPopoverPosition", required: false }] }], chrPopoverOnHover: [{ type: i0.Input, args: [{ isSignal: true, alias: "chrPopoverOnHover", required: false }] }] } });