import { Directive, Input, OnDestroy, OnInit, TemplateRef } from '@angular/core';
import { TalyFrameSmallPrintService } from '../../services/small-print.service';

const DEFAULT_INDEX = 0;

@Directive({
  selector: '[talyFrameSmallPrint]',
  standalone: false
})
export class TalyFrameSmallPrintMarkerDirective implements OnInit, OnDestroy {
  private index = DEFAULT_INDEX;

  @Input()
  set talyFrameSmallPrint(index: number | string) {
    this.index = Number(index ?? DEFAULT_INDEX);
  }

  constructor(
    private templateRef: TemplateRef<unknown>,
    private smallPrintService: TalyFrameSmallPrintService
  ) {}

  ngOnInit(): void {
    this.smallPrintService.registerTemplate(this.templateRef, this.index);
  }

  ngOnDestroy(): void {
    this.smallPrintService.removeTemplate(this.templateRef);
  }
}