kirbydesign / designsystem

Kirby Design System
https://cookbook.kirby.design
MIT License
82 stars 22 forks source link

[Tracking] Add Angular wrappers for Web Components #3469

Open jakobe opened 1 month ago

jakobe commented 1 month ago

Create tooling to make Angular wrapper for easy consumption in target projects and to ensure existing tests (badge.component.spec.ts) can be run.

Stencil maintainers have some considerations on why Angular wrappers makes sense here. If we want to ensure backward compatability, there are three key arguments for creating the wrappers:

  1. If there are no angular wrappers, consumers have to use CUSTOM_ELEMENTS_SCHEMA in all modules, effectively ignoring tag validation.
  2. View queries like ViewChild(SomeComponent) will no longer work, and will have to be re-written with the element name instead.
  3. No dependency injection of components possible if there is no angular type

Issues

Further reading