@vsn-ux/ngx-gaia 0.14.3 → 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';
@@ -1864,7 +1864,6 @@ class GaDatepickerInputDirective {
     updateValue(value, { updateView, emitToNgModel, } = {}) {
         this.value.set(value);
         this.lastValueValid.set(true);
-        this.lastDateChangeEmittedValue.set(value);
         if (updateView) {
             this.formatValue();
         }
@@ -1874,11 +1873,37 @@ class GaDatepickerInputDirective {
             this.onNgTouchedFn?.();
             this.dateInput.emit(value);
             this.dateChange.emit(value);
+            // The dedupe baseline must only advance when dateChange is actually
+            // emitted, so the next blur can detect a real change.
+            this.lastDateChangeEmittedValue.set(value);
         }
     }
     // ControlValueAccessor implementation
     writeValue(value) {
+        // A form write-back echoing the value we already hold (e.g. the
+        // synchronous/async round-trip triggered by `onInput` -> `onNgChangeFn`)
+        // must NOT advance the dedupe baseline, otherwise a manually typed date
+        // would be neutralized before `onBlur` can emit `dateChange`.
+        // A genuine programmatic seed brings a new value and must advance the
+        // baseline so blurring without an edit does not spuriously emit.
+        const isEcho = this.valuesEqual(value, this.value());
         this.updateValue(value, { updateView: !this.focused });
+        if (!isEcho) {
+            this.lastDateChangeEmittedValue.set(value);
+        }
+    }
+    valuesEqual(a, b) {
+        if (a === b) {
+            return true;
+        }
+        const structA = this.valueAdapter.toStruct(a);
+        const structB = this.valueAdapter.toStruct(b);
+        // Two unparseable (e.g. raw string) values are only equal when identical,
+        // already handled above; treat them as distinct here.
+        if (!structA && !structB) {
+            return false;
+        }
+        return compareStructs(structA, structB) === 0;
     }
     registerOnChange(fn) {
         this.onNgChangeFn = fn;
@@ -2507,6 +2532,7 @@ class GaTooltipDirective {
     elementRef = inject(ElementRef);
     overlay = inject(Overlay);
     ngZone = inject(NgZone);
+    focusMonitor = inject(FocusMonitor);
     destroyed$ = new Subject();
     _content = null;
     tooltipInstanceDestroyed$ = null;
@@ -2587,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();
@@ -2850,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,
@@ -2862,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: [{