feat(tooltip): add context data to tooltip (#1464)

Author: adisreyaj

projects/components/src/tooltip/tooltip-content-container.component.ts

@@ -8,18 +8,23 @@ import { POPOVER_DATA } from '../popover/popover';
   template: `
     <div class="tooltip-container">
       <ng-container *ngIf="this.isComplexContent; else simpleContent">
-        <ng-container *ngTemplateOutlet="this.content"> </ng-container>
+        <ng-container *ngTemplateOutlet="this.templateRef; context: this.data.context"></ng-container>
       </ng-container>
 
       <ng-template #simpleContent>
-        {{ this.content }}
+        {{ this.data.content }}
       </ng-template>
     </div>
   `
 })
 export class TooltipContentContainerComponent {
   public readonly isComplexContent: boolean;
-  public constructor(@Inject(POPOVER_DATA) public readonly content: string | TemplateRef<unknown>) {
-    this.isComplexContent = content instanceof TemplateRef;
+  public readonly templateRef: TemplateRef<unknown>;
+
+  public constructor(
+    @Inject(POPOVER_DATA) public readonly data: { content: string | TemplateRef<unknown>; context: unknown }
+  ) {
+    this.isComplexContent = data.content instanceof TemplateRef;
+    this.templateRef = data.content as TemplateRef<unknown>;
   }
 }

projects/components/src/tooltip/tooltip.directive.ts

@@ -16,6 +16,9 @@ export class TooltipDirective implements OnDestroy {
   @Input('htTooltip')
   public content?: TemplateRef<unknown> | string | number;
 
+  @Input('htTooltipContext')
+  public context?: unknown;
+
   private readonly mouseEnter$: Subject<MouseEvent> = new Subject();
   private readonly mouseLeave$: Subject<MouseEvent> = new Subject();
 
@@ -55,7 +58,7 @@ export class TooltipDirective implements OnDestroy {
 
     this.popover = this.popoverService.drawPopover({
       componentOrTemplate: TooltipContentContainerComponent,
-      data: this.content,
+      data: { content: this.content, context: this.context ?? {} },
       position: {
         type: PopoverPositionType.Relative,
         origin: this.host,