next-ucap-messenger/projects/ucap-webmessenger-ui/src/lib/components/file-viewer.component.html

<div
  class="ucap-file-viewer-container"
  [ngSwitch]="detectFileViewerType(fileInfo)"
>
  <ucap-document-viewer
    *ngSwitchCase="FileViewerType.Document"
    [fileInfo]="fileInfo"
    [downloadUrl]="downloadUrl"
    [userSeq]="userSeq"
    [deviceType]="deviceType"
    [token]="token"
    (closed)="onClosedViewer()"
  ></ucap-document-viewer>
  <ucap-image-viewer
    *ngSwitchCase="FileViewerType.Image"
    [fileInfo]="fileInfo"
    [downloadUrl]="downloadUrl"
    [userSeq]="userSeq"
    [deviceType]="deviceType"
    [token]="token"
    (closed)="onClosedViewer()"
  ></ucap-image-viewer>
  <ucap-sound-viewer
    *ngSwitchCase="FileViewerType.Sound"
    [fileInfo]="fileInfo"
    [downloadUrl]="downloadUrl"
    [userSeq]="userSeq"
    [deviceType]="deviceType"
    [token]="token"
    (closed)="onClosedViewer()"
  ></ucap-sound-viewer>
  <ucap-video-viewer
    *ngSwitchCase="FileViewerType.Video"
    [fileInfo]="fileInfo"
    [downloadUrl]="downloadUrl"
    [userSeq]="userSeq"
    [deviceType]="deviceType"
    [token]="token"
    (closed)="onClosedViewer()"
  ></ucap-video-viewer>
  <ucap-binary-viewer
    *ngSwitchDefault
    [fileInfo]="fileInfo"
    [downloadUrl]="downloadUrl"
    [userSeq]="userSeq"
    [deviceType]="deviceType"
    [token]="token"
    (closed)="onClosedViewer()"
  ></ucap-binary-viewer>
</div>