diff --git a/projects/components/src/tooltip/tooltip-content-container.component.ts b/projects/components/src/tooltip/tooltip-content-container.component.ts
index 12baea632..3fe393030 100644
--- a/projects/components/src/tooltip/tooltip-content-container.component.ts
+++ b/projects/components/src/tooltip/tooltip-content-container.component.ts
@@ -8,18 +8,23 @@ import { POPOVER_DATA } from '../popover/popover';
template: `
-
+
- {{ this.content }}
+ {{ this.data.content }}
`
})
export class TooltipContentContainerComponent {
public readonly isComplexContent: boolean;
- public constructor(@Inject(POPOVER_DATA) public readonly content: string | TemplateRef) {
- this.isComplexContent = content instanceof TemplateRef;
+ public readonly templateRef: TemplateRef;
+
+ public constructor(
+ @Inject(POPOVER_DATA) public readonly data: { content: string | TemplateRef; context: unknown }
+ ) {
+ this.isComplexContent = data.content instanceof TemplateRef;
+ this.templateRef = data.content as TemplateRef;
}
}
diff --git a/projects/components/src/tooltip/tooltip.directive.ts b/projects/components/src/tooltip/tooltip.directive.ts
index 83354f22f..8d70c31ba 100644
--- a/projects/components/src/tooltip/tooltip.directive.ts
+++ b/projects/components/src/tooltip/tooltip.directive.ts
@@ -16,6 +16,9 @@ export class TooltipDirective implements OnDestroy {
@Input('htTooltip')
public content?: TemplateRef | string | number;
+ @Input('htTooltipContext')
+ public context?: unknown;
+
private readonly mouseEnter$: Subject = new Subject();
private readonly mouseLeave$: Subject = 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,