@vsn-ux/ngx-gaia 0.9.7 → 0.9.9

package/DOCS.md

@@ -221,6 +221,11 @@ Input directive for datepicker integration.
 - `min: any` - Minimum date constraint
 - `max: any` - Maximum date constraint
 
+#### Outputs:
+
+- `dateChange(value: any)` - Emitted when the input loses focus (blur) and the date has changed
+- `dateInput(value: any)` - Emitted immediately when the user types in the text input and the parsed value changes
+
 ### `<ga-datepicker-toggle>`
 
 Toggle button component for opening datepicker.

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

@@ -1067,7 +1067,7 @@ class GaDatepickerComponent {
         return Array.from({ length: 25 }, (_, i) => startYear + i - 1);
     });
     selectDate(dateStruct) {
-        if (this.isDateDisabled(dateStruct)) {
+        if (this.isDateDisabled(dateStruct) || this.isSelected(dateStruct)) {
             return;
         }
         const externalValue = this.valueAdapter.fromStruct(dateStruct);
@@ -1680,15 +1680,18 @@ class GaDatepickerInputDirective {
     value = linkedSignal(() => this.valueInput());
     dateStruct = computed(() => this.valueAdapter.toStruct(this.value()));
     disabled = linkedSignal(() => !!this.disabledInput());
-    lastEmittedStruct = signal(null);
     lastValueValid = signal(false);
+    lastDateChangeEmittedValue = signal(null);
     onNgChangeFn;
     onNgTouchedFn;
     constructor() {
         effect(() => {
             this.valueInput(); // explicit call to track value input changes
             this.lastValueValid.set(true);
-            untracked(() => this.formatValue());
+            untracked(() => {
+                this.lastDateChangeEmittedValue.set(this.dateStruct());
+                this.formatValue();
+            });
         });
     }
     onInput(event) {
@@ -1708,9 +1711,9 @@ class GaDatepickerInputDirective {
         if (this.dateStruct()) {
             this.formatValue();
         }
-        if (compareStructs(this.dateStruct(), this.lastEmittedStruct()) !== 0) {
+        if (compareStructs(this.dateStruct(), this.lastDateChangeEmittedValue()) !== 0) {
             this.dateChange.emit(this.value());
-            this.lastEmittedStruct.set(this.dateStruct());
+            this.lastDateChangeEmittedValue.set(this.dateStruct());
         }
         this.onNgTouchedFn?.();
     }
@@ -1735,6 +1738,7 @@ class GaDatepickerInputDirective {
     // ControlValueAccessor implementation
     writeValue(value) {
         this.updateValue(value, { updateView: true });
+        this.lastDateChangeEmittedValue.set(this.dateStruct());
     }
     registerOnChange(fn) {
         this.onNgChangeFn = fn;
@@ -4128,9 +4132,12 @@ class GaSelectComponent {
     scrollActiveOptionIntoView() {
         afterNextRender({
             mixedReadWrite: () => {
-                const activeOption = this.gaOptions().find((option) => option.active());
+                const activeOption = this.gaOptions().find((option) => option.cdkOption.isActive());
                 if (activeOption) {
-                    activeOption.cdkOption.setActiveStyles();
+                    activeOption.cdkOption.element.scrollIntoView({
+                        block: 'nearest',
+                        inline: 'nearest',
+                    });
                 }
             },
         }, { injector: this.injector });