daffodil icon indicating copy to clipboard operation
daffodil copied to clipboard

Move `@HostBinding` and `@HostListener` decorators to use the `host` property

Open xelaint opened this issue 5 months ago • 2 comments

Summary

Move @HostBinding and @HostListener decorators to use the host property in @daffodil/design components.

Angular recommends: Always prefer using the host property over @HostBinding and @HostListener. These decorators exist exclusively for backwards compatibility.

Objectives

Things like classes and attributes should use the host property instead of decorators.

To-do:

  • [x] Form Field
  • [ ] Quantity Field [WIP]
  • [x] Radio
  • [ ] Checkbox/Checkbox Set

Blocked by review of #3818

  • [x] Switch

Completed

  • [x] Sidebar
  • [x] Select
  • [x] Textarea
  • [x] Progress Bar

xelaint avatar Jul 17 '25 15:07 xelaint

I'm interested in helping for hacktoberfest!

stevenanthonyrevo avatar Oct 15 '25 06:10 stevenanthonyrevo

@stevenanthonyrevo assigned to you.

xelaint avatar Oct 15 '25 15:10 xelaint