diff --git a/projects/common/element-component.directive.ts b/projects/common/element-component.directive.ts
index 5b864a46c18f8abbfc34415692d1c06324263e91..261325731d312bd557d0c1fe3c855d4398bc4e26 100644
--- a/projects/common/element-component.directive.ts
+++ b/projects/common/element-component.directive.ts
@@ -1,15 +1,21 @@
 import {
+  AfterViewInit,
   Directive, ElementRef
 } from '@angular/core';
 import { UIElement } from './models/uI-element';
 
 @Directive()
-export abstract class ElementComponent {
+export abstract class ElementComponent implements AfterViewInit {
   abstract elementModel: UIElement;
+  project!: 'player' | 'editor';
 
   constructor(private elementRef: ElementRef) {}
 
   get domElement(): Element {
     return this.elementRef.nativeElement;
   }
+
+  ngAfterViewInit(): void {
+    this.project = this.elementRef.nativeElement.closest('app-element-container') ? 'player' : 'editor';
+  }
 }