@if (isActive()) {
    <!-- Display the zone viewer only if the dialog box is visible. It ensures
     that the virtual scroller is properly initialized when the dialog box is is shown.
     Otherwise, the virtual scroller size may get invalid while the dialog is closed.
     -->
    <app-zone-viewer
        [data]="zoneData"
        [zoneTransferAt]="zoneTransferAt"
        [loading]="loading"
        class="block h-full"
        [scrollHeight]="viewerScrollHeight"
        (refreshFromDNSClicked)="refreshFromDNS()"
    ></app-zone-viewer>
}