Ability to use components as web components (elements)? about ng-components HOT 3 OPEN

How do we achieve this without requiring the developer to include angular core?
Ideally it should be possible to import a single component with no overhead.

from ng-components.

im not sure whether it is good idea to mix our Angular components with web components or not? or move it to totally new npm package? plus web components are generic, they can be even with different techs like polymer for example

from ng-components.

It is possible to generate webComponents using ng-components library and without modifying the current components logic and utilizing @angular/elements.

I did a POC on this branch and managed to import the webComponent in React.

As a conclusion i do believe that it is not optimal to try to do so because:

1. The Bundle size is huge (160KB) for the modal component vs (~10kb) for svelte.
2. The webComponent generated through angular requires zone.js otherwise it will throw an error.

To be able to test this, checkout the branch mentioned above and do "npm run build:elements" this will compile the modal component and will concat runtime.js and main.js into one file called my-modal.js

import the modal generated file to any other project, you can find a demo on how i import and use it here:
https://github.com/omarVodiaK/react-angular-elements

from ng-components.