@shival99/z-ui 1.2.35 → 1.2.37

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

@@ -2350,7 +2350,6 @@ class ZTableComponent {
     _dataForceUpdate = signal(0, ...(ngDevMode ? [{ debugName: "_dataForceUpdate" }] : []));
     _columnConfigCache = new Map();
     _lastColumnsRef = null;
-    _configCacheLoaded = false;
     pinnedColumnIds = computed(() => {
         this._columnPinVersion();
         return this.columnOrder().filter(id => {
@@ -3056,20 +3055,20 @@ class ZTableComponent {
         explicitEffect([this._zTranslate.currentLang], () => {
             this._dataForceUpdate.update(v => v + 1);
         });
-        explicitEffect([this.zKey, this.zConfig], ([key, config]) => {
-            if (key && config.columns && config.columns.length > 0) {
-                this._loadConfigCache();
+        explicitEffect([this.zKey, this.zConfig], ([key, cfg]) => {
+            if (!cfg.columns || cfg.columns.length === 0) {
+                return;
             }
-        });
-        explicitEffect([this.zConfig], ([cfg]) => {
+            const cacheLoaded = key ? this._loadConfigCache(key) : false;
             const initial = cfg.initialState;
-            console.log('🚀 ~ initial:', initial);
             if (initial) {
-                if (initial.columnPinning) {
-                    this.columnPinning.set(initial.columnPinning);
-                }
-                if (initial.columnVisibility) {
-                    this.columnVisibility.set(initial.columnVisibility);
+                if (!cacheLoaded) {
+                    if (initial.columnPinning) {
+                        this.columnPinning.set(initial.columnPinning);
+                    }
+                    if (initial.columnVisibility) {
+                        this.columnVisibility.set(initial.columnVisibility);
+                    }
                 }
                 if (initial.sorting) {
                     this.sorting.set(initial.sorting);
@@ -3093,7 +3092,9 @@ class ZTableComponent {
                     this.pagination.set(initial.pagination);
                 }
             }
-            this.showHeaderFooterShadow.set(cfg.showHeaderShadow ?? cfg.showFooterShadow ?? true);
+            if (!cacheLoaded) {
+                this.showHeaderFooterShadow.set(cfg.showHeaderShadow ?? cfg.showFooterShadow ?? true);
+            }
             const cols = cfg.columns ?? [];
             const leftPinned = [...(initial?.columnPinning?.left ?? [])];
             const rightPinned = [...(initial?.columnPinning?.right ?? [])];
@@ -3111,11 +3112,10 @@ class ZTableComponent {
                 }
             };
             collectPinnedColumns(cols);
-            if (leftPinned.length > 0 || rightPinned.length > 0) {
+            if (!cacheLoaded && (leftPinned.length > 0 || rightPinned.length > 0)) {
                 this.columnPinning.set({ left: leftPinned, right: rightPinned });
             }
-            console.log('🚀 ~ this.columnPinning:', this.columnPinning);
-        });
+        }, { defer: true });
         explicitEffect([this.zConfig], ([cfg]) => {
             if (cfg.enableRowPinning && !this.hasBodyRowSpan()) {
                 const cols = cfg.columns ?? [];
@@ -3646,21 +3646,18 @@ class ZTableComponent {
         collect(columns);
         return result;
     }
-    _loadConfigCache() {
-        const key = this.zKey();
+    _loadConfigCache(key) {
         if (!key) {
-            return;
+            return false;
         }
         try {
             const config = ZCacheService.get(`table-config-${key}`);
-            console.log('🚀 ~ config:', config);
             if (!config) {
-                return;
+                return false;
             }
             if (!this._isColumnConfigValid(config.columnInfo)) {
-                console.warn('Saved table config is invalid or outdated. Ignoring saved config.');
                 ZCacheService.delete(`table-config-${key}`);
-                return;
+                return false;
             }
             if (config.columnOrder && config.columnOrder.length > 0) {
                 this.columnOrder.set(config.columnOrder);
@@ -3683,10 +3680,11 @@ class ZTableComponent {
             if (config.columnSizing) {
                 this.table.setColumnSizing(config.columnSizing);
             }
-            console.log('zzz🚀 ~ config:', config);
+            return true;
         }
         catch (error) {
             console.error('Failed to load table config:', error);
+            return false;
         }
     }
     _isColumnConfigValid(cachedColumnInfo) {