@vsn-ux/ngx-gaia 0.14.4 → 0.14.5

package/fesm2022/vsn-ux-ngx-gaia.mjs

@@ -10,11 +10,11 @@ import { NgTemplateOutlet } from '@angular/common';
 import { ComponentPortal } from '@angular/cdk/portal';
 import { Subject, takeUntil, map, merge, filter, Observable, isObservable, timer } from 'rxjs';
 import { ESCAPE, hasModifierKey } from '@angular/cdk/keycodes';
+import * as i1$3 from '@angular/cdk/a11y';
+import { FocusMonitor, CdkTrapFocus } from '@angular/cdk/a11y';
 import * as i1$2 from '@angular/cdk/menu';
 import { CdkMenu, CdkMenuItem, CdkMenuTrigger, MENU_SCROLL_STRATEGY } from '@angular/cdk/menu';
 import { Router, ResolveStart } from '@angular/router';
-import * as i1$3 from '@angular/cdk/a11y';
-import { CdkTrapFocus } from '@angular/cdk/a11y';
 import * as i1$4 from '@angular/cdk/scrolling';
 import { CdkScrollable } from '@angular/cdk/scrolling';
 import * as i1$5 from '@angular/cdk/listbox';
@@ -2532,6 +2532,7 @@ class GaTooltipDirective {
     elementRef = inject(ElementRef);
     overlay = inject(Overlay);
     ngZone = inject(NgZone);
+    focusMonitor = inject(FocusMonitor);
     destroyed$ = new Subject();
     _content = null;
     tooltipInstanceDestroyed$ = null;
@@ -2612,9 +2613,28 @@ class GaTooltipDirective {
     get placement() {
         return this._placement;
     }
+    constructor() {
+        // Only treat keyboard focus as a tooltip trigger. Pointer-originated focus
+        // (e.g. clicking a button) is left to the hover lifecycle, so the tooltip
+        // dismisses on mouse leave even though the element keeps focus.
+        this.focusMonitor
+            .monitor(this.elementRef)
+            .pipe(takeUntil(this.destroyed$))
+            .subscribe((origin) => {
+            this.ngZone.run(() => {
+                if (origin === 'keyboard') {
+                    this.handleFocusIn();
+                }
+                else if (!origin) {
+                    this.handleFocusOut();
+                }
+            });
+        });
+    }
     ngOnDestroy() {
         this.clearShowTimeout();
         this.isAnimatingOut = false;
+        this.focusMonitor.stopMonitoring(this.elementRef);
         this.destroyed$.next();
         this.destroyed$.complete();
         this.overlayRef?.detach();
@@ -2875,7 +2895,7 @@ class GaTooltipDirective {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: GaTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: GaTooltipDirective, isStandalone: true, selector: "[gaTooltip]", inputs: { content: { classPropertyName: "content", publicName: "gaTooltip", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "gaTooltipDisabled", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, controlMode: { classPropertyName: "controlMode", publicName: "gaTooltipControlMode", isSignal: false, isRequired: false, transformFunction: null }, showControlMode: { classPropertyName: "showControlMode", publicName: "gaTooltipShowControlMode", isSignal: false, isRequired: false, transformFunction: null }, hideControlMode: { classPropertyName: "hideControlMode", publicName: "gaTooltipHideControlMode", isSignal: false, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "gaTooltipOffsetSize", isSignal: false, isRequired: false, transformFunction: numberAttribute }, showDelay: { classPropertyName: "showDelay", publicName: "gaTooltipShowDelay", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "gaTooltipPlacement", isSignal: false, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "handleMouseClick()", "mouseenter": "handleMouseEnter()", "mouseleave": "handleMouseLeave()", "focusin": "handleFocusIn()", "focusout": "handleFocusOut()" }, properties: { "attr.aria-describedby": "ariaDescribedBy()" } }, exportAs: ["gaTooltip"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: GaTooltipDirective, isStandalone: true, selector: "[gaTooltip]", inputs: { content: { classPropertyName: "content", publicName: "gaTooltip", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "gaTooltipDisabled", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, controlMode: { classPropertyName: "controlMode", publicName: "gaTooltipControlMode", isSignal: false, isRequired: false, transformFunction: null }, showControlMode: { classPropertyName: "showControlMode", publicName: "gaTooltipShowControlMode", isSignal: false, isRequired: false, transformFunction: null }, hideControlMode: { classPropertyName: "hideControlMode", publicName: "gaTooltipHideControlMode", isSignal: false, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "gaTooltipOffsetSize", isSignal: false, isRequired: false, transformFunction: numberAttribute }, showDelay: { classPropertyName: "showDelay", publicName: "gaTooltipShowDelay", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "gaTooltipPlacement", isSignal: false, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "handleMouseClick()", "mouseenter": "handleMouseEnter()", "mouseleave": "handleMouseLeave()" }, properties: { "attr.aria-describedby": "ariaDescribedBy()" } }, exportAs: ["gaTooltip"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: GaTooltipDirective, decorators: [{
             type: Directive,
@@ -2887,11 +2907,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
                         '(click)': 'handleMouseClick()',
                         '(mouseenter)': 'handleMouseEnter()',
                         '(mouseleave)': 'handleMouseLeave()',
-                        '(focusin)': 'handleFocusIn()',
-                        '(focusout)': 'handleFocusOut()',
                     },
                 }]
-        }], propDecorators: { content: [{
+        }], ctorParameters: () => [], propDecorators: { content: [{
                 type: Input,
                 args: ['gaTooltip']
             }], disabled: [{