@internetarchive/bookreader 5.0.0-30-e → 5.0.0-32-shadydom1

package/BookReader/images/icon_search_button.svg

@@ -1 +1,8 @@
-<svg width="19" height="19" xmlns="http://www.w3.org/2000/svg" aria-labelledby="searchButtonTitleID searchButtonDescID"><path d="m18.414 16.661-5.84-5.768a6.44 6.44 0 0 0 1.261-3.822c0-.073-.01-.144-.022-.213.012-.07.023-.142.023-.216 0-3.603-2.968-6.535-6.616-6.535-.065 0-.128.01-.19.019-.063-.009-.125-.019-.19-.019C3.192.107.224 3.04.224 6.642c0 .073.01.143.022.213-.013.07-.023.141-.023.216 0 3.603 2.968 6.534 6.617 6.534.064 0 .127-.01.19-.019.062.01.124.02.189.02a6.626 6.626 0 0 0 3.383-.93l5.924 5.85c.26.258.602.387.944.387.342 0 .684-.13.944-.387a1.307 1.307 0 0 0 0-1.865zM7.03 10.987c-.063-.01-.125-.02-.19-.02-2.176 0-3.946-1.747-3.946-3.896 0-.073-.01-.143-.022-.213a1.27 1.27 0 0 0 .022-.216c0-2.149 1.77-3.897 3.946-3.897.065 0 .127-.01.19-.018.062.008.124.018.19.018 2.175 0 3.945 1.748 3.945 3.897 0 .073.01.143.022.213-.012.07-.023.142-.023.216 0 2.149-1.77 3.897-3.945 3.897-.065 0-.127.01-.19.019z" fill="#fff" fill-rule="evenodd"/></svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="19px" height="19px" viewBox="0 0 19 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="searchButtonTitleID searchButtonDescID">
+  <title id="searchButtonTitleID">Search</title>
+  <desc id="searchButtonDescID">An illustration of a magnifying glass</desc>
+  <g stroke="none" stroke-width="1" fill="#fff" fill-rule="evenodd">
+    <path d="M18.4140875,16.661358 L12.573725,10.8930988 C13.363175,9.8171358 13.835325,8.4988642 13.835325,7.07081481 C13.835325,6.99762963 13.8251125,6.92749383 13.813475,6.85782716 C13.82535,6.78722222 13.8355625,6.71591358 13.8355625,6.64155556 C13.8355625,3.03859259 10.867525,0.107197531 7.219525,0.107197531 C7.1546875,0.107197531 7.092225,0.117283951 7.0297625,0.125962963 C6.966825,0.117283951 6.9048375,0.107197531 6.84,0.107197531 C3.1917625,0.107197531 0.223725,3.03859259 0.223725,6.64155556 C0.223725,6.71474074 0.2337,6.78487654 0.245575,6.85477778 C0.2334625,6.92538272 0.2234875,6.99645679 0.2234875,7.07081481 C0.2234875,10.6737778 3.1912875,13.6054074 6.839525,13.6054074 C6.9043625,13.6054074 6.9665875,13.595321 7.029525,13.5864074 C7.0919875,13.595321 7.153975,13.6054074 7.21905,13.6054074 C8.45595,13.6054074 9.6109125,13.262 10.6022375,12.6758148 L16.525725,18.5261728 C16.7867375,18.783963 17.1282625,18.9125062 17.470025,18.9125062 C17.8117875,18.9125062 18.1537875,18.7837284 18.414325,18.5261728 C18.9356375,18.0112963 18.9356375,17.1764691 18.4140875,16.661358 L18.4140875,16.661358 Z M7.029525,10.9866914 C6.9665875,10.9777778 6.9046,10.9676914 6.839525,10.9676914 C4.664025,10.9676914 2.894175,9.21969136 2.894175,7.07104938 C2.894175,6.9978642 2.8842,6.9277284 2.872325,6.85806173 C2.8844375,6.78745679 2.8944125,6.71614815 2.8944125,6.64179012 C2.8944125,4.49314815 4.6645,2.74514815 6.84,2.74514815 C6.9046,2.74514815 6.966825,2.7352963 7.0297625,2.72661728 C7.092225,2.7352963 7.15445,2.74514815 7.219525,2.74514815 C9.395025,2.74514815 11.164875,4.49314815 11.164875,6.64179012 C11.164875,6.71497531 11.1750875,6.78511111 11.186725,6.85501235 C11.17485,6.92561728 11.1644,6.99669136 11.1644,7.07104938 C11.1644,9.21969136 9.39455,10.9676914 7.21905,10.9676914 C7.153975,10.9676914 7.09175,10.9777778 7.029525,10.9866914 L7.029525,10.9866914 Z"></path>
+  </g>
+</svg>

