import {
  Directive,
  HostListener,
  Inject,
  Input,
} from '@angular/core';
import { ExpandRowService } from './expand-row.service';
import { Required } from '@rxap/utilities';

@Directive({
  selector: 'tr[rxapExpandRow]',
  standalone: true,
})
export class ExpandRowDirective<Data extends Record<string, any>> {

  @HostListener('expanded-row')
  public get isExpanded() {
    return this.expandCell.isExpanded(this.element);
  }

  @Input({ required: true })
  public element!: Data;

  constructor(
    @Inject(ExpandRowService)
    private readonly expandCell: ExpandRowService<Data>,
  ) {
  }

  @HostListener('click')
  public onClick() {
    this.expandCell.toggleRow(this.element);
  }

}