@internetarchive/bookreader 5.0.0-3 → 5.0.0-30-d

package/BookReader/plugins/plugin.search.js

@@ -1,2 +1,1262 @@
-(self.webpackChunk_internetarchive_bookreader=self.webpackChunk_internetarchive_bookreader||[]).push([[73],{8011:function(e,t,a){"use strict";a(5666),a(4916),a(4765),a(9826),a(5306),a(2222),a(9601),a(4747),a(1539),a(8674),a(6992),a(8783),a(3948),a(285),a(7042),a(8309),a(1038),a(2526),a(1817),a(2165),a(4603),a(9714),a(1249),a(9600);var r=a(3609);function n(e,t){for(var a=0;a<t.length;a++){var r=t[a];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}var s,i=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),t.selector?(this.br=t.br,this.matcher=new RegExp("{{{(.+?)}}}","g"),this.matches=[],this.cacheDOMElements(t.selector),this.bindEvents()):console.warn("BookReader::Search - SearchView must be passed a valid CSS selector")}var t,a;return t=e,(a=[{key:"cacheDOMElements",value:function(e){this.dom={},this.dom.searchTray=this.renderSearchTray(e),this.dom.results=this.dom.searchTray.querySelector('[data-id="results"]'),this.dom.resultsCount=this.dom.searchTray.querySelector('[data-id="results_count"]'),this.dom.searchField=this.dom.searchTray.querySelector('[name="query"]'),this.dom.searchPending=this.dom.searchTray.querySelector('[data-id="searchPending"]'),this.dom.mobileSearch=this.buildMobileDrawer(),this.dom.toolbarSearch=this.buildToolbarSearch()}},{key:"toggleSearchTray",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.dom.searchTray.classList.contains("hidden");this.dom.searchTray.classList.toggle("hidden",!e)}},{key:"toggleResultsCount",value:function(e){this.dom.resultsCount.classList.toggle("visible",e)}},{key:"updateResultsCount",value:function(e){this.dom.resultsCount.innerText="(".concat(e," result").concat(1!=e?"s":"",")"),this.toggleResultsCount(!0)}},{key:"setQuery",value:function(e){this.br.$('[name="query"]').val(e)}},{key:"emptyMatches",value:function(){this.dom.results.innerHTML="",this.matches=[]}},{key:"removeResultPins",value:function(){this.br.$(".BRnavpos .BRsearch").remove()}},{key:"clearSearchFieldAndResults",value:function(){this.br.removeSearchResults(),this.toggleResultsCount(!1),this.removeResultPins(),this.emptyMatches(),this.setQuery(""),this.teardownSearchNavigation(),this.br.trigger("SearchResultsCleared")}},{key:"toggleSidebar",value:function(){this.br.trigger("ToggleSearchMenu")}},{key:"renderSearchTray",value:function(e){var t=document.createElement("div");return t.setAttribute("id",e.replace(/^#/,"")),t.innerHTML='\n      <header>\n        <div>\n          <h3>Search inside</h3>\n          <p data-id="results_count"></p>\n        </div>\n        <a href="#" class="close"></a>\n      </header>\n      <form action="" method="get">\n        <fieldset>\n          <input name="all_files" id="all_files" type="checkbox" />\n          <label class="checkbox" for="all_files">Search all files</label>\n          <input type="search" name="query" placeholder="Enter a search term" />\n        </fieldset>\n      </form>\n      <div data-id="searchPending" id="search_pending">\n        <p>Your search results will appear below</p>\n        <div class="loader tc mt20"></div>\n      </div>\n      <ul data-id="results"></ul>\n    ',t}},{key:"renderSearchNavigation",value:function(){var e="BRsearch-navigation";r(".BRnav").before('\n      <div class="'.concat(e,'">\n        <button class="toggle-sidebar">\n          <h4>\n            <span class="icon icon-search"></span> Results\n          </h4>\n        </button>\n        <div class="pagination">\n          <button class="prev" title="Previous result"><span class="icon icon-chevron hflip"></span></button>\n          <span data-id="resultsCount">').concat(this.resultsPosition(),'</span>\n          <button class="next" title="Next result"><span class="icon icon-chevron"></button>\n        </div>\n        <button class="clear" title="Clear search results">\n          <span class="icon icon-close"></span>\n        </button>\n      </div>\n    ')),this.dom.searchNavigation=r(".".concat(e))}},{key:"resultsPosition",value:function(){var e="".concat(this.matches.length," result").concat(1===this.matches.length?"":"s");return~this.currentMatchIndex&&(e="".concat(this.currentMatchIndex+1," / ").concat(this.matches.length)),e}},{key:"bindSearchNavigationEvents",value:function(){if(this.dom.searchNavigation){var e="searchNavigation";this.dom.searchNavigation.on("click.".concat(e),".clear",this.clearSearchFieldAndResults.bind(this)).on("click.".concat(e),".prev",this.showPrevResult.bind(this)).on("click.".concat(e),".next",this.showNextResult.bind(this)).on("click.".concat(e),".toggle-sidebar",this.toggleSidebar.bind(this)).on("click.".concat(e),!1)}}},{key:"showPrevResult",value:function(){0!==this.currentMatchIndex&&(this.br.mode===this.br.constModeThumb&&this.br.switchMode(this.br.constMode1up),~this.currentMatchIndex||(this.currentMatchIndex=this.getClosestMatchIndex((function(e,t,a){return t[0]>a}))+1),this.br.$(".BRnavline .BRsearch").eq(--this.currentMatchIndex).click(),this.updateResultsPosition(),this.updateSearchNavigationButtons())}},{key:"showNextResult",value:function(){this.currentMatchIndex+1!==this.matches.length&&(this.br.mode===this.br.constModeThumb&&this.br.switchMode(this.br.constMode1up),~this.currentMatchIndex||(this.currentMatchIndex=this.getClosestMatchIndex((function(e,t,a){return e[e.length-1]>a}))-1),this.br.$(".BRnavline .BRsearch").eq(++this.currentMatchIndex).click(),this.updateResultsPosition(),this.updateSearchNavigationButtons())}},{key:"getClosestMatchIndex",value:function(e){var t=function t(a,r){if(1===a.length)return a[0];var n=a.slice(0,a.length/2),s=a.slice(a.length/2);return t(e(n,s,r)?n:s,r)}(this.matches.map((function(e){return e.par[0].page})),this.br.currentIndex()+1);return this.matches.indexOf(this.matches.find((function(e){return e.par[0].page===t})))}},{key:"updateResultsPosition",value:function(){this.dom.searchNavigation.find("[data-id=resultsCount]").text(this.resultsPosition())}},{key:"updateSearchNavigationButtons",value:function(){this.dom.searchNavigation.find(".prev").attr("disabled",!this.currentMatchIndex),this.dom.searchNavigation.find(".next").attr("disabled",this.currentMatchIndex+1===this.matches.length)}},{key:"teardownSearchNavigation",value:function(){this.dom.searchNavigation||(this.dom.searchNavigation=r(".BRsearch-navigation")),this.dom.searchNavigation.length&&(this.dom.searchNavigation.off(".searchNavigation").remove(),this.dom.searchNavigation=null,this.br.resize())}},{key:"setCurrentMatchIndex",value:function(){var e;this.br.mode!==this.br.constModeThumb?(e=this.br.mode===this.br.constMode2up?this.find2upMatchingSearchResult():this.find1upMatchingSearchResult(),this.currentMatchIndex=this.matches.indexOf(e)):this.currentMatchIndex=-1}},{key:"find1upMatchingSearchResult",value:function(){var e=this;return this.matches.find((function(t){return e.br.currentIndex()===t.par[0].page-1}))}},{key:"find2upMatchingSearchResult",value:function(){var e=this;return this.matches.find((function(t){return e.br._isIndexDisplayed(t.par[0].page-1)}))}},{key:"updateSearchNavigation",value:function(){this.matches.length&&(this.setCurrentMatchIndex(),this.updateResultsPosition(),this.updateSearchNavigationButtons())}},{key:"renderMatches",value:function(e){var t=this,a=e.map((function(e){return'\n      <li data-page="'.concat(e.par[0].page,'" data-page-index="').concat(t.br.leafNumToIndex(e.par[0].page),'">\n        <h4>Page ').concat(e.par[0].page,"</h4>\n        <p>").concat(e.text.replace(t.matcher,"<mark>$1</mark>"),"</p>\n      </li>\n    ")}));this.dom.results.innerHTML=a.join("")}},{key:"togglePinsFor",value:function(e){var t=e?"visible":"hidden";this.br.refs.$BRfooter.find(".BRsearch").css({visibility:t})}},{key:"buildMobileDrawer",value:function(){var e=document.createElement("li");return e.innerHTML='\n      <span>\n        <span class="DrawerIconWrapper">\n          <img class="DrawerIcon" src="'.concat(this.br.imagesBaseURL,'icon_search_button.svg" />\n        </span>\n        Search\n      </span>\n      <div data-id="search_slot">\n      </div>\n    '),e.querySelector('[data-id="search_slot"]').appendChild(this.dom.searchTray),e.classList.add("BRmobileMenu__search"),e}},{key:"buildToolbarSearch",value:function(){var e=document.createElement("span");return e.classList.add("BRtoolbarSection","BRtoolbarSectionSearch"),e.innerHTML='\n      <form class="BRbooksearch desktop">\n        <input type="search" name="query" class="BRsearchInput" value="" placeholder="Search inside"/>\n        <button type="submit" class="BRsearchSubmit">\n          <img src="'.concat(this.br.imagesBaseURL,'icon_search_button.svg" />\n        </button>\n      </form>\n    '),e}},{key:"renderPins",value:function(e){var t=this;e.forEach((function(e){var a=e.text,n=t.br.leafNumToIndex(e.par[0].page),s=t.br.getPageNum(n),i=t.br.constructor.util.cssPercentage(n,t.br.getNumLeafs()-1),o=a.replace(t.matcher,"<b>$1</b>"),c="";a.length>100&&(c=a.replace(/^(.{100}[^\s]*).*/,"$1").replace(t.matcher,"<b>$1</b>")+"..."),r("<div>").addClass("BRsearch").css({left:i}).attr("title","Search result").append('\n          <div class="BRquery">\n            <div>'.concat(c||o,"</div>\n            <div>").concat("Page"," ").concat(s,"</div>\n          </div>\n        ")).data({pageIndex:n}).appendTo(t.br.$(".BRnavline")).hover((function(e){var t=e.currentTarget,a=t.querySelector(".BRquery"),n=a.getBoundingClientRect(),s=t.getBoundingClientRect(),i=2*parseInt(getComputedStyle(a).paddingLeft);n.x-i<0&&a.style.setProperty("transform","translateX(-".concat(s.left-i,"px)")),r(".BRsearch,.BRchapter").removeClass("front"),r(e.target).addClass("front")}),(function(e){return r(e.target).removeClass("front")})).click(function(e){this.br._searchPluginGoToResult(+r(e.target).data("pageIndex")),this.br.updateSearchHilites()}.bind(t))}))}},{key:"toggleSearchPending",value:function(e){this.dom.searchPending.classList.toggle("visible",e),e?this.br.showProgressPopup("Search results will appear below..."):this.br.removeProgressPopup()}},{key:"renderErrorModal",value:function(){this.renderModalMessage("\n      Sorry, there was an error with your search.\n      <br />\n      The text may still be processing.\n    "),this.delayModalRemovalFor(4e3)}},{key:"renderBookNotIndexedModal",value:function(){this.renderModalMessage("\n      <p>\n         This book hasn't been indexed for searching yet.\n         We've just started indexing it, so search should be available soon.\n         <br />\n         Please try again later. Thanks!\n      </p>\n    "),this.delayModalRemovalFor(5e3)}},{key:"renderResultsEmptyModal",value:function(){this.renderModalMessage("No matches were found."),this.delayModalRemovalFor(2e3)}},{key:"renderModalMessage",value:function(e){var t=document.createElement("div");t.classList.add("BRprogresspopup","search_modal"),t.innerHTML=e,document.querySelector(this.br.el).append(t)}},{key:"delayModalRemovalFor",value:function(e){setTimeout(this.br.removeProgressPopup.bind(this.br),e)}},{key:"openMobileMenu",value:function(){this.br.refs.$mmenu.data("mmenu").open()}},{key:"closeMobileMenu",value:function(){this.br.refs.$mmenu.data("mmenu").close()}},{key:"submitHandler",value:function(e){e.preventDefault();var t=e.target.querySelector('[name="query"]').value;return!!t.length&&(this.br.search(t),this.dom.searchField.blur(),this.emptyMatches(),this.toggleSearchPending(!0),!1)}},{key:"handleSearchCallback",value:function(e,t){var a=this,n=t.results,s=t.options;this.matches=n.matches,this.setCurrentMatchIndex(),this.teardownSearchNavigation(),this.renderSearchNavigation(),this.bindSearchNavigationEvents(),this.renderMatches(n.matches),this.renderPins(n.matches),this.updateResultsCount(n.matches.length),this.toggleSearchPending(!1),s.goToFirstResult?r(document).one("BookReader:pageChanged",(function(){a.br.resize()})):this.br.resize()}},{key:"handleNavToggledCallback",value:function(e){var t=this.br.navigationIsVisible();this.togglePinsFor(t),this.toggleSearchTray(!!t&&!!this.dom.results.querySelector("li"))}},{key:"handleSearchStarted",value:function(){this.emptyMatches(),this.br.removeSearchHilites(),this.removeResultPins(),this.toggleSearchPending(!0),this.teardownSearchNavigation(),this.setQuery(this.br.searchTerm)}},{key:"handleSearchCallbackError",value:function(){this.toggleSearchPending(!1),this.renderErrorModal()}},{key:"handleSearchCallbackBookNotIndexed",value:function(){this.toggleSearchPending(!1),this.renderBookNotIndexedModal()}},{key:"handleSearchCallbackEmpty",value:function(){this.toggleSearchPending(!1),this.renderResultsEmptyModal()}},{key:"bindEvents",value:function(){var e=this,t="BookReader:";r(document).on("".concat(t,"SearchCallback"),this.handleSearchCallback.bind(this)).on("".concat(t,"navToggled"),this.handleNavToggledCallback.bind(this)).on("".concat(t,"SearchStarted"),this.handleSearchStarted.bind(this)).on("".concat(t,"SearchCallbackError"),this.handleSearchCallbackError.bind(this)).on("".concat(t,"SearchCallbackBookNotIndexed"),this.handleSearchCallbackBookNotIndexed.bind(this)).on("".concat(t,"SearchCallbackEmpty"),this.handleSearchCallbackEmpty.bind(this)).on("".concat(t,"pageChanged"),this.updateSearchNavigation.bind(this)),this.dom.searchTray.addEventListener("submit",this.submitHandler.bind(this)),this.dom.toolbarSearch.querySelector("form").addEventListener("submit",this.submitHandler.bind(this)),this.dom.searchField.addEventListener("search",(function(){e.dom.searchField.value||e.clearSearchFieldAndResults()})),r(this.dom.results).on("click","li",(function(t){e.br._searchPluginGoToResult(+t.currentTarget.dataset.pageIndex),e.br.updateSearchHilites(),e.closeMobileMenu()}))}}])&&n(t.prototype,a),e}(),o=a(3609),c=a(3609);function h(e,t){var a="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!a){if(Array.isArray(e)||(a=function(e,t){if(e){if("string"==typeof e)return l(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?l(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){a&&(e=a);var r=0,n=function(){};return{s:n,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:n}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var s,i=!0,o=!1;return{s:function(){a=a.call(e)},n:function(){var e=a.next();return i=e.done,e},e:function(e){o=!0,s=e},f:function(){try{i||null==a.return||a.return()}finally{if(o)throw s}}}}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,r=new Array(t);a<t;a++)r[a]=e[a];return r}function u(e,t,a,r,n,s,i){try{var o=e[s](i),c=o.value}catch(e){return void a(e)}o.done?t(c):Promise.resolve(c).then(r,n)}o.extend(BookReader.defaultOptions,{server:"ia600609.us.archive.org",bookId:"",subPrefix:"",bookPath:"",enableSearch:!0,searchInsideUrl:"/fulltext/inside.php",initialSearchTerm:null}),BookReader.prototype.setup=(s=BookReader.prototype.setup,function(e){s.call(this,e),this.searchTerm="",this.searchResults=null,this.searchInsideUrl=e.searchInsideUrl,this.enableSearch=e.enableSearch,this.goToFirstResult=!1,this.bookId=e.bookId,this.server=e.server,this.subPrefix=e.subPrefix,this.bookPath=e.bookPath,this.searchView||(this.searchView=new i({br:this,selector:"#BRsearch_tray"}))}),BookReader.prototype.init=function(e){return function(){e.call(this),this.options.enableSearch&&this.options.initialSearchTerm&&this.search(this.options.initialSearchTerm,{goToFirstResult:this.goToFirstResult,suppressFragmentChange:!0})}}(BookReader.prototype.init),BookReader.prototype.buildMobileDrawerElement=function(e){return function(){var t=e.call(this);if(this.enableSearch)return this.searchView.dom.mobileSearch&&t.find(".BRmobileMenu__moreInfoRow").after(this.searchView.dom.mobileSearch),t}}(BookReader.prototype.buildMobileDrawerElement),BookReader.prototype.buildToolbarElement=function(e){return function(){var t=e.call(this);if(this.enableSearch)return this.searchView.dom.toolbarSearch&&t.find(".BRtoolbarSectionInfo").after(this.searchView.dom.toolbarSearch),t}}(BookReader.prototype.buildToolbarElement),BookReader.prototype.search=function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r={goToFirstResult:!1,disablePopup:!1,suppressFragmentChange:!1,error:null,success:null},n=o.extend({},r,a);this.suppressFragmentChange=n.suppressFragmentChange,this.searchTerm=t.replace(/\//g," "),n.suppressFragmentChange||this.trigger(BookReader.eventNames.fragmentChange);var s=this.server.replace(/:.+/,""),i="https://".concat(s).concat(this.searchInsideUrl,"?"),h=this.bookPath,l="/".concat(this.subPrefix);this.bookPath.length-this.bookPath.lastIndexOf(l)==l.length&&(h=this.bookPath.substr(0,this.bookPath.length-l.length));var u={item_id:this.bookId,doc:this.subPrefix,path:h,q:t},d=c.param(u).replace(/%2F/g,"/"),p="".concat(i).concat(d),g=function(t){var a=t.error||!t.matches.length,r="function"==typeof n.error,s="function"==typeof n.success;a?r?n.error.call(e,t,n):e.BRSearchCallbackError(t,n):s?n.success.call(e,t,n):e.BRSearchCallback(t,n)};return this.trigger("SearchStarted",{term:this.searchTerm}),c.ajax({url:p,dataType:"jsonp"}).then(g)},BookReader.prototype.BRSearchCallback=function(e,t){this.searchResults=e,this.updateSearchHilites(),this.removeProgressPopup(),t.goToFirstResult&&this._searchPluginGoToResult(e.matches[0].par[0].page),this.trigger("SearchCallback",{results:e,options:t,instance:this})},BookReader.prototype.BRSearchCallbackError=function(e){this._BRSearchCallbackError(e)},BookReader.prototype._BRSearchCallbackError=function(e){this.searchResults=e;var t={term:this.searchTerm,instance:this};if(e.error){var a=Object.assign({},t,{results:e});this.trigger("SearchCallbackError",a)}else if(0==e.matches.length){if(!1===e.indexed)return void this.trigger("SearchCallbackBookNotIndexed",t);this.trigger("SearchCallbackEmpty",t)}},BookReader.prototype.updateSearchHilites=function(){this.constMode2up!=this.mode?this.updateSearchHilites1UP():this.updateSearchHilites2UP()},BookReader.prototype.updateSearchHilites1UP=function(){var e=this,t=this.searchResults;null!=t&&t.matches.forEach((function(t){t.par[0].boxes.forEach((function(t){var a=e.leafNumToIndex(t.page);if(o.inArray(a,e.displayedIndices)>=0){t.div||(t.div=document.createElement("div"),c(t.div).prop("className","BookReaderSearchHilite").appendTo(e.$(".pagediv".concat(a))));var r=e._models.book.getPage(a),n={width:e._modes.mode1Up.physicalInchesToDisplayPixels((t.r-t.l)/r.ppi),height:e._modes.mode1Up.physicalInchesToDisplayPixels((t.b-t.t)/r.ppi),left:e._modes.mode1Up.physicalInchesToDisplayPixels(t.l/r.ppi),top:e._modes.mode1Up.physicalInchesToDisplayPixels(t.t/r.ppi)};c(t.div).css(n)}else t.div&&(c(t.div).remove(),t.div=null)}))}))},BookReader.prototype.updateSearchHilites2UP=function(){var e=this,t=this.searchResults;null!==t&&t.matches.forEach((function(t){t.par[0].boxes.forEach((function(a){var r=e.leafNumToIndex(t.par[0].page),n=o.inArray(r,e.displayedIndices)>=0,s=e._models.book.getPage(r).isViewable;n&&s?(a.div||(a.div=document.createElement("div"),c(a.div).addClass("BookReaderSearchHilite").appendTo(e.refs.$brTwoPageView)),e.setHilightCss2UP(a.div,r,a.l,a.r,a.t,a.b)):a.div&&(c(a.div).remove(),a.div=null)}))}))},BookReader.prototype.removeSearchHilites=function(){var e=this.searchResults;null!=e&&e.matches&&e.matches.forEach((function(e){e.par[0].boxes.forEach((function(e){null!=e.div&&(c(e.div).remove(),e.div=null)}))}))},BookReader.prototype._searchPluginGoToResult=function(){var e,t=(e=regeneratorRuntime.mark((function e(t){var a,r,n,s,i,o,c;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(a=this._models.book,r=a.getPage(t),n=!1,r.isViewable){e.next=10;break}return e.next=6,fetch("/services/bookreader/request_page?"+new URLSearchParams({id:this.options.bookId,subprefix:this.options.subPrefix,leafNum:r.leafNum})).then((function(e){return e.json()}));case 6:s=e.sent,i=h(s.value);try{for(i.s();!(o=i.n()).done;)c=o.value,a.getPage(a.leafNumToIndex(c)).makeViewable()}catch(e){i.e(e)}finally{i.f()}s.value.length||(a.getPage(t).makeViewable(),n=!0);case 10:this.suppressFragmentChange=!1,this.jumpToIndex(t),n&&a.getPage(t).makeViewable(!1);case 13:case"end":return e.stop()}}),e,this)})),function(){var t=this,a=arguments;return new Promise((function(r,n){var s=e.apply(t,a);function i(e){u(s,r,n,i,o,"next",e)}function o(e){u(s,r,n,i,o,"throw",e)}i(void 0)}))});return function(e){return t.apply(this,arguments)}}(),BookReader.prototype.removeSearchResults=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.removeSearchHilites(),this.searchTerm=null,this.searchResults=null,e||this.trigger(BookReader.eventNames.fragmentChange)},BookReader.prototype.searchHighlightVisible=function(){var e=this,t=this.searchResults,a=[];if(null==t)return!1;if(this.constMode2up==this.mode)a=[this.twoPage.currentIndexL,this.twoPage.currentIndexR];else{if(this.constMode1up!=this.mode)return!1;a=[this.currentIndex()]}return t.matches.some((function(t){return t.par[0].boxes.some((function(t){var r=e.leafNumToIndex(t.page);if(o.inArray(r,a)>=0)return!0}))})),!1}},9587:function(e,t,a){var r=a(111),n=a(7674);e.exports=function(e,t,a){var s,i;return n&&"function"==typeof(s=t.constructor)&&s!==a&&r(i=s.prototype)&&i!==a.prototype&&n(e,i),e}},9601:function(e,t,a){var r=a(2109),n=a(1574);r({target:"Object",stat:!0,forced:Object.assign!==n},{assign:n})},4603:function(e,t,a){var r=a(9781),n=a(7854),s=a(4705),i=a(9587),o=a(3070).f,c=a(8006).f,h=a(7850),l=a(7066),u=a(2999),d=a(1320),p=a(7293),g=a(9909).enforce,v=a(6340),f=a(5112)("match"),m=n.RegExp,b=m.prototype,y=/a/g,k=/a/g,S=new m(y)!==y,R=u.UNSUPPORTED_Y;if(r&&s("RegExp",!S||R||p((function(){return k[f]=!1,m(y)!=y||m(k)==k||"/a/i"!=m(y,"i")})))){for(var x=function(e,t){var a,r=this instanceof x,n=h(e),s=void 0===t;if(!r&&n&&e.constructor===x&&s)return e;S?n&&!s&&(e=e.source):e instanceof x&&(s&&(t=l.call(e)),e=e.source),R&&(a=!!t&&t.indexOf("y")>-1)&&(t=t.replace(/y/g,""));var o=i(S?new m(e,t):m(e,t),r?this:b,x);return R&&a&&(g(o).sticky=!0),o},P=function(e){e in x||o(x,e,{configurable:!0,get:function(){return m[e]},set:function(t){m[e]=t}})},M=c(m),T=0;M.length>T;)P(M[T++]);b.constructor=x,x.prototype=b,d(n,"RegExp",x)}v("RegExp")}},function(e){"use strict";e(e.s=8011)}]);
+(self["webpackChunk_internetarchive_bookreader"] = self["webpackChunk_internetarchive_bookreader"] || []).push([["plugins/plugin.search.js"],{
+
+/***/ "./src/plugins/search/plugin.search.js":
+/*!*********************************************!*\
+  !*** ./src/plugins/search/plugin.search.js ***!
+  \*********************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! regenerator-runtime/runtime.js */ "./node_modules/regenerator-runtime/runtime.js");
+/* harmony import */ var regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.regexp.exec.js */ "./node_modules/core-js/modules/es.regexp.exec.js");
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.string.search.js */ "./node_modules/core-js/modules/es.string.search.js");
+/* harmony import */ var core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.array.find.js */ "./node_modules/core-js/modules/es.array.find.js");
+/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.string.replace.js */ "./node_modules/core-js/modules/es.string.replace.js");
+/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.object.assign.js */ "./node_modules/core-js/modules/es.object.assign.js");
+/* harmony import */ var core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.object.entries.js */ "./node_modules/core-js/modules/es.object.entries.js");
+/* harmony import */ var core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.promise.js */ "./node_modules/core-js/modules/es.promise.js");
+/* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/es.array.iterator.js */ "./node_modules/core-js/modules/es.array.iterator.js");
+/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! core-js/modules/es.string.iterator.js */ "./node_modules/core-js/modules/es.string.iterator.js");
+/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! core-js/modules/web.dom-collections.iterator.js */ "./node_modules/core-js/modules/web.dom-collections.iterator.js");
+/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_13__);
+/* harmony import */ var core_js_modules_web_url_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! core-js/modules/web.url.js */ "./node_modules/core-js/modules/web.url.js");
+/* harmony import */ var core_js_modules_web_url_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_url_js__WEBPACK_IMPORTED_MODULE_14__);
+/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! core-js/modules/es.array.slice.js */ "./node_modules/core-js/modules/es.array.slice.js");
+/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_15__);
+/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! core-js/modules/es.function.name.js */ "./node_modules/core-js/modules/es.function.name.js");
+/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_16__);
+/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! core-js/modules/es.array.from.js */ "./node_modules/core-js/modules/es.array.from.js");
+/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_17__);
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_18__);
+/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! core-js/modules/es.symbol.description.js */ "./node_modules/core-js/modules/es.symbol.description.js");
+/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_19__);
+/* harmony import */ var core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! core-js/modules/es.symbol.iterator.js */ "./node_modules/core-js/modules/es.symbol.iterator.js");
+/* harmony import */ var core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_20__);
+/* harmony import */ var _BookReader_PageContainer_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../../BookReader/PageContainer.js */ "./src/BookReader/PageContainer.js");
+/* harmony import */ var _view_js__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./view.js */ "./src/plugins/search/view.js");
+/* provided dependency */ var jQuery = __webpack_require__(/*! jquery */ "jquery");
+/* provided dependency */ var $ = __webpack_require__(/*! jquery */ "jquery");
+
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* global BookReader */
+
+/**
+ * Plugin for Archive.org book search
+ * NOTE: This script must be loaded AFTER `plugin.mobile_nav.js`
+ * as it mutates mobile nav drawer
+ *
+ * Events fired at various points throughout search processing are published
+ * on the document DOM element. These can be subscribed to using jQuery's event
+ * binding method `$.fn.on`. All of the events are prefixed with a BookReader
+ * namespace. The events are:
+ *
+ * @event BookReader:SearchStarted - When a search form is submitted, immediately
+ *   before an AJAX call is made to request search results
+ * @event BookReader:SearchCallback - When the search AJAX call is returned and at
+ *   least one result is returned. The event callback receives an object
+ *   with the `results`, plugin `options`, and the BookReader `instance`
+ * @event BookReader:SearchCallbackError - When the AJAX request returns an error.
+ *   Receives the `results` and `instance`
+ * @event BookReader:SearchCallbackNotIndexed - When a message is received that
+ *   the book has not had OCR text indexed yet. Receives `instance`
+ * @event BookReader:SearchCallbackEmpty - When no results found. Receives
+ *   `instance`
+ * @event BookReader:SearchCanceled - When no results found. Receives
+ *   `instance`
+ */
+
+
+/** @typedef {import('../../BookReader/PageContainer').PageContainer} PageContainer */
+
+/** @typedef {import('../../BookReader/BookModel').PageIndex} PageIndex */
+
+jQuery.extend(BookReader.defaultOptions, {
+  server: 'ia600609.us.archive.org',
+  bookId: '',
+  subPrefix: '',
+  bookPath: '',
+  enableSearch: true,
+  searchInsideUrl: '/fulltext/inside.php',
+  initialSearchTerm: null
+});
+/** @override */
+
+BookReader.prototype.setup = function (super_) {
+  return function (options) {
+    super_.call(this, options);
+    this.searchTerm = '';
+    this.searchResults = null;
+    this.searchInsideUrl = options.searchInsideUrl;
+    this.enableSearch = options.enableSearch; // Base server used by some api calls
+
+    this.bookId = options.bookId;
+    this.server = options.server;
+    this.subPrefix = options.subPrefix;
+    this.bookPath = options.bookPath;
+    this.searchXHR = null;
+
+    this._cancelSearch.bind(this);
+
+    this.cancelSearchRequest.bind(this);
+    /** @type { {[pageIndex: number]: SearchInsideMatchBox[]} } */
+
+    this._searchBoxesByIndex = {};
+    this.searchView = undefined;
+  };
+}(BookReader.prototype.setup);
+/** @override */
+
+
+BookReader.prototype.init = function (super_) {
+  return function () {
+    var _this = this;
+
+    super_.call(this); // give SearchView the most complete bookreader state
+
+    this.searchView = new _view_js__WEBPACK_IMPORTED_MODULE_22__.default({
+      br: this,
+      searchCancelledCallback: function searchCancelledCallback() {
+        _this._cancelSearch();
+
+        _this.trigger('SearchCanceled', {
+          term: _this.searchTerm,
+          instance: _this
+        });
+      }
+    });
+
+    if (this.options.enableSearch && this.options.initialSearchTerm) {
+      /**
+       * this.search() take two parameter
+       * 1. this.options.initialSearchTerm - search term
+       * 2. {
+       *  goToFirstResult: this.options.goToFirstResult,
+       *  suppressFragmentChange: false // always want to change fragment in URL
+       * }
+       */
+      this.search(this.options.initialSearchTerm, {
+        goToFirstResult: this.options.goToFirstResult,
+        suppressFragmentChange: false
+      });
+    }
+  };
+}(BookReader.prototype.init);
+/** @override */
+
+
+BookReader.prototype.buildToolbarElement = function (super_) {
+  return function () {
+    var $el = super_.call(this);
+
+    if (!this.enableSearch) {
+      return;
+    }
+
+    if (this.searchView.dom.toolbarSearch) {
+      $el.find('.BRtoolbarSectionInfo').after(this.searchView.dom.toolbarSearch);
+    }
+
+    return $el;
+  };
+}(BookReader.prototype.buildToolbarElement);
+/** @override */
+
+
+BookReader.prototype._createPageContainer = function (super_) {
+  return function (index) {
+    var pageContainer = super_.call(this, index);
+
+    if (this.enableSearch && pageContainer.page && index in this._searchBoxesByIndex) {
+      var pageIndex = pageContainer.page.index;
+      (0,_BookReader_PageContainer_js__WEBPACK_IMPORTED_MODULE_21__.renderBoxesInPageContainerLayer)('searchHiliteLayer', this._searchBoxesByIndex[pageIndex], pageContainer.page, pageContainer.$container[0]);
+    }
+
+    return pageContainer;
+  };
+}(BookReader.prototype._createPageContainer);
+/**
+ * @typedef {object} SearchOptions
+ * @property {boolean} goToFirstResult
+ * @property {boolean} disablePopup
+ * @property {(null|function)} error - @deprecated at v.5.0
+ * @property {(null|function)} success - @deprecated at v.5.0
+ */
+
+/**
+ * Submits search request
+ *
+ * @param {string} term
+ * @param {SearchOptions} overrides
+ */
+
+
+BookReader.prototype.search = function () {
+  var _this2 = this;
+
+  var term = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var overrides = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+  /** @type {SearchOptions} */
+  var defaultOptions = {
+    goToFirstResult: false,
+
+    /* jump to the first result (default=false) */
+    disablePopup: false,
+
+    /* don't show the modal progress (default=false) */
+    suppressFragmentChange: false,
+
+    /* don't change the URL on initial load */
+    error: null,
+
+    /* optional error handler (default=null) */
+    success: null
+    /* optional success handler (default=null) */
+
+  };
+  var options = jQuery.extend({}, defaultOptions, overrides);
+  this.suppressFragmentChange = options.suppressFragmentChange; // strip slashes, since this goes in the url
+
+  this.searchTerm = term.replace(/\//g, ' ');
+
+  if (!options.suppressFragmentChange) {
+    this.trigger(BookReader.eventNames.fragmentChange);
+  } // Add quotes to the term. This is to compenstate for the backends default OR query
+  // term = term.replace(/['"]+/g, '');
+  // term = '"' + term + '"';
+  // Remove the port and userdir
+
+
+  var serverPath = this.server.replace(/:.+/, '');
+  var baseUrl = "https://".concat(serverPath).concat(this.searchInsideUrl, "?"); // Remove subPrefix from end of path
+
+  var path = this.bookPath;
+  var subPrefixWithSlash = "/".concat(this.subPrefix);
+
+  if (this.bookPath.length - this.bookPath.lastIndexOf(subPrefixWithSlash) == subPrefixWithSlash.length) {
+    path = this.bookPath.substr(0, this.bookPath.length - subPrefixWithSlash.length);
+  }
+
+  var urlParams = {
+    item_id: this.bookId,
+    doc: this.subPrefix,
+    path: path,
+    q: term
+  }; // NOTE that the API does not expect / (slashes) to be encoded. (%2F) won't work
+
+  var paramStr = $.param(urlParams).replace(/%2F/g, '/');
+  var url = "".concat(baseUrl).concat(paramStr);
+
+  var cleanup = function cleanup() {
+    _this2.searchXHR = null;
+
+    window.BRSearchInProgress = function () {};
+  };
+
+  var processSearchResults = function processSearchResults(searchInsideResults) {
+    if (!_this2.searchXHR) {
+      return;
+    }
+
+    var responseHasError = searchInsideResults.error || !searchInsideResults.matches.length;
+    var hasCustomError = typeof options.error === 'function';
+    var hasCustomSuccess = typeof options.success === 'function';
+
+    if (responseHasError) {
+      hasCustomError ? options.error.call(_this2, searchInsideResults, options) : _this2.BRSearchCallbackError(searchInsideResults, options);
+    } else {
+      hasCustomSuccess ? options.success.call(_this2, searchInsideResults, options) : _this2.BRSearchCallback(searchInsideResults, options);
+    }
+
+    cleanup();
+  };
+
+  var beforeSend = function beforeSend(xhr) {
+    _this2.searchXHR = xhr;
+    window.BRSearchInProgress = processSearchResults;
+  };
+
+  this.trigger('SearchStarted', {
+    term: this.searchTerm,
+    instance: this
+  });
+  return $.ajax({
+    url: url,
+    dataType: 'jsonp',
+    cache: true,
+    beforeSend: beforeSend,
+    jsonpCallback: 'BRSearchInProgress'
+  }).then(processSearchResults);
+};
+/**
+ * cancels AJAX Call
+ * emits custom event
+ */
+
+
+BookReader.prototype._cancelSearch = function () {
+  var _this$searchXHR;
+
+  (_this$searchXHR = this.searchXHR) === null || _this$searchXHR === void 0 ? void 0 : _this$searchXHR.abort();
+  this.searchView.clearSearchFieldAndResults(false);
+  this.searchTerm = '';
+  this.searchXHR = null;
+  this.searchResults = [];
+
+  window.BRSearchInProgress = function () {};
+};
+/**
+ * External function to cancel search
+ * checks for term & xhr in flight before running
+ */
+
+
+BookReader.prototype.cancelSearchRequest = function () {
+  if (this.searchXHR !== null) {
+    this._cancelSearch();
+
+    this.searchView.toggleSearchPending();
+    this.trigger('SearchCanceled', {
+      term: this.searchTerm,
+      instance: this
+    });
+  }
+};
+/**
+  * @typedef {object} SearchInsideMatchBox
+  * @property {number} page
+  * @property {number} r
+  * @property {number} l
+  * @property {number} b
+  * @property {number} t
+  * @property {HTMLDivElement} [div]
+  */
+
+/**
+ * @typedef {object} SearchInsideMatch
+ * @property {string} text
+ * @property {Array<{ page: number, boxes: SearchInsideMatchBox[] }>} par
+ */
+
+/**
+ * @typedef {object} SearchInsideResults
+ * @property {string} error
+ * @property {SearchInsideMatch[]} matches
+ * @property {boolean} indexed
+ */
+
+/**
+ * Search Results return handler
+ * @callback
+ * @param {SearchInsideResults} results
+ * @param {object} options
+ * @param {boolean} options.goToFirstResult
+ */
+
+
+BookReader.prototype.BRSearchCallback = function (results, options) {
+  this.searchResults = results || [];
+  this.updateSearchHilites();
+  this.removeProgressPopup();
+
+  if (options.goToFirstResult) {
+    var pageIndex = this._models.book.leafNumToIndex(results.matches[0].par[0].page);
+
+    this._searchPluginGoToResult(pageIndex);
+  }
+
+  this.trigger('SearchCallback', {
+    results: results,
+    options: options,
+    instance: this
+  });
+};
+/**
+ * Main search results error handler
+ * @callback
+ * @param {SearchInsideResults} results
+ */
+
+
+BookReader.prototype.BRSearchCallbackError = function (results) {
+  this._BRSearchCallbackError(results);
+};
+/**
+ * @private draws search results error
+ * @callback
+ * @param {SearchInsideResults} results
+ * @param {jQuery} $el
+ * @param {boolean} fade
+ */
+
+
+BookReader.prototype._BRSearchCallbackError = function (results) {
+  this.searchResults = results;
+  var basePayload = {
+    term: this.searchTerm,
+    instance: this
+  };
+
+  if (results.error) {
+    var payload = Object.assign({}, basePayload, {
+      results: results
+    });
+    this.trigger('SearchCallbackError', payload);
+  } else if (0 == results.matches.length) {
+    if (false === results.indexed) {
+      this.trigger('SearchCallbackBookNotIndexed', basePayload);
+      return;
+    }
+
+    this.trigger('SearchCallbackEmpty', basePayload);
+  }
+};
+/**
+ * updates search on-page highlights controller
+ */
+
+
+BookReader.prototype.updateSearchHilites = function () {
+  var _this$searchResults,
+      _this3 = this;
+
+  /** @type {SearchInsideMatch[]} */
+  var matches = ((_this$searchResults = this.searchResults) === null || _this$searchResults === void 0 ? void 0 : _this$searchResults.matches) || [];
+  /** @type { {[pageIndex: number]: SearchInsideMatch[]} } */
+
+  var boxesByIndex = {}; // Clear any existing svg layers
+
+  this.removeSearchHilites(); // Group by pageIndex
+
+  var _iterator = _createForOfIteratorHelper(matches),
+      _step;
+
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var match = _step.value;
+
+      var _iterator2 = _createForOfIteratorHelper(match.par[0].boxes),
+          _step2;
+
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var box = _step2.value;
+          var pageIndex = this.leafNumToIndex(box.page);
+          var pageMatches = boxesByIndex[pageIndex] || (boxesByIndex[pageIndex] = []);
+          pageMatches.push(box);
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+    } // update any already created pages
+
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+
+  var _loop = function _loop() {
+    var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+        pageIndexString = _Object$entries$_i[0],
+        boxes = _Object$entries$_i[1];
+
+    var pageIndex = parseFloat(pageIndexString);
+
+    var page = _this3._models.book.getPage(pageIndex);
+
+    var pageContainers = _this3.getActivePageContainerElementsForIndex(pageIndex);
+
+    pageContainers.forEach(function (container) {
+      return (0,_BookReader_PageContainer_js__WEBPACK_IMPORTED_MODULE_21__.renderBoxesInPageContainerLayer)('searchHiliteLayer', boxes, page, container);
+    });
+  };
+
+  for (var _i = 0, _Object$entries = Object.entries(boxesByIndex); _i < _Object$entries.length; _i++) {
+    _loop();
+  }
+
+  this._searchBoxesByIndex = boxesByIndex;
+};
+/**
+ * remove search highlights
+ */
+
+
+BookReader.prototype.removeSearchHilites = function () {
+  $(this.getActivePageContainerElements()).find('.searchHiliteLayer').remove();
+};
+/**
+ * @private
+ * Goes to the page specified. If the page is not viewable, tries to load the page
+ * FIXME Most of this logic is IA specific, and should be less integrated into here
+ * or at least more configurable.
+ * @param {PageIndex} pageIndex
+ */
+
+
+BookReader.prototype._searchPluginGoToResult = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(pageIndex) {
+    var book, page, makeUnviewableAtEnd, resp, _iterator3, _step3, leafNum;
+
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            book = this._models.book;
+            page = book.getPage(pageIndex);
+            makeUnviewableAtEnd = false;
+
+            if (page.isViewable) {
+              _context.next = 10;
+              break;
+            }
+
+            _context.next = 6;
+            return fetch('/services/bookreader/request_page?' + new URLSearchParams({
+              id: this.options.bookId,
+              subprefix: this.options.subPrefix,
+              leafNum: page.leafNum
+            })).then(function (r) {
+              return r.json();
+            });
+
+          case 6:
+            resp = _context.sent;
+            _iterator3 = _createForOfIteratorHelper(resp.value);
+
+            try {
+              for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+                leafNum = _step3.value;
+                book.getPage(book.leafNumToIndex(leafNum)).makeViewable();
+              } // not able to show page; make the page viewable anyways so that it can
+              // actually open. On IA, it has a fallback to a special error page.
+
+            } catch (err) {
+              _iterator3.e(err);
+            } finally {
+              _iterator3.f();
+            }
+
+            if (!resp.value.length) {
+              book.getPage(pageIndex).makeViewable();
+              makeUnviewableAtEnd = true;
+            }
+
+          case 10:
+            /* this updates the URL */
+            this.suppressFragmentChange = false;
+            this.jumpToIndex(pageIndex); // Reset it to unviewable if it wasn't resolved
+
+            if (makeUnviewableAtEnd) {
+              book.getPage(pageIndex).makeViewable(false);
+            }
+
+          case 13:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, this);
+  }));
+
+  return function (_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+/**
+ * Removes all search pins
+ */
+
+
+BookReader.prototype.removeSearchResults = function () {
+  var suppressFragmentChange = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  this.removeSearchHilites(); //be sure to set all box.divs to null
+
+  this.searchTerm = null;
+  this.searchResults = null;
+
+  if (!suppressFragmentChange) {
+    this.trigger(BookReader.eventNames.fragmentChange);
+  }
+};
+/**
+ * Returns true if a search highlight is currently being displayed
+ * @returns {boolean}
+ */
+
+
+BookReader.prototype.searchHighlightVisible = function () {
+  var _this4 = this;
+
+  var results = this.searchResults;
+  var visiblePages = [];
+  if (null == results) return false;
+
+  if (this.constMode2up == this.mode) {
+    visiblePages = [this.twoPage.currentIndexL, this.twoPage.currentIndexR];
+  } else if (this.constMode1up == this.mode) {
+    visiblePages = [this.currentIndex()];
+  } else {
+    return false;
+  }
+
+  results.matches.some(function (match) {
+    return match.par[0].boxes.some(function (box) {
+      var pageIndex = _this4.leafNumToIndex(box.page);
+
+      if (jQuery.inArray(pageIndex, visiblePages) >= 0) {
+        return true;
+      }
+    });
+  });
+  return false;
+};
+
+/***/ }),
+
+/***/ "./src/plugins/search/view.js":
+/*!************************************!*\
+  !*** ./src/plugins/search/view.js ***!
+  \************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var core_js_modules_es_regexp_constructor_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.regexp.constructor.js */ "./node_modules/core-js/modules/es.regexp.constructor.js");
+/* harmony import */ var core_js_modules_es_regexp_constructor_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_constructor_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.regexp.exec.js */ "./node_modules/core-js/modules/es.regexp.exec.js");
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.regexp.to-string.js */ "./node_modules/core-js/modules/es.regexp.to-string.js");
+/* harmony import */ var core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.array.slice.js */ "./node_modules/core-js/modules/es.array.slice.js");
+/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.array.find.js */ "./node_modules/core-js/modules/es.array.find.js");
+/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.string.replace.js */ "./node_modules/core-js/modules/es.string.replace.js");
+/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.string.search.js */ "./node_modules/core-js/modules/es.string.search.js");
+/* harmony import */ var core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_9__);
+/* provided dependency */ var $ = __webpack_require__(/*! jquery */ "jquery");
+
+
+
+
+
+
+
+
+
+
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+var SearchView = /*#__PURE__*/function () {
+  /**
+   * @param {object} params
+   * @param {object} params.br The BookReader instance
+   * @param {function} params.cancelSearch callback when a user wants to cancel search
+   *
+   * @event BookReader:SearchResultsCleared - when the search results nav gets cleared
+   * @event BookReader:ToggleSearchMenu - when search results menu should toggle
+   */
+  function SearchView(_ref) {
+    var br = _ref.br,
+        _ref$searchCancelledC = _ref.searchCancelledCallback,
+        searchCancelledCallback = _ref$searchCancelledC === void 0 ? function () {} : _ref$searchCancelledC;
+
+    _classCallCheck(this, SearchView);
+
+    this.br = br; // Search results are returned as a text blob with the hits wrapped in
+    // triple mustaches. Hits occasionally include text beyond the search
+    // term, so everything within the staches is captured and wrapped.
+
+    this.matcher = new RegExp('{{{(.+?)}}}', 'g');
+    this.matches = [];
+    this.cacheDOMElements();
+    this.bindEvents();
+    this.cancelSearch = searchCancelledCallback;
+  }
+
+  _createClass(SearchView, [{
+    key: "cacheDOMElements",
+    value: function cacheDOMElements() {
+      this.dom = {}; // Search input within the top toolbar. Will be removed once the mobile menu is replaced.
+
+      this.dom.toolbarSearch = this.buildToolbarSearch();
+    }
+    /**
+     * @param {string} query
+     */
+
+  }, {
+    key: "setQuery",
+    value: function setQuery(query) {
+      this.br.$('[name="query"]').val(query);
+    }
+  }, {
+    key: "emptyMatches",
+    value: function emptyMatches() {
+      this.matches = [];
+    }
+  }, {
+    key: "removeResultPins",
+    value: function removeResultPins() {
+      this.br.$('.BRnavpos .BRsearch').remove();
+    }
+  }, {
+    key: "clearSearchFieldAndResults",
+    value: function clearSearchFieldAndResults() {
+      var dispatchEventWhenComplete = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+      this.br.removeSearchResults();
+      this.removeResultPins();
+      this.emptyMatches();
+      this.setQuery('');
+      this.teardownSearchNavigation();
+
+      if (dispatchEventWhenComplete) {
+        this.br.trigger('SearchResultsCleared');
+      }
+    }
+  }, {
+    key: "toggleSidebar",
+    value: function toggleSidebar() {
+      this.br.trigger('ToggleSearchMenu');
+    }
+  }, {
+    key: "renderSearchNavigation",
+    value: function renderSearchNavigation() {
+      var selector = 'BRsearch-navigation';
+      $('.BRnav').before("\n      <div class=\"".concat(selector, "\">\n        <button class=\"toggle-sidebar\">\n          <h4>\n            <span class=\"icon icon-search\"></span> Results\n          </h4>\n        </button>\n        <div class=\"pagination\">\n          <button class=\"prev\" title=\"Previous result\"><span class=\"icon icon-chevron hflip\"></span></button>\n          <span data-id=\"resultsCount\">").concat(this.resultsPosition(), "</span>\n          <button class=\"next\" title=\"Next result\"><span class=\"icon icon-chevron\"></button>\n        </div>\n        <button class=\"clear\" title=\"Clear search results\">\n          <span class=\"icon icon-close\"></span>\n        </button>\n      </div>\n    "));
+      this.dom.searchNavigation = $(".".concat(selector));
+    }
+  }, {
+    key: "resultsPosition",
+    value: function resultsPosition() {
+      var positionMessage = "".concat(this.matches.length, " result").concat(this.matches.length === 1 ? '' : 's');
+
+      if (~this.currentMatchIndex) {
+        positionMessage = "".concat(this.currentMatchIndex + 1, " / ").concat(this.matches.length);
+      }
+
+      return positionMessage;
+    }
+  }, {
+    key: "bindSearchNavigationEvents",
+    value: function bindSearchNavigationEvents() {
+      if (!this.dom.searchNavigation) {
+        return;
+      }
+
+      var namespace = 'searchNavigation';
+      this.dom.searchNavigation.on("click.".concat(namespace), '.clear', this.clearSearchFieldAndResults.bind(this)).on("click.".concat(namespace), '.prev', this.showPrevResult.bind(this)).on("click.".concat(namespace), '.next', this.showNextResult.bind(this)).on("click.".concat(namespace), '.toggle-sidebar', this.toggleSidebar.bind(this)).on("click.".concat(namespace), false);
+    }
+  }, {
+    key: "showPrevResult",
+    value: function showPrevResult() {
+      if (this.currentMatchIndex === 0) {
+        return;
+      }
+
+      if (this.br.mode === this.br.constModeThumb) {
+        this.br.switchMode(this.br.constMode1up);
+      }
+
+      if (!~this.currentMatchIndex) {
+        this.currentMatchIndex = this.getClosestMatchIndex(function (start, end, comparator) {
+          return end[0] > comparator;
+        }) + 1;
+      }
+
+      this.br.$('.BRnavline .BRsearch').eq(--this.currentMatchIndex).click();
+      this.updateResultsPosition();
+      this.updateSearchNavigationButtons();
+    }
+  }, {
+    key: "showNextResult",
+    value: function showNextResult() {
+      if (this.currentMatchIndex + 1 === this.matches.length) {
+        return;
+      }
+
+      if (this.br.mode === this.br.constModeThumb) {
+        this.br.switchMode(this.br.constMode1up);
+      }
+
+      if (!~this.currentMatchIndex) {
+        this.currentMatchIndex = this.getClosestMatchIndex(function (start, end, comparator) {
+          return start[start.length - 1] > comparator;
+        }) - 1;
+      }
+
+      this.br.$('.BRnavline .BRsearch').eq(++this.currentMatchIndex).click();
+      this.updateResultsPosition();
+      this.updateSearchNavigationButtons();
+    }
+    /**
+     * Obtains closest match based on the logical comparison function passed in.
+     * When the comparison function returns true, the starting (left) half of the
+     * matches array is used in the binary split, else the ending (right) half is
+     * used. A recursive call is made to perform the same split and comparison
+     * on the winning half of the matches. This is traditionally known as binary
+     * search (https://en.wikipedia.org/wiki/Binary_search_algorithm), and in
+     * most cases (medium to large search result arrays) should outperform
+     * traversing the array from start to finish. In the case of small arrays,
+     * the speed difference is negligible.
+     *
+     * @param {function} comparisonFn
+     * @return {number} matchIndex
+     */
+
+  }, {
+    key: "getClosestMatchIndex",
+    value: function getClosestMatchIndex(comparisonFn) {
+      var matchPages = this.matches.map(function (m) {
+        return m.par[0].page;
+      });
+      var currentPage = this.br.currentIndex() + 1;
+
+      var closestTo = function closestTo(pool, comparator) {
+        if (pool.length === 1) {
+          return pool[0];
+        }
+
+        var start = pool.slice(0, pool.length / 2);
+        var end = pool.slice(pool.length / 2);
+        return closestTo(comparisonFn(start, end, comparator) ? start : end, comparator);
+      };
+
+      var closestPage = closestTo(matchPages, currentPage);
+      return this.matches.indexOf(this.matches.find(function (m) {
+        return m.par[0].page === closestPage;
+      }));
+    }
+  }, {
+    key: "updateResultsPosition",
+    value: function updateResultsPosition() {
+      this.dom.searchNavigation.find('[data-id=resultsCount]').text(this.resultsPosition());
+    }
+  }, {
+    key: "updateSearchNavigationButtons",
+    value: function updateSearchNavigationButtons() {
+      this.dom.searchNavigation.find('.prev').attr('disabled', !this.currentMatchIndex);
+      this.dom.searchNavigation.find('.next').attr('disabled', this.currentMatchIndex + 1 === this.matches.length);
+    }
+  }, {
+    key: "teardownSearchNavigation",
+    value: function teardownSearchNavigation() {
+      if (!this.dom.searchNavigation) {
+        this.dom.searchNavigation = $('.BRsearch-navigation');
+      }
+
+      if (!this.dom.searchNavigation.length) {
+        return;
+      }
+
+      this.dom.searchNavigation.off('.searchNavigation').remove();
+      this.dom.searchNavigation = null;
+      this.br.resize();
+    }
+  }, {
+    key: "setCurrentMatchIndex",
+    value: function setCurrentMatchIndex() {
+      var matchingSearchResult;
+
+      if (this.br.mode === this.br.constModeThumb) {
+        this.currentMatchIndex = -1;
+        return;
+      }
+
+      if (this.br.mode === this.br.constMode2up) {
+        matchingSearchResult = this.find2upMatchingSearchResult();
+      } else {
+        matchingSearchResult = this.find1upMatchingSearchResult();
+      }
+
+      this.currentMatchIndex = this.matches.indexOf(matchingSearchResult);
+    }
+  }, {
+    key: "find1upMatchingSearchResult",
+    value: function find1upMatchingSearchResult() {
+      var _this = this;
+
+      return this.matches.find(function (m) {
+        return _this.br.currentIndex() === m.par[0].page - 1;
+      });
+    }
+  }, {
+    key: "find2upMatchingSearchResult",
+    value: function find2upMatchingSearchResult() {
+      var _this2 = this;
+
+      return this.matches.find(function (m) {
+        return _this2.br._isIndexDisplayed(m.par[0].page - 1);
+      });
+    }
+  }, {
+    key: "updateSearchNavigation",
+    value: function updateSearchNavigation() {
+      if (!this.matches.length) {
+        return;
+      }
+
+      this.setCurrentMatchIndex();
+      this.updateResultsPosition();
+      this.updateSearchNavigationButtons();
+    }
+    /**
+     * @param {boolean} bool
+     */
+
+  }, {
+    key: "togglePinsFor",
+    value: function togglePinsFor(bool) {
+      var pinsVisibleState = bool ? 'visible' : 'hidden';
+      this.br.refs.$BRfooter.find('.BRsearch').css({
+        visibility: pinsVisibleState
+      });
+    }
+  }, {
+    key: "buildToolbarSearch",
+    value: function buildToolbarSearch() {
+      var toolbarSearch = document.createElement('span');
+      toolbarSearch.classList.add('BRtoolbarSection', 'BRtoolbarSectionSearch');
+      toolbarSearch.innerHTML = "\n      <form class=\"BRbooksearch desktop\">\n        <input type=\"search\" name=\"query\" class=\"BRsearchInput\" value=\"\" placeholder=\"Search inside\"/>\n        <button type=\"submit\" class=\"BRsearchSubmit\">\n          <img src=\"".concat(this.br.imagesBaseURL, "icon_search_button.svg\" />\n        </button>\n      </form>\n    ");
+      return toolbarSearch;
+    }
+    /**
+     * @param {array} matches
+     */
+
+  }, {
+    key: "renderPins",
+    value: function renderPins(matches) {
+      var _this3 = this;
+
+      matches.forEach(function (match) {
+        var queryString = match.text;
+
+        var pageIndex = _this3.br.leafNumToIndex(match.par[0].page);
+
+        var pageNumber = _this3.br.getPageNum(pageIndex);
+
+        var uiStringSearch = "Search result"; // i18n
+
+        var uiStringPage = "Page"; // i18n
+
+        var percentThrough = _this3.br.constructor.util.cssPercentage(pageIndex, _this3.br.getNumLeafs() - 1);
+
+        var queryStringWithB = queryString.replace(_this3.matcher, '<b>$1</b>');
+        var queryStringWithBTruncated = '';
+
+        if (queryString.length > 100) {
+          queryStringWithBTruncated = queryString.replace(/^(.{100}[^\s]*).*/, "$1").replace(_this3.matcher, '<b>$1</b>') + '...';
+        } // draw marker
+
+
+        $('<div>').addClass('BRsearch').css({
+          left: percentThrough
+        }).attr('title', uiStringSearch).append("\n          <div class=\"BRquery\">\n            <div>".concat(queryStringWithBTruncated || queryStringWithB, "</div>\n            <div>").concat(uiStringPage, " ").concat(pageNumber, "</div>\n          </div>\n        ")).data({
+          pageIndex: pageIndex
+        }).appendTo(_this3.br.$('.BRnavline')).on("mouseenter", function (event) {
+          // remove from other markers then turn on just for this
+          // XXX should be done when nav slider moves
+          var marker = event.currentTarget;
+          var tooltip = marker.querySelector('.BRquery');
+          var tooltipOffset = tooltip.getBoundingClientRect();
+          var targetOffset = marker.getBoundingClientRect();
+          var boxSizeAdjust = parseInt(getComputedStyle(tooltip).paddingLeft) * 2;
+
+          if (tooltipOffset.x - boxSizeAdjust < 0) {
+            tooltip.style.setProperty('transform', "translateX(-".concat(targetOffset.left - boxSizeAdjust, "px)"));
+          }
+
+          $('.BRsearch,.BRchapter').removeClass('front');
+          $(event.target).addClass('front');
+        }).on("mouseleave", function (event) {
+          return $(event.target).removeClass('front');
+        }).on("click", function (event) {
+          // closures are nested and deep, using an arrow function breaks references.
+          // Todo: update to arrow function & clean up closures
+          // to remove `bind` dependency
+          this.br._searchPluginGoToResult(+$(event.target).data('pageIndex'));
+        }.bind(_this3));
+      });
+    }
+    /**
+     * @param {boolean} bool
+     */
+
+  }, {
+    key: "toggleSearchPending",
+    value: function toggleSearchPending(bool) {
+      var _this4 = this;
+
+      if (bool) {
+        this.br.showProgressPopup("Search results will appear below...", function () {
+          return _this4.progressPopupClosed();
+        });
+      } else {
+        this.br.removeProgressPopup();
+      }
+    }
+    /**
+     * Primary callback when user cancels search popup
+     */
+
+  }, {
+    key: "progressPopupClosed",
+    value: function progressPopupClosed() {
+      this.toggleSearchPending();
+      this.cancelSearch();
+    }
+  }, {
+    key: "renderErrorModal",
+    value: function renderErrorModal() {
+      var textIsProcessing = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      var errorDetails = "".concat(!textIsProcessing ? 'The text may still be processing. ' : '', "Please try again.");
+      this.renderModalMessage("\n      Sorry, there was an error with your search.\n      <br />\n      ".concat(errorDetails, "\n    "));
+      this.delayModalRemovalFor(4000);
+    }
+  }, {
+    key: "renderBookNotIndexedModal",
+    value: function renderBookNotIndexedModal() {
+      this.renderModalMessage("\n      <p>\n         This book hasn't been indexed for searching yet.\n         We've just started indexing it, so search should be available soon.\n         <br />\n         Please try again later. Thanks!\n      </p>\n    ");
+      this.delayModalRemovalFor(5000);
+    }
+  }, {
+    key: "renderResultsEmptyModal",
+    value: function renderResultsEmptyModal() {
+      this.renderModalMessage('No matches were found.');
+      this.delayModalRemovalFor(2000);
+    }
+    /**
+     * @param {string} messageHTML The innerHTML string used to popupate the modal contents
+     */
+
+  }, {
+    key: "renderModalMessage",
+    value: function renderModalMessage(messageHTML) {
+      var modal = document.createElement('div');
+      modal.classList.add('BRprogresspopup', 'search_modal');
+      modal.innerHTML = messageHTML;
+      document.querySelector(this.br.el).append(modal);
+    }
+    /**
+     * @param {number} timeoutMS
+     */
+
+  }, {
+    key: "delayModalRemovalFor",
+    value: function delayModalRemovalFor(timeoutMS) {
+      setTimeout(this.br.removeProgressPopup.bind(this.br), timeoutMS);
+    }
+    /**
+     * @param {Event} e
+     */
+
+  }, {
+    key: "submitHandler",
+    value: function submitHandler(e) {
+      e.preventDefault();
+      var query = e.target.querySelector('[name="query"]').value;
+
+      if (!query.length) {
+        return false;
+      }
+
+      this.br.search(query);
+      this.emptyMatches();
+      this.toggleSearchPending(true);
+      return false;
+    }
+    /**
+     * @param {Event} e
+     * @param {object} properties
+     *   @param {object} properties.results
+     *   @param {object} properties.options
+     */
+
+  }, {
+    key: "handleSearchCallback",
+    value: function handleSearchCallback(e, _ref2) {
+      var _this5 = this;
+
+      var results = _ref2.results,
+          options = _ref2.options;
+      this.matches = results.matches;
+      this.setCurrentMatchIndex();
+      this.teardownSearchNavigation();
+      this.renderSearchNavigation();
+      this.bindSearchNavigationEvents();
+      this.renderPins(results.matches);
+      this.toggleSearchPending(false);
+
+      if (options.goToFirstResult) {
+        $(document).one('BookReader:pageChanged', function () {
+          _this5.br.resize();
+        });
+      } else {
+        this.br.resize();
+      }
+    }
+    /**
+     * @param {Event} e
+     */
+
+  }, {
+    key: "handleNavToggledCallback",
+    value: function handleNavToggledCallback(e) {
+      var is_visible = this.br.navigationIsVisible();
+      this.togglePinsFor(is_visible);
+    }
+  }, {
+    key: "handleSearchStarted",
+    value: function handleSearchStarted() {
+      this.emptyMatches();
+      this.br.removeSearchHilites();
+      this.removeResultPins();
+      this.toggleSearchPending(true);
+      this.teardownSearchNavigation();
+      this.setQuery(this.br.searchTerm);
+    }
+    /**
+     * Event listener for: `BookReader:SearchCallbackError`
+     * @param {CustomEvent} event
+     */
+
+  }, {
+    key: "handleSearchCallbackError",
+    value: function handleSearchCallbackError() {
+      var _event$detail, _event$detail$props, _event$detail$props$r;
+
+      var event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      this.toggleSearchPending(false);
+      var isIndexed = event === null || event === void 0 ? void 0 : (_event$detail = event.detail) === null || _event$detail === void 0 ? void 0 : (_event$detail$props = _event$detail.props) === null || _event$detail$props === void 0 ? void 0 : (_event$detail$props$r = _event$detail$props.results) === null || _event$detail$props$r === void 0 ? void 0 : _event$detail$props$r.indexed;
+      this.renderErrorModal(isIndexed);
+    }
+  }, {
+    key: "handleSearchCallbackBookNotIndexed",
+    value: function handleSearchCallbackBookNotIndexed() {
+      this.toggleSearchPending(false);
+      this.renderBookNotIndexedModal();
+    }
+  }, {
+    key: "handleSearchCallbackEmpty",
+    value: function handleSearchCallbackEmpty() {
+      this.toggleSearchPending(false);
+      this.renderResultsEmptyModal();
+    }
+  }, {
+    key: "bindEvents",
+    value: function bindEvents() {
+      var namespace = 'BookReader:';
+      window.addEventListener("".concat(namespace, "SearchCallbackError"), this.handleSearchCallbackError.bind(this));
+      $(document).on("".concat(namespace, "SearchCallback"), this.handleSearchCallback.bind(this)).on("".concat(namespace, "navToggled"), this.handleNavToggledCallback.bind(this)).on("".concat(namespace, "SearchStarted"), this.handleSearchStarted.bind(this)).on("".concat(namespace, "SearchCallbackBookNotIndexed"), this.handleSearchCallbackBookNotIndexed.bind(this)).on("".concat(namespace, "SearchCallbackEmpty"), this.handleSearchCallbackEmpty.bind(this)).on("".concat(namespace, "pageChanged"), this.updateSearchNavigation.bind(this));
+      this.dom.toolbarSearch.querySelector('form').addEventListener('submit', this.submitHandler.bind(this));
+    }
+  }]);
+
+  return SearchView;
+}();
+
+/* harmony default export */ __webpack_exports__["default"] = (SearchView);
+
+/***/ }),
+
+/***/ "./node_modules/core-js/modules/es.object.entries.js":
+/*!***********************************************************!*\
+  !*** ./node_modules/core-js/modules/es.object.entries.js ***!
+  \***********************************************************/
+/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+
+var $ = __webpack_require__(/*! ../internals/export */ "./node_modules/core-js/internals/export.js");
+var $entries = __webpack_require__(/*! ../internals/object-to-array */ "./node_modules/core-js/internals/object-to-array.js").entries;
+
+// `Object.entries` method
+// https://tc39.es/ecma262/#sec-object.entries
+$({ target: 'Object', stat: true }, {
+  entries: function entries(O) {
+    return $entries(O);
+  }
+});
+
+
+/***/ })
+
+},
+/******/ function(__webpack_require__) { // webpackRuntimeModules
+/******/ var __webpack_exec__ = function(moduleId) { return __webpack_require__(__webpack_require__.s = moduleId); }
+/******/ var __webpack_exports__ = (__webpack_exec__("./src/plugins/search/plugin.search.js"));
+/******/ }
+]);
 //# sourceMappingURL=plugin.search.js.map