I need to create a component in Angular to display family tree

I am looking for a person to prepare a component in Angular that dynamically displays a family tree.

Requirements:

1. displaying people in a definable square size

2. the main person in the tree is to be displayed together with all partners. In case of a divorce the connection is a dashed line

3. descendants of the main person to be displayed with partners (as above)

4. two generations of ancestors - each person separately, connected with lines of generations up/down

5. possibility to trigger an action after clicking on a person's profile - e.g. adding missing persons.

6. possibility to load a selected part of the tree by "clicking" on a selected person.

7) It is required to scroll the tree with the mouse (drag&drop) because it may not fit on the screen. 8) The main person displayed in the middle of the tree

8) Main person displayed in the middle of the component.

Tree displayed vertically - parents at the top, descendants at the bottom.

Input data - JSON dynamically loaded

On the contractor side to prepare the frontend itself.