package/BookReader/images/icon_share.svg

@@ -1 +1,9 @@
-<svg width="23" height="20" xmlns="http://www.w3.org/2000/svg" aria-labelledby="shareTitleID shareDescID"><g fill="#fff" fill-rule="evenodd"><path d="M2.325 19.425C1.043 19.425 0 18.33 0 16.98V4.065C0 2.717 1.043 1.62 2.325 1.62h12.947L9.438 4.093H2.326l.052 12.886 13.587-.028-.052-1.741 2.379-1.842v3.612c0 1.349-1.044 2.445-2.327 2.445H2.325z"/><path d="M15.86 9.336c-5.554-.036-9.704 3.229-9.704 3.229s.658-7.222 9.721-9.002V0l7.019 6.625-3.413 3.21-3.606 3.404-.017-3.903z"/></g></svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="23px" height="20px" viewBox="0 0 23 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="shareTitleID shareDescID">
+  <title id="shareTitleID">Share icon</title>
+  <desc id="shareDescID">Illustration of a square with an arrow arcing out of the square from its center</desc>
+  <g stroke="none" stroke-width="1" fill="#fff" fill-rule="evenodd">
+    <path d="M2.32531041,19.4251339 C1.04336742,19.4251339 0,18.328648 0,16.9798489 L0,4.06471403 C0,2.71660181 1.04336742,1.61988688 2.32531041,1.61988688 L15.2720416,1.61988688 L9.43770136,4.09310498 L2.32576833,4.09310498 L2.37751312,16.979391 L15.9648724,16.950771 L15.9128986,15.2097647 L18.2915566,13.3684742 L18.2915566,16.9796199 C18.2915566,18.328648 17.2481891,19.4251339 15.9648724,19.4251339 L2.32531041,19.4251339 Z"></path>
+    <path d="M15.860238,9.33581448 C10.3061439,9.29986787 6.15602805,12.5645982 6.15602805,12.5645982 C6.15602805,12.5645982 6.8135991,5.34322262 15.877181,3.56283529 L15.877181,0 L22.8959276,6.62470769 L19.4830606,9.83586154 L15.877181,13.2393412 L15.860238,9.33581448 Z"></path>
+  </g>
+</svg>

package/BookReader/images/icon_skip-ahead.svg

@@ -1 +1,6 @@
-<svg height="20" viewBox="-1 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M5.556 16.667H0V3.333h14.444" stroke="#333" stroke-width="2"/><path d="M14.444 0v6.667l4.445-3.334z" fill="#333"/></g></svg>
+<svg height="20" viewBox="-1 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
+<g fill="none" fill-rule="evenodd" transform="matrix(-1 0 0 1 19 0)">
+    <path d="m13.4444444 16.6666667h5.5555556v-13.33333337h-14.44444444" stroke="#333" stroke-width="2"/>
+    <path d="m4.55555556 0v6.66666667l-4.44444445-3.33333334z" fill="#333"/>
+</g>
+</svg>

package/BookReader/images/icon_skip-back.svg

