Merge branch 'rkaraivanov/grids-restructure' of https://github.com/IgniteUI/igniteui-angular into rkaraivanov/grids-restructure

Author: ChronosSF

projects/igniteui-angular/src/lib/directives/for-of/for_of.directive.ts

@@ -1230,6 +1230,8 @@ export class IgxForOfDirective<T> implements OnInit, OnChanges, DoCheck, OnDestr
     protected removeLastElem() {
         const oldElem = this._embeddedViews.pop();
         this.onBeforeViewDestroyed.emit(oldElem);
+        // also detach from ViewContainerRef to make absolutely sure this is removed from the view container.
+        this.dc.instance._vcr.detach(this.dc.instance._vcr.length - 1);
         oldElem.destroy();
 
         this.state.chunkSize--;

projects/igniteui-angular/src/lib/grids/grid/grid-api.service.ts

@@ -5,7 +5,9 @@ import { IGroupByExpandState } from '../../data-operations/groupby-expand-state.
 import { DataUtil } from '../../data-operations/data-util';
 import { cloneArray } from '../../core/utils';
 import { IGroupingExpression } from '../../data-operations/grouping-expression.interface';
+import { Injectable } from '@angular/core';
 
+@Injectable()
 export class IgxGridAPIService extends GridBaseAPIService<IgxGridComponent> {
 
     public groupBy(expression: IGroupingExpression): void {

projects/igniteui-angular/src/lib/grids/hierarchical-grid/hierarchical-grid-api.service.ts

@@ -4,6 +4,9 @@ import { Subject } from 'rxjs';
 import { IPathSegment } from './hierarchical-grid-base.component';
 import { IgxGridBaseComponent, GridBaseAPIService } from '../grid';
 import { GridType } from '../common/grid.interface';
+import { Injectable } from '@angular/core';
+
+@Injectable()
 export class IgxHierarchicalGridAPIService extends GridBaseAPIService<IgxGridBaseComponent & GridType> {
     protected childRowIslands: Map<string, IgxRowIslandComponent> = new Map<string, IgxRowIslandComponent>();
     protected childGrids:  Map<string, Map<any, IgxHierarchicalGridComponent>> =

projects/igniteui-angular/src/lib/grids/hierarchical-grid/hierarchical-grid-navigation.service.ts

@@ -5,7 +5,9 @@ import { ISelectionNode } from '../selection/selection.service';
 import { isIE } from '../../core/utils';
 import { FilterMode } from '../common/enums';
 import { IgxColumnComponent } from '../columns/column.component';
+import { Injectable } from '@angular/core';
 
+@Injectable()
 export class IgxHierarchicalGridNavigationService extends IgxGridNavigationService {
     public grid: IgxHierarchicalGridComponent;