getting selected tree with parent nodes of 2 and three layered respectively

component.html

<div nz-row nzType="flex">
						<div nz-col nzXs="24" nzSm="24" nzMd="24" nzLg="24" nzXl="24">
							<p>*Sales Areas</p>
						</div>

						<div nz-col nzXs="24" nzSm="24" nzMd="24" nzLg="24" nzXl="24">
							<label nz-checkbox formControlName="disableAreas">Disable Sales Areas</label>
							<encore-tree-layered
								Layers="3"
								Heading="Sales Area Groups"
								SecondHeading="Sales Area Category"
								[Endpoint]="salesAreaGroupsEndpoint"
								[EndpointParams]="salesAreasEndpointParams"
								secondLayerKey="Categories"
								thirdLayerKey="Areas"
								(Selected3LayeredItems)="getSelected3LayeredItems($event)"
								(Selected3LayeredTree)="getSelected3LayeredTree($event)"
								[disableSwitch]="programForm.value.disableAreas">
							</encore-tree-layered>
						</div>
					</div>

					<div nz-row nzType="flex">
						<div nz-col nzXs="24" nzSm="24" nzMd="24" nzLg="24" nzXl="24">
							<p>*Select Categories/Sales Items</p>
						</div>

						<div nz-col nzXs="24" nzSm="24" nzMd="24" nzLg="24" nzXl="24">
							<label nz-checkbox formControlName="disableItems">Disable Sales Items</label>
							<encore-tree-layered
								Layers="2"
								Heading="Sales Item Categories"
								[Endpoint]="salesItemsEndpoint"
								[EndpointParams]="salesItemsEndpointParams"
								secondLayerKey="Categories"
								thirdLayerKey=""
								(Selected2LayeredItems)="getSelected2LayeredItems($event)"
								(Selected2LayeredTree)="getSelected2LayeredTree($event)"
								[disableSwitch]="programForm.value.disableItems">
							</encore-tree-layered>
						</div>
					</div>

component.ts

getSelected2LayeredTree(event) {
  let data = event;
}

getSelected3LayeredTree(event) {
  let data = event;
}