@@ -1,2 +1,13 @@
-<svg width="20" height="20" viewBox="0 0 21 20" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path stroke="#333" stroke-width="2" d="M14.444 16.667H20V3.333H5.556"/><path fill="#333" d="M5.556 0v6.667L1.11 3.333z"/><text font-family="HelveticaNeue, Helvetica Neue" font-size="10" fill="#333">
-            </text></g></svg>
+<svg width="20" height="20" viewBox="0 0 21 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>icon/replay</title>
+    <desc>Created with Sketch.</desc>
+    <g id="icon/replay" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Replay-button">
+            <polyline id="Path" stroke="#333" stroke-width="2"
+                points="14.4444444 16.6666667 20 16.6666667 20 3.33333333 5.55555556 3.33333333" />
+            <polygon id="Path-2" fill="#333" points="5.55555556 0 5.55555556 6.66666667 1.11111111 3.33333333" /><text
+                id="10" font-family="HelveticaNeue, Helvetica Neue" font-size="10" font-weight="normal" fill="#333">
+            </text></g>
+    </g>
+</svg>

package/BookReader/images/icon_speaker.svg

@@ -1 +1,18 @@
-<svg width="17" height="23" xmlns="http://www.w3.org/2000/svg"><path d="M16.122.401a.814.814 0 0 0-.82.048L7.997 5.353H.794A.784.784 0 0 0 0 6.127v10.496c0 .427.355.774.794.774h7.214l7.31 4.661a.81.81 0 0 0 .813.034.772.772 0 0 0 .416-.681V1.086a.77.77 0 0 0-.425-.685z" fill="#245E83" fill-rule="evenodd"/></svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="17px" height="23px" viewBox="0 0 17 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 39 (31667) - http://www.bohemiancoding.com/sketch -->
+    <title>speaker</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="03" transform="translate(-15.000000, -288.000000)" fill="#245E83">
+            <g id="speaker" transform="translate(15.000000, 288.000000)">
+                <g id="Group">
+                    <g id="Shape">
+                        <path d="M16.1221904,0.401414309 C15.8607427,0.267908302 15.5456647,0.286688963 15.3022334,0.449182513 L7.99719973,5.35297657 L0.794398841,5.35297657 C0.355300747,5.35297657 0,5.69960226 0,6.12665817 L0,16.6225984 C0,17.0504708 0.355300747,17.3966882 0.794398841,17.3966882 L8.00767439,17.3966882 L15.3181549,22.0583751 C15.4497167,22.1420715 15.6009709,22.1849404 15.7530631,22.1849404 C15.882949,22.1849404 16.0124159,22.1543197 16.1305701,22.0918536 C16.387409,21.9563062 16.5470429,21.6946018 16.5470429,21.4108505 L16.5470429,1.08609191 C16.5470429,0.798666129 16.3836381,0.534920316 16.1221904,0.401414309 L16.1221904,0.401414309 Z"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/BookReader/images/icon_speaker_open.svg

@@ -1 +1,10 @@
-<svg width="28" height="23" xmlns="http://www.w3.org/2000/svg" aria-labelledby="speakerOpenTitleID speakerOpenDescID"><g fill="none" fill-rule="evenodd"><path d="M16.122.401a.814.814 0 0 0-.82.048L7.997 5.353H.794A.784.784 0 0 0 0 6.127v10.496c0 .427.355.774.794.774h7.214l7.31 4.661a.81.81 0 0 0 .813.034.772.772 0 0 0 .416-.681V1.086a.77.77 0 0 0-.425-.685z" fill="#fff"/><path d="M20.196 7.27s2.215 1.384 2.133 4.23c-.081 2.846-2.133 4.23-2.133 4.23M23.281 3.91s3.398 2.212 3.41 7.59c.012 5.378-3.41 7.59-3.41 7.59" stroke="#fff" stroke-width="2" stroke-linecap="square"/></g></svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="28px" height="23px" viewBox="0 0 28 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="speakerOpenTitleID speakerOpenDescID">
+  <title id="speakerOpenTitleID">Active speaker</title>
+  <desc id="speakerOpenDescID">An illustration of an audio speaker with two arcs denoting sound waves</desc>
+  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <path d="M16.1221904,0.401414309 C15.8607427,0.267908302 15.5456647,0.286688963 15.3022334,0.449182513 L7.99719973,5.35297657 L0.794398841,5.35297657 C0.355300747,5.35297657 0,5.69960226 0,6.12665817 L0,16.6225984 C0,17.0504708 0.355300747,17.3966882 0.794398841,17.3966882 L8.00767439,17.3966882 L15.3181549,22.0583751 C15.4497167,22.1420715 15.6009709,22.1849404 15.7530631,22.1849404 C15.882949,22.1849404 16.0124159,22.1543197 16.1305701,22.0918536 C16.387409,21.9563062 16.5470429,21.6946018 16.5470429,21.4108505 L16.5470429,1.08609191 C16.5470429,0.798666129 16.3836381,0.534920316 16.1221904,0.401414309 L16.1221904,0.401414309 Z" fill="#fff"></path>
+    <path d="M20.1955566,7.26973526 C20.1955566,7.26973526 22.4108887,8.65380859 22.3293457,11.5 C22.2478027,14.3461914 20.1955566,15.7302647 20.1955566,15.7302647" stroke="#fff" stroke-width="2" stroke-linecap="square"></path>
+    <path d="M23.2814092,3.91062597 C23.2814092,3.91062597 26.6790433,6.12194824 26.6912516,11.5 C26.7034599,16.8780518 23.2814092,19.089374 23.2814092,19.089374" stroke="#fff" stroke-width="2" stroke-linecap="square"></path>
+  </g>
+</svg>

