AlexAegis/loreplotter

<div
    class="node"
    *ngFor="let node of actor?._states?.nodes()"
    [ngStyle]="{ 'left.px': nodePosition(node?.key.unix) }"
    [ngClass]="{ invalidNode: isNodeInvalid(node) }"
    (panstart)="panNode($event, node)"
    (panup)="panNode($event, node)"
    (pandown)="panNode($event, node)"
    (panleft)="panNode($event, node)"
    (panright)="panNode($event, node)"
    (panend)="panNode($event, node)"
    (tap)="tap($event, node)"
>
    <button
        aria-label="Remove Node from Block"
        class="remove"
        #removeButton
        mat-icon-button
        *ngIf="node === selection"
        (tap)="remove(node, removeButton.disabled)"
        [disabled]="!canRemove(node)"
    >
        <fa-icon [icon]="faTrash" [size]="'lg'"></fa-icon>
    </button>
</div>