import { computed, Directive, OnDestroy, OnInit, TemplateRef, inject, input } 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);

  readonly talyFrameSmallPrint = input<number | string>(DEFAULT_INDEX);
  private readonly index = computed(() => Number(this.talyFrameSmallPrint() ?? DEFAULT_INDEX));

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

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