package/BookReader/images/icon_thumbnails.svg

@@ -1 +1,12 @@
-<svg width="45" height="42" xmlns="http://www.w3.org/2000/svg" aria-labelledby="mobileThumbnailTitleID mobileThumbnailDescID"><g stroke-width="2" fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke="#fff"><rect width="15.61" height="15.238" rx="1"/><rect x="26.667" width="15.61" height="15.238" rx="1"/><rect y="24.762" width="15.61" height="15.238" rx="1"/><rect x="26.667" y="24.762" width="15.61" height="15.238" rx="1"/></g></svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="45px" height="42px" viewBox="0 0 45 42" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="mobileThumbnailTitleID mobileThumbnailDescID">
+    <!-- Generator: Sketch 39 (31667) - http://www.bohemiancoding.com/sketch -->
+  <title id="mobileThumbnailTitleID">Thumbnails</title>
+  <desc id="mobileThumbnailDescID">An illustration of a grid of two squares per row and two squares per column</desc>
+  <g stroke-width="2" fill="none" fill-rule="evenodd" transform="translate(1, 1)" stroke="#fff">
+    <rect x="0" y="0" width="15.6099421" height="15.2380952" rx="1"></rect>
+    <rect x="26.6666667" y="0" width="15.6099421" height="15.2380952" rx="1"></rect>
+    <rect x="0" y="24.7619048" width="15.6099421" height="15.2380952" rx="1"></rect>
+    <rect x="26.6666667" y="24.7619048" width="15.6099421" height="15.2380952" rx="1"></rect>
+  </g>
+</svg>

package/BookReader/images/icon_toc.svg

