@canopycanopycanopy/b-ber-reader-react 1.2.13-react-reader.6 → 1.2.13-react-reader.19

package/dist/styles.css

@@ -1,3 +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")}@keyframes pulse{0%{transform:scale(0)}100%{transform:scale(1);opacity:0}}@keyframes nav__button__downloads__shadow{5%{text-shadow:0 0 5px #6969fc}35%{text-shadow:0 5px 10px rgba(105,105,252,.5)}100%{text-shadow:0 10px 30px rgba(105,105,252,0)}}@keyframes nav__button__downloads__color{0%{color:#222}25%{color:#5050c5}100%{color:#222}}*{margin:0;padding:0;touch-action:manipulation}body{-webkit-text-size-adjust:none}ul,ol{list-style:none}a,button{cursor:pointer}button{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:normal;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"}.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 100ms 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;animation:nav__button__downloads__shadow 2500ms infinite,nav__button__downloads__color 2500ms infinite}.controls__header nav ul li .nav__button.nav__button__downloads:hover{animation:none;color:#5050c5}.controls__sidebar{z-index:1;font-family:Georgia,"Iowan",Times,serif;font-weight:400;font-size:14px}.controls__sidebar ol li a,.controls__sidebar ol li button,.controls__sidebar ul li a,.controls__sidebar ul li button,.controls__sidebar dl li a,.controls__sidebar dl li button{border-bottom:1px solid #d3d3d3;text-align:left;display:block;width:100%;padding:calc(47px / 2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-family:Georgia,"Iowan",Times,serif}.controls__sidebar ol li a:hover,.controls__sidebar ol li button:hover,.controls__sidebar ul li a:hover,.controls__sidebar ul li button:hover,.controls__sidebar dl li a:hover,.controls__sidebar dl li button:hover{transition:color 100ms ease;color:#5050c5}.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,.controls__sidebar dl li a.material-icons,.controls__sidebar dl li button.material-icons{font-family:"Material Icons";text-align:right;font-size:20px}.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,.controls__sidebar dl li a.chapter--current,.controls__sidebar dl li button.chapter--current{font-weight:700}.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,.controls__sidebar dl li a.indent--1,.controls__sidebar dl li button.indent--1{text-indent:0px}.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,.controls__sidebar dl li a.indent--2,.controls__sidebar dl li button.indent--2{text-indent:17.5px}.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,.controls__sidebar dl li a.indent--3,.controls__sidebar dl li button.indent--3{text-indent:35px}.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,.controls__sidebar dl li a.indent--4,.controls__sidebar dl li button.indent--4{text-indent:52.5px}.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,.controls__sidebar dl li a.indent--5,.controls__sidebar dl li button.indent--5{text-indent:70px}.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,.controls__sidebar dl li a.indent--6,.controls__sidebar dl li button.indent--6{text-indent:87.5px}.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,.controls__sidebar dl li a.indent--7,.controls__sidebar dl li button.indent--7{text-indent:105px}.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,.controls__sidebar dl li a.indent--8,.controls__sidebar dl li button.indent--8{text-indent:122.5px}.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,.controls__sidebar dl li a.indent--9,.controls__sidebar dl li button.indent--9{text-indent:140px}.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,.controls__sidebar dl li a.indent--10,.controls__sidebar dl li button.indent--10{text-indent:157.5px}.controls__sidebar ol li ol a,.controls__sidebar ol li li a,.controls__sidebar ol li dl a,.controls__sidebar ul li ol a,.controls__sidebar ul li li a,.controls__sidebar ul li dl a,.controls__sidebar dl li ol a,.controls__sidebar dl li li a,.controls__sidebar dl li dl a{text-indent:47px}.controls__sidebar ol dt,.controls__sidebar ul dt,.controls__sidebar dl dt{padding:calc(47px / 2) 0 0 calc(35px / 2);text-transform:capitalize}.controls__sidebar ol dd,.controls__sidebar ul dd,.controls__sidebar dl dd{border-bottom:1px solid #d3d3d3;padding:5px calc(35px / 2) calc(47px / 2)}.controls__sidebar ol li a,.controls__sidebar ol dt a,.controls__sidebar ul li a,.controls__sidebar ul dt a,.controls__sidebar dl li a,.controls__sidebar dl dt a{transition:color 100ms ease;text-decoration:none;color:#222}.controls__sidebar ol li a:hover,.controls__sidebar ol dt a:hover,.controls__sidebar ul li a:hover,.controls__sidebar ul dt a:hover,.controls__sidebar dl li a:hover,.controls__sidebar dl dt a:hover{color:#5050c5}.controls__sidebar__chapters{transition:transform 100ms ease,300ms 100ms ease;border-right:1px solid #d3d3d3;position:fixed;z-index:2;top:35px;height:calc(100vh - 35px);width:calc(35px * 10);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__metadata,.controls__sidebar__downloads,.controls__sidebar__settings{transition:transform 100ms ease,300ms 100ms ease;border-left:1px solid #d3d3d3;position:fixed;z-index:2;top:35px;right:0;height:100vh;background:#fff;width:calc(35px * 10);transform:translateX(100%);overflow:auto;-webkit-overflow-scrolling:touch}@media screen and (max-width: 414px){.controls__sidebar__metadata,.controls__sidebar__downloads,.controls__sidebar__settings{width:100% !important}}.controls__sidebar__metadata.controls__sidebar__metadata--open,.controls__sidebar__metadata.controls__sidebar__downloads--open,.controls__sidebar__metadata.controls__sidebar__settings--open,.controls__sidebar__downloads.controls__sidebar__metadata--open,.controls__sidebar__downloads.controls__sidebar__downloads--open,.controls__sidebar__downloads.controls__sidebar__settings--open,.controls__sidebar__settings.controls__sidebar__metadata--open,.controls__sidebar__settings.controls__sidebar__downloads--open,.controls__sidebar__settings.controls__sidebar__settings--open{transform:translateX(0)}.controls__sidebar__metadata.controls__sidebar__metadata--open label,.controls__sidebar__metadata.controls__sidebar__downloads--open label,.controls__sidebar__metadata.controls__sidebar__settings--open label,.controls__sidebar__downloads.controls__sidebar__metadata--open label,.controls__sidebar__downloads.controls__sidebar__downloads--open label,.controls__sidebar__downloads.controls__sidebar__settings--open label,.controls__sidebar__settings.controls__sidebar__metadata--open label,.controls__sidebar__settings.controls__sidebar__downloads--open label,.controls__sidebar__settings.controls__sidebar__settings--open label{font-weight:bold}.controls__sidebar__metadata.controls__sidebar__metadata--open .settings__item__button-group,.controls__sidebar__metadata.controls__sidebar__downloads--open .settings__item__button-group,.controls__sidebar__metadata.controls__sidebar__settings--open .settings__item__button-group,.controls__sidebar__downloads.controls__sidebar__metadata--open .settings__item__button-group,.controls__sidebar__downloads.controls__sidebar__downloads--open .settings__item__button-group,.controls__sidebar__downloads.controls__sidebar__settings--open .settings__item__button-group,.controls__sidebar__settings.controls__sidebar__metadata--open .settings__item__button-group,.controls__sidebar__settings.controls__sidebar__downloads--open .settings__item__button-group,.controls__sidebar__settings.controls__sidebar__settings--open .settings__item__button-group{margin:10px 0}.controls__sidebar__metadata.controls__sidebar__metadata--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__settings--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__downloads--open .settings__item__button-group .grid__input,.controls__sidebar__downloads.controls__sidebar__settings--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__downloads--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__metadata.controls__sidebar__metadata--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__settings--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__downloads--open .settings__item__button-group .grid__input:hover,.controls__sidebar__downloads.controls__sidebar__settings--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__downloads--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:calc(35px / 2);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__title,.controls__sidebar__downloads .downloads__description{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 100ms 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%;animation:pulse 1s infinite ease-in-out}.leaf{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__header,.controls__footer,.leaf{display:none !important}#frame{position:static !important;overflow:visible !important}#frame #layout{transform:none !important;height:auto !important;width:auto !important;columns:unset !important}}[data-vimeo-initialized]{overflow:unset !important}.poster--vimeo{transition:opacity 100ms ease,200ms 100ms ease;z-index:1 !important;opacity:0}.poster--vimeo.controls{pointer-events:none}.poster--vimeo.visible{pointer-events:initial !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 input:not([type=range]),.media__controls button{padding-right:12px}.media__controls .media__time{display:flex;padding:0 12px 0 0;font-size:14px;user-select:none}.media__controls a,.media__controls button{text-decoration:none !important;transition:color 200ms 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 200ms 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;transition:background-color 200ms 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;transition:background-color 200ms 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;transition:background-color 200ms 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__play,.media__button__pause{font-size:24px}.media__button__volume_up,.media__button__file_download{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}.figure__large:nth-last-child(2){break-after:avoid !important}
-
-/*# sourceMappingURL=styles.css.map*/
+@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}

