SwaggerUI - How create Custom Layout and Plugins for SwaggerUI externally in Angular 9

I'm working on Customizing the Swagger endpoints from outside Angular UI project. I'm using SwaggerUIBundle for this.

I'm exploring much on internet but not getting exactly how to create our own custom layouts and Plugins. Got very less helpful documentation on swagger official site and it is not helping me to create these things in my angular project.

const ui = SwaggerUIBundle({
url: "https://petstore.swagger.io/v2/swagger.json",
dom_id: '#swagger-ui',
presets: [
  SwaggerUIBundle.presets.apis,
  SwaggerUIBundle.SwaggerUIStandalonePreset
],
Plugins: [
  SwaggerUIBundle.plugins.DownloadUrl,
]
layout: "StandaloneLayout"

})

Could you guys please help me out here with some examples on how create my own custom components, layout and plugins in my angular 9 code.

Thanks.