@@ -1 +1,5 @@
-<svg height="16" viewBox="0 0 24 16" width="16" xmlns="http://www.w3.org/2000/svg" aria-labelledby="tocTitleID tocDescID"><path d="M3.908 1.168v.764c0 .322-.102.597-.306.826-.203.228-.434.342-.691.342H1.038c-.272 0-.512-.114-.722-.342A1.18 1.18 0 0 1 0 1.932v-.764C0 .846.105.57.316.342.526.114.767 0 1.038 0h1.873c.258 0 .488.114.691.342.204.229.306.504.306.826zm20.092 0v.764c0 .31-.105.581-.316.816-.21.234-.444.352-.702.352H7.369a.923.923 0 0 1-.734-.332c-.19-.22-.285-.5-.285-.835v-.765c0-.321.095-.597.285-.825A.91.91 0 0 1 7.37.001h15.613c.258 0 .492.117.702.352.21.235.316.507.316.815zM3.908 7.608v.804c0 .309-.102.57-.306.785-.203.215-.434.322-.691.322H1.038a.983.983 0 0 1-.722-.322A1.084 1.084 0 0 1 0 8.412v-.805c0-.322.105-.603.316-.844.21-.242.451-.362.722-.362h1.873c.258 0 .488.12.691.362.204.24.306.522.306.844zm20.092 0v.804c0 .309-.105.57-.316.785-.21.215-.444.322-.702.322H7.369a.948.948 0 0 1-.734-.312c-.19-.208-.285-.473-.285-.795v-.805c0-.335.095-.62.285-.855A.901.901 0 0 1 7.37 6.4h15.613c.258 0 .492.12.702.362.21.241.316.523.316.845zm-20.092 6.48v.724c0 .336-.102.617-.306.846-.203.228-.434.342-.691.342H1.038c-.272 0-.512-.114-.722-.342S0 15.148 0 14.812v-.725c0-.348.105-.637.316-.865.21-.228.451-.342.722-.342h1.873c.258 0 .488.114.691.342.204.228.306.517.306.865zm20.092 0v.724a1.2 1.2 0 0 1-.316.846c-.21.228-.444.342-.702.342H7.369a.923.923 0 0 1-.734-.332c-.19-.22-.285-.506-.285-.855v-.725c0-.348.095-.637.285-.865a.91.91 0 0 1 .734-.342h15.613c.258 0 .492.117.702.352.21.234.316.52.316.855z" fill="#fff"/></svg>
+<svg height="16" viewBox="0 0 24 16" width="16" xmlns="http://www.w3.org/2000/svg" aria-labelledby="tocTitleID tocDescID">
+    <title id="tocTitleID">Table of Contents</title>
+    <desc id="tocDescID">An illustration of three text list items</desc>
+    <path d="m3.90825275 1.16756516v.76474185c0 .32190296-.10194138.5969729-.30582415.8252098-.20388276.22823691-.43445019.34235536-.69170227.34235536h-1.87272318c-.27164381 0-.51240537-.11411845-.72228469-.34235536-.20987932-.2282369-.3151188-.50330684-.31571846-.8252098v-.76474185c0-.32190296.10523949-.59697289.31571846-.8252098.21047898-.22823691.45124054-.34235536.72228469-.34235536h1.87272318c.25785174 0 .48841916.11411845.69170227.34235536.20328312.22823691.3052245.50330684.30582415.8252098zm20.09174725 0v.76474185c0 .30886085-.1052395.58067026-.3157185.81542822-.2104789.23475796-.4446443.35213694-.702496.35213694h-15.61322242c-.29862829 0-.54298779-.11056151-.73307848-.33168454-.1900907-.22112303-.28513605-.49945349-.28513605-.83499139v-.76474184c0-.32190296.09504535-.5969729.28513605-.8252098.19009069-.22823691.43445019-.34235537.73307848-.34235537h15.61322242c.2578517 0 .4920171.11737899.702496.35213695.210479.23475796.3157185.50656737.3157185.81542822zm-20.09174725 6.43983772v.8047574c0 .30886086-.10194138.57059227-.30582415.78519425-.20388276.21460197-.43445019.32190296-.69170227.32190296h-1.87272318c-.27164381 0-.51240537-.10730099-.72228469-.32190296-.20987932-.21460198-.3151188-.47633339-.31571846-.78519425v-.8047574c0-.32190296.10523949-.60349395.31571846-.84477297.21047898-.24127901.45124054-.36191852.72228469-.36191852h1.87272318c.25785174 0 .48841916.12063951.69170227.36191852.20328312.24127902.3052245.52287001.30582415.84477297zm20.09174725 0v.8047574c0 .30886086-.1052395.57059227-.3157185.78519425-.2104789.21460197-.4446443.32190296-.702496.32190296h-15.61322242c-.29862829 0-.54298779-.10404046-.73307848-.31212138-.1900907-.20808092-.28513605-.47307286-.28513605-.79497583v-.8047574c0-.3355379.09504535-.62068582.28513605-.85544378.19009069-.23475797.43445019-.35213695.73307848-.35213695h15.61322242c.2578517 0 .4920171.12063951.702496.36191853.210479.24127901.3157185.52287.3157185.84477296zm-20.09174725 6.47985332v.7247262c0 .3355379-.10194138.6174253-.30582415.8456622-.20388276.2282369-.43445019.3423554-.69170227.3423554h-1.87272318c-.27164381 0-.51240537-.1141185-.72228469-.3423554s-.3151188-.5101243-.31571846-.8456622v-.7247262c0-.34858.10523949-.6369885.31571846-.8652254.21047898-.2282369.45124054-.3423554.72228469-.3423554h1.87272318c.25785174 0 .48841916.1141185.69170227.3423554.20328312.2282369.3052245.5166454.30582415.8652254zm20.09174725 0v.7247262c0 .3355379-.1052395.6174253-.3157185.8456622-.2104789.2282369-.4446443.3423554-.702496.3423554h-15.61322242c-.29862829 0-.54298779-.1105615-.73307848-.3316845-.1900907-.2211231-.28513605-.506271-.28513605-.8554438v-.7247263c0-.34858.09504535-.6369885.28513605-.8652254.19009069-.2282369.43445019-.3423553.73307848-.3423553h15.61322242c.2578517 0 .4920171.1173789.702496.3521369.210479.234758.3157185.5199059.3157185.8554438z" fill="#fff"/>
+</svg>