package/index.d.ts

@@ -0,0 +1,79 @@
+declare module '@canopycanopycanopy/b-ber-reader-react'
+
+export as namespace BberReader
+
+export interface Book {
+  title: string
+  url: string
+  cover?: string
+}
+
+export interface Download {
+  label: string
+  title: string
+  description?: string
+  url: string
+}
+
+export interface UINavigationFooterIcons {
+  chapter?: boolean
+  page?: boolean
+}
+
+export interface UINavigationHeaderIcons {
+  info?: boolean
+  home?: boolean
+  downloads?: boolean
+  toc?: boolean
+}
+
+export interface UINavigation {
+  header_icons?: UINavigationHeaderIcons
+  footer_icons?: UINavigationFooterIcons
+}
+
+export interface UI {
+  navigation?: UINavigation
+}
+
+export enum Layout {
+  SCROLL = 'scroll',
+  COLUMNS = 'columns',
+}
+
+type RequireOneOf<T, Keys extends keyof T = keyof T> = Pick<
+  T,
+  Exclude<keyof T, Keys>
+> &
+  {
+    [K in Keys]-?: Required<Pick<T, K>> &
+      Partial<Record<Exclude<Keys, K>, undefined>>
+  }[Keys]
+
+// Used for renaming the query parameters
+export interface BberReaderQueryParameterKeys {
+  slug?: string
+  currentSpineItemIndex?: string
+  spreadIndex?: string
+}
+
+interface OptionalBberReaderProps {
+  bookURL?: string
+  manifestURL?: string
+  projectURL?: string
+  books?: Book[]
+  downloads?: Download[]
+  basePath?: string
+  loadRemoteLibrary?: boolean
+  uiOptions?: UI
+  cache?: boolean
+  layout?: Layout
+  paramKeys?: BberReaderQueryParameterKeys
+}
+
+export type BberReaderProps = RequireOneOf<
+  OptionalBberReaderProps,
+  'bookURL' | 'manifestURL'
+>
+
+export default function BberReader(props?: BberReaderProps): JSX.Element

