bloom-player 2.17.3 → 2.17.4-alpha.1

package/README.md

@@ -8,7 +8,7 @@ The Bloom project uses _bloom-player_ in the following places:
 - In the [Bloom Reader](https://github.com/bloombooks/bloomreader) Android app
 - On [BloomLibrary.org](https://bloomlibrary.org)
 - In [BloomPUB Viewer](https://github.com/bloombooks/bloompub-viewer)
-- In Android and IOS apps created with Reading App Builder
+- In Android and iOS apps created with Reading App Builder
 
 # Using bloom-player in a website
 

package/dist/{bloomPlayer.DC7ZXAug.js → bloomPlayer.q2FsI-pr.js}

@@ -8044,7 +8044,7 @@ Add a <Suspense fallback=...> component higher in the tree to provide a loading
                 display:none !important;
             }
             `.replace(`
-`,"").replace("\r","")}const oc=[];function DB(){return oc.length>0}function IB(e){const t=oc.pop();if(t)return{bookUrl:e===t.bookId?void 0:dh(t.bookId),pageId:t.pageId}}function jB(e,t,n){const a=e.target.closest("[href], [data-href]");if(!a)return;e.preventDefault(),e.stopPropagation();const i=(a.getAttribute("href")||a.getAttribute("data-href"))??void 0;if(!i)return;if(i.startsWith("http://")||i.startsWith("https://")){window.open(i,"_blank","noreferrer");return}let r,s;if(i==="back"){const c=oc.pop();return c?{bookUrl:t===c.bookId?void 0:dh(c.bookId),pageId:c.pageId}:void 0}else if(i.startsWith("/book/")){const c=RB(i);r=c.bookId,s=c.pageId,c.bookId===t&&(r=void 0)}else i.startsWith("#")&&(s=i.substring(1));const u=n();if(r)return ly(t,u),{bookUrl:dh(r),pageId:s};if(s)return ly(t,u),{pageId:s}}function ly(e,t,n){oc.push({bookId:e,pageId:t})}function dh(e){return`/book/${e}/index.htm`}function RB(e){try{const t=new URL(e,window.location.origin);if(!t.pathname.startsWith("/book/"))throw new Error("Invalid book URL format");const n=t.pathname.replace("/book/",""),a=t.hash.replace("#","");return{bookId:n,pageId:a}}catch(t){return console.error("Error parsing book URL:",t),{bookId:void 0,pageId:void 0}}}const OB="bloom-player",KB="A library for displaying Bloom books in iframes or WebViews",$B="SIL Global",qB="MIT",HB="2.17.3",FB=!1,WB={type:"git",url:"https://github.com/BloomBooks/bloom-player.git"},_B="module",VB="lib/shared.es.js",GB="lib/index.d.ts",UB={".":{types:"./lib/index.d.ts",import:"./lib/shared.es.js",default:"./lib/shared.es.js"}},YB={"// COMMENTS: make the action a space rather than empty string so `yarn run` can list the scripts":" ","//":" ","// 'yarn dev' will build, watch, start a server, and open the player in a brower":" ","// You can edit index-for-developing.html to point to different books":" ","// Or just use 'yarn storybook' and skip this dev approach entirely":" ",dev:"vite","build:standalone":"vite build","build:sharedlib":"vite build --mode lib",test:"vitest","// blame.ignoreRevsFile - This allows blame to see through commits that are only there to format code.":" ",prepare:"husky install && git config blame.ignoreRevsFile .git-blame-ignore-revs",storybook:"storybook dev -p 6006","// run this when working with stories that use an iframe and bloomplayer.htm instead of the raw react components":" ",watchForStorybook:"yarn vite build --watch --mode development","strings:download":"crowdin download --config src/l10n/crowdin.yml  && yarn strings:compile","strings:upload":"crowdin upload  --config src/l10n/crowdin.yml","strings:compile":"yarn tsx ./src/l10n/compileL10Strings.ts","strings:sync":"yarn strings:upload && yarn strings:download"},XB={"@material-ui/core":"^4.12.3","@material-ui/icons":"^4.11.2",axios:"^0.18.0","compare-versions":"^6.1.1","dynamic-import-polyfill":"^0.1.1","jquery.nicescroll":"^3.7.6",react:"^17.0.2","react-dom":"^17.0.2","react-id-swiper":"2.3.2","style-scoped":"^0.2.1",swiper:"^4.5.0"},ZB={"@crowdin/cli":"^4.2.0","@storybook/addon-essentials":"8.4.6","@storybook/addon-interactions":"^8.4.6","@storybook/addon-links":"8.4.6","@storybook/blocks":"8.4.6","@storybook/react":"8.4.6","@storybook/react-vite":"8.4.6","@storybook/test":"8.4.6","@types/jquery":"^3.5.5","@types/jquery.nicescroll":"^3.7.1","@types/node":"^22.7.6","@types/react":"^17.0.2","@types/react-dom":"^17.0.2",editorconfig:"^2.0.0",eslint:"^9.12.0","eslint-plugin-storybook":"^0.11.1",husky:"8.0.3",jsdom:"^25.0.1",less:"^4.2.0",prettier:"^3.3.3","semantic-release":"24.1.2",storybook:"8.4.6",tsx:"^4.19.1",typescript:"*",vite:"^5.4.9","vite-plugin-dts":"^4.5.3","vite-plugin-html":"^3.2.2","vite-plugin-static-copy":"^2.0.0",vitest:"^2.1.3"},JB=["dist/*.js","dist/bloomplayer.htm","dist/*.mp3","lib/*.js","lib/*.d.ts","lib/*.js.map","src/shared/event.ts","src/shared/narration.ts","src/shared/dragActivityRuntime.ts","src/shared/scrolling.ts","src/shared/index.ts","dist/*.css","dist/*.tsv"],QB={node:"20.15.1",yarn:"1.22.19"},tD={name:OB,description:KB,author:$B,license:qB,version:HB,private:!1,"// sideeffects might need to be ['*.css'] to avoid 'shaking' our CSS, if we ever get tree shaking working":"",sideEffects:FB,repository:WB,type:_B,module:VB,types:GB,exports:UB,scripts:YB,dependencies:XB,devDependencies:ZB,"// The four src/ files are directly exported so BloomDesktop can consume them as shared code.":"",files:JB,volta:QB},gi="#d65649",eD="#2e2e2e",nD="#febf00",Yk=gs({palette:{primary:{main:eD,contrastText:gi},secondary:{main:gi}}});function Xk(){var e=tD.version;return e}const aD=()=>{const[e,t]=B.useState(!1),n=Xk(),a=new Date("2025-12-02T17:25:22.733Z").toLocaleDateString();return B.useEffect(()=>{const i=s=>{s.key==="Control"&&t(!0)},r=s=>{s.key==="Control"&&t(!1)};return window.addEventListener("keydown",i),window.addEventListener("keyup",r),()=>{window.removeEventListener("keydown",i),window.removeEventListener("keyup",r)}},[]),e?kt.createElement("div",{className:"version-control",style:{color:gi,fontFamily:"sans-serif",padding:"5px",zIndex:1e3}},"Bloom Player v",n," (built ",a,")"):null},iD=/^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-([\da-z\-]+(?:\.[\da-z\-]+)*))?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i,uy=e=>{if(typeof e!="string")throw new TypeError("Invalid argument expected string");const t=e.match(iD);if(!t)throw new Error(`Invalid argument not valid semver ('${e}' received)`);return t.shift(),t},cy=e=>e==="*"||e==="x"||e==="X",dy=e=>{const t=parseInt(e,10);return isNaN(t)?e:t},rD=(e,t)=>typeof e!=typeof t?[String(e),String(t)]:[e,t],oD=(e,t)=>{if(cy(e)||cy(t))return 0;const[n,a]=rD(dy(e),dy(t));return n>a?1:n<a?-1:0},fy=(e,t)=>{for(let n=0;n<Math.max(e.length,t.length);n++){const a=oD(e[n]||"0",t[n]||"0");if(a!==0)return a}return 0},hy=(e,t)=>{const n=uy(e),a=uy(t),i=n.pop(),r=a.pop(),s=fy(n,a);return s!==0?s:i&&r?fy(i.split("."),r.split(".")):i||r?i?-1:1:0};class Se extends B.Component{constructor(t,n){super(t,n),this.activityManager=new nz,this.initialPages=["loading..."],this.initialStyleRules="",this.originalPageClass="Device16x9Portrait",this.bookInfo=new ch,this.bookInteraction=new NB,this.mustUseOriginalPageSize=!1,this.indicesOfPagesWhereWeShouldPreserveDOMState={},this.startingUpSwiper=!0,this.state={pages:this.initialPages,pageIdToIndexMap:{},styleRules:this.initialStyleRules,importedBodyAttributes:{},currentSwiperIndex:0,isLoading:!0,loadFailed:!1,loadErrorHtml:"",ignorePhonyClick:!1,isFinishUpForNewBookComplete:!1,inPauseForced:!1,bookUrl:""},this.isPagesLocalized=!1,this.currentPageHidesNavigationButtons=!1,this.handleDocumentLevelKeyDown=i=>{i.key==="Home"&&(this.goToFirstPage(),i.preventDefault()),i.key==="End"&&(this.goToLastPage(),i.preventDefault())},this.distributionSource="",this.finishUpCalled=!1,this.hasImageDescriptions=!1,this.handlePageVideoComplete=i=>{i.page===Se.currentPage&&this.playAudioAndAnimation(i.page)},this.handlePlayFailed=()=>{this.setState({inPauseForced:!0}),this.props.setForcedPausedCallback&&this.props.setForcedPausedCallback(!0)},this.handlePlayCompleted=()=>{Mn(Ge.MediaFinished),this.props.imageDescriptionCallback(!1)},this.handleToggleImageDescription=i=>{this.props.imageDescriptionCallback(i)},this.handlePageNarrationComplete=i=>{if(i&&(Mn(Ge.MediaFinished),this.shouldAutoPlay())){const r=this.props.autoplayCount??0,s=this.state.startPageIndex??0,u=this.swiperInstance.slides.length-1;let c=this.props.autoplayCount?Math.min(s+r-1,u):u;this.swiperInstance.activeIndex>=c?(this.music.pause(),this.props.shouldReportSoundLog&&UC(),VC(),DT({})):this.swiperInstance.slideNext()}},this.skipAutoPlay=!1,this.sentBloomNotification=!1;const a=t.url.startsWith("http")?new URL(t.url):new URL(t.url,window.location.origin);a.hash?(this.state.startPageId=a.hash.substring(1),a.hash=""):this.state.startPageIndex=t.startPageIndex,this.state.bookUrl=a.href,Se.currentPagePlayer=this,this.legacyQuestionHandler=new iz(t.locationOfDistFolder)}componentDidMount(){He.setUp(),window.addEventListener("focus",()=>this.handleWindowFocus()),window.addEventListener("blur",()=>this.handleWindowBlur()),document.addEventListener("keydown",t=>this.handleDocumentLevelKeyDown(t)),document.addEventListener("pointerdown",t=>{(t.target.closest("[href], [data-href]")||t.target.closest(".bloom-videoContainer")&&!t.target.closest("[data-draggable-id]"))&&(t.stopPropagation(),t.preventDefault())},{capture:!0}),document.addEventListener("dragstart",t=>{this.activityManager.getActivityAbsorbsDragging()||t.preventDefault()},{capture:!0}),this.componentDidUpdate(this.props,this.state)}CanGoBack(){return DB()}HandleBackButtonClickedIfHavePlayerHistory(){const t=IB(this.bookInfo.bookInstanceId);return t?(this.navigate(t.bookUrl,t.pageId),!0):!1}navigate(t,n){if(t){const a=new URL(t,this.state.bookUrl);this.setState({bookUrl:a.href,startPageId:n,startPageIndex:void 0})}else if(n!==void 0){const a=this.state.pageIdToIndexMap[n];this.swiperInstance.slideTo(a)}}handleWindowFocus(){const t=localStorage.getItem(Hl),n=localStorage.getItem(em);t&&n==this.sourceUrl&&(this.bookInteraction.beginReadTime=Date.now()-parseInt(t,10))}handleWindowBlur(){const t=Date.now()-this.bookInteraction.beginReadTime;localStorage.setItem(Hl,t.toString()),localStorage.setItem(em,this.sourceUrl)}getRequiredVersionMessage(t){var c;const n=(c=t.querySelector('meta[name="FeatureRequirement"]'))==null?void 0:c.getAttribute("content");if(!n)return"";const a=/BloomPlayerMinVersion":"(.*?)".*?"FeatureId":"(.*?)"/g;let i,r=null,s=null;for(;(i=a.exec(n))!==null;){const h=i[1];(!r||hy(h,r)>0)&&(r=h,s=i[2])}if(!r||!s)return"";const u=Xk();if(hy(u,r)>=0)return"";if(window.location.hostname.toLowerCase().indexOf("bloomlibrary.org")>=0)return He.getTranslation("Version.Problem.Web",this.props.preferredUiLanguages,"This book uses the feature {feature}. Unfortunately, {hostname} is not ready to display this book yet. Please check back again later or write to issues@bloomlibrary.org if you think this is unexpected.").replace("{feature}",s).replace("{hostname}",window.location.hostname);{let h=ga("host","");switch(h){case"bloomreader":h="Bloom Reader";break;case"bloompubviewer":h="BloomPUB Viewer";break;case"readerapp":h="";break}return h?He.getTranslation("Version.Problem.Host",this.props.preferredUiLanguages,"This book uses the feature {feature} and requires a newer version of {host} to read it. Please upgrade to the latest version.").replace("{feature}",s).replace("{host}",h):He.getTranslation("Version.Problem.NoHost",this.props.preferredUiLanguages,"This book uses the feature {feature} and requires a newer version of the program you are using to read it. Please upgrade to the latest version.").replace("{feature}",s)}}componentDidUpdate(t,n){var a;try{if(!this.props.url||this.state.loadFailed)return;this.initializeMedia();const i=this.preprocessUrl();if(i&&i!=="/working"&&i!==this.sourceUrl){this.finishUpCalled=!1,this.setState({isLoading:!0,loadFailed:!1}),this.metaDataObject=void 0,this.htmlElement=void 0,this.sourceUrl=i;const r=this.sourceUrl.lastIndexOf("/"),s=this.sourceUrl.lastIndexOf("%2f");let u;r>s?u=this.sourceUrl.substring(r+1,this.sourceUrl.length):u=this.sourceUrl.substring(s+3,this.sourceUrl.length);const c=u.endsWith(".htm"),h=c?this.sourceUrl:this.sourceUrl+"/"+u+".htm";this.urlPrefix=c?this.sourceUrl.substring(0,Math.max(r,s)):this.sourceUrl,this.music.urlPrefix=this.urlPrefix,fC(this.music.urlPrefix);const m=Ja.get(this.fullUrl(".distribution")).then(P=>P,P=>({data:""})),x=Ja.get(h),w=Ja.get(this.fullUrl("meta.json"));Promise.all([x,w,m]).then(P=>{const[E,z,A]=P;this.metaDataObject=z==null?void 0:z.data,this.distributionSource=A.data;const S=new DOMParser().parseFromString(E==null?void 0:E.data,"text/html"),N=S.documentElement,L=this.getRequiredVersionMessage(S);this.setState({requiredVersion:L});const j=N.getElementsByTagName("body")[0];this.mustUseOriginalPageSize=this.computeMustUseOriginalPageSize(j),this.bookInfo.setSomeBookInfoFromBody(j),this.localizeOnce(),this.props.shouldReportSoundLog&&(this.videoList=this.getVideoList(S)),this.animation.PlayAnimations=this.bookInfo.playAnimations,this.collectBodyAttributes(j),this.makeNonEditable(j),this.htmlElement=N;const f=N.getElementsByClassName("bloom-page")[0];this.originalPageClass="Device16x9Portrait",f&&(this.originalPageClass=Se.getPageSizeClass(f)),this.legacyQuestionHandler.generateQuizPagesFromLegacyJSON(this.urlPrefix,j,this.originalPageClass,()=>{this.finishUp()})}).catch(P=>this.HandleLoadingError(P))}else if(t.landscape!==this.props.landscape||t.useOriginalPageSize!==this.props.useOriginalPageSize||t.autoplay!==this.props.autoplay){const r=document.getElementsByClassName("bloom-page");for(let s=0;s<r.length;s++){const u=r[s];this.setPageSizeClass(u)}}!this.state.isLoading&&(n.isLoading||t.activeLanguageCode!==this.props.activeLanguageCode)&&(this.updateDivVisibilityByLangCode(n.isLoading),this.updateOverlayPositionsByLangCode(),this.finishUpCalled&&this.finishUp(!1)),this.state.currentSwiperIndex!=n.currentSwiperIndex&&((a=this.rootDiv)==null||a.querySelectorAll(Vp).forEach(r=>{const s=zs(r).getNiceScroll();s&&s.length>0&&s.remove()})),!this.state.isLoading&&(n.isLoading||t.shouldReadImageDescriptions!==this.props.shouldReadImageDescriptions)&&this.finishUpCalled&&(this.setIndex(this.state.currentSwiperIndex),this.showingPage(this.state.currentSwiperIndex)),this.state.isFinishUpForNewBookComplete&&t.landscape!==this.props.landscape&&(this.setIndex(this.state.currentSwiperIndex),this.showingPage(this.state.currentSwiperIndex)),t.paused!==this.props.paused&&this.handlePausePlay(),this.swiperInstance&&this.swiperInstance.lazy.load()}catch(i){this.setState({isLoading:!1,loadFailed:!0,loadErrorHtml:i.message})}}collectBodyAttributes(t){for(var n={},a=0;a<t.attributes.length;a++)n[t.attributes.item(a).nodeName]=t.attributes.item(a).nodeValue;this.setState({importedBodyAttributes:n})}HandleLoadingError(t){let a=`<p>There was a problem displaying this book: ${t.message}<p>`;(t.config&&t.config.url&&t.config.url.startsWith("file://")||t.message.indexOf("404")>=0)&&(a="<p>This book (or some part of it) was not found.<p>",t.config&&t.config.url&&(a+=`<p class='errorDetails'>${sD(t.config.url)}</p>`)),this.setState({isLoading:!1,loadFailed:!0,loadErrorHtml:a})}async finishUp(t=!0){if(this.finishUpCalled=!0,!this.htmlElement)return;Uo.setAllVideoPostersTo1x1TransparentPNG(this.htmlElement);const n=this.htmlElement.getElementsByClassName("bloom-page"),a=[];t&&(this.bookInfo.totalNumberedPages=0,this.bookInfo.questionCount=0,this.activityManager.collectActivityContextForBook(n),this.bookInteraction.clearPagesShown(),this.music.processAllMusicForBook(n));const i=this.bookInfo.getPreferredTranslationLanguages(),r=i[0]===this.props.activeLanguageCode||!this.props.activeLanguageCode,s={},u=h=>h.classList.contains("bloom-interactive-page")||h.classList.contains("simple-comprehension-quiz")||h.getAttribute("data-activity")=="iframe"||h.getElementsByClassName("questions").length>0;s.length=0,s.cover=0;for(let h=0;h<n.length;h++){const m=n[h],x=m.getAttribute("id");x&&(s[x]=h);const w=this.setPageSizeClass(m);m.setAttribute("data-index",h.toString(10)),h===0&&this.props.reportBookProperties&&this.props.reportBookProperties({landscape:w,canRotate:this.bookInfo.canRotate,preferredLanguages:i,pageNumbers:Array.from(n).map(E=>E.getAttribute("data-page-number")??""),isRtl:this.metaDataObject.isRtl,internalUrl:this.state.bookUrl}),t&&(this.fixRelativeUrls(m),m.classList.contains("numberedPage")&&(this.indexOflastNumberedPage=h,this.bookInfo.totalNumberedPages++),(m.getAttribute("data-analyticscategories")||m.getAttribute("data-analyticsCategories"))==="comprehension"&&this.bookInfo.questionCount++),this.showOrHideL1OnlyText(m,r);const P=u(m);P&&this.activityManager.initializePageHtml(this.urlPrefix,m,a.length),(!this.props.skipActivities||!P)&&a.push(m.outerHTML)}if(t){const h=this.htmlElement.getElementsByTagName("head")[0];this.bookInfo.setSomeBookInfoFromHead(h);const m=this.htmlElement.getElementsByTagName("body")[0];if(this.metaDataObject&&(this.bookInfo.setSomeBookInfoFromMetadata(this.metaDataObject,m),this.reportBookOpened(m)),this.props.controlsCallback){const x=hs.createLangDataArrayFromDomAndMetadata(m,this.metaDataObject);this.hasImageDescriptions=lD(m),this.props.controlsCallback(x,this.hasImageDescriptions,w=>{var P;(P=this.swiperInstance)==null||P.slideTo(w)})}}if(t){var c;try{c=await LB(this.htmlElement,this.urlPrefix,this.bookInfo,()=>this.legacyQuestionHandler.getPromiseForAnyQuizCss())}catch(h){this.HandleLoadingError(h),c=""}if(this.startingUpSwiper=!0,this.state.startPageId){if(s[this.state.startPageId]===void 0)throw new Error(`Page ID ${this.state.startPageId} not found in the current pageIdToIndexMap`);this.setState({startPageIndex:s[this.state.startPageId]})}this.setState({pages:a,pageIdToIndexMap:s,styleRules:c,isLoading:!1,currentSwiperIndex:this.state.startPageIndex??0})}else this.setState({pages:a,isLoading:!1});this.props.pageStylesAreNowInstalled(),t?window.setTimeout(()=>{this.setState({isFinishUpForNewBookComplete:!0});const h=this.startingUpSwiper;this.startingUpSwiper=!1;var m=this.state.startPageIndex??0;this.setIndex(m),this.showingPage(m),h&&this.addScrollbarsToPageWhenReady(this.swiperInstance.activeIndex);const x=document.getElementsByClassName("swiper-button-next")[0],w=document.getElementsByClassName("swiper-button-prev")[0];w==null||w.setAttribute("tabindex","4"),x==null||x.setAttribute("tabindex","5"),this.shouldFocusNextButtonForNewBook()&&(x==null||x.focus())},500):Se.currentPage&&window.setTimeout(()=>{this.setIndex(Se.currentPageIndex),this.showingPage(Se.currentPageIndex)},200)}shouldFocusNextButtonForNewBook(){return window.self===window.top||document.referrer.startsWith("http://localhost:")?!0:document.referrer.includes("bloomlibrary.org/player/")}showOrHideL1OnlyText(t,n){t.querySelectorAll(".coverBottomBookTopic, .coverBottomLangName").forEach(a=>{n||a.classList.contains("bloom-content1")?a.classList.remove("do-not-display"):a.classList.add("do-not-display")})}localizeOnce(){!this.isPagesLocalized&&this.state.pages!==this.initialPages&&this.state.styleRules!==this.initialStyleRules&&(He.localizePages(document.body,this.bookInfo.getPreferredTranslationLanguages()),this.isPagesLocalized=!0)}initializeMedia(){this.video||(this.video=new Uo,this.video.PageVideoComplete=new Ur,this.video.PageVideoComplete.subscribe(this.handlePageVideoComplete)),this.animation||(this.animation=new jl),ta.subscribe(this.handlePageNarrationComplete),Pr.subscribe(this.handlePlayFailed),Ya.subscribe(this.handlePlayCompleted),uC(this.storeAudioAnalytics.bind(this)),Ma.subscribe(this.handleToggleImageDescription.bind(this)),cC(()=>{var t;return(t=this.swiperInstance)==null?void 0:t.animating}),dC(t=>Yy(t,1)),this.music||(this.music=new YC,this.music.PlayFailed=new Ur,this.music.PlayFailed.subscribe(()=>{this.setState({inPauseForced:!0}),this.props.setForcedPausedCallback&&this.props.setForcedPausedCallback(!0)}))}preprocessUrl(){let t=this.state.bookUrl;if(t===void 0||t.trim()==="")throw new Error("The url parameter was empty. It should point to the url of a book.");return t.endsWith("/")&&(t=t.substring(0,t.length-1)),t.endsWith("%2f")&&(t=t.substring(0,t.length-3)),t}handlePausePlay(){this.props.paused?this.pauseAllMultimedia():Se.currentPage!==jy()||yn===Ge.MediaFinished?this.resetForNewPageAndPlay(Se.currentPage):yn===Ge.VideoPaused?this.video.play():(OC(),this.animation.resumeAnimation(),this.music.play())}getAllBloomCanvasElementsOnPage(){var a,i;const t=(a=this.htmlElement)==null?void 0:a.ownerDocument.getElementsByClassName("bloom-canvas");if(t&&t.length>0)return Array.from(t);const n=(i=this.htmlElement)==null?void 0:i.ownerDocument.getElementsByClassName("bloom-imageContainer");return n?Array.from(n).filter(r=>r.parentElement.closest(".bloom-imageContainer")===null):[]}computeMustUseOriginalPageSize(t){return this.props.useOriginalPageSize||t.querySelector(".bloom-canvas-element")?!0:!!t.querySelector(".bloom-textOverPicture")}updateOverlayPositionsByLangCode(){if(!(!this.props.activeLanguageCode||!this.htmlElement))try{const t=this.props.activeLanguageCode;this.getAllBloomCanvasElementsOnPage().forEach(n=>{Array.from(n.querySelectorAll(Ls)).forEach(i=>{const r=Array.from(i.getElementsByClassName("bloom-editable")).find(s=>s.getAttribute("lang")===t);if(r){const s=r.getAttribute("data-bubble-alternate");if(s){const u=JSON.parse(s.replace(/`/g,'"'));i.setAttribute("style",u.style)}}});const a=Array.from(n.getElementsByClassName("comical-alternate")).find(i=>i.getAttribute("data-lang")===t);if(a){const i=n.getElementsByClassName("comical-generated")[0];i&&(i.classList.remove("comical-generated"),i.classList.add("comical-alternate"),i.style.display="none"),a.classList.remove("comical-alternate"),a.classList.add("comical-generated"),a.style.removeProperty("display")}})}catch(t){console.error(t)}}updateDivVisibilityByLangCode(t){if(!this.props.activeLanguageCode||!this.htmlElement)return;const a=this.bookInfo.getPreferredTranslationLanguages()[0]===this.props.activeLanguageCode||!this.props.activeLanguageCode,i=this.props.activeLanguageCode,r=this.htmlElement.ownerDocument.evaluate(".//div[contains(@class, 'bloom-translationGroup')]",this.htmlElement,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null),s="bloom-visibility-code-on";for(let u=0;u<r.snapshotLength;u++){const c=r.snapshotItem(u),h=c.getAttribute("data-default-languages"),m=h?h.split(/,| /):[],x=m==null||m.length===0||!m[0]||m.includes("V")||m.includes("L1")||Se.areStringsEqualInvariantCultureIgnoreCase(m[0],"auto"),w=c.childNodes;for(let P=0;P<w.length;P++){const E=w.item(P);!E||!E.classList||!E.classList.contains("bloom-editable")||(t&&E.setAttribute("data-original-class",E.getAttribute("class")||""),a?E.setAttribute("class",E.getAttribute("data-original-class")||""):x&&(E.getAttribute("lang")===i?(E.classList.add(s),Array.from(E.classList).forEach(A=>{A.startsWith("bloom-content")&&E.classList.remove(A)}),E.classList.add("bloom-content1"),E.classList.add("bloom-contentFirst")):E.classList.remove(s)))}}}static areStringsEqualInvariantCultureIgnoreCase(t,n){return t.localeCompare(n,"en-US",{sensitivity:"accent"})===0}static isDivInL2(t){return t.classList.contains("bloom-contentNational1")}static isDivInL3(t){return t.classList.contains("bloom-contentNational2")}componentWillUnmount(){this.pauseAllMultimedia(),document.removeEventListener("keydown",t=>this.handleDocumentLevelKeyDown(t)),this.unsubscribeAllEvents()}unsubscribeAllEvents(){this.video.PageVideoComplete.unsubscribe(this.handlePageVideoComplete),ta.unsubscribe(this.handlePageNarrationComplete),Pr.unsubscribe(this.handlePlayFailed),Ya.unsubscribe(this.handlePlayCompleted),Ma.unsubscribe(this.handleToggleImageDescription)}pauseAllMultimedia(){yn===Ge.VideoPlaying?this.video.pause():yn===Ge.AudioPlaying&&(KC(),this.animation.PauseAnimation()),this.music.pause()}reportBookOpened(t){const n=this.bookInfo.getAmbientAnalyticsProps();this.distributionSource&&(n.distributionSource=this.distributionSource),zT(n),Jy("BookOrShelf opened",{})}sendUpdateOfBookProgressReportToExternalContext(){const t=this.bookInteraction.getProgressReportPropertiesForAnalytics();IT("Pages Read",t)}makeNonEditable(t){const n=t.ownerDocument.evaluate(".//*[@contenteditable]",t,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null);for(let a=0;a<n.snapshotLength;a++)n.snapshotItem(a).removeAttribute("contenteditable")}setPageSizeClass(t){return Se.setPageSizeClass(t,this.bookInfo.canRotate,this.props.landscape,this.mustUseOriginalPageSize,this.originalPageClass)}static getPageSizeClass(t){const a=(t.getAttribute("class")||"").match(/\b\S*?(Portrait|Landscape)\b/);return a&&a.length?a[0]:""}static setPageSizeClass(t,n,a,i,r){let s=!1;const u=this.getPageSizeClass(t);if(u){s=n?a:u.endsWith("Landscape");let c="";i?c=s?r.replace("Portrait","Landscape"):r.replace("Landscape","Portrait"):c=s?"Device16x9Landscape":"Device16x9Portrait",u!==c&&(t.classList.remove(u),t.classList.add(c))}return s}goToFirstPage(){this.swiperInstance.slideTo(0)}goToLastPage(){this.swiperInstance.slideTo(99999)}fixRelativeUrls(t){const n=t.ownerDocument.evaluate(".//*[@src]",t,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null);for(let r=0;r<n.snapshotLength;r++){const s=n.snapshotItem(r);if(!s)continue;const u=s.getAttribute("src"),c=this.fullUrl(u);s.setAttribute("src",c)}const a=t.ownerDocument.evaluate(".//*[@style]",t,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null),i=new RegExp(/background-image:url\(['"](.*)['"]\)/);for(let r=0;r<a.snapshotLength;r++){const s=a.snapshotItem(r);if(!s)continue;const u=s.getAttribute("style")||"",c=i.exec(u);if(!c)continue;const h=this.fullUrl(c[1]),m=u.replace(i,"");s.setAttribute("style",m),s.setAttribute("data-background",h),s.classList.add("swiper-lazy")}}fullUrl(t){return this.urlPrefix+"/"+t}getRootDiv(){return this.rootDiv}slideNext(){this.swiperInstance&&this.swiperInstance.slideNext()}slidePrevious(){this.swiperInstance&&this.swiperInstance.slidePrev()}getPlayerOptionsForPage(t){if(!t)return;let n=t.getAttribute("data-player-options");if(n)try{return n=n.replace(/'/g,'"'),JSON.parse(n)}catch(a){console.log("getPlayerOptionsForPage failed to parse json: "+n+" with error "+a.message);return}}render(){var i;const t=this.activityManager.getActivityAbsorbsDragging();if(this.state.isLoading)return B.createElement(Ez,{className:"loadingSpinner",color:"secondary"});if(this.state.loadFailed)return B.createElement(B.Fragment,null,B.createElement(pk,{className:"loadFailedIcon",color:"secondary"}),B.createElement("div",{className:"loadErrorMessage",dangerouslySetInnerHTML:{__html:this.state.loadErrorHtml}}));if(this.state.requiredVersion)return B.createElement("div",{className:"requiredVersionMessage"},this.state.requiredVersion);yC(this.props.shouldReadImageDescriptions&&this.hasImageDescriptions);const n={getSwiper:r=>{var s,u;this.swiperInstance=r,(s=this.metaDataObject)!=null&&s.isRtl&&this.swiperInstance&&((u=this.swiperInstance.el)==null||u.setAttribute("dir","rtl"),this.swiperInstance.rtl=!0,this.swiperInstance.rtlTranslate=!0)},simulateTouch:!0,touchStartPreventDefault:!1,on:{slideChange:()=>{this.state.inPauseForced&&this.props.setForcedPausedCallback&&this.props.setForcedPausedCallback(!1),this.setState({inPauseForced:!1}),this.startingUpSwiper||this.showingPage(this.swiperInstance.activeIndex)},slideChangeTransitionStart:()=>{this.startingUpSwiper||this.setIndex(this.swiperInstance.activeIndex)},slideChangeTransitionEnd:()=>{this.addScrollbarsToPageWhenReady(this.swiperInstance.activeIndex)}},keyboard:{enabled:!0,onlyInViewport:!1},preloadImages:!1,lazy:{loadPrevNext:!0,loadOnTransitionStart:!0,loadPrevNextAmount:2},shouldSwiperUpdate:!0};this.startingUpSwiper&&(n.activeSlideKey=(i=this.state.startPageIndex)==null?void 0:i.toString());let a="bloomPlayer";return this.currentPageHidesNavigationButtons?a+=" hideNextPrevButtons extraScalingForChrome85Bug":(this.props.outsideButtonPageClass&&(a+=" "+this.props.outsideButtonPageClass),t&&(a+=" showNavigationButtonsEvenOnTouchDevices")),B.createElement("div",{"aria-label":"Player Content",className:a+(this.props.extraClassNames?" "+this.props.extraClassNames:""),ref:r=>this.rootDiv=r},B.createElement(oC,{key:this.shouldAutoPlay()?"fade":"slide",...n,effect:this.shouldAutoPlay()?"fade":"slide"},this.state.pages.map((r,s)=>{const c=Math.abs(s-this.state.currentSwiperIndex)<2||this.indicesOfPagesWhereWeShouldPreserveDOMState[s];return B.createElement("div",{key:s,className:"page-preview-slide",onClick:h=>this.handlePageClick(h)},c?B.createElement(B.Fragment,null,B.createElement("style",{scoped:!0},this.state.styleRules),B.createElement("div",{...this.state.importedBodyAttributes,className:`bloomPlayer-page ${this.bookInfo.hasAppearanceSystem?"appearance-system":""} ${this.state.importedBodyAttributes.class??""}`,dangerouslySetInnerHTML:{__html:r}})):"")})),B.createElement("div",{className:"swiper-button-prev "+(this.metaDataObject.isRtl?"swiper-button-right":"swiper-button-left")+(this.props.hideSwiperButtons||this.state.currentSwiperIndex===0?" swiper-button-disabled":""),onClick:()=>this.slidePrevious(),onTouchStart:r=>{this.setState({ignorePhonyClick:!0})}},B.createElement(Ta,{className:"nav-button",disableRipple:!0},this.metaDataObject.isRtl?B.createElement(rh,{titleAccess:He.getTranslation("Button.Prev",this.props.preferredUiLanguages,"Previous Page")}):B.createElement(ih,{titleAccess:He.getTranslation("Button.Prev",this.props.preferredUiLanguages,"Previous Page")}))),B.createElement("div",{className:"swiper-button-next "+(this.metaDataObject.isRtl?"swiper-button-left":"swiper-button-right")+(this.props.hideSwiperButtons||this.state.currentSwiperIndex>=this.state.pages.length-1?" swiper-button-disabled":""),onClick:()=>this.slideNext(),onTouchStart:r=>{this.setState({ignorePhonyClick:!0})}},B.createElement(Ta,{className:"nav-button",disableRipple:!0},this.metaDataObject.isRtl?B.createElement(ih,{titleAccess:He.getTranslation("Button.Next",this.props.preferredUiLanguages,"Next Page")}):B.createElement(rh,{titleAccess:He.getTranslation("Button.Next",this.props.preferredUiLanguages,"Next Page")}))))}shouldAutoPlay(){var t=this.bookInfo.autoAdvance&&this.props.landscape;return this.props.autoplay==="yes"?t=!0:this.props.autoplay==="no"&&(t=!1),t&&!this.skipAutoPlay}setIndex(t){if(this.state.isLoading||this.startingUpSwiper)return;this.setState({currentSwiperIndex:t});const n=this.getPageAtSwiperIndex(t);n&&(this.setPageSizeClass(n),this.animation.HandlePageBeforeVisible(n),this.video.hidingPage(),this.video.HandlePageBeforeVisible(n),qC(),this.music.hidingPage(),yn===Ge.AudioPaused||yn===Ge.VideoPaused?Mn(Ge.NewPageMediaPaused):(this.skipAutoPlay=!0,NC(),this.skipAutoPlay=!1,Mn(Ge.NewPage)))}getPageAtSwiperIndex(t){if(this.swiperInstance==null)return null;const n=this.swiperInstance.slides[t];return n?n.getElementsByClassName("bloom-page")[0]:null}getPageIdFromIndex(t){const n=this.getPageAtSwiperIndex(t);if(!n)throw new Error("No bloomPage at index "+t);return n.getAttribute("id")}static getCurrentPage(){return Se.currentPage}isXmatterPage(){const t=Se.currentPage;if(!t)return!0;const n=t.getAttribute("class");return!n||n.indexOf("bloom-page")<0||n.indexOf("bloom-backMatter")>=0||n.indexOf("bloom-frontMatter")>=0?!0:t.hasAttribute("data-xmatter-page")}showingPage(t){if(this.state.isLoading||this.startingUpSwiper)return;this.props.pageChanged&&this.props.pageChanged(t);const n=this.getPageAtSwiperIndex(t);if(!n){window.setTimeout(()=>this.showingPage(t),50);return}const a=this.getPlayerOptionsForPage(n);this.currentPageHidesNavigationButtons=!!(a&&a.hideNavigation),this.props.hidingNavigationButtonsCallback&&this.props.hidingNavigationButtonsCallback(this.currentPageHidesNavigationButtons),this.activityManager.showingPage(t,n)&&(this.indicesOfPagesWhereWeShouldPreserveDOMState[t]=!0),window.setTimeout(()=>{Se.currentPage=n,Se.currentPageIndex=t,Se.currentPageHasVideo=Uo.pageHasVideo(n),this.setPageSizeClass(n),this.resetForNewPageAndPlay(n),this.props.paused&&this.animation.shouldAnimate(n)&&(this.animation.HandlePageBeforeVisible(n),this.animation.HandlePageVisible(n,this.props.paused),this.animation.HandlePageDurationAvailable(n,Qg(n),this.props.paused)),this.isXmatterPage()||(this.bookInteraction.pageShown(t),t===this.indexOflastNumberedPage&&(this.bookInteraction.lastNumberedPageWasRead=!0)),this.props.reportPageProperties&&this.props.reportPageProperties({hasAudio:RC(n),hasMusic:this.music.pageHasMusic(n),hasVideo:Se.currentPageHasVideo}),this.bookInteraction.reportedAudioOnCurrentPage=!1,this.bookInteraction.reportedVideoOnCurrentPage=!1,this.sendUpdateOfBookProgressReportToExternalContext(),this.swiperInstance.params.noSwiping=this.activityManager.getActivityAbsorbsDragging(),this.swiperInstance.params.touchRatio=this.activityManager.getActivityAbsorbsDragging()?0:1,this.activityManager.getActivityAbsorbsTyping()?this.swiperInstance.keyboard.disable():this.swiperInstance.keyboard.enable(),Array.from(n.querySelectorAll("[data-sound]")).forEach(r=>{r.addEventListener("click",Fp)})},0)}addScrollbarsToPageWhenReady(t){if(this.state.isLoading||this.startingUpSwiper)return;const n=this.getPageAtSwiperIndex(t);if(!n){window.setTimeout(()=>this.addScrollbarsToPageWhenReady(t),50);return}KL(n,Se.handlePointerMoveEvent)}static handlePointerMoveEvent(t){var n;t.pointerType==="mouse"&&((n=t.target)!=null&&n.closest(".nicescroll-cursors"))&&t.stopPropagation()}storeAudioAnalytics(t){t<.001||Number.isNaN(t)||(this.bookInteraction.totalAudioDuration+=t,!this.isXmatterPage()&&(this.bookInteraction.reportedAudioOnCurrentPage||(this.bookInteraction.reportedAudioOnCurrentPage=!0,this.bookInteraction.audioPageShown(Se.currentPageIndex)),this.sendUpdateOfBookProgressReportToExternalContext()))}static storeVideoAnalytics(t){if(t<.001)return;const n=Se.currentPagePlayer;n.bookInteraction.totalVideoDuration+=t,!n.bookInteraction.reportedVideoOnCurrentPage&&!n.isXmatterPage()&&(n.bookInteraction.reportedVideoOnCurrentPage=!0,n.bookInteraction.videoPageShown(Se.currentPageIndex)),n.sendUpdateOfBookProgressReportToExternalContext()}resetForNewPageAndPlay(t){if(this.props.paused){this.video.HandlePageVisible(t,()=>this.props.paused);return}Iy(t),Se.currentPageHasVideo?(Mn(Ge.VideoPlaying),this.video.HandlePageVisible(t,()=>this.props.paused),this.music.pause()):this.playAudioAndAnimation(t)}playAudioAndAnimation(t){if(this.activityManager.getActivityManagesSound()){this.activityManager.doInitialSoundAndAnimation();return}if(Mn(Ge.AudioPlaying),!t)return;const n=Qg(t);this.animation.HandlePageDurationAvailable(t,n,this.props.paused);const a=()=>{jl.pageHasAnimation(t)&&this.animation.HandlePageBeforeVisible(t),this.animation.HandlePageVisible(t,this.props.paused),Oy(t,this.animation.animatableCanvas),this.music.HandlePageVisible(t)};if(!this.sentBloomNotification&&(this.sentBloomNotification=!0,this.props.shouldReportSoundLog)){Xy("/publish/av/startRecording",this.videoList).then(a);return}a()}getVideoList(t){let n="";for(const r of Array.from(t.getElementsByTagName("video"))){var a=r,i=a.getElementsByTagName("source")[0].getAttribute("src");n&&(n+="|"),n+=i}return n}handlePageClick(t){if(!this.state.ignorePhonyClick&&(!this.activityManager.getActivityAbsorbsClicking()||t.target.closest("[data-href]")&&t.target.closest(".bloom-canvas"))&&!t.target.closest(".bloom-videoContainer")){const n=jB(t.nativeEvent,this.bookInfo.bookInstanceId,()=>this.getPageIdFromIndex(this.state.currentSwiperIndex));n?(this.navigate(n.bookUrl,n.pageId),t.stopPropagation(),t.preventDefault()):this.props.onContentClick&&this.props.onContentClick(t)}this.setState({ignorePhonyClick:!1})}}function sD(e){return e.replace("%23","#").replace(/[\u00A0-\u9999<>\&]/gim,t=>"&#"+t.charCodeAt(0)+";")}function lD(e){return e.ownerDocument.evaluate("//div[contains(@class, 'bloom-imageDescription')]/div[contains(@class, 'bloom-editable') and contains(@class, 'bloom-visibility-code-on')]//*[contains(@class, 'audio-sentence') or contains(@class, 'bloom-highlightSegment')]",e,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null).snapshotLength>0?!0:e.ownerDocument.evaluate("//div[contains(@class, 'bloom-imageDescription')]/div[contains(@class, 'bloom-editable') and contains(@class, 'bloom-visibility-code-on') and @data-audiorecordingmode='TextBox']/p[text()]",e,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null).snapshotLength>0}var Gp={},uD=ba,cD=wa;Object.defineProperty(Gp,"__esModule",{value:!0});var Zk=Gp.default=void 0,dD=cD(Ln()),fD=uD(ka()),hD=(0,fD.default)(dD.createElement("path",{d:"M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"}),"ArrowBack");Zk=Gp.default=hD;var Up={},pD=ba,gD=wa;Object.defineProperty(Up,"__esModule",{value:!0});var Jk=Up.default=void 0,mD=gD(Ln()),vD=pD(ka()),yD=(0,vD.default)(mD.createElement("path",{d:"M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"}),"MoreHoriz");Jk=Up.default=yD;var Yp={},bD=ba,wD=wa;Object.defineProperty(Yp,"__esModule",{value:!0});var Xp=Yp.default=void 0,kD=wD(Ln()),xD=bD(ka()),SD=(0,xD.default)(kD.createElement("path",{d:"M10 16.5l6-4.5-6-4.5v9zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"}),"PlayCircleOutline");Xp=Yp.default=SD;var Zp={},CD=ba,TD=wa;Object.defineProperty(Zp,"__esModule",{value:!0});var Qk=Zp.default=void 0,ED=TD(Ln()),PD=CD(ka()),MD=(0,PD.default)(ED.createElement("path",{d:"M9 16h2V8H9v8zm3-14C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm1-4h2V8h-2v8z"}),"PauseCircleOutline");Qk=Zp.default=MD;var Jp={},AD=ba,ND=wa;Object.defineProperty(Jp,"__esModule",{value:!0});var t0=Jp.default=void 0,LD=ND(Ln()),zD=AD(ka()),BD=(0,zD.default)(LD.createElement("path",{d:"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95c-.32-1.25-.78-2.45-1.38-3.56 1.84.63 3.37 1.91 4.33 3.56zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56-1.84-.63-3.37-1.9-4.33-3.56zm2.95-8H5.08c.96-1.66 2.49-2.93 4.33-3.56C8.81 5.55 8.35 6.75 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2 0-.68.07-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95c-.96 1.65-2.49 2.93-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"}),"Language");t0=Jp.default=BD;var Qp={},DD=ba,ID=wa;Object.defineProperty(Qp,"__esModule",{value:!0});var e0=Qp.default=void 0,jD=ID(Ln()),RD=DD(ka()),OD=(0,RD.default)(jD.createElement("path",{d:"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"}),"Fullscreen");e0=Qp.default=OD;var tg={},KD=ba,$D=wa;Object.defineProperty(tg,"__esModule",{value:!0});var n0=tg.default=void 0,qD=$D(Ln()),HD=KD(ka()),FD=(0,HD.default)(qD.createElement("path",{d:"M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"}),"FullscreenExit");n0=tg.default=FD;function WD(e){return kt.createElement(ah,{...e,width:"21",height:"20",viewBox:"0 0 21 20"},kt.createElement("path",{d:"M20.6181 9.909C20.6181 9.909 17.3581 3.70568 10.2454 3.70568C10.1127 3.70568 9.9821 3.70851 9.8522 3.71275L9.23133 0.590958L8.27889 0.807585L8.87136 3.78574C2.72807 4.50344 0 9.86355 0 9.86355C0 9.86355 0.566707 11.0581 1.77366 12.4165L1.27674 9.91983C1.26639 9.90052 1.26089 9.89016 1.26089 9.89016C1.26089 9.89016 1.45882 9.53343 1.86833 9.01188L2.73952 13.3918C3.09729 13.7179 3.49205 14.0383 3.92423 14.3419L2.68074 8.09074C2.92754 7.84068 3.20826 7.58049 3.52199 7.32171L5.05787 15.0424C5.40441 15.2277 5.77033 15.3993 6.15474 15.5514L4.38901 6.67725C4.6772 6.48487 4.98565 6.29932 5.31568 6.12485L7.26481 15.9206C7.59924 16.0118 7.94578 16.0871 8.30509 16.146L7.56314 12.4167C7.89823 12.8518 8.32205 13.2046 8.80465 13.4464L9.36563 16.2656C9.59813 16.2802 9.83459 16.2891 10.0765 16.2891C10.1734 16.2891 10.2694 16.2873 10.3654 16.2844L9.86541 13.773C10.0112 13.7923 10.1591 13.8033 10.3099 13.8033C10.4957 13.8033 10.6783 13.7883 10.8559 13.7588L11.9801 19.4091L12.9321 19.1924L12.3108 16.0683C17.848 14.9378 20.6181 9.909 20.6181 9.909ZM6.88084 8.9881L6.22651 5.69889C6.53386 5.57339 6.8575 5.45942 7.19546 5.35982L7.6228 7.50844C7.28066 7.93015 7.02351 8.43381 6.88084 8.9881ZM8.46692 6.74577L8.14503 5.12836C8.45547 5.06785 8.77691 5.01958 9.11002 4.9859L9.3773 6.32923C9.05322 6.42294 8.74741 6.56375 8.46692 6.74577ZM10.3467 6.19713L10.0944 4.93033C10.1472 4.92963 10.1998 4.92845 10.2533 4.92845C10.4858 4.92845 10.713 4.93599 10.9365 4.94941C13.2188 5.33628 14.964 7.44981 14.964 9.99965C14.964 12.1188 13.7579 13.9352 12.0406 14.7106L11.7914 13.4565C13.0153 12.8558 13.8654 11.5342 13.8654 9.99942C13.8652 7.91226 12.2936 6.21856 10.3467 6.19713ZM14.5336 14.0984C15.4349 13.0056 15.9823 11.5718 15.9823 9.99942C15.9823 8.35399 15.3821 6.8595 14.405 5.74928C17.7771 7.16772 19.3574 9.92642 19.3574 9.92642C19.3574 9.92642 17.7491 12.6074 14.5336 14.0984Z"}))}var eg={},_D=ba,VD=wa;Object.defineProperty(eg,"__esModule",{value:!0});var a0=eg.default=void 0,GD=VD(Ln()),UD=_D(ka()),YD=(0,UD.default)(GD.createElement("path",{d:"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"}),"VolumeUp");a0=eg.default=YD;const XD=e=>{const[t,n]=B.useState((e.languages.filter(s=>s.IsSelected)[0]||e.languages[0]).Code),a=s=>{const u=s.target.value;n(u),e.onClose(u)},i=()=>{e.onClose("")},r=()=>{const s=e.languages.map(u=>kt.createElement("div",{className:"chooserItem",key:u.Code},kt.createElement(iB,{value:u.Code,control:kt.createElement(vB,null),label:u.Name,checked:u.Code===t}),kt.createElement("span",{className:"spacer"}),kt.createElement(a0,{className:"icon",visibility:u.HasAudio?"inherit":"hidden"})));return kt.createElement("div",{className:"radioGroupDiv"},s)};return kt.createElement(Wz,{className:"languageMenu",onClose:i,"aria-labelledby":"language-menu-title",open:!0,scroll:"paper"},kt.createElement(Xz,{id:"language-menu-title"},"Languages in this book:"),kt.createElement(eB,{component:"fieldset"},kt.createElement(yB,{className:"radioGroup","aria-label":"languages",name:"languages",value:t,onChange:a},r())),kt.createElement(Gz,null,kt.createElement(wz,{onClick:i,color:"secondary"},"Close")))};var _o=(e=>(e[e.showArrow=0]="showArrow",e[e.showEllipsis=1]="showEllipsis",e[e.showNothing=2]="showNothing",e))(_o||{});const ZD=e=>{const[t,n]=B.useState(!1),a="button"+(e.bookLanguages.length<2?" disabled":""),i=E=>{n(!1),E!==""&&(e.onLanguageChanged(E),s({lang:E}))},r=()=>{try{document.fullscreenElement!=null||document.webkitFullscreenElement!=null?document.exitFullscreen?document.exitFullscreen():document.webkitExitFullScreen&&document.webkitExitFullScreen():document.documentElement.requestFullscreen?document.documentElement.requestFullscreen():document.documentElement.webkitRequestFullscreen&&document.documentElement.webkitRequestFullscreen()}catch(E){console.error("RequestFullScreen failed: ",E)}},s=E=>{if(!e.videoPreviewMode)return;const z={lang:e.activeLanguageCode,imageDescriptions:e.readImageDescriptions,...E};Xy("publish/av/videoSettings",encodeURIComponent(JSON.stringify(z)))},u=He.getTranslation("Audio.Pause",e.preferredLanguages,"Pause"),c=e.paused?kt.createElement(Xp,{titleAccess:e.playLabel}):kt.createElement(Qk,{titleAccess:u}),h=He.getTranslation("Button.ReadImageDescriptions",e.preferredLanguages,"Read Image Descriptions"),m=He.getTranslation("Button.IgnoreImageDescriptions",e.preferredLanguages,"Ignore Image Descriptions"),x=gs({palette:{primary:{main:nD},secondary:{main:Yk.palette.secondary.main}}}),w=kt.createElement(Vl,{theme:x},kt.createElement(WD,{"aria-label":e.readImageDescriptions?"Read image descriptions":"Ignore image descriptions",titleAccess:e.readImageDescriptions?m:h,opacity:e.readImageDescriptions?1:.38,color:e.nowReadingImageDescription?"primary":"secondary"})),P=e.extraButtons?e.extraButtons.map(E=>kt.createElement(Ta,{key:E.id,color:"secondary",title:E.description,onClick:()=>ja({messageType:E.id})},kt.createElement("img",{style:{maxHeight:"24px",maxWidth:"24px"},src:E.iconUrl}))):void 0;return kt.createElement(cz,{color:"primary",className:`control-bar ${e.visible?", visible":""}`,id:"control-bar",elevation:0,position:"relative"},kt.createElement(AB,null,!e.videoPreviewMode&&kt.createElement(Ta,{color:"secondary",onClick:()=>{e.backClicked&&e.backClicked()},"data-testid":"history-back-button",disabled:e.getBackButtonState()===2},e.getBackButtonState()===0?kt.createElement(Zk,{"aria-label":"Go Back",titleAccess:He.getTranslation("Button.Back",e.preferredLanguages,"Back")}):e.getBackButtonState()===1&&kt.createElement(Jk,{"aria-label":"More Menu",titleAccess:He.getTranslation("Button.More",e.preferredLanguages,"More")})),kt.createElement("div",{className:"filler"}),e.bookHasImageDescriptions&&kt.createElement(Ta,{onClick:()=>{e.onReadImageDescriptionToggled(),s({imageDescriptions:!e.readImageDescriptions})}},w),e.bookLanguages.length>1&&kt.createElement(Ta,{className:a,"aria-label":"Choose Language",color:"secondary",onClick:()=>{n(!0)}},kt.createElement(t0,{titleAccess:He.getTranslation("Button.ChooseLanguage",e.preferredLanguages,"Choose Language")})),t&&kt.createElement(XD,{languages:e.bookLanguages,onClose:i}),!e.videoPreviewMode&&kt.createElement(Ta,{color:"secondary","aria-label":"PlayPause",onClick:()=>{e.pausedChanged&&e.pausedChanged(!e.paused)}},e.showPlayPause?c:null),P,document.fullscreenEnabled&&e.canShowFullScreen&&!e.videoPreviewMode&&kt.createElement(Ta,{color:"secondary",onClick:()=>r()},document.fullscreenElement==null?kt.createElement(e0,{"aria-label":"Full Screen",titleAccess:He.getTranslation("Button.FullScreen",e.preferredLanguages,"Full Screen")}):kt.createElement(n0,{"aria-label":"Exit Full Screen",titleAccess:He.getTranslation("Button.ExitFullScreen",e.preferredLanguages,"Exit Full Screen")}))))};function Vd(e,t){return Math.round(e/t)*t}function JD(e){if(!(!e||e==="cover")){if(/^\d+$/.test(e))return e;try{return e.replace(new RegExp("(?![0-9])\\p{Nd}","gu"),t=>{const n=t.charCodeAt(0);return(n&15)-6*(new RegExp("\\p{Nd}","u").test(String.fromCodePoint(n|15))?1:0)})}catch{return}}}let Gd=!1,fh=e=>{};function QD(e){fh&&fh(e)}let py=0,gy=0;function my(){const e=/iPad|iPhone|iPod/.test(navigator.platform);let t,n,a;e&&(t=document.getElementsByClassName("bloomPlayer")[0],n=t.parentElement,a=t.nextSibling,n.removeChild(t));const i=document.documentElement.clientWidth,r=document.documentElement.clientHeight;return e&&n.insertBefore(t,a),{width:i,height:r}}const tI=e=>{const[t,n]=B.useState(e.autoplay),a=e.centerVertically===void 0?!0:e.centerVertically;$T(ht=>{ht.pause?(Gd=!L,j(!0)):ht.resume&&Gd?j(!1):ht.play?(j(!1),ht.autoplay&&n(ht.autoplay)):ht.reset?(h(e.startPage??0),Ue.current&&Ue.current(e.startPage??0)):ht.controlAction&&rt(ht.controlAction)});const[i,r]=B.useState(!1),[s,u]=B.useState(e.initiallyShowAppBar),[c,h]=B.useState(e.startPage??0),[m,x]=B.useState([""]),[w,P]=B.useState(!1),[E,z]=B.useState(!1),[A,k]=B.useState(""),[S,N]=B.useState("Device16x9Portrait");B.useEffect(()=>{u(e.initiallyShowAppBar)},[e.initiallyShowAppBar]),B.useEffect(()=>{s?RT():OT()},[s]),B.useEffect(()=>{j(e.paused)},[e.paused]);const[L,j]=B.useState(e.paused),[f,G]=B.useState(!1),V=He.getBloomUiLanguage(),F=V==="en"?[V]:[V,"en"],[pt,ft]=B.useState(F);B.useEffect(()=>{L||(Gd=!1)},[L]);const[ot,Z]=B.useState(!1),[$,o]=B.useState(!1),[tt,v]=B.useState(!1),[Q,st]=B.useState(!1),[ut,I]=B.useState(!1),[lt,gt]=B.useState(0),[Tt,Ct]=B.useState(9/16),jt=[],[Ft,Yt]=B.useState(jt),[Wt,Te]=B.useState(""),Ue=B.useRef(),[hn,ke]=B.useState(!0),[ve,Ye]=B.useState(!1),[Et,xe]=B.useState(!1),[qn,We]=B.useState(0),C=()=>{We(ht=>ht+1)},[D,W]=B.useState("");B.useEffect(()=>{mt()},[ut,qn,ot,e.useOriginalPageSize]),B.useEffect(()=>()=>{const ht=document.getElementById("scale-style-sheet");ht&&ht.parentNode.removeChild(ht)},[]);const X=B.useRef(),rt=ht=>{switch(ht){case"navigate-to-next-page":X&&X.current&&X.current.slideNext();break;case"navigate-to-previous-page":X&&X.current&&X.current.slidePrevious();break;default:console.log("'handleControlMessage' received an unknown message.");return}},mt=()=>{const ht=document.getElementsByClassName("swiper-slide-active")[0];let zt=null;if(ht&&(zt=ht.getElementsByClassName("bloom-page")[0]),!zt||!ut){window.setTimeout(C,100);return}let qe=document.getElementById("scale-style-sheet");qe||(qe=document.createElement("style"),qe.setAttribute("type","text/css"),qe.setAttribute("id","scale-style-sheet"),document.head.appendChild(qe));let pe=lt,Jt=Tt;const ge=Se.getPageSizeClass(zt);(e.url!==A||ge!==S)&&(k(e.url),N(ge),window.onresize=()=>{const{width:ca,height:qa}=my();(qa!==gy||ca!==py)&&C()},pe=Math.max(zt.offsetHeight,zt.offsetWidth),Jt=Math.min(zt.offsetHeight,zt.offsetWidth)/pe,Ct(Jt),gt(pe));const{width:St,height:Bt}=my();py=St,gy=Bt;const ee=St>Bt;if(ee!==ot){Z(ee);return}let ye=0,ce=0;const Ze=window.getComputedStyle(document.body);Ze&&Ze.marginTop&&(ye=parseInt(Ze.marginTop,10)),Ze&&Ze.marginBottom&&(ce=parseInt(Ze.marginBottom,10));const ue=zt.getAttribute("class").indexOf("Landscape")>=0,ri=ue?pe*Jt:pe,nn=ue?pe:pe*Jt;let ua=ye+ce;if(s){const ca=document.getElementById("control-bar");ca&&(ua+=ca.offsetHeight);const qa=document.getElementById("pageNumberControl");qa&&(ua+=qa.offsetHeight)}const Ka=Bt-ua,oi=_t({pageWidth:nn,pageHeight:ri,desiredPageHeight:Ka}),mr=re(nn);let Je=Math.min(oi,mr);const Ne=ri*Je;let $a=Ne*Jt/Je;ue&&($a=Ne/Jt/Je);const $i=St/Je-$a;let Tn="",xa=Math.max((St-nn*Je)/2,0);e.roundMarginToNearestK&&(xa=Vd(xa,e.roundMarginToNearestK));const uo=xa,co=Je,sc=30;if($i>100*2)Tn="largeOutsideButtons";else if($i>sc*2)Tn="smallOutsideButtons";else if(St>407&&navigator.userAgent.includes("Chrome")&&!e.hideSwiperButtons){const qa=new RegExp(" Chrome/([0-9]+).").exec(navigator.userAgent),vr=parseInt(qa[1]);vr&&vr<90&&(Je*=.9,xa=Math.max((St-nn*Je)/2,0),Tn="smallOutsideButtons extraScalingForChrome85Bug")}Tn!==D&&W(Tn);let fo="";if(a){const ca=(Bt-Ne-ua)/2;ca>0&&(fo=`translate(0, ${ca.toFixed(0)}px) `)}qe.innerText=`.bloomPlayer {
+`,"").replace("\r","")}const oc=[];function DB(){return oc.length>0}function IB(e){const t=oc.pop();if(t)return{bookUrl:e===t.bookId?void 0:dh(t.bookId),pageId:t.pageId}}function jB(e,t,n){const a=e.target.closest("[href], [data-href]");if(!a)return;e.preventDefault(),e.stopPropagation();const i=(a.getAttribute("href")||a.getAttribute("data-href"))??void 0;if(!i)return;if(i.startsWith("http://")||i.startsWith("https://")){window.open(i,"_blank","noreferrer");return}let r,s;if(i==="back"){const c=oc.pop();return c?{bookUrl:t===c.bookId?void 0:dh(c.bookId),pageId:c.pageId}:void 0}else if(i.startsWith("/book/")){const c=RB(i);r=c.bookId,s=c.pageId,c.bookId===t&&(r=void 0)}else i.startsWith("#")&&(s=i.substring(1));const u=n();if(r)return ly(t,u),{bookUrl:dh(r),pageId:s};if(s)return ly(t,u),{pageId:s}}function ly(e,t,n){oc.push({bookId:e,pageId:t})}function dh(e){return`/book/${e}/index.htm`}function RB(e){try{const t=new URL(e,window.location.origin);if(!t.pathname.startsWith("/book/"))throw new Error("Invalid book URL format");const n=t.pathname.replace("/book/",""),a=t.hash.replace("#","");return{bookId:n,pageId:a}}catch(t){return console.error("Error parsing book URL:",t),{bookId:void 0,pageId:void 0}}}const OB="bloom-player",KB="A library for displaying Bloom books in iframes or WebViews",$B="SIL Global",qB="MIT",HB="2.17.4-alpha.1",FB=!1,WB={type:"git",url:"https://github.com/BloomBooks/bloom-player.git"},_B="module",VB="lib/shared.es.js",GB="lib/index.d.ts",UB={".":{types:"./lib/index.d.ts",import:"./lib/shared.es.js",default:"./lib/shared.es.js"}},YB={"// COMMENTS: make the action a space rather than empty string so `yarn run` can list the scripts":" ","//":" ","// 'yarn dev' will build, watch, start a server, and open the player in a brower":" ","// You can edit index-for-developing.html to point to different books":" ","// Or just use 'yarn storybook' and skip this dev approach entirely":" ",dev:"vite","build:standalone":"vite build","build:sharedlib":"vite build --mode lib",test:"vitest","// blame.ignoreRevsFile - This allows blame to see through commits that are only there to format code.":" ",prepare:"husky install && git config blame.ignoreRevsFile .git-blame-ignore-revs",storybook:"storybook dev -p 6006","// run this when working with stories that use an iframe and bloomplayer.htm instead of the raw react components":" ",watchForStorybook:"yarn vite build --watch --mode development","strings:download":"crowdin download --config src/l10n/crowdin.yml  && yarn strings:compile","strings:upload":"crowdin upload  --config src/l10n/crowdin.yml","strings:compile":"yarn tsx ./src/l10n/compileL10Strings.ts","strings:sync":"yarn strings:upload && yarn strings:download"},XB={"@material-ui/core":"^4.12.3","@material-ui/icons":"^4.11.2",axios:"^0.18.0","compare-versions":"^6.1.1","dynamic-import-polyfill":"^0.1.1","jquery.nicescroll":"^3.7.6",react:"^17.0.2","react-dom":"^17.0.2","react-id-swiper":"2.3.2","style-scoped":"^0.2.1",swiper:"^4.5.0"},ZB={"@crowdin/cli":"^4.2.0","@storybook/addon-essentials":"8.4.6","@storybook/addon-interactions":"^8.4.6","@storybook/addon-links":"8.4.6","@storybook/blocks":"8.4.6","@storybook/react":"8.4.6","@storybook/react-vite":"8.4.6","@storybook/test":"8.4.6","@types/jquery":"^3.5.5","@types/jquery.nicescroll":"^3.7.1","@types/node":"^22.7.6","@types/react":"^17.0.2","@types/react-dom":"^17.0.2",editorconfig:"^2.0.0",eslint:"^9.12.0","eslint-plugin-storybook":"^0.11.1",husky:"8.0.3",jsdom:"^25.0.1",less:"^4.2.0",prettier:"^3.3.3","semantic-release":"24.1.2",storybook:"8.4.6",tsx:"^4.19.1",typescript:"*",vite:"^5.4.9","vite-plugin-dts":"^4.5.3","vite-plugin-html":"^3.2.2","vite-plugin-static-copy":"^2.0.0",vitest:"^2.1.3"},JB=["dist/*.js","dist/bloomplayer.htm","dist/*.mp3","lib/*.js","lib/*.d.ts","lib/*.js.map","src/shared/event.ts","src/shared/narration.ts","src/shared/dragActivityRuntime.ts","src/shared/scrolling.ts","src/shared/index.ts","dist/*.css","dist/*.tsv"],QB={node:"20.15.1",yarn:"1.22.19"},tD={name:OB,description:KB,author:$B,license:qB,version:HB,private:!1,"// sideeffects might need to be ['*.css'] to avoid 'shaking' our CSS, if we ever get tree shaking working":"",sideEffects:FB,repository:WB,type:_B,module:VB,types:GB,exports:UB,scripts:YB,dependencies:XB,devDependencies:ZB,"// The four src/ files are directly exported so BloomDesktop can consume them as shared code.":"",files:JB,volta:QB},gi="#d65649",eD="#2e2e2e",nD="#febf00",Yk=gs({palette:{primary:{main:eD,contrastText:gi},secondary:{main:gi}}});function Xk(){var e=tD.version;return e}const aD=()=>{const[e,t]=B.useState(!1),n=Xk(),a=new Date("2025-12-15T22:36:18.522Z").toLocaleDateString();return B.useEffect(()=>{const i=s=>{s.key==="Control"&&t(!0)},r=s=>{s.key==="Control"&&t(!1)};return window.addEventListener("keydown",i),window.addEventListener("keyup",r),()=>{window.removeEventListener("keydown",i),window.removeEventListener("keyup",r)}},[]),e?kt.createElement("div",{className:"version-control",style:{color:gi,fontFamily:"sans-serif",padding:"5px",zIndex:1e3}},"Bloom Player v",n," (built ",a,")"):null},iD=/^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-([\da-z\-]+(?:\.[\da-z\-]+)*))?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i,uy=e=>{if(typeof e!="string")throw new TypeError("Invalid argument expected string");const t=e.match(iD);if(!t)throw new Error(`Invalid argument not valid semver ('${e}' received)`);return t.shift(),t},cy=e=>e==="*"||e==="x"||e==="X",dy=e=>{const t=parseInt(e,10);return isNaN(t)?e:t},rD=(e,t)=>typeof e!=typeof t?[String(e),String(t)]:[e,t],oD=(e,t)=>{if(cy(e)||cy(t))return 0;const[n,a]=rD(dy(e),dy(t));return n>a?1:n<a?-1:0},fy=(e,t)=>{for(let n=0;n<Math.max(e.length,t.length);n++){const a=oD(e[n]||"0",t[n]||"0");if(a!==0)return a}return 0},hy=(e,t)=>{const n=uy(e),a=uy(t),i=n.pop(),r=a.pop(),s=fy(n,a);return s!==0?s:i&&r?fy(i.split("."),r.split(".")):i||r?i?-1:1:0};class Se extends B.Component{constructor(t,n){super(t,n),this.activityManager=new nz,this.initialPages=["loading..."],this.initialStyleRules="",this.originalPageClass="Device16x9Portrait",this.bookInfo=new ch,this.bookInteraction=new NB,this.mustUseOriginalPageSize=!1,this.indicesOfPagesWhereWeShouldPreserveDOMState={},this.startingUpSwiper=!0,this.state={pages:this.initialPages,pageIdToIndexMap:{},styleRules:this.initialStyleRules,importedBodyAttributes:{},currentSwiperIndex:0,isLoading:!0,loadFailed:!1,loadErrorHtml:"",ignorePhonyClick:!1,isFinishUpForNewBookComplete:!1,inPauseForced:!1,bookUrl:""},this.isPagesLocalized=!1,this.currentPageHidesNavigationButtons=!1,this.handleDocumentLevelKeyDown=i=>{i.key==="Home"&&(this.goToFirstPage(),i.preventDefault()),i.key==="End"&&(this.goToLastPage(),i.preventDefault())},this.distributionSource="",this.finishUpCalled=!1,this.hasImageDescriptions=!1,this.handlePageVideoComplete=i=>{i.page===Se.currentPage&&this.playAudioAndAnimation(i.page)},this.handlePlayFailed=()=>{this.setState({inPauseForced:!0}),this.props.setForcedPausedCallback&&this.props.setForcedPausedCallback(!0)},this.handlePlayCompleted=()=>{Mn(Ge.MediaFinished),this.props.imageDescriptionCallback(!1)},this.handleToggleImageDescription=i=>{this.props.imageDescriptionCallback(i)},this.handlePageNarrationComplete=i=>{if(i&&(Mn(Ge.MediaFinished),this.shouldAutoPlay())){const r=this.props.autoplayCount??0,s=this.state.startPageIndex??0,u=this.swiperInstance.slides.length-1;let c=this.props.autoplayCount?Math.min(s+r-1,u):u;this.swiperInstance.activeIndex>=c?(this.music.pause(),this.props.shouldReportSoundLog&&UC(),VC(),DT({})):this.swiperInstance.slideNext()}},this.skipAutoPlay=!1,this.sentBloomNotification=!1;const a=t.url.startsWith("http")?new URL(t.url):new URL(t.url,window.location.origin);a.hash?(this.state.startPageId=a.hash.substring(1),a.hash=""):this.state.startPageIndex=t.startPageIndex,this.state.bookUrl=a.href,Se.currentPagePlayer=this,this.legacyQuestionHandler=new iz(t.locationOfDistFolder)}componentDidMount(){He.setUp(),window.addEventListener("focus",()=>this.handleWindowFocus()),window.addEventListener("blur",()=>this.handleWindowBlur()),document.addEventListener("keydown",t=>this.handleDocumentLevelKeyDown(t)),document.addEventListener("pointerdown",t=>{(t.target.closest("[href], [data-href]")||t.target.closest(".bloom-videoContainer")&&!t.target.closest("[data-draggable-id]"))&&(t.stopPropagation(),t.preventDefault())},{capture:!0}),document.addEventListener("dragstart",t=>{this.activityManager.getActivityAbsorbsDragging()||t.preventDefault()},{capture:!0}),this.componentDidUpdate(this.props,this.state)}CanGoBack(){return DB()}HandleBackButtonClickedIfHavePlayerHistory(){const t=IB(this.bookInfo.bookInstanceId);return t?(this.navigate(t.bookUrl,t.pageId),!0):!1}navigate(t,n){if(t){const a=new URL(t,this.state.bookUrl);this.setState({bookUrl:a.href,startPageId:n,startPageIndex:void 0})}else if(n!==void 0){const a=this.state.pageIdToIndexMap[n];this.swiperInstance.slideTo(a)}}handleWindowFocus(){const t=localStorage.getItem(Hl),n=localStorage.getItem(em);t&&n==this.sourceUrl&&(this.bookInteraction.beginReadTime=Date.now()-parseInt(t,10))}handleWindowBlur(){const t=Date.now()-this.bookInteraction.beginReadTime;localStorage.setItem(Hl,t.toString()),localStorage.setItem(em,this.sourceUrl)}getRequiredVersionMessage(t){var c;const n=(c=t.querySelector('meta[name="FeatureRequirement"]'))==null?void 0:c.getAttribute("content");if(!n)return"";const a=/BloomPlayerMinVersion":"(.*?)".*?"FeatureId":"(.*?)"/g;let i,r=null,s=null;for(;(i=a.exec(n))!==null;){const h=i[1];(!r||hy(h,r)>0)&&(r=h,s=i[2])}if(!r||!s)return"";const u=Xk();if(hy(u,r)>=0)return"";if(window.location.hostname.toLowerCase().indexOf("bloomlibrary.org")>=0)return He.getTranslation("Version.Problem.Web",this.props.preferredUiLanguages,"This book uses the feature {feature}. Unfortunately, {hostname} is not ready to display this book yet. Please check back again later or write to issues@bloomlibrary.org if you think this is unexpected.").replace("{feature}",s).replace("{hostname}",window.location.hostname);{let h=ga("host","");switch(h){case"bloomreader":h="Bloom Reader";break;case"bloompubviewer":h="BloomPUB Viewer";break;case"readerapp":h="";break}return h?He.getTranslation("Version.Problem.Host",this.props.preferredUiLanguages,"This book uses the feature {feature} and requires a newer version of {host} to read it. Please upgrade to the latest version.").replace("{feature}",s).replace("{host}",h):He.getTranslation("Version.Problem.NoHost",this.props.preferredUiLanguages,"This book uses the feature {feature} and requires a newer version of the program you are using to read it. Please upgrade to the latest version.").replace("{feature}",s)}}componentDidUpdate(t,n){var a;try{if(!this.props.url||this.state.loadFailed)return;this.initializeMedia();const i=this.preprocessUrl();if(i&&i!=="/working"&&i!==this.sourceUrl){this.finishUpCalled=!1,this.setState({isLoading:!0,loadFailed:!1}),this.metaDataObject=void 0,this.htmlElement=void 0,this.sourceUrl=i;const r=this.sourceUrl.lastIndexOf("/"),s=this.sourceUrl.lastIndexOf("%2f");let u;r>s?u=this.sourceUrl.substring(r+1,this.sourceUrl.length):u=this.sourceUrl.substring(s+3,this.sourceUrl.length);const c=u.endsWith(".htm"),h=c?this.sourceUrl:this.sourceUrl+"/"+u+".htm";this.urlPrefix=c?this.sourceUrl.substring(0,Math.max(r,s)):this.sourceUrl,this.music.urlPrefix=this.urlPrefix,fC(this.music.urlPrefix);const m=Ja.get(this.fullUrl(".distribution")).then(P=>P,P=>({data:""})),x=Ja.get(h),w=Ja.get(this.fullUrl("meta.json"));Promise.all([x,w,m]).then(P=>{const[E,z,A]=P;this.metaDataObject=z==null?void 0:z.data,this.distributionSource=A.data;const S=new DOMParser().parseFromString(E==null?void 0:E.data,"text/html"),N=S.documentElement,L=this.getRequiredVersionMessage(S);this.setState({requiredVersion:L});const j=N.getElementsByTagName("body")[0];this.mustUseOriginalPageSize=this.computeMustUseOriginalPageSize(j),this.bookInfo.setSomeBookInfoFromBody(j),this.localizeOnce(),this.props.shouldReportSoundLog&&(this.videoList=this.getVideoList(S)),this.animation.PlayAnimations=this.bookInfo.playAnimations,this.collectBodyAttributes(j),this.makeNonEditable(j),this.htmlElement=N;const f=N.getElementsByClassName("bloom-page")[0];this.originalPageClass="Device16x9Portrait",f&&(this.originalPageClass=Se.getPageSizeClass(f)),this.legacyQuestionHandler.generateQuizPagesFromLegacyJSON(this.urlPrefix,j,this.originalPageClass,()=>{this.finishUp()})}).catch(P=>this.HandleLoadingError(P))}else if(t.landscape!==this.props.landscape||t.useOriginalPageSize!==this.props.useOriginalPageSize||t.autoplay!==this.props.autoplay){const r=document.getElementsByClassName("bloom-page");for(let s=0;s<r.length;s++){const u=r[s];this.setPageSizeClass(u)}}!this.state.isLoading&&(n.isLoading||t.activeLanguageCode!==this.props.activeLanguageCode)&&(this.updateDivVisibilityByLangCode(n.isLoading),this.updateOverlayPositionsByLangCode(),this.finishUpCalled&&this.finishUp(!1)),this.state.currentSwiperIndex!=n.currentSwiperIndex&&((a=this.rootDiv)==null||a.querySelectorAll(Vp).forEach(r=>{const s=zs(r).getNiceScroll();s&&s.length>0&&s.remove()})),!this.state.isLoading&&(n.isLoading||t.shouldReadImageDescriptions!==this.props.shouldReadImageDescriptions)&&this.finishUpCalled&&(this.setIndex(this.state.currentSwiperIndex),this.showingPage(this.state.currentSwiperIndex)),this.state.isFinishUpForNewBookComplete&&t.landscape!==this.props.landscape&&(this.setIndex(this.state.currentSwiperIndex),this.showingPage(this.state.currentSwiperIndex)),t.paused!==this.props.paused&&this.handlePausePlay(),this.swiperInstance&&this.swiperInstance.lazy.load()}catch(i){this.setState({isLoading:!1,loadFailed:!0,loadErrorHtml:i.message})}}collectBodyAttributes(t){for(var n={},a=0;a<t.attributes.length;a++)n[t.attributes.item(a).nodeName]=t.attributes.item(a).nodeValue;this.setState({importedBodyAttributes:n})}HandleLoadingError(t){let a=`<p>There was a problem displaying this book: ${t.message}<p>`;(t.config&&t.config.url&&t.config.url.startsWith("file://")||t.message.indexOf("404")>=0)&&(a="<p>This book (or some part of it) was not found.<p>",t.config&&t.config.url&&(a+=`<p class='errorDetails'>${sD(t.config.url)}</p>`)),this.setState({isLoading:!1,loadFailed:!0,loadErrorHtml:a})}async finishUp(t=!0){if(this.finishUpCalled=!0,!this.htmlElement)return;Uo.setAllVideoPostersTo1x1TransparentPNG(this.htmlElement);const n=this.htmlElement.getElementsByClassName("bloom-page"),a=[];t&&(this.bookInfo.totalNumberedPages=0,this.bookInfo.questionCount=0,this.activityManager.collectActivityContextForBook(n),this.bookInteraction.clearPagesShown(),this.music.processAllMusicForBook(n));const i=this.bookInfo.getPreferredTranslationLanguages(),r=i[0]===this.props.activeLanguageCode||!this.props.activeLanguageCode,s={},u=h=>h.classList.contains("bloom-interactive-page")||h.classList.contains("simple-comprehension-quiz")||h.getAttribute("data-activity")=="iframe"||h.getElementsByClassName("questions").length>0;s.length=0,s.cover=0;for(let h=0;h<n.length;h++){const m=n[h],x=m.getAttribute("id");x&&(s[x]=h);const w=this.setPageSizeClass(m);m.setAttribute("data-index",h.toString(10)),h===0&&this.props.reportBookProperties&&this.props.reportBookProperties({landscape:w,canRotate:this.bookInfo.canRotate,preferredLanguages:i,pageNumbers:Array.from(n).map(E=>E.getAttribute("data-page-number")??""),isRtl:this.metaDataObject.isRtl,internalUrl:this.state.bookUrl}),t&&(this.fixRelativeUrls(m),m.classList.contains("numberedPage")&&(this.indexOflastNumberedPage=h,this.bookInfo.totalNumberedPages++),(m.getAttribute("data-analyticscategories")||m.getAttribute("data-analyticsCategories"))==="comprehension"&&this.bookInfo.questionCount++),this.showOrHideL1OnlyText(m,r);const P=u(m);P&&this.activityManager.initializePageHtml(this.urlPrefix,m,a.length),(!this.props.skipActivities||!P)&&a.push(m.outerHTML)}if(t){const h=this.htmlElement.getElementsByTagName("head")[0];this.bookInfo.setSomeBookInfoFromHead(h);const m=this.htmlElement.getElementsByTagName("body")[0];if(this.metaDataObject&&(this.bookInfo.setSomeBookInfoFromMetadata(this.metaDataObject,m),this.reportBookOpened(m)),this.props.controlsCallback){const x=hs.createLangDataArrayFromDomAndMetadata(m,this.metaDataObject);this.hasImageDescriptions=lD(m),this.props.controlsCallback(x,this.hasImageDescriptions,w=>{var P;(P=this.swiperInstance)==null||P.slideTo(w)})}}if(t){var c;try{c=await LB(this.htmlElement,this.urlPrefix,this.bookInfo,()=>this.legacyQuestionHandler.getPromiseForAnyQuizCss())}catch(h){this.HandleLoadingError(h),c=""}if(this.startingUpSwiper=!0,this.state.startPageId){if(s[this.state.startPageId]===void 0)throw new Error(`Page ID ${this.state.startPageId} not found in the current pageIdToIndexMap`);this.setState({startPageIndex:s[this.state.startPageId]})}this.setState({pages:a,pageIdToIndexMap:s,styleRules:c,isLoading:!1,currentSwiperIndex:this.state.startPageIndex??0})}else this.setState({pages:a,isLoading:!1});this.props.pageStylesAreNowInstalled(),t?window.setTimeout(()=>{this.setState({isFinishUpForNewBookComplete:!0});const h=this.startingUpSwiper;this.startingUpSwiper=!1;var m=this.state.startPageIndex??0;this.setIndex(m),this.showingPage(m),h&&this.addScrollbarsToPageWhenReady(this.swiperInstance.activeIndex);const x=document.getElementsByClassName("swiper-button-next")[0],w=document.getElementsByClassName("swiper-button-prev")[0];w==null||w.setAttribute("tabindex","4"),x==null||x.setAttribute("tabindex","5"),this.shouldFocusNextButtonForNewBook()&&(x==null||x.focus())},500):Se.currentPage&&window.setTimeout(()=>{this.setIndex(Se.currentPageIndex),this.showingPage(Se.currentPageIndex)},200)}shouldFocusNextButtonForNewBook(){return window.self===window.top||document.referrer.startsWith("http://localhost:")?!0:document.referrer.includes("bloomlibrary.org/player/")}showOrHideL1OnlyText(t,n){t.querySelectorAll(".coverBottomBookTopic, .coverBottomLangName").forEach(a=>{n||a.classList.contains("bloom-content1")?a.classList.remove("do-not-display"):a.classList.add("do-not-display")})}localizeOnce(){!this.isPagesLocalized&&this.state.pages!==this.initialPages&&this.state.styleRules!==this.initialStyleRules&&(He.localizePages(document.body,this.bookInfo.getPreferredTranslationLanguages()),this.isPagesLocalized=!0)}initializeMedia(){this.video||(this.video=new Uo,this.video.PageVideoComplete=new Ur,this.video.PageVideoComplete.subscribe(this.handlePageVideoComplete)),this.animation||(this.animation=new jl),ta.subscribe(this.handlePageNarrationComplete),Pr.subscribe(this.handlePlayFailed),Ya.subscribe(this.handlePlayCompleted),uC(this.storeAudioAnalytics.bind(this)),Ma.subscribe(this.handleToggleImageDescription.bind(this)),cC(()=>{var t;return(t=this.swiperInstance)==null?void 0:t.animating}),dC(t=>Yy(t,1)),this.music||(this.music=new YC,this.music.PlayFailed=new Ur,this.music.PlayFailed.subscribe(()=>{this.setState({inPauseForced:!0}),this.props.setForcedPausedCallback&&this.props.setForcedPausedCallback(!0)}))}preprocessUrl(){let t=this.state.bookUrl;if(t===void 0||t.trim()==="")throw new Error("The url parameter was empty. It should point to the url of a book.");return t.endsWith("/")&&(t=t.substring(0,t.length-1)),t.endsWith("%2f")&&(t=t.substring(0,t.length-3)),t}handlePausePlay(){this.props.paused?this.pauseAllMultimedia():Se.currentPage!==jy()||yn===Ge.MediaFinished?this.resetForNewPageAndPlay(Se.currentPage):yn===Ge.VideoPaused?this.video.play():(OC(),this.animation.resumeAnimation(),this.music.play())}getAllBloomCanvasElementsOnPage(){var a,i;const t=(a=this.htmlElement)==null?void 0:a.ownerDocument.getElementsByClassName("bloom-canvas");if(t&&t.length>0)return Array.from(t);const n=(i=this.htmlElement)==null?void 0:i.ownerDocument.getElementsByClassName("bloom-imageContainer");return n?Array.from(n).filter(r=>r.parentElement.closest(".bloom-imageContainer")===null):[]}computeMustUseOriginalPageSize(t){return this.props.useOriginalPageSize||t.querySelector(".bloom-canvas-element")?!0:!!t.querySelector(".bloom-textOverPicture")}updateOverlayPositionsByLangCode(){if(!(!this.props.activeLanguageCode||!this.htmlElement))try{const t=this.props.activeLanguageCode;this.getAllBloomCanvasElementsOnPage().forEach(n=>{Array.from(n.querySelectorAll(Ls)).forEach(i=>{const r=Array.from(i.getElementsByClassName("bloom-editable")).find(s=>s.getAttribute("lang")===t);if(r){const s=r.getAttribute("data-bubble-alternate");if(s){const u=JSON.parse(s.replace(/`/g,'"'));i.setAttribute("style",u.style)}}});const a=Array.from(n.getElementsByClassName("comical-alternate")).find(i=>i.getAttribute("data-lang")===t);if(a){const i=n.getElementsByClassName("comical-generated")[0];i&&(i.classList.remove("comical-generated"),i.classList.add("comical-alternate"),i.style.display="none"),a.classList.remove("comical-alternate"),a.classList.add("comical-generated"),a.style.removeProperty("display")}})}catch(t){console.error(t)}}updateDivVisibilityByLangCode(t){if(!this.props.activeLanguageCode||!this.htmlElement)return;const a=this.bookInfo.getPreferredTranslationLanguages()[0]===this.props.activeLanguageCode||!this.props.activeLanguageCode,i=this.props.activeLanguageCode,r=this.htmlElement.ownerDocument.evaluate(".//div[contains(@class, 'bloom-translationGroup')]",this.htmlElement,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null),s="bloom-visibility-code-on";for(let u=0;u<r.snapshotLength;u++){const c=r.snapshotItem(u),h=c.getAttribute("data-default-languages"),m=h?h.split(/,| /):[],x=m==null||m.length===0||!m[0]||m.includes("V")||m.includes("L1")||Se.areStringsEqualInvariantCultureIgnoreCase(m[0],"auto"),w=c.childNodes;for(let P=0;P<w.length;P++){const E=w.item(P);!E||!E.classList||!E.classList.contains("bloom-editable")||(t&&E.setAttribute("data-original-class",E.getAttribute("class")||""),a?E.setAttribute("class",E.getAttribute("data-original-class")||""):x&&(E.getAttribute("lang")===i?(E.classList.add(s),Array.from(E.classList).forEach(A=>{A.startsWith("bloom-content")&&E.classList.remove(A)}),E.classList.add("bloom-content1"),E.classList.add("bloom-contentFirst")):E.classList.remove(s)))}}}static areStringsEqualInvariantCultureIgnoreCase(t,n){return t.localeCompare(n,"en-US",{sensitivity:"accent"})===0}static isDivInL2(t){return t.classList.contains("bloom-contentNational1")}static isDivInL3(t){return t.classList.contains("bloom-contentNational2")}componentWillUnmount(){this.pauseAllMultimedia(),document.removeEventListener("keydown",t=>this.handleDocumentLevelKeyDown(t)),this.unsubscribeAllEvents()}unsubscribeAllEvents(){this.video.PageVideoComplete.unsubscribe(this.handlePageVideoComplete),ta.unsubscribe(this.handlePageNarrationComplete),Pr.unsubscribe(this.handlePlayFailed),Ya.unsubscribe(this.handlePlayCompleted),Ma.unsubscribe(this.handleToggleImageDescription)}pauseAllMultimedia(){yn===Ge.VideoPlaying?this.video.pause():yn===Ge.AudioPlaying&&(KC(),this.animation.PauseAnimation()),this.music.pause()}reportBookOpened(t){const n=this.bookInfo.getAmbientAnalyticsProps();this.distributionSource&&(n.distributionSource=this.distributionSource),zT(n),Jy("BookOrShelf opened",{})}sendUpdateOfBookProgressReportToExternalContext(){const t=this.bookInteraction.getProgressReportPropertiesForAnalytics();IT("Pages Read",t)}makeNonEditable(t){const n=t.ownerDocument.evaluate(".//*[@contenteditable]",t,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null);for(let a=0;a<n.snapshotLength;a++)n.snapshotItem(a).removeAttribute("contenteditable")}setPageSizeClass(t){return Se.setPageSizeClass(t,this.bookInfo.canRotate,this.props.landscape,this.mustUseOriginalPageSize,this.originalPageClass)}static getPageSizeClass(t){const a=(t.getAttribute("class")||"").match(/\b\S*?(Portrait|Landscape)\b/);return a&&a.length?a[0]:""}static setPageSizeClass(t,n,a,i,r){let s=!1;const u=this.getPageSizeClass(t);if(u){s=n?a:u.endsWith("Landscape");let c="";i?c=s?r.replace("Portrait","Landscape"):r.replace("Landscape","Portrait"):c=s?"Device16x9Landscape":"Device16x9Portrait",u!==c&&(t.classList.remove(u),t.classList.add(c))}return s}goToFirstPage(){this.swiperInstance.slideTo(0)}goToLastPage(){this.swiperInstance.slideTo(99999)}fixRelativeUrls(t){const n=t.ownerDocument.evaluate(".//*[@src]",t,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null);for(let r=0;r<n.snapshotLength;r++){const s=n.snapshotItem(r);if(!s)continue;const u=s.getAttribute("src"),c=this.fullUrl(u);s.setAttribute("src",c)}const a=t.ownerDocument.evaluate(".//*[@style]",t,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null),i=new RegExp(/background-image:url\(['"](.*)['"]\)/);for(let r=0;r<a.snapshotLength;r++){const s=a.snapshotItem(r);if(!s)continue;const u=s.getAttribute("style")||"",c=i.exec(u);if(!c)continue;const h=this.fullUrl(c[1]),m=u.replace(i,"");s.setAttribute("style",m),s.setAttribute("data-background",h),s.classList.add("swiper-lazy")}}fullUrl(t){return this.urlPrefix+"/"+t}getRootDiv(){return this.rootDiv}slideNext(){this.swiperInstance&&this.swiperInstance.slideNext()}slidePrevious(){this.swiperInstance&&this.swiperInstance.slidePrev()}getPlayerOptionsForPage(t){if(!t)return;let n=t.getAttribute("data-player-options");if(n)try{return n=n.replace(/'/g,'"'),JSON.parse(n)}catch(a){console.log("getPlayerOptionsForPage failed to parse json: "+n+" with error "+a.message);return}}render(){var i;const t=this.activityManager.getActivityAbsorbsDragging();if(this.state.isLoading)return B.createElement(Ez,{className:"loadingSpinner",color:"secondary"});if(this.state.loadFailed)return B.createElement(B.Fragment,null,B.createElement(pk,{className:"loadFailedIcon",color:"secondary"}),B.createElement("div",{className:"loadErrorMessage",dangerouslySetInnerHTML:{__html:this.state.loadErrorHtml}}));if(this.state.requiredVersion)return B.createElement("div",{className:"requiredVersionMessage"},this.state.requiredVersion);yC(this.props.shouldReadImageDescriptions&&this.hasImageDescriptions);const n={getSwiper:r=>{var s,u;this.swiperInstance=r,(s=this.metaDataObject)!=null&&s.isRtl&&this.swiperInstance&&((u=this.swiperInstance.el)==null||u.setAttribute("dir","rtl"),this.swiperInstance.rtl=!0,this.swiperInstance.rtlTranslate=!0)},simulateTouch:!0,touchStartPreventDefault:!1,on:{slideChange:()=>{this.state.inPauseForced&&this.props.setForcedPausedCallback&&this.props.setForcedPausedCallback(!1),this.setState({inPauseForced:!1}),this.startingUpSwiper||this.showingPage(this.swiperInstance.activeIndex)},slideChangeTransitionStart:()=>{this.startingUpSwiper||this.setIndex(this.swiperInstance.activeIndex)},slideChangeTransitionEnd:()=>{this.addScrollbarsToPageWhenReady(this.swiperInstance.activeIndex)}},keyboard:{enabled:!0,onlyInViewport:!1},preloadImages:!1,lazy:{loadPrevNext:!0,loadOnTransitionStart:!0,loadPrevNextAmount:2},shouldSwiperUpdate:!0};this.startingUpSwiper&&(n.activeSlideKey=(i=this.state.startPageIndex)==null?void 0:i.toString());let a="bloomPlayer";return this.currentPageHidesNavigationButtons?a+=" hideNextPrevButtons extraScalingForChrome85Bug":(this.props.outsideButtonPageClass&&(a+=" "+this.props.outsideButtonPageClass),t&&(a+=" showNavigationButtonsEvenOnTouchDevices")),B.createElement("div",{"aria-label":"Player Content",className:a+(this.props.extraClassNames?" "+this.props.extraClassNames:""),ref:r=>this.rootDiv=r},B.createElement(oC,{key:this.shouldAutoPlay()?"fade":"slide",...n,effect:this.shouldAutoPlay()?"fade":"slide"},this.state.pages.map((r,s)=>{const c=Math.abs(s-this.state.currentSwiperIndex)<2||this.indicesOfPagesWhereWeShouldPreserveDOMState[s];return B.createElement("div",{key:s,className:"page-preview-slide",onClick:h=>this.handlePageClick(h)},c?B.createElement(B.Fragment,null,B.createElement("style",{scoped:!0},this.state.styleRules),B.createElement("div",{...this.state.importedBodyAttributes,className:`bloomPlayer-page ${this.bookInfo.hasAppearanceSystem?"appearance-system":""} ${this.state.importedBodyAttributes.class??""}`,dangerouslySetInnerHTML:{__html:r}})):"")})),B.createElement("div",{className:"swiper-button-prev "+(this.metaDataObject.isRtl?"swiper-button-right":"swiper-button-left")+(this.props.hideSwiperButtons||this.state.currentSwiperIndex===0?" swiper-button-disabled":""),onClick:()=>this.slidePrevious(),onTouchStart:r=>{this.setState({ignorePhonyClick:!0})}},B.createElement(Ta,{className:"nav-button",disableRipple:!0},this.metaDataObject.isRtl?B.createElement(rh,{titleAccess:He.getTranslation("Button.Prev",this.props.preferredUiLanguages,"Previous Page")}):B.createElement(ih,{titleAccess:He.getTranslation("Button.Prev",this.props.preferredUiLanguages,"Previous Page")}))),B.createElement("div",{className:"swiper-button-next "+(this.metaDataObject.isRtl?"swiper-button-left":"swiper-button-right")+(this.props.hideSwiperButtons||this.state.currentSwiperIndex>=this.state.pages.length-1?" swiper-button-disabled":""),onClick:()=>this.slideNext(),onTouchStart:r=>{this.setState({ignorePhonyClick:!0})}},B.createElement(Ta,{className:"nav-button",disableRipple:!0},this.metaDataObject.isRtl?B.createElement(ih,{titleAccess:He.getTranslation("Button.Next",this.props.preferredUiLanguages,"Next Page")}):B.createElement(rh,{titleAccess:He.getTranslation("Button.Next",this.props.preferredUiLanguages,"Next Page")}))))}shouldAutoPlay(){var t=this.bookInfo.autoAdvance&&this.props.landscape;return this.props.autoplay==="yes"?t=!0:this.props.autoplay==="no"&&(t=!1),t&&!this.skipAutoPlay}setIndex(t){if(this.state.isLoading||this.startingUpSwiper)return;this.setState({currentSwiperIndex:t});const n=this.getPageAtSwiperIndex(t);n&&(this.setPageSizeClass(n),this.animation.HandlePageBeforeVisible(n),this.video.hidingPage(),this.video.HandlePageBeforeVisible(n),qC(),this.music.hidingPage(),yn===Ge.AudioPaused||yn===Ge.VideoPaused?Mn(Ge.NewPageMediaPaused):(this.skipAutoPlay=!0,NC(),this.skipAutoPlay=!1,Mn(Ge.NewPage)))}getPageAtSwiperIndex(t){if(this.swiperInstance==null)return null;const n=this.swiperInstance.slides[t];return n?n.getElementsByClassName("bloom-page")[0]:null}getPageIdFromIndex(t){const n=this.getPageAtSwiperIndex(t);if(!n)throw new Error("No bloomPage at index "+t);return n.getAttribute("id")}static getCurrentPage(){return Se.currentPage}isXmatterPage(){const t=Se.currentPage;if(!t)return!0;const n=t.getAttribute("class");return!n||n.indexOf("bloom-page")<0||n.indexOf("bloom-backMatter")>=0||n.indexOf("bloom-frontMatter")>=0?!0:t.hasAttribute("data-xmatter-page")}showingPage(t){if(this.state.isLoading||this.startingUpSwiper)return;this.props.pageChanged&&this.props.pageChanged(t);const n=this.getPageAtSwiperIndex(t);if(!n){window.setTimeout(()=>this.showingPage(t),50);return}const a=this.getPlayerOptionsForPage(n);this.currentPageHidesNavigationButtons=!!(a&&a.hideNavigation),this.props.hidingNavigationButtonsCallback&&this.props.hidingNavigationButtonsCallback(this.currentPageHidesNavigationButtons),this.activityManager.showingPage(t,n)&&(this.indicesOfPagesWhereWeShouldPreserveDOMState[t]=!0),window.setTimeout(()=>{Se.currentPage=n,Se.currentPageIndex=t,Se.currentPageHasVideo=Uo.pageHasVideo(n),this.setPageSizeClass(n),this.resetForNewPageAndPlay(n),this.props.paused&&this.animation.shouldAnimate(n)&&(this.animation.HandlePageBeforeVisible(n),this.animation.HandlePageVisible(n,this.props.paused),this.animation.HandlePageDurationAvailable(n,Qg(n),this.props.paused)),this.isXmatterPage()||(this.bookInteraction.pageShown(t),t===this.indexOflastNumberedPage&&(this.bookInteraction.lastNumberedPageWasRead=!0)),this.props.reportPageProperties&&this.props.reportPageProperties({hasAudio:RC(n),hasMusic:this.music.pageHasMusic(n),hasVideo:Se.currentPageHasVideo}),this.bookInteraction.reportedAudioOnCurrentPage=!1,this.bookInteraction.reportedVideoOnCurrentPage=!1,this.sendUpdateOfBookProgressReportToExternalContext(),this.swiperInstance.params.noSwiping=this.activityManager.getActivityAbsorbsDragging(),this.swiperInstance.params.touchRatio=this.activityManager.getActivityAbsorbsDragging()?0:1,this.activityManager.getActivityAbsorbsTyping()?this.swiperInstance.keyboard.disable():this.swiperInstance.keyboard.enable(),Array.from(n.querySelectorAll("[data-sound]")).forEach(r=>{r.addEventListener("click",Fp)})},0)}addScrollbarsToPageWhenReady(t){if(this.state.isLoading||this.startingUpSwiper)return;const n=this.getPageAtSwiperIndex(t);if(!n){window.setTimeout(()=>this.addScrollbarsToPageWhenReady(t),50);return}KL(n,Se.handlePointerMoveEvent)}static handlePointerMoveEvent(t){var n;t.pointerType==="mouse"&&((n=t.target)!=null&&n.closest(".nicescroll-cursors"))&&t.stopPropagation()}storeAudioAnalytics(t){t<.001||Number.isNaN(t)||(this.bookInteraction.totalAudioDuration+=t,!this.isXmatterPage()&&(this.bookInteraction.reportedAudioOnCurrentPage||(this.bookInteraction.reportedAudioOnCurrentPage=!0,this.bookInteraction.audioPageShown(Se.currentPageIndex)),this.sendUpdateOfBookProgressReportToExternalContext()))}static storeVideoAnalytics(t){if(t<.001)return;const n=Se.currentPagePlayer;n.bookInteraction.totalVideoDuration+=t,!n.bookInteraction.reportedVideoOnCurrentPage&&!n.isXmatterPage()&&(n.bookInteraction.reportedVideoOnCurrentPage=!0,n.bookInteraction.videoPageShown(Se.currentPageIndex)),n.sendUpdateOfBookProgressReportToExternalContext()}resetForNewPageAndPlay(t){if(this.props.paused){this.video.HandlePageVisible(t,()=>this.props.paused);return}Iy(t),Se.currentPageHasVideo?(Mn(Ge.VideoPlaying),this.video.HandlePageVisible(t,()=>this.props.paused),this.music.pause()):this.playAudioAndAnimation(t)}playAudioAndAnimation(t){if(this.activityManager.getActivityManagesSound()){this.activityManager.doInitialSoundAndAnimation();return}if(Mn(Ge.AudioPlaying),!t)return;const n=Qg(t);this.animation.HandlePageDurationAvailable(t,n,this.props.paused);const a=()=>{jl.pageHasAnimation(t)&&this.animation.HandlePageBeforeVisible(t),this.animation.HandlePageVisible(t,this.props.paused),Oy(t,this.animation.animatableCanvas),this.music.HandlePageVisible(t)};if(!this.sentBloomNotification&&(this.sentBloomNotification=!0,this.props.shouldReportSoundLog)){Xy("/publish/av/startRecording",this.videoList).then(a);return}a()}getVideoList(t){let n="";for(const r of Array.from(t.getElementsByTagName("video"))){var a=r,i=a.getElementsByTagName("source")[0].getAttribute("src");n&&(n+="|"),n+=i}return n}handlePageClick(t){if(!this.state.ignorePhonyClick&&(!this.activityManager.getActivityAbsorbsClicking()||t.target.closest("[data-href]")&&t.target.closest(".bloom-canvas"))&&!t.target.closest(".bloom-videoContainer")){const n=jB(t.nativeEvent,this.bookInfo.bookInstanceId,()=>this.getPageIdFromIndex(this.state.currentSwiperIndex));n?(this.navigate(n.bookUrl,n.pageId),t.stopPropagation(),t.preventDefault()):this.props.onContentClick&&this.props.onContentClick(t)}this.setState({ignorePhonyClick:!1})}}function sD(e){return e.replace("%23","#").replace(/[\u00A0-\u9999<>\&]/gim,t=>"&#"+t.charCodeAt(0)+";")}function lD(e){return e.ownerDocument.evaluate("//div[contains(@class, 'bloom-imageDescription')]/div[contains(@class, 'bloom-editable') and contains(@class, 'bloom-visibility-code-on')]//*[contains(@class, 'audio-sentence') or contains(@class, 'bloom-highlightSegment')]",e,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null).snapshotLength>0?!0:e.ownerDocument.evaluate("//div[contains(@class, 'bloom-imageDescription')]/div[contains(@class, 'bloom-editable') and contains(@class, 'bloom-visibility-code-on') and @data-audiorecordingmode='TextBox']/p[text()]",e,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null).snapshotLength>0}var Gp={},uD=ba,cD=wa;Object.defineProperty(Gp,"__esModule",{value:!0});var Zk=Gp.default=void 0,dD=cD(Ln()),fD=uD(ka()),hD=(0,fD.default)(dD.createElement("path",{d:"M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"}),"ArrowBack");Zk=Gp.default=hD;var Up={},pD=ba,gD=wa;Object.defineProperty(Up,"__esModule",{value:!0});var Jk=Up.default=void 0,mD=gD(Ln()),vD=pD(ka()),yD=(0,vD.default)(mD.createElement("path",{d:"M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"}),"MoreHoriz");Jk=Up.default=yD;var Yp={},bD=ba,wD=wa;Object.defineProperty(Yp,"__esModule",{value:!0});var Xp=Yp.default=void 0,kD=wD(Ln()),xD=bD(ka()),SD=(0,xD.default)(kD.createElement("path",{d:"M10 16.5l6-4.5-6-4.5v9zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"}),"PlayCircleOutline");Xp=Yp.default=SD;var Zp={},CD=ba,TD=wa;Object.defineProperty(Zp,"__esModule",{value:!0});var Qk=Zp.default=void 0,ED=TD(Ln()),PD=CD(ka()),MD=(0,PD.default)(ED.createElement("path",{d:"M9 16h2V8H9v8zm3-14C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm1-4h2V8h-2v8z"}),"PauseCircleOutline");Qk=Zp.default=MD;var Jp={},AD=ba,ND=wa;Object.defineProperty(Jp,"__esModule",{value:!0});var t0=Jp.default=void 0,LD=ND(Ln()),zD=AD(ka()),BD=(0,zD.default)(LD.createElement("path",{d:"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95c-.32-1.25-.78-2.45-1.38-3.56 1.84.63 3.37 1.91 4.33 3.56zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56-1.84-.63-3.37-1.9-4.33-3.56zm2.95-8H5.08c.96-1.66 2.49-2.93 4.33-3.56C8.81 5.55 8.35 6.75 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2 0-.68.07-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95c-.96 1.65-2.49 2.93-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"}),"Language");t0=Jp.default=BD;var Qp={},DD=ba,ID=wa;Object.defineProperty(Qp,"__esModule",{value:!0});var e0=Qp.default=void 0,jD=ID(Ln()),RD=DD(ka()),OD=(0,RD.default)(jD.createElement("path",{d:"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"}),"Fullscreen");e0=Qp.default=OD;var tg={},KD=ba,$D=wa;Object.defineProperty(tg,"__esModule",{value:!0});var n0=tg.default=void 0,qD=$D(Ln()),HD=KD(ka()),FD=(0,HD.default)(qD.createElement("path",{d:"M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"}),"FullscreenExit");n0=tg.default=FD;function WD(e){return kt.createElement(ah,{...e,width:"21",height:"20",viewBox:"0 0 21 20"},kt.createElement("path",{d:"M20.6181 9.909C20.6181 9.909 17.3581 3.70568 10.2454 3.70568C10.1127 3.70568 9.9821 3.70851 9.8522 3.71275L9.23133 0.590958L8.27889 0.807585L8.87136 3.78574C2.72807 4.50344 0 9.86355 0 9.86355C0 9.86355 0.566707 11.0581 1.77366 12.4165L1.27674 9.91983C1.26639 9.90052 1.26089 9.89016 1.26089 9.89016C1.26089 9.89016 1.45882 9.53343 1.86833 9.01188L2.73952 13.3918C3.09729 13.7179 3.49205 14.0383 3.92423 14.3419L2.68074 8.09074C2.92754 7.84068 3.20826 7.58049 3.52199 7.32171L5.05787 15.0424C5.40441 15.2277 5.77033 15.3993 6.15474 15.5514L4.38901 6.67725C4.6772 6.48487 4.98565 6.29932 5.31568 6.12485L7.26481 15.9206C7.59924 16.0118 7.94578 16.0871 8.30509 16.146L7.56314 12.4167C7.89823 12.8518 8.32205 13.2046 8.80465 13.4464L9.36563 16.2656C9.59813 16.2802 9.83459 16.2891 10.0765 16.2891C10.1734 16.2891 10.2694 16.2873 10.3654 16.2844L9.86541 13.773C10.0112 13.7923 10.1591 13.8033 10.3099 13.8033C10.4957 13.8033 10.6783 13.7883 10.8559 13.7588L11.9801 19.4091L12.9321 19.1924L12.3108 16.0683C17.848 14.9378 20.6181 9.909 20.6181 9.909ZM6.88084 8.9881L6.22651 5.69889C6.53386 5.57339 6.8575 5.45942 7.19546 5.35982L7.6228 7.50844C7.28066 7.93015 7.02351 8.43381 6.88084 8.9881ZM8.46692 6.74577L8.14503 5.12836C8.45547 5.06785 8.77691 5.01958 9.11002 4.9859L9.3773 6.32923C9.05322 6.42294 8.74741 6.56375 8.46692 6.74577ZM10.3467 6.19713L10.0944 4.93033C10.1472 4.92963 10.1998 4.92845 10.2533 4.92845C10.4858 4.92845 10.713 4.93599 10.9365 4.94941C13.2188 5.33628 14.964 7.44981 14.964 9.99965C14.964 12.1188 13.7579 13.9352 12.0406 14.7106L11.7914 13.4565C13.0153 12.8558 13.8654 11.5342 13.8654 9.99942C13.8652 7.91226 12.2936 6.21856 10.3467 6.19713ZM14.5336 14.0984C15.4349 13.0056 15.9823 11.5718 15.9823 9.99942C15.9823 8.35399 15.3821 6.8595 14.405 5.74928C17.7771 7.16772 19.3574 9.92642 19.3574 9.92642C19.3574 9.92642 17.7491 12.6074 14.5336 14.0984Z"}))}var eg={},_D=ba,VD=wa;Object.defineProperty(eg,"__esModule",{value:!0});var a0=eg.default=void 0,GD=VD(Ln()),UD=_D(ka()),YD=(0,UD.default)(GD.createElement("path",{d:"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"}),"VolumeUp");a0=eg.default=YD;const XD=e=>{const[t,n]=B.useState((e.languages.filter(s=>s.IsSelected)[0]||e.languages[0]).Code),a=s=>{const u=s.target.value;n(u),e.onClose(u)},i=()=>{e.onClose("")},r=()=>{const s=e.languages.map(u=>kt.createElement("div",{className:"chooserItem",key:u.Code},kt.createElement(iB,{value:u.Code,control:kt.createElement(vB,null),label:u.Name,checked:u.Code===t}),kt.createElement("span",{className:"spacer"}),kt.createElement(a0,{className:"icon",visibility:u.HasAudio?"inherit":"hidden"})));return kt.createElement("div",{className:"radioGroupDiv"},s)};return kt.createElement(Wz,{className:"languageMenu",onClose:i,"aria-labelledby":"language-menu-title",open:!0,scroll:"paper"},kt.createElement(Xz,{id:"language-menu-title"},"Languages in this book:"),kt.createElement(eB,{component:"fieldset"},kt.createElement(yB,{className:"radioGroup","aria-label":"languages",name:"languages",value:t,onChange:a},r())),kt.createElement(Gz,null,kt.createElement(wz,{onClick:i,color:"secondary"},"Close")))};var _o=(e=>(e[e.showArrow=0]="showArrow",e[e.showEllipsis=1]="showEllipsis",e[e.showNothing=2]="showNothing",e))(_o||{});const ZD=e=>{const[t,n]=B.useState(!1),a="button"+(e.bookLanguages.length<2?" disabled":""),i=E=>{n(!1),E!==""&&(e.onLanguageChanged(E),s({lang:E}))},r=()=>{try{document.fullscreenElement!=null||document.webkitFullscreenElement!=null?document.exitFullscreen?document.exitFullscreen():document.webkitExitFullScreen&&document.webkitExitFullScreen():document.documentElement.requestFullscreen?document.documentElement.requestFullscreen():document.documentElement.webkitRequestFullscreen&&document.documentElement.webkitRequestFullscreen()}catch(E){console.error("RequestFullScreen failed: ",E)}},s=E=>{if(!e.videoPreviewMode)return;const z={lang:e.activeLanguageCode,imageDescriptions:e.readImageDescriptions,...E};Xy("publish/av/videoSettings",encodeURIComponent(JSON.stringify(z)))},u=He.getTranslation("Audio.Pause",e.preferredLanguages,"Pause"),c=e.paused?kt.createElement(Xp,{titleAccess:e.playLabel}):kt.createElement(Qk,{titleAccess:u}),h=He.getTranslation("Button.ReadImageDescriptions",e.preferredLanguages,"Read Image Descriptions"),m=He.getTranslation("Button.IgnoreImageDescriptions",e.preferredLanguages,"Ignore Image Descriptions"),x=gs({palette:{primary:{main:nD},secondary:{main:Yk.palette.secondary.main}}}),w=kt.createElement(Vl,{theme:x},kt.createElement(WD,{"aria-label":e.readImageDescriptions?"Read image descriptions":"Ignore image descriptions",titleAccess:e.readImageDescriptions?m:h,opacity:e.readImageDescriptions?1:.38,color:e.nowReadingImageDescription?"primary":"secondary"})),P=e.extraButtons?e.extraButtons.map(E=>kt.createElement(Ta,{key:E.id,color:"secondary",title:E.description,onClick:()=>ja({messageType:E.id})},kt.createElement("img",{style:{maxHeight:"24px",maxWidth:"24px"},src:E.iconUrl}))):void 0;return kt.createElement(cz,{color:"primary",className:`control-bar ${e.visible?", visible":""}`,id:"control-bar",elevation:0,position:"relative"},kt.createElement(AB,null,!e.videoPreviewMode&&kt.createElement(Ta,{color:"secondary",onClick:()=>{e.backClicked&&e.backClicked()},"data-testid":"history-back-button",disabled:e.getBackButtonState()===2},e.getBackButtonState()===0?kt.createElement(Zk,{"aria-label":"Go Back",titleAccess:He.getTranslation("Button.Back",e.preferredLanguages,"Back")}):e.getBackButtonState()===1&&kt.createElement(Jk,{"aria-label":"More Menu",titleAccess:He.getTranslation("Button.More",e.preferredLanguages,"More")})),kt.createElement("div",{className:"filler"}),e.bookHasImageDescriptions&&kt.createElement(Ta,{onClick:()=>{e.onReadImageDescriptionToggled(),s({imageDescriptions:!e.readImageDescriptions})}},w),e.bookLanguages.length>1&&kt.createElement(Ta,{className:a,"aria-label":"Choose Language",color:"secondary",onClick:()=>{n(!0)}},kt.createElement(t0,{titleAccess:He.getTranslation("Button.ChooseLanguage",e.preferredLanguages,"Choose Language")})),t&&kt.createElement(XD,{languages:e.bookLanguages,onClose:i}),!e.videoPreviewMode&&kt.createElement(Ta,{color:"secondary","aria-label":"PlayPause",onClick:()=>{e.pausedChanged&&e.pausedChanged(!e.paused)}},e.showPlayPause?c:null),P,document.fullscreenEnabled&&e.canShowFullScreen&&!e.videoPreviewMode&&kt.createElement(Ta,{color:"secondary",onClick:()=>r()},document.fullscreenElement==null?kt.createElement(e0,{"aria-label":"Full Screen",titleAccess:He.getTranslation("Button.FullScreen",e.preferredLanguages,"Full Screen")}):kt.createElement(n0,{"aria-label":"Exit Full Screen",titleAccess:He.getTranslation("Button.ExitFullScreen",e.preferredLanguages,"Exit Full Screen")}))))};function Vd(e,t){return Math.round(e/t)*t}function JD(e){if(!(!e||e==="cover")){if(/^\d+$/.test(e))return e;try{return e.replace(new RegExp("(?![0-9])\\p{Nd}","gu"),t=>{const n=t.charCodeAt(0);return(n&15)-6*(new RegExp("\\p{Nd}","u").test(String.fromCodePoint(n|15))?1:0)})}catch{return}}}let Gd=!1,fh=e=>{};function QD(e){fh&&fh(e)}let py=0,gy=0;function my(){const e=/iPad|iPhone|iPod/.test(navigator.platform);let t,n,a;e&&(t=document.getElementsByClassName("bloomPlayer")[0],n=t.parentElement,a=t.nextSibling,n.removeChild(t));const i=document.documentElement.clientWidth,r=document.documentElement.clientHeight;return e&&n.insertBefore(t,a),{width:i,height:r}}const tI=e=>{const[t,n]=B.useState(e.autoplay),a=e.centerVertically===void 0?!0:e.centerVertically;$T(ht=>{ht.pause?(Gd=!L,j(!0)):ht.resume&&Gd?j(!1):ht.play?(j(!1),ht.autoplay&&n(ht.autoplay)):ht.reset?(h(e.startPage??0),Ue.current&&Ue.current(e.startPage??0)):ht.controlAction&&rt(ht.controlAction)});const[i,r]=B.useState(!1),[s,u]=B.useState(e.initiallyShowAppBar),[c,h]=B.useState(e.startPage??0),[m,x]=B.useState([""]),[w,P]=B.useState(!1),[E,z]=B.useState(!1),[A,k]=B.useState(""),[S,N]=B.useState("Device16x9Portrait");B.useEffect(()=>{u(e.initiallyShowAppBar)},[e.initiallyShowAppBar]),B.useEffect(()=>{s?RT():OT()},[s]),B.useEffect(()=>{j(e.paused)},[e.paused]);const[L,j]=B.useState(e.paused),[f,G]=B.useState(!1),V=He.getBloomUiLanguage(),F=V==="en"?[V]:[V,"en"],[pt,ft]=B.useState(F);B.useEffect(()=>{L||(Gd=!1)},[L]);const[ot,Z]=B.useState(!1),[$,o]=B.useState(!1),[tt,v]=B.useState(!1),[Q,st]=B.useState(!1),[ut,I]=B.useState(!1),[lt,gt]=B.useState(0),[Tt,Ct]=B.useState(9/16),jt=[],[Ft,Yt]=B.useState(jt),[Wt,Te]=B.useState(""),Ue=B.useRef(),[hn,ke]=B.useState(!0),[ve,Ye]=B.useState(!1),[Et,xe]=B.useState(!1),[qn,We]=B.useState(0),C=()=>{We(ht=>ht+1)},[D,W]=B.useState("");B.useEffect(()=>{mt()},[ut,qn,ot,e.useOriginalPageSize]),B.useEffect(()=>()=>{const ht=document.getElementById("scale-style-sheet");ht&&ht.parentNode.removeChild(ht)},[]);const X=B.useRef(),rt=ht=>{switch(ht){case"navigate-to-next-page":X&&X.current&&X.current.slideNext();break;case"navigate-to-previous-page":X&&X.current&&X.current.slidePrevious();break;default:console.log("'handleControlMessage' received an unknown message.");return}},mt=()=>{const ht=document.getElementsByClassName("swiper-slide-active")[0];let zt=null;if(ht&&(zt=ht.getElementsByClassName("bloom-page")[0]),!zt||!ut){window.setTimeout(C,100);return}let qe=document.getElementById("scale-style-sheet");qe||(qe=document.createElement("style"),qe.setAttribute("type","text/css"),qe.setAttribute("id","scale-style-sheet"),document.head.appendChild(qe));let pe=lt,Jt=Tt;const ge=Se.getPageSizeClass(zt);(e.url!==A||ge!==S)&&(k(e.url),N(ge),window.onresize=()=>{const{width:ca,height:qa}=my();(qa!==gy||ca!==py)&&C()},pe=Math.max(zt.offsetHeight,zt.offsetWidth),Jt=Math.min(zt.offsetHeight,zt.offsetWidth)/pe,Ct(Jt),gt(pe));const{width:St,height:Bt}=my();py=St,gy=Bt;const ee=St>Bt;if(ee!==ot){Z(ee);return}let ye=0,ce=0;const Ze=window.getComputedStyle(document.body);Ze&&Ze.marginTop&&(ye=parseInt(Ze.marginTop,10)),Ze&&Ze.marginBottom&&(ce=parseInt(Ze.marginBottom,10));const ue=zt.getAttribute("class").indexOf("Landscape")>=0,ri=ue?pe*Jt:pe,nn=ue?pe:pe*Jt;let ua=ye+ce;if(s){const ca=document.getElementById("control-bar");ca&&(ua+=ca.offsetHeight);const qa=document.getElementById("pageNumberControl");qa&&(ua+=qa.offsetHeight)}const Ka=Bt-ua,oi=_t({pageWidth:nn,pageHeight:ri,desiredPageHeight:Ka}),mr=re(nn);let Je=Math.min(oi,mr);const Ne=ri*Je;let $a=Ne*Jt/Je;ue&&($a=Ne/Jt/Je);const $i=St/Je-$a;let Tn="",xa=Math.max((St-nn*Je)/2,0);e.roundMarginToNearestK&&(xa=Vd(xa,e.roundMarginToNearestK));const uo=xa,co=Je,sc=30;if($i>100*2)Tn="largeOutsideButtons";else if($i>sc*2)Tn="smallOutsideButtons";else if(St>407&&navigator.userAgent.includes("Chrome")&&!e.hideSwiperButtons){const qa=new RegExp(" Chrome/([0-9]+).").exec(navigator.userAgent),vr=parseInt(qa[1]);vr&&vr<90&&(Je*=.9,xa=Math.max((St-nn*Je)/2,0),Tn="smallOutsideButtons extraScalingForChrome85Bug")}Tn!==D&&W(Tn);let fo="";if(a){const ca=(Bt-Ne-ua)/2;ca>0&&(fo=`translate(0, ${ca.toFixed(0)}px) `)}qe.innerText=`.bloomPlayer {
             width: ${$a}px;
             transform-origin: left top 0;
             transform: ${fo}scale(${Je});
@@ -8057,4 +8057,4 @@ Add a <Suspense fallback=...> component higher in the tree to provide a loading
             }
         }
         .bloomPlayer-page {height: ${Ne/Je}px; overflow: hidden;}`,HL(zt,Je),i||r(!0)},_t=ht=>{const{pageWidth:zt,pageHeight:qe,desiredPageHeight:pe}=ht,Jt=pe/qe;if(!e.roundPageWidthToNearestK)return Jt;const ge=zt*Jt;return Vd(ge,e.roundPageWidthToNearestK)/zt},re=ht=>{let zt=document.body.offsetWidth;return e.roundPageWidthToNearestK&&(zt=Vd(zt,e.roundPageWidthToNearestK)),zt/ht};B.useEffect(()=>{f&&!L&&G(!1);const ht=document.getElementById("root");ht&&(fh=zt=>{(zt.key===" "||zt.key==="ArrowRight"&&f)&&(zt.preventDefault(),zt.stopImmediatePropagation(),j(!L),G(!1))},ht.addEventListener("keydown",QD,{capture:!0}))});const oe=ht=>{Wt!==ht&&(hs.selectNewLanguageCode(Ft,ht),Te(ht))},Ot=(ht,zt,qe)=>{Ue.current=qe;let pe;if(e.videoSettings){const Jt=JSON.parse(e.videoSettings);pe=Jt.lang,ke(Jt.imageDescriptions??!1)}e.initialLanguageCode&&(pe=e.initialLanguageCode),pe&&ht.map(Jt=>Jt.Code).includes(pe)?hs.selectNewLanguageCode(ht,pe):pe=ht.length>0?ht[0].Code:"",Te(pe),Yt(ht),Ye(zt),e.videoPreviewMode&&!s&&u(!0)},Ie=He.getTranslation("Audio.Play",pt,"Play"),_e=He.getTranslation("Audio.ReadAloud",pt,"Read Aloud"),Cn=$?_e:Ie,{allowToggleAppBar:pn,showBackButton:la,initiallyShowAppBar:Oa,locationOfDistFolder:Xe,hideFullScreenButton:Pt,...ln}=e,H=gs({palette:{primary:{main:"#000",contrastText:"#FFF"},secondary:{main:"#FFF"}}}),Lt=ht=>{xe(ht)},Xt=Re({root:{color:gi,height:2,padding:"15px 0"},active:{},valueLabel:{left:"calc(50% - 16px)",top:-31,"& *":{background:gi,color:"white"}},track:{height:4,opacity:.5},rail:{height:2,opacity:.5,backgroundColor:gi},mark:{backgroundColor:"transparent"},markActive:{backgroundColor:"transparent"},markLabel:{top:20,fontSize:"0.6rem",color:gi},markLabelActive:{top:20,fontSize:"0.6rem",color:gi}})(EB),Oe=gs({direction:"rtl"}),Ae=kt.createElement(Xt,{valueLabelDisplay:"on",min:1,max:m.length,step:1,disabled:E,defaultValue:c+1,onChangeCommitted:(ht,zt)=>{zt-1!=c&&(h(zt-1),Ue.current&&Ue.current(zt-1))},valueLabelFormat:(ht,zt)=>m[ht-1],marks:[{value:m.length,label:m.length.toString()}]});return kt.createElement("div",{className:"reactRoot"},f&&kt.createElement(kt.Fragment,null,kt.createElement("div",{className:"bigButtonOverlay"},kt.createElement(Vl,{theme:H},kt.createElement(Ta,{color:"secondary",onClick:()=>{G(!1),j(!1)}},kt.createElement(Xp,{titleAccess:Cn,preserveAspectRatio:"xMidYMid meet"})))),kt.createElement("div",{className:"behindBigButtonOverlay"})),kt.createElement(ZD,{getBackButtonState:()=>{var ht;return(ht=X.current)!=null&&ht.CanGoBack()?_o.showArrow:la?window===window.top?_o.showArrow:_o.showEllipsis:_o.showNothing},visible:s,paused:L,pausedChanged:ht=>j(ht),playLabel:Cn,preferredLanguages:pt,backClicked:()=>{var ht;(ht=X.current)!=null&&ht.HandleBackButtonClickedIfHavePlayerHistory()||jT()},showPlayPause:$||tt||Q,bookLanguages:Ft,activeLanguageCode:Wt,onLanguageChanged:oe,canShowFullScreen:!e.hideFullScreenButton,extraButtons:e.extraButtons,bookHasImageDescriptions:ve,readImageDescriptions:hn,onReadImageDescriptionToggled:()=>ke(!hn),nowReadingImageDescription:Et,videoPreviewMode:e.videoPreviewMode}),kt.createElement(aD,null),kt.createElement(Se,{ref:X,url:e.url,landscape:ot,paused:L,preferredUiLanguages:pt,pageStylesAreNowInstalled:()=>{I(!0)},locationOfDistFolder:e.locationOfDistFolder,reportBookProperties:ht=>{const zt={landscape:ht.landscape,canRotate:ht.canRotate};BT(zt),ft([V].concat(ht.preferredLanguages)),x(ht.pageNumbers),P(ht.isRtl),ht.internalUrl!=Ud&&(Ud&&C(),Ud=ht.internalUrl)},controlsCallback:Ot,setForcedPausedCallback:ht=>{ht?(j(ht),G(!0)):G(!1)},reportPageProperties:ht=>{o(ht.hasAudio),v(ht.hasMusic),st(ht.hasVideo)},onContentClick:ht=>{e.allowToggleAppBar&&(u(!s),window.setTimeout(C,300+50))},activeLanguageCode:Wt,useOriginalPageSize:e.useOriginalPageSize,hideSwiperButtons:e.hideSwiperButtons,autoplay:t,skipActivities:e.skipActivities,outsideButtonPageClass:D,extraClassNames:i?"":"hidePlayer",shouldReadImageDescriptions:hn,imageDescriptionCallback:Lt,pageChanged:ht=>{ht!=c&&h(ht)},hidingNavigationButtonsCallback:ht=>{ht!=E&&z(ht)},shouldReportSoundLog:e.shouldReportSoundLog,startPageIndex:e.startPage,autoplayCount:e.autoplayCount}),s&&!e.videoPreviewMode&&kt.createElement("div",{id:"pageNumberControl",className:"MuiToolbar-gutters"},w?kt.createElement(Vl,{theme:Oe},Ae):Ae))};function eI(){const e=ga("extraButtons");if(!e)return[];const t=decodeURIComponent(e);try{return JSON.parse(t)}catch(n){return console.error("Failed to parse extra button info "+JSON.stringify(n)),KT("error decoding extraButtons param "+e+": "+n),[]}}function nI(){vC(parseFloat(ga("defaultDuration","3.0")));const e=ga("autoplay","motion"),t=ga("start-page"),n=JD(t),a=n?parseInt(n):void 0,i=ga("autoplay-count"),r=t?parseInt(i):void 0,s=Vn("paused",!1);Ki.render(kt.createElement(Vl,{theme:Yk},kt.createElement(tI,{url:ga("url"),allowToggleAppBar:Vn("allowToggleAppBar",!1),showBackButton:Vn("showBackButton",!1),initiallyShowAppBar:Vn("initiallyShowAppBar",!0),centerVertically:Vn("centerVertically",!0),initialLanguageCode:ga("lang"),videoSettings:ga("videoSettings"),paused:s,locationOfDistFolder:"",useOriginalPageSize:Vn("useOriginalPageSize",!1),hideFullScreenButton:Vn("hideFullScreenButton",!1),autoplay:e,skipActivities:Vn("skipActivities",!1),videoPreviewMode:Vn("videoPreviewMode",!1),hideSwiperButtons:Vn("hideNavButtons",!1),extraButtons:eI(),shouldReportSoundLog:Vn("reportSoundLog",!1),startPage:a,autoplayCount:r,roundPageWidthToNearestK:tm("roundPageWidthToNearestK"),roundMarginToNearestK:tm("roundMarginToNearestK")})),document.getElementById("root"))}let Ud="";nI();
-//# sourceMappingURL=bloomPlayer.DC7ZXAug.js.map
+//# sourceMappingURL=bloomPlayer.q2FsI-pr.js.map

package/dist/bloomplayer.htm

@@ -18,7 +18,7 @@
 
     <!-- At build time, we replace the target of this script tag to point at the
      the bloom player bundle with the cache-busting hash in its name. -->
-    <script src="bloomPlayer.DC7ZXAug.js"></script>
+    <script src="bloomPlayer.q2FsI-pr.js"></script>
 </body>
 
 

package/package.json

@@ -3,7 +3,7 @@
     "description": "A library for displaying Bloom books in iframes or WebViews",
     "author": "SIL Global",
     "license": "MIT",
-    "version": "2.17.3",
+    "version": "2.17.4-alpha.1",
     "private": false,
     "// sideeffects might need to be ['*.css'] to avoid 'shaking' our CSS, if we ever get tree shaking working": "",
     "sideEffects": false,