highlight not working post integrating with hammer.js for swiping

[Panjady]

<title>EPUB.js Pagination Example</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.5/jszip.min.js"></script> <script src="epub.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js"></script> <style>

#viewer iframe {
  width: 100%;
  height: 100%;
  pointer-events: none;
}

</style>

<script> function loadBook() { var book = ePub("BLS PM eBook (978-1-61669-799-0_1).epub"); var rendition = book.renderTo("viewer", { width: '100%' }); rendition.display(); rendition.on("selected", function (cfiRange, contents) { var selectedText = contents.window.getSelection().toString(); console.log(selectedText); rendition.annotations.highlight(cfiRange); });

  var manager = new Hammer.Manager(document.getElementById("viewer"), {});
  var Swipe = new Hammer.Swipe();
  manager.add(Swipe);

  manager.on('swipeleft', function(e){
    rendition.next();
  });

  manager.on('swiperight', function(e){
    rendition.prev();
  });
}
  
loadBook();

</script>

[Panjady]

Here highlight does not work after integrating hammer.js for swiping , Can anyone suggest how to proceed furthur