package/BookReader/images/icon_two_pages.svg

@@ -1 +1,9 @@
-<svg width="58" height="43" xmlns="http://www.w3.org/2000/svg" aria-labelledby="mobile2upTitleID mobile2upDescID"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><rect stroke="#fff" stroke-width="2" width="56" height="40" rx="1"/><path fill="#fff" d="M27 0h2v40h-2z"/></g></svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="58px" height="43px" viewBox="0 0 58 43" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="mobile2upTitleID mobile2upDescID">
+  <title id="mobile2upTitleID">Two pages icon</title>
+  <desc id="mobile2upDescID">An illustration of two rectangles in a row representing an open book</desc>
+  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(1, 1)">
+    <rect stroke="#fff" stroke-width="2" x="0" y="0" width="56" height="40" rx="1"></rect>
+    <rect fill="#fff" x="27" y="0" width="2" height="40"></rect>
+  </g>
+</svg>

package/BookReader/images/marker_chap-off.svg

@@ -1 +1,11 @@
-<svg width="20" height="25" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M10 .5a9 9 0 0 1 9 9c0 6-9 15-9 15s-9-9-9-15a9 9 0 0 1 9-9z" stroke="#898989" fill="#FFF" fill-rule="nonzero"/><path d="M10 13.25a3.75 3.75 0 1 0 0-7.5 3.75 3.75 0 0 0 0 7.5z" fill="#898989"/></g></svg>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="25px" viewBox="0 0 20 25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch -->
+    <title>pin icon copy</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="pin-icon-copy" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M10,0.500000134 C14.9705627,0.500000134 18.9999999,4.5294373 19,9.5 C19,15.5 10,24.5 10,24.5 C10,24.5 1,15.5 1,9.5 C1.00000007,4.5294373 5.0294373,0.500000134 10,0.500000134 Z" id="pin" stroke="#898989" fill="#FFFFFF" fill-rule="nonzero"></path>
+        <path d="M10,13.25 C12.0710678,13.25 13.75,11.5710678 13.75,9.5 C13.75,7.42893219 12.0710678,5.75 10,5.75 C7.92893219,5.75 6.25,7.42893219 6.25,9.5 C6.25,11.5710678 7.92893219,13.25 10,13.25 Z" id="Path" fill="#898989"></path>
+    </g>
+</svg>

package/BookReader/images/marker_chap-on.svg

