import { Directive, Input, OnDestroy, OnInit, TemplateRef, inject } 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 templateRef = inject<TemplateRef<unknown>>(TemplateRef);
  private smallPrintService = inject(TalyFrameSmallPrintService);

  private index = DEFAULT_INDEX;

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

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

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