package/package.json

@@ -1,21 +1,20 @@
 {
   "name": "@canopycanopycanopy/b-ber-reader-react",
-  "version": "1.2.13-react-reader.6+5f5ac8b3",
+  "version": "1.2.13-react-reader.19+49c23ef0",
   "description": "",
   "main": "dist/index.js",
   "scripts": {
     "prepublish": "npm test",
     "preversion": "npm test",
     "webpack:src": "./scripts/webpack.sh",
-    "xwebpack:dist": "NODE_ENV=production ./scripts/webpack.sh",
-    "webpack:dist": "./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",
     "test:watch": "jest --watch",
-    "test": "echo \"TODO update tests\" # jest",
+    "test": "jest",
     "webpack": "webpack",
     "bundle": "npm run build && npm pack"
   },
@@ -35,26 +34,27 @@
     "@babel/preset-react": "^7.10.4",
     "autoprefixer": "^9.6.1",
     "babel-eslint": "^8.2.2",
-    "babel-loader": "^8.0.6",
+    "babel-loader": "^8.2.3",
     "concurrently": "^3.5.1",
     "core-js": "^3.6.4",
     "css-loader": "^0.28.10",
     "cssnano": "^4.1.10",
-    "eslint": "^6.8.0",
-    "eslint-config-airbnb": "^16.1.0",
-    "eslint-config-airbnb-base": "^12.1.0",
+    "eslint": "^7.32.0",
+    "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-jsx-a11y": "^6.0.3",
     "eslint-plugin-react": "^7.7.0",
-    "express": "^4.16.4",
+    "express": "^4.17.3",
     "file-loader": "^1.1.11",
     "handlebars": "^4.7.7",
     "jest": "^26.6.3",
     "jest-environment-jsdom": "^23.1.0",
     "jest-environment-jsdom-global": "^1.1.0",
     "material-design-icons": "^3.0.1",
-    "nodemon": "^1.18.10",
+    "mini-css-extract-plugin": "^1.6.2",
+    "nodemon": "^2.0.15",
     "postcss": "^7.0.14",
     "postcss-cssnext": "^3.1.0",
     "postcss-import": "^11.1.0",
@@ -62,7 +62,7 @@
     "prop-types": "^15.6.1",
     "react-test-renderer": "^16.4.0",
     "resize-observer-polyfill": "^1.5.0",
-    "rimraf": "^2.6.3",
+    "rimraf": "^2.7.1",
     "sass": "^1.49.8",
     "sass-loader": "^7.0.3",
     "setimmediate": "^1.0.5",
@@ -88,7 +88,6 @@
     "html-to-react": "^1.4.3",
     "js-string-escape": "^1.0.1",
     "lodash": "^4.17.21",
-    "mini-css-extract-plugin": "^1.6.2",
     "object-fit-images": "^3.2.3",
     "quote": "^0.4.0",
     "react-attr-converter": "^0.3.1",
@@ -104,7 +103,8 @@
     "react-dom": "^16.2.0"
   },
   "files": [
-    "dist"
+    "dist",
+    "index.d.ts"
   ],
   "repository": {
     "type": "git",
@@ -120,5 +120,5 @@
       "url": "https://maxwellsimmer.com"
     }
   ],
-  "gitHead": "5f5ac8b3704149ac656dd852aaac311eea945d65"
+  "gitHead": "49c23ef079e76f36e3716189ef9e6cec84b3f429"
 }