style(design): add docs-private-hostbinding-lifecycle linting rule (#3639)

---------

Co-authored-by: xelaint <xelaint@gmail.com>

Author: leozhang14

libs/design/.eslintrc.js

@@ -44,6 +44,7 @@ module.exports = {
             style: 'camelCase'
           }
         ],
+        'custom-rules/docs-private-hostbinding-lifecycle': 'error',
       }
     },
     {

libs/design/breadcrumb/src/breadcrumb/breadcrumb.component.ts

@@ -47,6 +47,9 @@ export class DaffBreadcrumbComponent implements AfterContentInit {
    */
   @ContentChildren(DaffBreadcrumbItemDirective) breadcrumbItems!: QueryList<DaffBreadcrumbItemDirective>;
 
+  /**
+   * @docs-private
+   */
   ngAfterContentInit() {
     this.updateActiveState();
 

libs/design/card/src/card/basic/basic.component.ts

@@ -18,5 +18,8 @@ import { DaffCardBaseDirective } from '../../card-base.directive';
 })
 
 export class DaffCardComponent extends DaffCardBaseDirective {
+  /**
+   * @docs-private
+   */
   @HostBinding('class.daff-card') class = true;
 }

libs/design/card/src/card/raised/raised.component.ts

@@ -18,5 +18,8 @@ import { DaffCardBaseDirective } from '../../card-base.directive';
 })
 
 export class DaffRaisedCardComponent extends DaffCardBaseDirective {
+  /**
+   * @docs-private
+   */
   @HostBinding('class.daff-raised-card') class = true;
 }

libs/design/card/src/card/stroked/stroked.component.ts

@@ -18,5 +18,8 @@ import { DaffCardBaseDirective } from '../../card-base.directive';
 })
 
 export class DaffStrokedCardComponent extends DaffCardBaseDirective {
+  /**
+   * @docs-private
+   */
   @HostBinding('class.daff-stroked-card') class = true;
 }

libs/design/checkbox/examples/src/basic-checkbox/basic-checkbox.component.ts

@@ -25,6 +25,9 @@ import { DaffButtonComponent } from '@daffodil/design/button';
 export class BasicCheckboxComponent implements OnInit {
   checkboxExample = new UntypedFormControl();
 
+  /**
+   * @docs-private
+   */
   ngOnInit() {
     this.checkboxExample.setValue(true);
   }

libs/design/checkbox/examples/src/checkbox-set/checkbox-set.component.ts

@@ -34,6 +34,9 @@ export class CheckboxSetComponent implements OnInit {
   checkboxArray = new UntypedFormArray([new UntypedFormControl(), new UntypedFormControl(), new UntypedFormControl()]);
   selectedValues = [];
 
+  /**
+   * @docs-private
+   */
   ngOnInit() {
     this.checkboxArray.setValue([false, false, false]);
   }

libs/design/menu/src/menu-activator/menu-activator.component.ts

@@ -25,6 +25,9 @@ export class DaffMenuActivatorDirective implements OnDestroy {
   private _destroyed$ = new Subject<boolean>();
   private _open: boolean;
 
+  /**
+   * @docs-private
+   */
   @HostBinding('class.open') get openClass() {
     return this._open;
   }

libs/design/menu/src/menu/menu.component.ts

@@ -31,8 +31,17 @@ import { DaffMenuService } from '../services/menu.service';
   ],
 })
 export class DaffMenuComponent implements AfterContentInit, AfterViewInit {
+  /**
+   * @docs-private
+   */
   @HostBinding('class.daff-menu') class = true;
+  /**
+   * @docs-private
+   */
   @HostBinding('tabindex') tabindex = 0;
+  /**
+   * @docs-private
+   */
   @HostBinding('attr.role') role = 'menu';
 
   private _focusTrap: ConfigurableFocusTrap;
@@ -62,12 +71,18 @@ export class DaffMenuComponent implements AfterContentInit, AfterViewInit {
     });
   }
 
+  /**
+   * @docs-private
+   */
   ngAfterContentInit() {
     this._focusTrap = this._focusTrapFactory.create(
       this._elementRef.nativeElement,
     );
   }
 
+  /**
+   * @docs-private
+   */
   ngAfterViewInit() {
     const focusableChild = (<HTMLElement>this._elementRef.nativeElement.querySelector(
       daffFocusableElementsSelector)

libs/design/modal/src/modal-actions/modal-actions.component.ts

@@ -11,5 +11,8 @@ import {
   standalone: true,
 })
 export class DaffModalActionsComponent {
+  /**
+   * @docs-private
+   */
   @HostBinding('class.daff-modal-actions') class = true;
 }