@engie-group/fluid-design-system-angular/src/components/sidepanel/sidepanel.component.ts

Fluid Design System Angular

import { CommonModule } from '@angular/common';
import { ChangeDetectionStrategy, Component, ContentChild, HostBinding, ViewEncapsulation } from '@angular/core';
import { IconButtonComponent } from '../icon-button/icon-button.component';
import { SidepanelFooterDirective } from './directives/sidepanel-footer.directive';
import { SidepanelHeaderDirective } from './directives/sidepanel-header.directive';

@Component({
  selector: 'nj-sidepanel',
  templateUrl: './sidepanel.component.html',
  changeDetection: ChangeDetectionStrategy.OnPush,
  encapsulation: ViewEncapsulation.None,
  standalone: true,
  imports: [CommonModule, IconButtonComponent, SidepanelFooterDirective, SidepanelHeaderDirective]
})
export class SidepanelComponent {
  @HostBinding('class') private staticClass = 'nj-sidepanel';

  @ContentChild(SidepanelHeaderDirective) protected header?: SidepanelHeaderDirective;
  @ContentChild(SidepanelFooterDirective) protected footer?: SidepanelFooterDirective;
}