clients/libs/components/src/tooltip/tooltip.component.ts

import { CommonModule } from "@angular/common";
import {
  Component,
  ElementRef,
  inject,
  InjectionToken,
  Signal,
  TemplateRef,
  viewChild,
} from "@angular/core";

import { TooltipPosition } from "./tooltip-positions";

type TooltipData = {
  content: Signal<string>;
  isVisible: Signal<boolean>;
  tooltipPosition: Signal<TooltipPosition>;
  id: Signal<string>;
};

export const TOOLTIP_DATA = new InjectionToken<TooltipData>("TOOLTIP_DATA");

/**
 * tooltip component used internally by the tooltip.directive. Not meant to be used explicitly
 */
// FIXME(https://bitwarden.atlassian.net/browse/CL-764): Migrate to OnPush
// eslint-disable-next-line @angular-eslint/prefer-on-push-component-change-detection
@Component({
  selector: "bit-tooltip",
  templateUrl: "./tooltip.component.html",
  imports: [CommonModule],
})
export class TooltipComponent {
  readonly templateRef = viewChild.required(TemplateRef);

  private elementRef = inject(ElementRef<HTMLDivElement>);

  readonly tooltipData = inject<TooltipData>(TOOLTIP_DATA);
}