when port's orientation changes don't recreate DOM from scratch

but reuse all the existing DOM elements just refactor them
update port's orientation
when item's position changes during connection draw

update the drawn connection's source coordinate accordingly