@shival99/z-ui 1.6.3 → 1.6.6

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, Injector, 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, effect, ElementRef, Renderer2, Directive, NgZone, Pipe, TemplateRef, viewChild, viewChildren, untracked, 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';
@@ -255,10 +255,15 @@ class ZTableEditCellComponent {
     zChange = output();
     _currentValue = signal(undefined, ...(ngDevMode ? [{ debugName: "_currentValue" }] : []));
     _valueChange$ = new Subject();
-    _lastExternalValue = undefined;
     _pendingBlurValue = undefined;
     _hasPendingBlur = false;
     _inputControl = null;
+    constructor() {
+        effect(() => {
+            const externalValue = this.zValue();
+            this._currentValue.set(externalValue);
+        });
+    }
     editConfig = computed(() => {
         const config = this.zEditConfig();
         if (!config || typeof config === 'boolean') {
@@ -339,15 +344,7 @@ class ZTableEditCellComponent {
         }
         return config.readonly;
     }, ...(ngDevMode ? [{ debugName: "isReadonly" }] : []));
-    value = computed(() => {
-        const externalValue = this.zValue();
-        if (externalValue !== this._lastExternalValue) {
-            this._lastExternalValue = externalValue;
-            this._currentValue.set(externalValue);
-            return externalValue;
-        }
-        return this._currentValue();
-    }, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    value = computed(() => this._currentValue(), ...(ngDevMode ? [{ debugName: "value" }] : []));
     stringValue = computed(() => {
         const val = this.value();
         if (val === null || val === undefined) {
@@ -503,7 +500,8 @@ class ZTableEditCellComponent {
           [zScrollClose]="true"
           [zOptions]="selectOptions()"
           [zAllowClear]="allowClear()"
-          [zDisabled]="isDisabled() || isReadonly()"
+          [zDisabled]="isDisabled()"
+          [zReadonly]="isReadonly()"
           [ngModel]="value()"
           [zPlaceholder]="placeholder()"
           (ngModelChange)="onSelectChange($event)"
@@ -517,7 +515,8 @@ class ZTableEditCellComponent {
           zAllowClear
           zValueType="date"
           [zScrollClose]="true"
-          [zDisabled]="isDisabled() || isReadonly()"
+          [zDisabled]="isDisabled()"
+          [zReadonly]="isReadonly()"
           [zPlaceholder]="placeholder()"
           [ngModel]="dateValue()"
           (ngModelChange)="onDateChange($event)"
@@ -602,7 +601,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
           [zScrollClose]="true"
           [zOptions]="selectOptions()"
           [zAllowClear]="allowClear()"
-          [zDisabled]="isDisabled() || isReadonly()"
+          [zDisabled]="isDisabled()"
+          [zReadonly]="isReadonly()"
           [ngModel]="value()"
           [zPlaceholder]="placeholder()"
           (ngModelChange)="onSelectChange($event)"
@@ -616,7 +616,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
           zAllowClear
           zValueType="date"
           [zScrollClose]="true"
-          [zDisabled]="isDisabled() || isReadonly()"
+          [zDisabled]="isDisabled()"
+          [zReadonly]="isReadonly()"
           [zPlaceholder]="placeholder()"
           [ngModel]="dateValue()"
           (ngModelChange)="onDateChange($event)"
@@ -654,7 +655,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
   `, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'z-table-edit-cell block',
                     }, styles: [":host{display:block;width:100%}\n"] }]
-        }], propDecorators: { zRow: [{ type: i0.Input, args: [{ isSignal: true, alias: "zRow", required: true }] }], zRowId: [{ type: i0.Input, args: [{ isSignal: true, alias: "zRowId", required: true }] }], zRowIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "zRowIndex", required: true }] }], zColumnId: [{ type: i0.Input, args: [{ isSignal: true, alias: "zColumnId", required: true }] }], zValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "zValue", required: false }] }], zEditConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "zEditConfig", required: false }] }], zChange: [{ type: i0.Output, args: ["zChange"] }] } });
+        }], ctorParameters: () => [], propDecorators: { zRow: [{ type: i0.Input, args: [{ isSignal: true, alias: "zRow", required: true }] }], zRowId: [{ type: i0.Input, args: [{ isSignal: true, alias: "zRowId", required: true }] }], zRowIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "zRowIndex", required: true }] }], zColumnId: [{ type: i0.Input, args: [{ isSignal: true, alias: "zColumnId", required: true }] }], zValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "zValue", required: false }] }], zEditConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "zEditConfig", required: false }] }], zChange: [{ type: i0.Output, args: ["zChange"] }] } });
 
 class ZTableFilterComponent {
     zColumn = input.required(...(ngDevMode ? [{ debugName: "zColumn" }] : []));