@canopycanopycanopy/b-ber-reader-react 1.2.13-react-reader.20 → 1.2.13-react-reader.31

package/dist/styles.css

@@ -1 +1 @@
-@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(./fonts/MaterialIcons-Regular.eot?#iefix) format("embedded-opentype"),local("Material Icons"),local("MaterialIcons-Regular"),url(./fonts/MaterialIcons-Regular.woff2) format("woff2"),url(./fonts/MaterialIcons-Regular.woff) format("woff"),url(./fonts/MaterialIcons-Regular.ttf) format("truetype")}@-webkit-keyframes pulse{0%{transform:scale(0)}to{transform:scale(1);opacity:0}}@keyframes pulse{0%{transform:scale(0)}to{transform:scale(1);opacity:0}}@-webkit-keyframes nav__button__downloads__shadow{5%{text-shadow:0 0 5px #6969fc}35%{text-shadow:0 5px 10px rgba(105,105,252,.5)}to{text-shadow:0 10px 30px rgba(105,105,252,0)}}@keyframes nav__button__downloads__shadow{5%{text-shadow:0 0 5px #6969fc}35%{text-shadow:0 5px 10px rgba(105,105,252,.5)}to{text-shadow:0 10px 30px rgba(105,105,252,0)}}@-webkit-keyframes nav__button__downloads__color{0%{color:#222}25%{color:#5050c5}to{color:#222}}@keyframes nav__button__downloads__color{0%{color:#222}25%{color:#5050c5}to{color:#222}}*{margin:0;padding:0;touch-action:manipulation}body{-webkit-text-size-adjust:none}ol,ul{list-style:none}a,button{cursor:pointer}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;display:block;outline:none}.footnote__body{visibility:visible;display:block;background:#fff;padding-left:1.5em;padding-right:1.5em;position:absolute;font-size:14px;line-height:1.6;z-index:1000}.footnote__body.footnote__body--hidden{visibility:hidden}.footnote__content--count{padding-right:10px}.material-icons{display:inline-block;font-family:Material Icons;font-weight:400;font-style:normal;font-size:20px;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}#layout{transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}.controls,.controls *{box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.controls__header{border-bottom:1px solid #d3d3d3;z-index:1;position:fixed;top:0;left:0;right:0;background:#fff;height:35px;opacity:1!important}.controls__header nav ul{display:flex;flex-direction:row;align-items:center;justify-content:center;height:35px;padding:0 10px}.controls__header nav ul li{display:flex;min-width:25px}.controls__header nav ul li:nth-child(2){flex:1}.controls__header nav ul li:nth-child(3){display:none}.controls__header nav ul li .nav__button{transition:color .1s ease;padding:0 5px}.controls__header nav ul li .nav__button:hover{color:#5050c5}.controls__header nav ul li .nav__button.nav__button__downloads{color:#222;-webkit-animation:nav__button__downloads__shadow 2.5s infinite,nav__button__downloads__color 2.5s infinite;animation:nav__button__downloads__shadow 2.5s infinite,nav__button__downloads__color 2.5s infinite}.controls__header nav ul li .nav__button.nav__button__downloads:hover{-webkit-animation:none;animation:none;color:#5050c5}.controls__sidebar{z-index:1;font-family:Georgia,Iowan,Times,serif;font-weight:400;font-size:14px}.controls__sidebar dl li a,.controls__sidebar dl li button,.controls__sidebar ol li a,.controls__sidebar ol li button,.controls__sidebar ul li a,.controls__sidebar ul li button{border-bottom:1px solid #d3d3d3;text-align:left;display:block;width:100%;padding:23.5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-family:Georgia,Iowan,Times,serif}.controls__sidebar dl li a:hover,.controls__sidebar dl li button:hover,.controls__sidebar ol li a:hover,.controls__sidebar ol li button:hover,.controls__sidebar ul li a:hover,.controls__sidebar ul li button:hover{transition:color .1s ease;color:#5050c5}.controls__sidebar dl li a.material-icons,.controls__sidebar dl li button.material-icons,.controls__sidebar ol li a.material-icons,.controls__sidebar ol li button.material-icons,.controls__sidebar ul li a.material-icons,.controls__sidebar ul li button.material-icons{font-family:Material Icons;text-align:right;font-size:20px}.controls__sidebar dl li a.chapter--current,.controls__sidebar dl li button.chapter--current,.controls__sidebar ol li a.chapter--current,.controls__sidebar ol li button.chapter--current,.controls__sidebar ul li a.chapter--current,.controls__sidebar ul li button.chapter--current{font-weight:700}.controls__sidebar dl li a.indent--1,.controls__sidebar dl li button.indent--1,.controls__sidebar ol li a.indent--1,.controls__sidebar ol li button.indent--1,.controls__sidebar ul li a.indent--1,.controls__sidebar ul li button.indent--1{text-indent:0}.controls__sidebar dl li a.indent--2,.controls__sidebar dl li button.indent--2,.controls__sidebar ol li a.indent--2,.controls__sidebar ol li button.indent--2,.controls__sidebar ul li a.indent--2,.controls__sidebar ul li button.indent--2{text-indent:17.5px}.controls__sidebar dl li a.indent--3,.controls__sidebar dl li button.indent--3,.controls__sidebar ol li a.indent--3,.controls__sidebar ol li button.indent--3,.controls__sidebar ul li a.indent--3,.controls__sidebar ul li button.indent--3{text-indent:35px}.controls__sidebar dl li a.indent--4,.controls__sidebar dl li button.indent--4,.controls__sidebar ol li a.indent--4,.controls__sidebar ol li button.indent--4,.controls__sidebar ul li a.indent--4,.controls__sidebar ul li button.indent--4{text-indent:52.5px}.controls__sidebar dl li a.indent--5,.controls__sidebar dl li button.indent--5,.controls__sidebar ol li a.indent--5,.controls__sidebar ol li button.indent--5,.controls__sidebar ul li a.indent--5,.controls__sidebar ul li button.indent--5{text-indent:70px}.controls__sidebar dl li a.indent--6,.controls__sidebar dl li button.indent--6,.controls__sidebar ol li a.indent--6,.controls__sidebar ol li button.indent--6,.controls__sidebar ul li a.indent--6,.controls__sidebar ul li button.indent--6{text-indent:87.5px}.controls__sidebar dl li a.indent--7,.controls__sidebar dl li button.indent--7,.controls__sidebar ol li a.indent--7,.controls__sidebar ol li button.indent--7,.controls__sidebar ul li a.indent--7,.controls__sidebar ul li button.indent--7{text-indent:105px}.controls__sidebar dl li a.indent--8,.controls__sidebar dl li button.indent--8,.controls__sidebar ol li a.indent--8,.controls__sidebar ol li button.indent--8,.controls__sidebar ul li a.indent--8,.controls__sidebar ul li button.indent--8{text-indent:122.5px}.controls__sidebar dl li a.indent--9,.controls__sidebar dl li button.indent--9,.controls__sidebar ol li a.indent--9,.controls__sidebar ol li button.indent--9,.controls__sidebar ul li a.indent--9,.controls__sidebar ul li button.indent--9{text-indent:140px}.controls__sidebar dl li a.indent--10,.controls__sidebar dl li button.indent--10,.controls__sidebar ol li a.indent--10,.controls__sidebar ol li button.indent--10,.controls__sidebar ul li a.indent--10,.controls__sidebar ul li button.indent--10{text-indent:157.5px}.controls__sidebar dl li dl a,.controls__sidebar dl li li a,.controls__sidebar dl li ol a,.controls__sidebar ol li dl a,.controls__sidebar ol li li a,.controls__sidebar ol li ol a,.controls__sidebar ul li dl a,.controls__sidebar ul li li a,.controls__sidebar ul li ol a{text-indent:47px}.controls__sidebar dl dt,.controls__sidebar ol dt,.controls__sidebar ul dt{padding:23.5px 0 0 17.5px;text-transform:capitalize}.controls__sidebar dl dd,.controls__sidebar ol dd,.controls__sidebar ul dd{border-bottom:1px solid #d3d3d3;padding:5px 17.5px 23.5px}.controls__sidebar dl dt a,.controls__sidebar dl li a,.controls__sidebar ol dt a,.controls__sidebar ol li a,.controls__sidebar ul dt a,.controls__sidebar ul li a{transition:color .1s ease;text-decoration:none;color:#222}.controls__sidebar dl dt a:hover,.controls__sidebar dl li a:hover,.controls__sidebar ol dt a:hover,.controls__sidebar ol li a:hover,.controls__sidebar ul dt a:hover,.controls__sidebar ul li a:hover{color:#5050c5}.controls__sidebar__chapters{transition:transform .1s ease,.3s ease .1s;border-right:1px solid #d3d3d3;position:fixed;z-index:2;top:35px;height:calc(100vh - 35px);width:350px;background:#fff;transform:translateX(-100%);overflow:auto;-webkit-overflow-scrolling:touch}@media screen and (max-width:414px){.controls__sidebar__chapters{width:100%!important}}.controls__sidebar__chapters.controls__sidebar__chapters--open{transform:translateX(0)}.controls__sidebar__downloads,.controls__sidebar__metadata,.controls__sidebar__settings{transition:transform .1s ease,.3s ease .1s;border-left:1px solid #d3d3d3;position:fixed;z-index:2;top:35px;right:0;height:100vh;background:#fff;width:350px;transform:translateX(100%);overflow:auto;-webkit-overflow-scrolling:touch}@media screen and (max-width:414px){.controls__sidebar__downloads,.controls__sidebar__metadata,.controls__sidebar__settings{width:100%!important}}.controls__sidebar__downloads.controls__sidebar__downloads--open,.controls__sidebar__downloads.controls__sidebar__metadata--open,.controls__sidebar__downloads.controls__sidebar__settings--open,.controls__sidebar__metadata.controls__sidebar__downloads--open,.controls__sidebar__metadata.controls__sidebar__metadata--open,.controls__sidebar__metadata.controls__sidebar__settings--open,.controls__sidebar__settings.controls__sidebar__downloads--open,.controls__sidebar__settings.controls__sidebar__metadata--open,.controls__sidebar__settings.controls__sidebar__settings--open{transform:translateX(0)}.controls__sidebar__downloads.controls__sidebar__downloads--open label,.controls__sidebar__downloads.controls__sidebar__metadata--open label,.controls__sidebar__downloads.controls__sidebar__settings--open label,.controls__sidebar__metadata.controls__sidebar__downloads--open label,.controls__sidebar__metadata.controls__sidebar__metadata--open label,.controls__sidebar__metadata.controls__sidebar__settings--open label,.controls__sidebar__settings.controls__sidebar__downloads--open label,.controls__sidebar__settings.controls__sidebar__metadata--open label,.controls__sidebar__settings.controls__sidebar__settings--open label{font-weight:700}.controls__sidebar__downloads.controls__sidebar__downloads--open .settings__item__button-group,.controls__sidebar__downloads.controls__sidebar__metadata--open .settings__item__button-group,.controls__sidebar__downloads.controls__sidebar__settings--open .settings__item__button-group,.controls__sidebar__metadata.controls__sidebar__downloads--open .settings__item__button-group,.controls__sidebar__metadata.controls__sidebar__metadata--open .settings__item__button-group,.controls__sidebar__metadata.controls__sidebar__settings--open .settings__item__button-group,.controls__sidebar__settings.controls__sidebar__downloads--open .settings__item__button-group,.controls__sidebar__settings.controls__sidebar__metadata--open .settings__item__button-group,.controls__sidebar__settings.controls__sidebar__settings--open .settings__item__button-group{margin:10px 0}.controls__sidebar__downloads.controls__sidebar__downloads--open .settings__item__button-group .grid__input,.controls__sidebar__downloads.controls__sidebar__metadata--open .settings__item__button-group .grid__input,.controls__sidebar__downloads.controls__sidebar__settings--open .settings__item__button-group .grid__input,.controls__sidebar__metadata.controls__sidebar__downloads--open .settings__item__button-group .grid__input,.controls__sidebar__metadata.controls__sidebar__metadata--open .settings__item__button-group .grid__input,.controls__sidebar__metadata.controls__sidebar__settings--open .settings__item__button-group .grid__input,.controls__sidebar__settings.controls__sidebar__downloads--open .settings__item__button-group .grid__input,.controls__sidebar__settings.controls__sidebar__metadata--open .settings__item__button-group .grid__input,.controls__sidebar__settings.controls__sidebar__settings--open .settings__item__button-group .grid__input{border:1px solid #d3d3d3;display:inline-block;margin-left:5px;padding:2px}.controls__sidebar__downloads.controls__sidebar__downloads--open .settings__item__button-group .grid__input:hover,.controls__sidebar__downloads.controls__sidebar__metadata--open .settings__item__button-group .grid__input:hover,.controls__sidebar__downloads.controls__sidebar__settings--open .settings__item__button-group .grid__input:hover,.controls__sidebar__metadata.controls__sidebar__downloads--open .settings__item__button-group .grid__input:hover,.controls__sidebar__metadata.controls__sidebar__metadata--open .settings__item__button-group .grid__input:hover,.controls__sidebar__metadata.controls__sidebar__settings--open .settings__item__button-group .grid__input:hover,.controls__sidebar__settings.controls__sidebar__downloads--open .settings__item__button-group .grid__input:hover,.controls__sidebar__settings.controls__sidebar__metadata--open .settings__item__button-group .grid__input:hover,.controls__sidebar__settings.controls__sidebar__settings--open .settings__item__button-group .grid__input:hover{border:1px solid #222;background:#d3d3d3}.controls__sidebar__downloads{height:auto!important;padding-bottom:0!important}.controls__sidebar__downloads ul li{display:flex}.controls__sidebar__downloads li{position:relative}.controls__sidebar__downloads button{padding-right:17.5px;position:absolute;top:0;right:0;bottom:0}.controls__sidebar__downloads a{position:relative;z-index:1}.controls__sidebar__downloads a:hover+button{color:#5050c5}.controls__sidebar__downloads .downloads__description,.controls__sidebar__downloads .downloads__title{display:block}.controls__sidebar__downloads .downloads__description{display:block;font-size:.7rem;font-style:italic;padding-top:6px}.controls__footer{z-index:1;position:fixed;left:0;right:0;bottom:0;background:transparent;height:60px;opacity:1!important}@media screen and (max-width:768px){.controls__footer{background:#fff}}.controls__footer nav ul{display:flex;flex-direction:row;align-items:center;justify-content:center;height:60px;padding:0 10px}.controls__footer nav ul li{display:flex}.controls__footer nav ul li:nth-child(2){flex:1}.controls__footer nav ul li:nth-child(2) button,.controls__footer nav ul li:nth-child(3) button{font-size:2em}.controls__footer nav ul li .nav__button{transition:color .1s ease;padding:0 5px}.controls__footer nav ul li .nav__button:hover{color:#5050c5}.spinner{width:100vw;height:100vh;position:fixed;display:none;background:#fff}.spinner--visible{display:block}.spinner__detail{position:absolute;top:calc(50% - 20px);left:calc(50% - 20px);width:40px;height:40px;margin:0;padding:0;background-color:#222;border-radius:100%;-webkit-animation:pulse 1s ease-in-out infinite;animation:pulse 1s ease-in-out infinite}.leaf{transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:fixed;top:0;height:100vh;z-index:10;background-color:#fff}.leaf.leaf--left{left:0}.leaf.leaf--right{right:0}.grid__debug{position:fixed;top:0;left:0;height:100vh;width:100%;pointer-events:none}.grid__debug .grid__debug__line{background-color:#6495ed;opacity:.4;position:absolute;top:0;bottom:0;width:1px;color:#fff;padding-top:50px;text-align:center}@media print{.controls__footer,.controls__header,.leaf{display:none!important}#frame{position:static!important;overflow:visible!important}#frame #layout{transform:none!important;height:auto!important;width:auto!important;-moz-columns:unset!important;columns:unset!important}}[data-vimeo-initialized]{overflow:unset!important}.poster--vimeo{transition:opacity .1s ease,.2s ease .1s;z-index:1!important;opacity:0}.poster--vimeo.controls{pointer-events:none}.poster--vimeo.visible{pointer-events:auto!important;opacity:1}.media__controls{display:flex;align-items:center;font-size:.8rem;font-family:Arial,Helvetica,sans-serif;border:1px solid #272727;border-radius:6px;padding:9px 3px 9px 12px}.media__controls a,.media__controls button,.media__controls input:not([type=range]){padding-right:12px}.media__controls .media__time{display:flex;padding:0 12px 0 0;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.media__controls a,.media__controls button{text-decoration:none!important;transition:color .2s ease}.media__controls a.hover,.media__controls a:hover,.media__controls button.hover,.media__controls button:hover{color:#5050c5!important}.media__controls+.caption__audio{margin-top:.5rem}.slider__volume{width:0;flex-grow:0;overflow:hidden;transition:flex-grow .2s ease}.slider__volume.open{overflow:visible;flex-grow:1}.media__slider{flex:1;display:flex;align-items:center;position:relative;font:1em/1 arial,sans-serif;margin:6px 15px 6px 3px}input[type=range]{flex:1;margin:0;padding:0;min-height:12px;background:transparent;font:inherit;outline:none;width:100%;max-width:100%}input[type=range],input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}input[type=range]::-webkit-slider-runnable-track{box-sizing:border-box;border:none;width:100%;height:2px;background:#d7d7d7}input[type=range]::-moz-range-track{box-sizing:border-box;border:none;width:100%;height:2px;background:#d7d7d7}input[type=range]::-ms-track{box-sizing:border-box;border:none;width:100%;height:2px;background:#d7d7d7}input[type=range]::-webkit-slider-thumb{margin-top:-5px;box-sizing:border-box;position:relative;z-index:1;border:none;width:12px;height:12px;border-radius:50%;background-color:#272727;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}input[type=range]::-webkit-slider-thumb:hover{background-color:#5050c5}input[type=range]::-moz-range-thumb{box-sizing:border-box;position:relative;z-index:1;border:none;width:12px;height:12px;border-radius:50%;background-color:#272727;-moz-transition:background-color .2s ease;transition:background-color .2s ease}input[type=range]::-moz-range-thumb:hover{background-color:#5050c5}input[type=range]::-ms-thumb{margin-top:0;box-sizing:border-box;position:relative;z-index:1;border:none;width:12px;height:12px;border-radius:50%;background-color:#272727;-ms-transition:background-color .2s ease;transition:background-color .2s ease}input[type=range]::-ms-thumb:hover{background-color:#5050c5}input[type=range]::-ms-tooltip{display:none}.media__slider--before{background:#222;height:2px;position:absolute;left:0;z-index:0;pointer-events:none}.media__stacked{width:100%;display:flex;flex-wrap:wrap}.media__stacked .media__stacked__row{display:flex;flex:1 0 100%;align-items:center;padding-right:6px}.media__stacked .media__stacked__separator{position:relative;width:calc(100% + 10px);margin-left:-13px;margin-top:9px;margin-bottom:9px}.media__stacked .media__stacked__separator .media__stacked__separator--line{width:calc(100% + 7px);background:#222;height:1px}.button__media__playback-rate{position:relative;top:1px;font-size:.7rem;font-weight:700;font-variation-settings:"wght" 700;letter-spacing:.035em;width:33px}.times__media__playback-rate{position:relative;top:1px}.media__button__pause,.media__button__play{font-size:24px}.media__button__file_download,.media__button__volume_up{font-size:17px}.media__button__file_download{position:relative;top:1px}.media__button__forward_30,.media__button__replay_30{font-size:18px}:-moz-ui-invalid{box-shadow:none}img{opacity:.4!important}
+@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(./fonts/MaterialIcons-Regular.eot?#iefix) format("embedded-opentype"),local("Material Icons"),local("MaterialIcons-Regular"),url(./fonts/MaterialIcons-Regular.woff2) format("woff2"),url(./fonts/MaterialIcons-Regular.woff) format("woff"),url(./fonts/MaterialIcons-Regular.ttf) format("truetype")}@-webkit-keyframes pulse{0%{transform:scale(0)}to{transform:scale(1);opacity:0}}@keyframes pulse{0%{transform:scale(0)}to{transform:scale(1);opacity:0}}@-webkit-keyframes nav__button__downloads__shadow{5%{text-shadow:0 0 5px #6969fc}35%{text-shadow:0 5px 10px rgba(105,105,252,.5)}to{text-shadow:0 10px 30px rgba(105,105,252,0)}}@keyframes nav__button__downloads__shadow{5%{text-shadow:0 0 5px #6969fc}35%{text-shadow:0 5px 10px rgba(105,105,252,.5)}to{text-shadow:0 10px 30px rgba(105,105,252,0)}}@-webkit-keyframes nav__button__downloads__color{0%{color:#222}25%{color:#5050c5}to{color:#222}}@keyframes nav__button__downloads__color{0%{color:#222}25%{color:#5050c5}to{color:#222}}.footnote__body{visibility:visible;display:block;background:#fff;padding-left:1.5em;padding-right:1.5em;position:absolute;font-size:14px;line-height:1.6;z-index:1000}.footnote__body.footnote__body--hidden{visibility:hidden}.footnote__content--count{padding-right:10px}.material-icons{display:inline-block;font-family:Material Icons;font-weight:400;font-style:normal;font-size:20px;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}#layout{transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}.bber-controls ol,.bber-controls ul{list-style:none}.bber-controls a,.bber-controls button{cursor:pointer}.bber-controls button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;display:block;outline:none}.bber-controls,.bber-controls *{margin:0;padding:0;touch-action:manipulation;box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bber-controls__header{border-bottom:1px solid #d3d3d3;z-index:1;position:fixed;top:0;left:0;right:0;background:#fff;height:35px;opacity:1!important}.bber-controls__header nav ul{display:flex;flex-direction:row;align-items:center;justify-content:center;height:35px;padding:0 10px}.bber-controls__header nav ul li{display:flex;min-width:25px}.bber-controls__header nav ul li:nth-child(2){flex:1}.bber-controls__header nav ul li:nth-child(3){display:none}.bber-controls__header nav ul li .bber-nav__button{transition:color .1s ease;padding:0 5px}.bber-controls__header nav ul li .bber-nav__button:hover{color:#5050c5}.bber-controls__header nav ul li .bber-nav__button.bber-nav__button__downloads{color:#222;-webkit-animation:nav__button__downloads__shadow 2.5s infinite,nav__button__downloads__color 2.5s infinite;animation:nav__button__downloads__shadow 2.5s infinite,nav__button__downloads__color 2.5s infinite}.bber-controls__header nav ul li .bber-nav__button.bber-nav__button__downloads:hover{-webkit-animation:none;animation:none;color:#5050c5}.bber-controls__sidebar{z-index:1;font-family:Georgia,Iowan,Times,serif;font-weight:400;font-size:14px}.bber-controls__sidebar dl li a,.bber-controls__sidebar dl li button,.bber-controls__sidebar ol li a,.bber-controls__sidebar ol li button,.bber-controls__sidebar ul li a,.bber-controls__sidebar ul li button{border-bottom:1px solid #d3d3d3;text-align:left;display:block;width:100%;padding:23.5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-family:Georgia,Iowan,Times,serif}.bber-controls__sidebar dl li a:hover,.bber-controls__sidebar dl li button:hover,.bber-controls__sidebar ol li a:hover,.bber-controls__sidebar ol li button:hover,.bber-controls__sidebar ul li a:hover,.bber-controls__sidebar ul li button:hover{transition:color .1s ease;color:#5050c5}.bber-controls__sidebar dl li a.material-icons,.bber-controls__sidebar dl li button.material-icons,.bber-controls__sidebar ol li a.material-icons,.bber-controls__sidebar ol li button.material-icons,.bber-controls__sidebar ul li a.material-icons,.bber-controls__sidebar ul li button.material-icons{font-family:Material Icons;text-align:right;font-size:20px}.bber-controls__sidebar dl li a.bber-chapter--current,.bber-controls__sidebar dl li button.bber-chapter--current,.bber-controls__sidebar ol li a.bber-chapter--current,.bber-controls__sidebar ol li button.bber-chapter--current,.bber-controls__sidebar ul li a.bber-chapter--current,.bber-controls__sidebar ul li button.bber-chapter--current{font-weight:700}.bber-controls__sidebar dl li a.bber-indent--1,.bber-controls__sidebar dl li button.bber-indent--1,.bber-controls__sidebar ol li a.bber-indent--1,.bber-controls__sidebar ol li button.bber-indent--1,.bber-controls__sidebar ul li a.bber-indent--1,.bber-controls__sidebar ul li button.bber-indent--1{text-indent:0}.bber-controls__sidebar dl li a.bber-indent--2,.bber-controls__sidebar dl li button.bber-indent--2,.bber-controls__sidebar ol li a.bber-indent--2,.bber-controls__sidebar ol li button.bber-indent--2,.bber-controls__sidebar ul li a.bber-indent--2,.bber-controls__sidebar ul li button.bber-indent--2{text-indent:17.5px}.bber-controls__sidebar dl li a.bber-indent--3,.bber-controls__sidebar dl li button.bber-indent--3,.bber-controls__sidebar ol li a.bber-indent--3,.bber-controls__sidebar ol li button.bber-indent--3,.bber-controls__sidebar ul li a.bber-indent--3,.bber-controls__sidebar ul li button.bber-indent--3{text-indent:35px}.bber-controls__sidebar dl li a.bber-indent--4,.bber-controls__sidebar dl li button.bber-indent--4,.bber-controls__sidebar ol li a.bber-indent--4,.bber-controls__sidebar ol li button.bber-indent--4,.bber-controls__sidebar ul li a.bber-indent--4,.bber-controls__sidebar ul li button.bber-indent--4{text-indent:52.5px}.bber-controls__sidebar dl li a.bber-indent--5,.bber-controls__sidebar dl li button.bber-indent--5,.bber-controls__sidebar ol li a.bber-indent--5,.bber-controls__sidebar ol li button.bber-indent--5,.bber-controls__sidebar ul li a.bber-indent--5,.bber-controls__sidebar ul li button.bber-indent--5{text-indent:70px}.bber-controls__sidebar dl li a.bber-indent--6,.bber-controls__sidebar dl li button.bber-indent--6,.bber-controls__sidebar ol li a.bber-indent--6,.bber-controls__sidebar ol li button.bber-indent--6,.bber-controls__sidebar ul li a.bber-indent--6,.bber-controls__sidebar ul li button.bber-indent--6{text-indent:87.5px}.bber-controls__sidebar dl li a.bber-indent--7,.bber-controls__sidebar dl li button.bber-indent--7,.bber-controls__sidebar ol li a.bber-indent--7,.bber-controls__sidebar ol li button.bber-indent--7,.bber-controls__sidebar ul li a.bber-indent--7,.bber-controls__sidebar ul li button.bber-indent--7{text-indent:105px}.bber-controls__sidebar dl li a.bber-indent--8,.bber-controls__sidebar dl li button.bber-indent--8,.bber-controls__sidebar ol li a.bber-indent--8,.bber-controls__sidebar ol li button.bber-indent--8,.bber-controls__sidebar ul li a.bber-indent--8,.bber-controls__sidebar ul li button.bber-indent--8{text-indent:122.5px}.bber-controls__sidebar dl li a.bber-indent--9,.bber-controls__sidebar dl li button.bber-indent--9,.bber-controls__sidebar ol li a.bber-indent--9,.bber-controls__sidebar ol li button.bber-indent--9,.bber-controls__sidebar ul li a.bber-indent--9,.bber-controls__sidebar ul li button.bber-indent--9{text-indent:140px}.bber-controls__sidebar dl li a.bber-indent--10,.bber-controls__sidebar dl li button.bber-indent--10,.bber-controls__sidebar ol li a.bber-indent--10,.bber-controls__sidebar ol li button.bber-indent--10,.bber-controls__sidebar ul li a.bber-indent--10,.bber-controls__sidebar ul li button.bber-indent--10{text-indent:157.5px}.bber-controls__sidebar dl li dl a,.bber-controls__sidebar dl li li a,.bber-controls__sidebar dl li ol a,.bber-controls__sidebar ol li dl a,.bber-controls__sidebar ol li li a,.bber-controls__sidebar ol li ol a,.bber-controls__sidebar ul li dl a,.bber-controls__sidebar ul li li a,.bber-controls__sidebar ul li ol a{text-indent:47px}.bber-controls__sidebar dl dt,.bber-controls__sidebar ol dt,.bber-controls__sidebar ul dt{padding:23.5px 0 0 17.5px;text-transform:capitalize}.bber-controls__sidebar dl dd,.bber-controls__sidebar ol dd,.bber-controls__sidebar ul dd{border-bottom:1px solid #d3d3d3;padding:5px 17.5px 23.5px}.bber-controls__sidebar dl dt a,.bber-controls__sidebar dl li a,.bber-controls__sidebar ol dt a,.bber-controls__sidebar ol li a,.bber-controls__sidebar ul dt a,.bber-controls__sidebar ul li a{transition:color .1s ease;text-decoration:none;color:#222}.bber-controls__sidebar dl dt a:hover,.bber-controls__sidebar dl li a:hover,.bber-controls__sidebar ol dt a:hover,.bber-controls__sidebar ol li a:hover,.bber-controls__sidebar ul dt a:hover,.bber-controls__sidebar ul li a:hover{color:#5050c5}.bber-controls__sidebar__chapters{transition:transform .1s ease,.3s ease .1s;border-right:1px solid #d3d3d3;position:fixed;z-index:2;top:35px;height:calc(100vh - 35px);width:350px;background:#fff;transform:translateX(-100%);overflow:auto;-webkit-overflow-scrolling:touch}@media screen and (max-width:414px){.bber-controls__sidebar__chapters{width:100%!important}}.bber-controls__sidebar__chapters.bber-controls__sidebar__chapters--open{transform:translateX(0)}.bber-controls__sidebar__downloads,.bber-controls__sidebar__metadata,.bber-controls__sidebar__settings{transition:transform .1s ease,.3s ease .1s;border-left:1px solid #d3d3d3;position:fixed;z-index:2;top:35px;right:0;height:100vh;background:#fff;width:350px;transform:translateX(100%);overflow:auto;-webkit-overflow-scrolling:touch}@media screen and (max-width:414px){.bber-controls__sidebar__downloads,.bber-controls__sidebar__metadata,.bber-controls__sidebar__settings{width:100%!important}}.bber-controls__sidebar__downloads.bber-controls__sidebar__downloads--open,.bber-controls__sidebar__downloads.bber-controls__sidebar__metadata--open,.bber-controls__sidebar__downloads.bber-controls__sidebar__settings--open,.bber-controls__sidebar__metadata.bber-controls__sidebar__downloads--open,.bber-controls__sidebar__metadata.bber-controls__sidebar__metadata--open,.bber-controls__sidebar__metadata.bber-controls__sidebar__settings--open,.bber-controls__sidebar__settings.bber-controls__sidebar__downloads--open,.bber-controls__sidebar__settings.bber-controls__sidebar__metadata--open,.bber-controls__sidebar__settings.bber-controls__sidebar__settings--open{transform:translateX(0)}.bber-controls__sidebar__downloads.bber-controls__sidebar__downloads--open label,.bber-controls__sidebar__downloads.bber-controls__sidebar__metadata--open label,.bber-controls__sidebar__downloads.bber-controls__sidebar__settings--open label,.bber-controls__sidebar__metadata.bber-controls__sidebar__downloads--open label,.bber-controls__sidebar__metadata.bber-controls__sidebar__metadata--open label,.bber-controls__sidebar__metadata.bber-controls__sidebar__settings--open label,.bber-controls__sidebar__settings.bber-controls__sidebar__downloads--open label,.bber-controls__sidebar__settings.bber-controls__sidebar__metadata--open label,.bber-controls__sidebar__settings.bber-controls__sidebar__settings--open label{font-weight:700}.bber-controls__sidebar__downloads.bber-controls__sidebar__downloads--open .bber-settings__item__button-group,.bber-controls__sidebar__downloads.bber-controls__sidebar__metadata--open .bber-settings__item__button-group,.bber-controls__sidebar__downloads.bber-controls__sidebar__settings--open .bber-settings__item__button-group,.bber-controls__sidebar__metadata.bber-controls__sidebar__downloads--open .bber-settings__item__button-group,.bber-controls__sidebar__metadata.bber-controls__sidebar__metadata--open .bber-settings__item__button-group,.bber-controls__sidebar__metadata.bber-controls__sidebar__settings--open .bber-settings__item__button-group,.bber-controls__sidebar__settings.bber-controls__sidebar__downloads--open .bber-settings__item__button-group,.bber-controls__sidebar__settings.bber-controls__sidebar__metadata--open .bber-settings__item__button-group,.bber-controls__sidebar__settings.bber-controls__sidebar__settings--open .bber-settings__item__button-group{margin:10px 0}.bber-controls__sidebar__downloads.bber-controls__sidebar__downloads--open .bber-settings__item__button-group .bber-grid__input,.bber-controls__sidebar__downloads.bber-controls__sidebar__metadata--open .bber-settings__item__button-group .bber-grid__input,.bber-controls__sidebar__downloads.bber-controls__sidebar__settings--open .bber-settings__item__button-group .bber-grid__input,.bber-controls__sidebar__metadata.bber-controls__sidebar__downloads--open .bber-settings__item__button-group .bber-grid__input,.bber-controls__sidebar__metadata.bber-controls__sidebar__metadata--open .bber-settings__item__button-group .bber-grid__input,.bber-controls__sidebar__metadata.bber-controls__sidebar__settings--open .bber-settings__item__button-group .bber-grid__input,.bber-controls__sidebar__settings.bber-controls__sidebar__downloads--open .bber-settings__item__button-group .bber-grid__input,.bber-controls__sidebar__settings.bber-controls__sidebar__metadata--open .bber-settings__item__button-group .bber-grid__input,.bber-controls__sidebar__settings.bber-controls__sidebar__settings--open .bber-settings__item__button-group .bber-grid__input{border:1px solid #d3d3d3;display:inline-block;margin-left:5px;padding:2px}.bber-controls__sidebar__downloads.bber-controls__sidebar__downloads--open .bber-settings__item__button-group .bber-grid__input:hover,.bber-controls__sidebar__downloads.bber-controls__sidebar__metadata--open .bber-settings__item__button-group .bber-grid__input:hover,.bber-controls__sidebar__downloads.bber-controls__sidebar__settings--open .bber-settings__item__button-group .bber-grid__input:hover,.bber-controls__sidebar__metadata.bber-controls__sidebar__downloads--open .bber-settings__item__button-group .bber-grid__input:hover,.bber-controls__sidebar__metadata.bber-controls__sidebar__metadata--open .bber-settings__item__button-group .bber-grid__input:hover,.bber-controls__sidebar__metadata.bber-controls__sidebar__settings--open .bber-settings__item__button-group .bber-grid__input:hover,.bber-controls__sidebar__settings.bber-controls__sidebar__downloads--open .bber-settings__item__button-group .bber-grid__input:hover,.bber-controls__sidebar__settings.bber-controls__sidebar__metadata--open .bber-settings__item__button-group .bber-grid__input:hover,.bber-controls__sidebar__settings.bber-controls__sidebar__settings--open .bber-settings__item__button-group .bber-grid__input:hover{border:1px solid #222;background:#d3d3d3}.bber-controls__sidebar__downloads{height:auto!important;padding-bottom:0!important}.bber-controls__sidebar__downloads ul li{display:flex}.bber-controls__sidebar__downloads li{position:relative}.bber-controls__sidebar__downloads button{padding-right:17.5px;position:absolute;top:0;right:0;bottom:0}.bber-controls__sidebar__downloads a{position:relative;z-index:1}.bber-controls__sidebar__downloads a:hover+button{color:#5050c5}.bber-controls__sidebar__downloads .bber-downloads__description,.bber-controls__sidebar__downloads .bber-downloads__title{display:block}.bber-controls__sidebar__downloads .bber-downloads__description{display:block;font-size:.7rem;font-style:italic;padding-top:6px}.bber-controls__footer{z-index:1;position:fixed;left:0;right:0;bottom:0;background:transparent;height:60px;opacity:1!important}@media screen and (max-width:768px){.bber-controls__footer{background:#fff}}.bber-controls__footer nav ul{display:flex;flex-direction:row;align-items:center;justify-content:center;height:60px;padding:0 10px}.bber-controls__footer nav ul li{display:flex}.bber-controls__footer nav ul li:nth-child(2){flex:1}.bber-controls__footer nav ul li:nth-child(2) button,.bber-controls__footer nav ul li:nth-child(3) button{font-size:2em}.bber-controls__footer nav ul li .bber-nav__button{transition:color .1s ease;padding:0 5px}.bber-controls__footer nav ul li .bber-nav__button:hover{color:#5050c5}.bber-spinner{width:100vw;height:100vh;position:fixed;display:none;background:#fff}.bber-spinner--visible{display:block}.bber-spinner__detail{position:absolute;top:calc(50% - 20px);left:calc(50% - 20px);width:40px;height:40px;margin:0;padding:0;background-color:#222;border-radius:100%;-webkit-animation:pulse 1s ease-in-out infinite;animation:pulse 1s ease-in-out infinite}.bber-leaf{transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:fixed;top:0;height:100vh;z-index:10;background-color:#fff}.bber-leaf.bber-leaf--left{left:0}.bber-leaf.bber-leaf--right{right:0}.bber-grid__debug{position:fixed;top:0;left:0;height:100vh;width:100%;pointer-events:none}.bber-grid__debug .bber-grid__debug__line{background-color:#6495ed;opacity:.4;position:absolute;top:0;bottom:0;width:1px;color:#fff;padding-top:50px;text-align:center}@media print{.bber-controls__footer,.bber-controls__header,.bber-leaf{display:none!important}#frame{position:static!important;overflow:visible!important}#frame #layout{transform:none!important;height:auto!important;width:auto!important;-moz-columns:unset!important;columns:unset!important}}[data-vimeo-initialized]{overflow:unset!important}.bber-poster--vimeo{transition:opacity .1s ease,.2s ease .1s;z-index:1!important;opacity:0}.bber-poster--vimeo.bber-controls{pointer-events:none}.bber-poster--vimeo.bber-visible{pointer-events:auto!important;opacity:1}.bber-media__controls{display:flex;align-items:center;font-size:.8rem;font-family:Arial,Helvetica,sans-serif;border:1px solid #272727;border-radius:6px;padding:9px 3px 9px 12px}.bber-media__controls a,.bber-media__controls button,.bber-media__controls input:not([type=range]){padding-right:12px}.bber-media__controls .bber-media__time{display:flex;padding:0 12px 0 0;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bber-media__controls a,.bber-media__controls button{text-decoration:none!important;transition:color .2s ease}.bber-media__controls a.bber-hover,.bber-media__controls a:hover,.bber-media__controls button.bber-hover,.bber-media__controls button:hover{color:#5050c5!important}.bber-media__controls+.bber-caption__audio{margin-top:.5rem}.bber-slider__volume{width:0;flex-grow:0;overflow:hidden;transition:flex-grow .2s ease}.bber-slider__volume.bber-open{overflow:visible;flex-grow:1}.bber-media__slider{flex:1;display:flex;align-items:center;position:relative;font:1em/1 arial,sans-serif;margin:6px 15px 6px 3px}input[type=range]{flex:1;margin:0;padding:0;min-height:12px;background:transparent;font:inherit;outline:none;width:100%;max-width:100%}input[type=range],input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}input[type=range]::-webkit-slider-runnable-track{box-sizing:border-box;border:none;width:100%;height:2px;background:#d7d7d7}input[type=range]::-moz-range-track{box-sizing:border-box;border:none;width:100%;height:2px;background:#d7d7d7}input[type=range]::-ms-track{box-sizing:border-box;border:none;width:100%;height:2px;background:#d7d7d7}input[type=range]::-webkit-slider-thumb{margin-top:-5px;box-sizing:border-box;position:relative;z-index:1;border:none;width:12px;height:12px;border-radius:50%;background-color:#272727;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}input[type=range]::-webkit-slider-thumb:hover{background-color:#5050c5}input[type=range]::-moz-range-thumb{box-sizing:border-box;position:relative;z-index:1;border:none;width:12px;height:12px;border-radius:50%;background-color:#272727;-moz-transition:background-color .2s ease;transition:background-color .2s ease}input[type=range]::-moz-range-thumb:hover{background-color:#5050c5}input[type=range]::-ms-thumb{margin-top:0;box-sizing:border-box;position:relative;z-index:1;border:none;width:12px;height:12px;border-radius:50%;background-color:#272727;-ms-transition:background-color .2s ease;transition:background-color .2s ease}input[type=range]::-ms-thumb:hover{background-color:#5050c5}input[type=range]::-ms-tooltip{display:none}.bber-media__slider--before{background:#222;height:2px;position:absolute;left:0;z-index:0;pointer-events:none}.bber-media__stacked{width:100%;display:flex;flex-wrap:wrap}.bber-media__stacked .bber-media__stacked__row{display:flex;flex:1 0 100%;align-items:center;padding-right:6px}.bber-media__stacked .bber-media__stacked__separator{position:relative;width:calc(100% + 10px);margin-left:-13px;margin-top:9px;margin-bottom:9px}.bber-media__stacked .bber-media__stacked__separator .bber-media__stacked__separator--line{width:calc(100% + 7px);background:#222;height:1px}.bber-button__media__playback-rate{position:relative;top:1px;font-size:.7rem;font-weight:700;font-variation-settings:"wght" 700;letter-spacing:.035em;width:33px}.bber-times__media__playback-rate{position:relative;top:1px}.bber-media__button__pause,.bber-media__button__play{font-size:24px}.bber-media__button__file_download,.bber-media__button__volume_up{font-size:17px}.bber-media__button__file_download{position:relative;top:1px}.bber-media__button__forward_30,.bber-media__button__replay_30{font-size:18px}:-moz-ui-invalid{box-shadow:none}

package/index.d.ts

@@ -57,6 +57,108 @@ export interface BberReaderQueryParameterKeys {
   spreadIndex?: string
 }
 
+interface Download {
+  label: string
+  title: string
+  url: string
+  description?: string
+}
+
+interface UiOptionsNavigationHeaderIcons {
+  home?: boolean
+  toc?: boolean
+  downloads?: boolean
+  info?: boolean
+}
+
+interface UiOptionsNavigationFooterIcons {
+  chapter?: boolean
+  page?: boolean
+}
+
+interface UiOptionsNavigation {
+  header_icons?: UiOptionsNavigationHeaderIcons
+  footer_icons?: UiOptionsNavigationFooterIcons
+}
+
+interface UiOptions {
+  navigation?: UiOptionsNavigation
+}
+
+interface NavigationHeaderProps {
+  destroyReaderComponent: () => void
+  handleSidebarButtonClick: () => void
+  downloads: Download[]
+  uiOptions: UiOptions
+}
+
+enum Layout {
+  SCROLL = 'scroll',
+  COLUMNS = 'columns',
+}
+
+interface SpineItem {
+  absoluteURL: string
+  children: SpineItem[]
+  depth: number
+  href: string
+  id: string
+  idref: string
+  inTOC: boolean
+  linear: string
+  mediaType: string
+  properties: string[]
+  slug: string
+  title: string
+}
+
+type Spine = SpineItem[]
+
+interface Metadata {
+  title: string
+  creator: string
+  date: string
+  publisher: string
+  description: string
+  language: string
+  rights: string
+  identifier: string
+}
+
+interface NavigationFooterProps {
+  uiOptions: UiOptions
+  currentSpineItemIndex: number
+  spine: Spine
+  layout: Layout
+  spreadIndex: number
+  lastSpreadIndex: number
+  handleEvents: boolean
+  handleChapterNavigation: boolean
+  enablePageTransitions: boolean
+  handlePageNavigation: boolean
+}
+
+interface SidebarChaptersProps {
+  showSidebar: boolean
+  spine: Spine
+  currentSpineItemIndex: number
+  navigateToChapterByURL: () => void
+}
+
+interface SidebarDownloadsProps {
+  showSidebar: boolean
+  downloads: Download[]
+}
+
+interface SidebarMetadataProps {
+  showSidebar: boolean
+  metadata: Metadata
+}
+
+// interface SidebarSettingsProps {}
+
+type UiReaderProp<T> = React.Component<T> | ((props: T) => JSX.Element)
+
 interface OptionalBberReaderProps {
   bookURL?: string
   manifestURL?: string
@@ -69,6 +171,14 @@ interface OptionalBberReaderProps {
   cache?: boolean
   layout?: Layout
   paramKeys?: BberReaderQueryParameterKeys
+  disableBodyStyles?: boolean
+
+  NavigationHeader?: UiReaderProp<NavigationHeaderProps>
+  NavigationFooter?: UiReaderProp<NavigationFooterProps>
+  SidebarChapters?: UiReaderProp<SidebarChaptersProps>
+  SidebarDownloads?: UiReaderProp<SidebarDownloadsProps>
+  SidebarMetadata?: UiReaderProp<SidebarMetadataProps>
+  // SidebarSettings?: UiReaderProp<SidebarSettingsProps>
 }
 
 export type BberReaderProps = RequireOneOf<

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canopycanopycanopy/b-ber-reader-react",
-  "version": "1.2.13-react-reader.20+2c975581",
+  "version": "1.2.13-react-reader.31+7d5cd024",
   "description": "",
   "main": "dist/index.js",
   "scripts": {
@@ -8,11 +8,10 @@
     "preversion": "npm test",
     "webpack:src": "./scripts/webpack.sh",
     "webpack:dist": "NODE_ENV=production ./scripts/webpack.sh",
-    "start": "./scripts/start.sh",
     "clean": "rimraf dist",
     "watch": "./scripts/watch.sh",
     "build": "./scripts/build.sh",
-    "serve": "nodemon server.js",
+    "start": "./scripts/start.sh",
     "test:watch": "jest --watch",
     "test": "jest",
     "webpack": "webpack",
@@ -43,12 +42,13 @@
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-plugin-babel": "^4.1.2",
-    "eslint-plugin-import": "^2.9.0",
+    "eslint-plugin-import": "^2.22.1",
     "eslint-plugin-jsx-a11y": "^6.0.3",
     "eslint-plugin-react": "^7.7.0",
     "express": "^4.17.3",
     "file-loader": "^1.1.11",
     "handlebars": "^4.7.7",
+    "html-webpack-plugin": "^4.5.2",
     "jest": "^26.6.3",
     "jest-environment-jsdom": "^23.1.0",
     "jest-environment-jsdom-global": "^1.1.0",
@@ -75,6 +75,7 @@
     "webpack-cleanup-plugin": "^0.5.1",
     "webpack-cli": "^3.1.1",
     "webpack-dashboard": "^1.1.1",
+    "webpack-dev-server": "^3.11.3",
     "webpack-fix-style-only-entries": "^0.6.1",
     "webpack-node-externals": "^1.6.0",
     "xmlhttprequest-ssl": "^2.0.0"
@@ -120,5 +121,5 @@
       "url": "https://maxwellsimmer.com"
     }
   ],
-  "gitHead": "2c9755817cf4c1fab6aa81d86ec61aff0a8ac3bc"
+  "gitHead": "7d5cd0240114a1379bbd859e57e46cdcdd6a98fa"
 }