@ai-table/grid 0.5.3 → 0.5.4

package/fesm2022/ai-table-grid.mjs

@@ -12650,6 +12650,7 @@ class RecordDetailComponent {
         this.activeFieldId = null;
         this.fieldMenuActive = signal({}, ...(ngDevMode ? [{ debugName: "fieldMenuActive" }] : []));
         this.fieldMenuPopoverRef = null;
+        this.currentPopoverFieldId = null;
         this.slideRef = inject(ThySlideRef);
         this.thyPopover = inject(ThyPopover);
         effect(() => {
@@ -12665,6 +12666,17 @@ class RecordDetailComponent {
                 this.internalRecordId.set(activeCell[0]);
             }
         });
+        effect(() => {
+            const fields = this.fields();
+            if (this.currentPopoverFieldId && this.fieldMenuPopoverRef) {
+                const fieldExists = fields.some((field) => field._id === this.currentPopoverFieldId);
+                if (!fieldExists) {
+                    this.fieldMenuPopoverRef.close();
+                    this.fieldMenuPopoverRef = null;
+                    this.currentPopoverFieldId = null;
+                }
+            }
+        });
     }
     updateRecordId(recordId) {
         this.recordId.set(recordId);
@@ -12695,6 +12707,7 @@ class RecordDetailComponent {
         const origin = e.currentTarget;
         const position = fieldMenuOrigin.getBoundingClientRect();
         this.fieldMenuActive.set({ [fieldId]: true });
+        this.currentPopoverFieldId = fieldId;
         let isSelfClose = false;
         this.fieldMenuPopoverRef =
             this.thyPopover.open(AITableFieldMenu, {
@@ -12720,6 +12733,7 @@ class RecordDetailComponent {
                     this.fieldMenuActive.set({ [fieldId]: false });
                 }
                 this.fieldMenuPopoverRef = null;
+                this.currentPopoverFieldId = null;
             });
         }
     }