fix(all-grids): expose grid in template context

Author: ddaribo

projects/igniteui-angular/src/lib/grids/grid-base.directive.ts

@@ -3213,7 +3213,7 @@ export abstract class IgxGridBaseDirective extends DisplayDensityBase implements
     /**
      * @hidden @internal
      */
-    public get template(): TemplateRef<any> {
+    public get template(): TemplateRef<IgxGridTemplateContext> {
         if (this.isLoading && (this.hasZeroResultFilter || this.hasNoData)) {
             return this.loadingGridTemplate ? this.loadingGridTemplate : this.loadingGridDefaultTemplate;
         }

projects/igniteui-angular/src/lib/grids/grid/grid.component.html

@@ -131,7 +131,7 @@
             </div>
         </ng-template>
 
-        <ng-container *ngTemplateOutlet="template"></ng-container>
+        <ng-container *ngTemplateOutlet="template; context: { $implicit: this }"></ng-container>
         <div class="igx-grid__row-editing-outlet" igxOverlayOutlet #igxRowEditingOverlayOutlet></div>
         <igc-trial-watermark></igc-trial-watermark>
     </div>

projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-grid.component.html

@@ -56,7 +56,7 @@
             </igx-pivot-row>
         </ng-template>
 
-        <ng-container *ngTemplateOutlet="template"></ng-container>
+        <ng-container *ngTemplateOutlet="template; context: { $implicit: this }"></ng-container>
         <igc-trial-watermark></igc-trial-watermark>
     </div>
     <div igxToggle #loadingOverlay>

projects/igniteui-angular/src/lib/grids/tree-grid/tree-grid.component.html

@@ -87,7 +87,7 @@
                 class="igx-grid__summaries--body" role="row" #summaryRow>
             </igx-grid-summary-row>
         </ng-template>
-        <ng-container *ngTemplateOutlet="template"></ng-container>
+        <ng-container *ngTemplateOutlet="template; context: { $implicit: this }"></ng-container>
         <div class="igx-grid__row-editing-outlet" igxOverlayOutlet #igxRowEditingOverlayOutlet></div>
         <igc-trial-watermark></igc-trial-watermark>
     </div>