@internetarchive/bookreader 5.0.0-28 → 5.0.0-30-a

package/stat/assets/images/icon_thumbnails.svg

@@ -0,0 +1,12 @@
+<?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/stat/assets/images/icon_toc.svg

@@ -0,0 +1,5 @@
+<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/stat/assets/images/icon_two_pages.svg

@@ -0,0 +1,9 @@
+<?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/stat/assets/images/marker_chap-off.svg

@@ -0,0 +1,11 @@
+<?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/stat/assets/images/marker_chap-on.svg

@@ -0,0 +1,11 @@
+<?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/stat/assets/images/marker_srch-on.svg

@@ -0,0 +1,11 @@
+<?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/stat/css/BookReader.scss

@@ -0,0 +1,89 @@
+/* Variables */
+$brFontSizeBase: 14px;
+$brFontSizeLarger: 16px;
+$brFontSizeSmaller: 12px;
+$brFontFamily: "Helvetica Neue", Arial, Verdana, sans-serif;
+
+$brColorThemeblue: #0074D1;
+$brColorThemeBlue2: #4990E2;
+$brColorThemeBlue3: rgb(74,144,226);
+$brColorThemeBlueDarker: rgb(36,94,131);
+$brColorDarkGreyBg: #333;
+$brColorMainBg: black;
+
+$brColorBirdBook: #FEFDEB;
+$brColorPlaceholderBg: $brColorBirdBook;
+
+// "Controls" are the navbar and toolbar
+
+$brColorControlsLightBg: white;
+$brColorLightBorder: #979797;
+$brColorDarkBorder: #4D4D4D;
+
+$brNavHeightDesktop: 34px; //40px; //34px;
+$brNavHeightMobile: $brNavHeightDesktop;
+
+$brBreakPointMobile: 800px;
+$brBreakPointMid: 1050px;
+
+$brIconSpriteWidth: 40px;
+$brIconWidthDesktop: 34px;
+$brIconWidthMobile: 40px; //34px;
+
+$brZindexBase: 1;
+$brZindexPopup: 3000;
+$brZindexFullscreen: 2000;
+
+$gray13: #222;
+$gray20: #333;
+$gray40: #666;
+$gray80: #ccc;
+$white: #fff;
+$darkBlue: #272958;
+$mediumBlue: #428bca;
+$lightBlue: #adaedc;
+$controlsText: $white;
+$controlsBG: $gray20;
+$iconStroke: $white;
+$tooltipBG: $gray20;
+$activeButtonBG: $white;
+$controlsBorder: $gray13;
+$trackColor: $gray40;
+$trackFillColor: $gray80;
+$mobileMenuBG: #151515;
+
+$tooltipBG: $gray20;
+$tooltipText: $white;
+$searchMarkerBG: $mediumBlue;
+$searchResultText: $lightBlue;
+$searchResultBG: $darkBlue;
+
+@mixin brDarkControls {
+    background-color: $brColorDarkGreyBg;
+    color: white;
+    a { color: white; }
+}
+@mixin brLightControls {
+    background-color: $brColorControlsLightBg;
+    color: black;
+    a { color: black; }
+}
+
+// These are the main root elements in BookReader
+$brScope: ".BookReader, .BRmobileMenu, .BRfloat";
+
+@import 'colorbox';
+@import 'BRmain';
+@import 'BRpages';
+@import 'BRicon';
+@import 'BRfloat';
+@import 'BRnav';
+@import 'BRtoolbar';
+@import 'BRsearch';
+@import 'MobileNav';
+@import 'BRvendor';
+@import 'icons';
+@import 'controls';
+@import 'TextSelection';
+@import 'BRComponent';
+@import 'BRBookmarks';

package/stat/css/_BRBookmarks.scss

