Use one Angular application inside another angular application

I am involved in angular project where it contains two separate angular applications say xyz.war and pqr.war (Two war files).

It was required to open an one angular application (xyz.war) in a popup dialog from the angular application (pqr.war). Kindly share your thoughts on this.

1. Use iframe and load the xyz application inside a popup dialog of pqr application.

2. Publish the components used in xyz application as npm packages and reuse them in pqr application. Is it going to work when application getting bigger and bigger

3. Use third party npm like repo "bit" and do the same as 2.

Which is going to work?