@@ -1 +1,11 @@
-<svg width="20" height="25" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M10 .5a9 9 0 0 1 9 9c0 6-9 15-9 15s-9-9-9-15a9 9 0 0 1 9-9z" stroke="#898989" fill="#B8B8B8" fill-rule="nonzero"/><path d="M10 13.25a3.75 3.75 0 1 0 0-7.5 3.75 3.75 0 0 0 0 7.5z" fill="#FFF"/></g></svg>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="25px" viewBox="0 0 20 25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch -->
+    <title>pin icon copy</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="pin-icon-copy" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M10,0.500000134 C14.9705627,0.500000134 18.9999999,4.5294373 19,9.5 C19,15.5 10,24.5 10,24.5 C10,24.5 1,15.5 1,9.5 C1.00000007,4.5294373 5.0294373,0.500000134 10,0.500000134 Z" id="pin" stroke="#898989" fill="#B8B8B8" fill-rule="nonzero"></path>
+        <path d="M10,13.25 C12.0710678,13.25 13.75,11.5710678 13.75,9.5 C13.75,7.42893219 12.0710678,5.75 10,5.75 C7.92893219,5.75 6.25,7.42893219 6.25,9.5 C6.25,11.5710678 7.92893219,13.25 10,13.25 Z" id="Path" fill="#FFFFFF"></path>
+    </g>
+</svg>

package/BookReader/images/marker_srch-on.svg

@@ -1 +1,11 @@
-<svg width="20" height="25" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M10 .5a9 9 0 0 1 9 9c0 6-9 15-9 15s-9-9-9-15a9 9 0 0 1 9-9z" stroke="#FFF" fill="#00F" fill-rule="nonzero"/><path d="M10 13.25a3.75 3.75 0 1 0 0-7.5 3.75 3.75 0 0 0 0 7.5z" fill="#FFF"/></g></svg>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="25px" viewBox="0 0 20 25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch -->
+    <title>pin icon</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="pin-icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M10,0.500000134 C14.9705627,0.500000134 18.9999999,4.5294373 19,9.5 C19,15.5 10,24.5 10,24.5 C10,24.5 1,15.5 1,9.5 C1.00000007,4.5294373 5.0294373,0.500000134 10,0.500000134 Z" id="pin" stroke="#FFFFFF" fill="#0000FF" fill-rule="nonzero"></path>
+        <path d="M10,13.25 C12.0710678,13.25 13.75,11.5710678 13.75,9.5 C13.75,7.42893219 12.0710678,5.75 10,5.75 C7.92893219,5.75 6.25,7.42893219 6.25,9.5 C6.25,11.5710678 7.92893219,13.25 10,13.25 Z" id="Path" fill="#FFFFFF"></path>
+    </g>
+</svg>

package/BookReader/jquery-1.10.1.js.LICENSE.txt

@@ -0,0 +1,24 @@
+/*!
+ * Sizzle CSS Selector Engine v2.2.0-pre
+ * http://sizzlejs.com/
+ *
+ * Copyright 2008, 2014 jQuery Foundation, Inc. and other contributors
+ * Released under the MIT license
+ * http://jquery.org/license
+ *
+ * Date: 2014-12-16
+ */
+
+/*!
+ * jQuery JavaScript Library v1.11.3
+ * http://jquery.com/
+ *
+ * Includes Sizzle.js
+ * http://sizzlejs.com/
+ *
+ * Copyright 2005, 2014 jQuery Foundation, Inc. and other contributors
+ * Released under the MIT license
+ * http://jquery.org/license
+ *
+ * Date: 2015-04-28T16:19Z
+ */

package/BookReader/plugins/plugin.tts.js.LICENSE.txt

@@ -0,0 +1,27 @@
+/*!
+ * jQuery Browser Plugin 0.1.0
+ * https://github.com/gabceb/jquery-browser-plugin
+ *
+ * Original jquery-browser code Copyright 2005, 2015 jQuery Foundation, Inc. and other contributors
+ * http://jquery.org/license
+ *
+ * Modifications Copyright 2015 Gabriel Cebrian
+ * https://github.com/gabceb
+ *
+ * Released under the MIT license
+ *
+ * Date: 05-07-2015
+ */
+
+/** @license
+ *
+ * SoundManager 2: JavaScript Sound for the Web
+ * ----------------------------------------------
+ * http://schillmania.com/projects/soundmanager2/
+ *
+ * Copyright (c) 2007, Scott Schiller. All rights reserved.
+ * Code provided under the BSD License:
+ * http://schillmania.com/projects/soundmanager2/license.txt
+ *
+ * V2.97a.20170601
+ */

package/BookReader/webcomponents-bundle.js.LICENSE.txt

