next-ucap-messenger/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/search/integrated-search.dialog.component.html

<mat-card class="confirm-card mat-elevation-z">
  <mat-card-header
    cdkDrag
    cdkDragRootElement=".cdk-overlay-pane"
    cdkDragHandle
    class="card-header"
  >
    <mat-card-title>{{ 'search.label' | translate }}</mat-card-title>
    <button class="icon-button btn-dialog-close" (click)="onCancel()">
      <i class="mdi mdi-window-close"></i>
    </button>
  </mat-card-header>
  <mat-card-content>
    <ucap-integrated-search
      [sessionVerinfo]="sessionVerinfo"
      [presence]="presence$ | async"
      [searchWord]="!!data.keyword ? data.keyword : ''"
      [searchingProcessing]="searchingProcessing"
      [searchUserInfos]="searchUserInfos"
      [totalCount]="totalCount"
      [pageCurrent]="pageCurrent"
      [pageListCount]="pageListCount"
      (search)="onReSearch($event)"
      (changePage)="onChangePage($event)"
      (openProfile)="onClickOpenProfile($event)"
    >
    </ucap-integrated-search>
  </mat-card-content>
</mat-card>