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,