@@ -0,0 +1,9 @@
+/**
+@license @nocompile
+Copyright (c) 2018 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+*/

package/BookReaderDemo/demo-internetarchive.html

@@ -88,7 +88,7 @@
     <h3>Placeholder div to allow scrolling</h3>
   </div>
 
-  <!-- Certain features, like Bookmarks, uses modal-manager to draw their interface -->
+  <!-- Certain features, like Bookmarks, use modal-manager to draw their interface -->
   <modal-manager></modal-manager>
   <script >
     // Set up demo things

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+# 5.0.0-31
+Fix: modal loads into dom from `<ia-bookreader>` @iisa
+
+# 5.0.0-30
+- `<ia-bookreader>` is top-most web component @iisa
+
 # 5.0.0-29
 - import ia-item-navigator for menu management @iisa
 - url plugin: suppress default state on load @dualcnhq

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@internetarchive/bookreader",
-  "version": "5.0.0-30-e",
+  "version": "5.0.0-32-shadydom1",
   "description": "The Internet Archive BookReader.",
   "repository": {
     "type": "git",
@@ -26,7 +26,7 @@
   "private": false,
   "dependencies": {
     "@internetarchive/ia-activity-indicator": "^0.0.1",
-    "@internetarchive/ia-item-navigator": "^0.0.4",
+    "@internetarchive/ia-item-navigator": "0.0.5-1",
     "@internetarchive/ia-menu-slider": "^1.1.1",
     "@internetarchive/ia-sharing-options": "^0.1.4",
     "@internetarchive/icon-bookmark": "^1.1.3",

package/src/BookNavigator/book-navigator.js

@@ -517,6 +517,7 @@ export class BookNavigator extends LitElement {
     slot > * {
       display: block;
       height: inherit;
+      width: inherit;
     }
     .cover-img {
       max-height: 300px;

package/src/ia-bookreader/ia-bookreader.js

@@ -59,7 +59,7 @@ export class IaBookReader extends LitElement {
       modalManager = document.createElement(
         'modal-manager'
       );
-      document.body.appendChild(this.modal);
+      document.body.appendChild(modalManager);
     }
 
     this.modal = modalManager;
@@ -105,7 +105,7 @@ export class IaBookReader extends LitElement {
 
   render() {
     return html`
-      <div class="ia-bookreader">
+      <div class="main-component">
         <ia-item-navigator
           ?viewportInFullscreen=${this.fullscreen}
           .basehost=${this.baseHost}
@@ -148,8 +148,6 @@ export class IaBookReader extends LitElement {
     return css`
       :host {
         display: block;
-        height: inherit;
-        min-height: inherit;
         --primaryBGColor: var(--black, #000);
         --secondaryBGColor: #222;
         --tertiaryBGColor: #333;
@@ -160,6 +158,8 @@ export class IaBookReader extends LitElement {
         --secondaryCTABorder: #999;
         --primaryErrorCTAFill: #e51c26;
         --primaryErrorCTABorder: #f8c6c8;
+        background-color: var(--primaryBGColor);
+        position: relative;
       }
 
       :host([fullscreen]),
@@ -170,20 +170,23 @@ export class IaBookReader extends LitElement {
         min-height: unset;
       }
 
-      div[slot="main"],
-      div[slot="main"] > * {
-        height: inherit;
+      .main-component {
+        height: 100%;
+        width: 100%;
+        min-height: inherit;
       }
 
-      slot {
-        display: block;
+      div[slot="main"] {
+        display: flex;
+        width: 100%;
       }
 
-      .ia-bookreader {
-        background-color: var(--primaryBGColor);
-        position: relative;
-        min-height: inherit;
-        height: inherit;
+      slot[name="main"] {
+        flex: 1;
+      }
+
+      slot {
+        display: block;
       }
 
       ia-item-navigator {

package/webpack.config.js

@@ -4,7 +4,7 @@ const webpack = require('webpack');
 
 /** @type {webpack.Configuration} */
 const shared = {
-  mode: 'development',
+  mode: 'production',
 
   watchOptions: {
     ignored: ['BookReader/**', 'node_modules/**', 'tests/**']