@@ -0,0 +1,29 @@
+/* BOOKMARKS - on page */
+.BRpagecontainer .bookmark-button {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 2;
+  opacity: 0;
+}
+.BRtwopageview .BRpagecontainer[data-side="L"] .bookmark-button {
+  right: auto;
+  left: 0;
+}
+
+.BRpagecontainer .bookmark-button.filled {
+  opacity: 1;
+}
+
+.BRpagecontainer .bookmark-button.default {
+  --iconFillColor: var(--defaultBookmarkColor, #eb3223);
+}
+.BRpagecontainer .bookmark-button.blue {
+  --iconFillColor: var(--blueBookmarkColor, #0023f5);
+}
+.BRpagecontainer .bookmark-button.red {
+  --iconFillColor: var(--redBookmarkColor,  #eb3223);
+}
+.BRpagecontainer .bookmark-button.green {
+  --iconFillColor: var(--greenBookmarkColor, #75ef4c);
+}

package/stat/css/_BRComponent.scss

@@ -0,0 +1,13 @@
+/**
+ * Hide modal-manager that loads item-navigator-modal 
+ * loading bookmarks related alert messages 
+ */
+modal-manager[mode="closed"] {
+  display: none
+}
+
+.BRpagecontainer {
+  --iconWidth: 16px;
+  --iconHeight: 24px;
+  --iconFillColor: #000;
+}

package/stat/css/_BRfloat.scss

@@ -0,0 +1,197 @@
+/**
+ * BRfloat is the modal popup used in bookreader
+ */
+.BRfloat {
+  color: rgb(52,52,52);;
+}
+.BRfloat a.title {
+  text-decoration: none;
+}
+
+.BRfloat .floatShut {
+  position:absolute;
+  top: 4px;
+  right: 8px;
+  display:block;
+  width:32px;
+  height:32px;
+  border: none;
+  background-color: transparent;
+  background-image:url("images/icon_close-pop.png");
+  background-position:0 0;
+  background-repeat:no-repeat;
+}
+.BRfloat .floatShut:hover {
+  background-position:0 -32px;
+}
+.BRfloat fieldset {
+  padding: 10px 15px;
+  border: none;
+}
+.BRfloat fieldset.sub {
+  margin-top: 0px;
+  padding: 10px;
+}
+.BRfloat fieldset.center {
+  text-align: center;
+  padding: 10px 20px 30px;
+}
+.BRfloat label {
+  display: block;
+  font-weight: 700;
+  font-size: 1em;
+  margin: 5px 0;
+}
+.BRfloat label.sub {
+  display: inline;
+  padding: 10px 30px 10px 0;
+  font-weight: normal;
+  font-size: 1em;
+  color: #666;
+}
+.BRfloat input[type=text],
+.BRfloat textarea {
+  display: block;
+  margin-top: 10px;
+  width: 100%;
+  padding: 3px;
+  border: 2px inset;
+  font-family: "Lucida Grande", "Verdana", "Arial", sans-serif;
+  font-size: .8em;
+  line-height: 1.25;
+  font-weight: normal;
+}
+.BRfloat textarea {
+  height: 55px;
+}
+
+.BRfloat p {
+  margin: 15px 15px 0;
+}
+.BRfloat p.meta {
+  font-size: 1.1em;
+  color: #748d36;
+  margin: 10px 0 0;
+}
+
+.BRfloatCover {
+  float: left;
+  padding: 0 20px 30px 0;
+}
+
+.BRfloatHead {
+  font-size: 1.2em;
+}
+.BRfloatHead h2 {
+  display: inline;
+  font-size: 1.3em;
+}
+.BRfloatMeta p {
+  margin: 0;
+  padding: 0;
+  font-size: 1.1em;
+  line-height: 1.5em;
+}
+.BRfloatMeta p.moreInfo {
+  line-height: 15px;
+  margin-top: 30px;
+}
+.BRfloatMeta p.moreInfo span {
+  background: url("images/icon_OL-logo-xs.png") no-repeat;
+  display: block;
+  float: left;
+  width: 26px;
+  height: 15px;
+}
+.BRfloatMeta h3 {
+  font-size: 1.1em;
+  font-weight: 700;
+  line-height: 1.5em;
+  margin-top: 30px;
+  color: #333;
+}
+.BRfloatMeta ul.links {
+  float: left;
+  clear: right;
+}
+.BRfloatMeta ul.links li {
+  list-style-type: none;
+  display: block;
+  float: left;
+  font-size: 1.1em;
+  line-height: 1.5em;
+}
+.BRfloatMeta ul.links li span {
+  padding: 0 10px;
+}
+.BRfloatFoot a.problem, a.problem-icon {
+  background: url("images/icon_alert-xs.png") no-repeat;
+  padding-left: 20px;
+}
+
+.BRfloatHead,
+.BRfloatBody {
+  width: 100%;
+  box-sizing: border-box;
+  text-align: center;
+}
+
+
+/* Desktop Only */
+@media (min-width: ($brBreakPointMobile + 1)) {
+  .BRfloat .message,
+  .BRfloatBody {
+      padding: 10px 15px 10px 15px;
+      font-size: $brFontSizeLarger;
+      line-height: normal;
+      margin-top: 0;
+      margin-bottom: 0px;
+  }
+  .BRfloatHead {
+      box-sizing: border-box;
+      line-height: normal;
+      padding: 10px;
+      font-size: $brFontSizeLarger;
+      font-weight: 700;
+      text-align: center;
+      border-bottom:1px solid rgb(216,216,216);
+  }
+  .BRfloatFoot {
+    padding: 10px;
+    margin-bottom: 10px;
+  }
+}
+
+
+/* Mobile Only (with some responsiveness) */
+@media (max-width: $brBreakPointMobile) {
+  .BRfloatBody, { padding: 10px 10px; }
+  .BRfloat .message,
+  .BRfloatBody,
+  .BRfloatHead, {
+      box-sizing: border-box;
+      line-height: normal;
+      border-bottom:1px solid rgb(216,216,216);
+      padding: 10px;
+      min-height: initial;
+      font-size: $brFontSizeBase;
+      font-weight: 700;
+      text-align: center;
+  }
+  .BRfloatFoot {
+    padding: 10px 10px 0 10px;
+    border-top: 1px solid #ccc;
+  }
+  .BRfloatFoot .BRaction { margin-bottom: 10px; }
+}
+
+@media (min-width: ($brBreakPointMobile + 1)) {
+  .BRfloat { max-width: initial; width:455px; }
+  .BRfloat.wide { max-width: initial; width:555px; }
+}
+@media (max-width: $brBreakPointMobile) and (min-width: 341px) {
+  .BRfloat { max-width: initial; width:340px; }
+}
+@media (max-width: 340px) {
+  .BRfloat { max-width: 95%; width:95%; }
+}

package/stat/css/_BRicon.scss

@@ -0,0 +1,48 @@
+@mixin sprite-offet($index) {
+  width: $brIconWidthDesktop;
+  height: $brIconWidthDesktop;
+  background-position: (-1 * $index) * $brIconSpriteWidth - (($brIconSpriteWidth - $brIconWidthDesktop) * .5) center;
+
+  @media (max-width: $brBreakPointMobile) {
+    width: $brIconWidthMobile;
+    height: $brIconWidthMobile;
+    background-position: (-1 * $index) * $brIconSpriteWidth - (($brIconSpriteWidth - $brIconWidthMobile) * .5) center;
+  }
+}
+
+.BRToolbarButton, .BRicon {
+  position: relative;
+  transition-duration: .2s;
+  transition-property: background-color, border;
+  &:hover {
+    background-color: rgba(50,50,50,.2);
+  }
+  &:active {
+    background-color: rgba(255,255,255,.2);
+    background-color: rgba(50,50,50,.4);
+  }
+}
+
+.BRicon {
+  padding: 0;
+  margin: 0;
+  vertical-align: middle;
+  border: none;
+  cursor: pointer;
+  background-color: transparent;
+  background-image: url(images/BRicons.svg);
+  background-repeat: no-repeat;
+}
+i.BRicon { display: inline-block; }
+.BRicon.logo { @include sprite-offet(0); }
+.BRicon.info { @include sprite-offet(1); }
+.BRicon.share { @include sprite-offet(3); }
+// We can only transition these because they are adjacent
+.BRicon.read { @include sprite-offet(5); transition-property: background-color, border, background-position; }
+.BRicon.unread { @include sprite-offet(7); transition-property: background-color, border, background-position; }
+.BRicon.fit { @include sprite-offet(9); }
+.BRicon.download { @include sprite-offet(38); }
+.BRicon.return { @include sprite-offet(26); }
+.BRicon.fb { @include sprite-offet(40); }
+.BRicon.twitter { @include sprite-offet(41); }
+.BRicon.email { @include sprite-offet(42); }