<div [ngClass]="'ui-popuppanel-header'" *ngIf="headerFacet" [ngStyle]="headerStyle" [class]="headerStyleClass" (click)="popupPanel.toggle($event)">
  <ng-content select="p-header"></ng-content>
</div>

<of-p-popupPanel #popupPanel [style]="style" [styleClass]="styleClass" [blockTarget]="blockTarget" (cancel)="cancel.emit($event)">
  <div [ngClass]="'ui-popuppanel-content'">
    <ng-content></ng-content>
  </div>
  <div [ngClass]="'ui-popuppanel-footer'" *ngIf="footerFacet" [ngStyle]="footerStyle" [class]="footerStyleClass">
    <ng-content select="p-footer"></ng-content>
  </div>
</of-p-popupPanel>