Integrating data between reusable component and app page

Hi @Dima and anyone interested,

To summarise the question I had in this topic:
When using a reusable component (header) how do I affect a component or objects defined on the main page?

Specifically in my example how do I manipulate the data in a repeater component on the main page when clicking the delete icon within the reusable header component?

Step 1:
On Page Enter, create an object (leagueList) to reference the list of data that will be placed in the repeater component.

Step 2:
Set the repeater component (rep_Data) Data Logic to reference the list object in Step 1.

Step 3:
Setup the action (On Click) in the reusable component (header) to manage the data in the component/object via the list object defined on the main page.

Step 4:
Preview app. After clicking the delete icon in the reusable component (header) be amazed as your data bound repeater component on the main page refreshes, selected items are removed and only items that were not selected are displayed.