embed an html file with styles, javascript using ShadowDOM webcomponents

Question

I have a html file with css, html, javascript.

Usecase: Do not use iframes but needed to import above html file along with

css, js

completely onto another application.

I am looking at alternatives without using iframes and came across webcomponents, shadow dom. Does anyone has done anything like this using webcomponents/shadow dom or any ideas on how to achieve this.

Thanks, Sri