@shival99/z-ui 1.4.23 → 1.4.27

package/fesm2022/shival99-z-ui-components-z-table.mjs

@@ -2,7 +2,7 @@ import { moveItemInArray, CdkDropList, CdkDrag } from '@angular/cdk/drag-drop';
 import { ScrollingModule } from '@angular/cdk/scrolling';
 import { NgClass, NgStyle, NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { input, output, computed, ChangeDetectionStrategy, Component, inject, DestroyRef, signal, ElementRef, Renderer2, Directive, NgZone, Pipe, TemplateRef, viewChild, viewChildren, untracked, effect, afterNextRender } from '@angular/core';
+import { input, output, computed, ChangeDetectionStrategy, Component, inject, DestroyRef, Injector, signal, ElementRef, Renderer2, Directive, NgZone, Pipe, TemplateRef, viewChild, viewChildren, untracked, effect, afterNextRender } from '@angular/core';
 import { TranslatePipe } from '@ngx-translate/core';
 import { injectVirtualizer } from '@shival99/angular-virtual';
 import { ZButtonComponent } from '@shival99/z-ui/components/z-button';
@@ -244,6 +244,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
 
 class ZTableEditCellComponent {
     _destroyRef = inject(DestroyRef);
+    _injector = inject(Injector);
     zRow = input.required(...(ngDevMode ? [{ debugName: "zRow" }] : []));
     zRowId = input.required(...(ngDevMode ? [{ debugName: "zRowId" }] : []));
     zRowIndex = input.required(...(ngDevMode ? [{ debugName: "zRowIndex" }] : []));
@@ -328,13 +329,11 @@ class ZTableEditCellComponent {
         this._currentValue.set(newValue);
         this._initialized = true;
         const config = this.editConfig();
-        // If blurEdit is enabled, store pending value and wait for blur
         if (config?.blurEdit) {
             this._pendingBlurValue = newValue;
             this._hasPendingBlur = true;
             return;
         }
-        // Use RxJS Subject for debounce
         this._valueChange$.next({ oldValue, newValue });
     }
     onInputControlReady(control) {
@@ -342,9 +341,9 @@ class ZTableEditCellComponent {
         this._setupBlurWatcher();
     }
     _handleInputBlur() {
-        // Only emit if blurEdit is enabled and there's a pending value
-        if (!this._hasPendingBlur)
+        if (!this._hasPendingBlur) {
             return;
+        }
         const oldValue = this.zValue();
         this._hasPendingBlur = false;
         this._emitChange(oldValue, this._pendingBlurValue);
@@ -390,27 +389,21 @@ class ZTableEditCellComponent {
     ngOnInit() {
         const config = this.editConfig();
         const debounceMs = config?.debounceTime ?? 0;
-        // Setup debounced value change subscription
         this._valueChange$
             .pipe(debounceTime(debounceMs), distinctUntilChanged((a, b) => a.newValue === b.newValue), takeUntilDestroyed(this._destroyRef))
             .subscribe(({ oldValue, newValue }) => {
             this._emitChange(oldValue, newValue);
         });
-        // Watch input control state for blur (for blurEdit feature)
-        // This is done via effect-like polling since control is set async
         this._destroyRef.onDestroy(() => {
             this._valueChange$.complete();
         });
     }
-    // Called from template when input control is ready
-    // We watch the state signal for blur changes using toObservable
     _setupBlurWatcher() {
-        if (!this._inputControl || !this.editConfig()?.blurEdit)
+        if (!this._inputControl || !this.editConfig()?.blurEdit) {
             return;
-        // Convert state signal to observable and watch for blur transitions
-        toObservable(this._inputControl.state)
-            .pipe(map(state => state.blurred), pairwise(), filter(([prev, curr]) => !prev && curr), // Only when transitioning to blurred
-        takeUntilDestroyed(this._destroyRef))
+        }
+        toObservable(this._inputControl.state, { injector: this._injector })
+            .pipe(map(state => state.blurred), pairwise(), filter(([prev, curr]) => !prev && curr), takeUntilDestroyed(this._destroyRef))
             .subscribe(() => {
             this._handleInputBlur();
         });