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

package/BookReader/plugins/plugin.menu_toggle.js

@@ -1,2 +0,0 @@
-(self.webpackChunk_internetarchive_bookreader=self.webpackChunk_internetarchive_bookreader||[]).push([[777],{3504:function(e,n,o){"use strict";o(9600);var t=o(3609),i=o(3609);!function(){t.extend(BookReader.defaultOptions,{enableMenuToggle:!0});var e=!1;function n(e){e.refs&&e.refs.$BRnav&&e.refs.$BRnav.children(".BRnavCntl").css("display","none")}var o,r,a=!1,s=function(n,o,t){if(!e){var r,s,c=(r=document.querySelector(".BRcontainer")).scrollWidth>r.offsetWidth?n.refs.$brContainer[0]:o.currentTarget,d=n.constMode1up===n.mode||function(e,n){var o=e.clientX,t=n.offsetWidth,i=n.offsetLeft,r=Math.round(t/3),a=Math.round(r+i),s=Math.round(t-r+i);return o>a&&o<s}(o,c);(t?d:(s=o.target,i(s).hasClass("BookReader")||i(s).hasClass("BRcontainer")||i(s).hasClass("BRemptypage")||i(s).hasClass("BRpageview")||i(s).hasClass("BRtwopageview")))&&(function(e){a||(a=!0,i(document).on("BookReader:navToggled",(function e(){a=!1,window.removeEventListener("BookReader:navToggled",e)})),e.navigationIsVisible()?e.hideNavigation():e.showNavigation())}(n),t&&o.stopPropagation())}};function c(e,n){s(e,n)}function d(e,n){s(e,n,!0)}function u(n){var t=document.querySelector(".BookReader");if(t){t.addEventListener("click",c.bind(null,n),{capture:!0,passive:!0});var i=(document.querySelector(".BRcontainer")||{}).firstChild;i&&(i.addEventListener("click",d.bind(null,n),!0),function(){var n=document.querySelector(".BookReader");n&&(n.addEventListener("mousedown",(function(n){o=n.screenX,r=n.screenY,e=!0}),!0),n.addEventListener("mouseup",(function(n){Math.abs(o-n.screenX)>5||Math.abs(r-n.screenY)>5||(e=!1,o=0,r=0)}),!0))}())}}var f,l=function(e){var o=!1;try{o=e.navigationIsVisible()}catch(e){o=!1}if(o){var t=function(n){u(e)},r=function(o){!function(e){n(e),u(e)}(e)};i(document).on(["BookReader:3PageViewSelected"].join(" "),(function(o){!function(e){n(e),function(e){e.refs.$brPageViewEl&&e.refs.$brPageViewEl[0].removeEventListener("click",d,!0),e.refs.$brTwoPageView&&e.refs.$brTwoPageView[0].removeEventListener("click",d,!0)}(e),e.showNavigation()}(e)})),i(document).on(["BookReader:1PageViewSelected","BookReader:2PageViewSelected","BookReader:zoomIn","BookReader:zoomOut","BookReader:resize"].join(" "),t),i(window).on("orientationchange",t),i(document).on("BookReader:fullscreenToggled",r),i(window).on("DOMContentLoaded",r),r()}};BookReader.prototype.setup=(f=BookReader.prototype.setup,function(e){f.call(this,e)}),BookReader.prototype.init=function(e){return function(){e.call(this),this.options.enableMenuToggle&&l(this)}}(BookReader.prototype.init)}()}},function(e){"use strict";e(e.s=3504)}]);
-//# sourceMappingURL=plugin.menu_toggle.js.map

package/BookReader/plugins/plugin.menu_toggle.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["webpack://@internetarchive/bookreader/./src/plugins/menu_toggle/plugin.menu_toggle.js"],"names":["jQuery","extend","BookReader","defaultOptions","enableMenuToggle","holdOffOnToggle","hideArrow","br","refs","$BRnav","children","css","initialX","initialY","togglingNav","toggleRouter","e","atBookCenter","brContainer","element","book","document","querySelector","scrollWidth","offsetWidth","$brContainer","currentTarget","validBookClick","constMode1up","mode","event","clickPosition","clientX","bookWidth","leftOffset","offsetLeft","bookEndPageFlipArea","Math","round","leftThreshold","rightThreshold","isCenterClick","target","$","hasClass","on","navToggled","window","removeEventListener","navigationIsVisible","hideNavigation","showNavigation","toggleNav","stopPropagation","onBackgroundClick","onBookClick","registerClickHandlers","background","addEventListener","bind","capture","passive","firstChild","screenX","screenY","abs","registerDragHandlers","super_","installMenuToggle","hasNav","error","menuToggleEventRegister","setupDOMandHandlers","setupNavForToggle","join","$brPageViewEl","$brTwoPageView","removeClickHandlers","alwaysShowNav","prototype","setup","options","call","this","init"],"mappings":"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","file":"plugins/plugin.menu_toggle.js","sourcesContent":["\n/* global BookReader */\n/**\n * Plugin for managing menu visibility\n * Enabling this plug-in:\n * + removes the \"menu tab\" triangle\n * + toggles nav at: book center tap/click\n * + toggles nav at: black background tap/click\n *\n * Handles to events at CAPTURE phase\n *\n * This uses core BookReader functions and parameters to check its UI state:\n * - br.refs = (at best) ui references that are present at any given time\n * - br.navigationIsVisible() - checks using refs to confirm the navbar's presence\n * - br.showNavigation() & br.hideNavigation()\n * - br.constMode1up checks against br.mode;\n *\n * The list of BookReader custom events this plugin taps into are mainly\n * listed in the `.init` function\n */\n\n(function addMenuToggler() {\n  jQuery.extend(BookReader.defaultOptions, {\n    enableMenuToggle: true\n  });\n\n  /**\n     * `holdOffOnToggle` is used in fn `toggleRouter`\n     * to determine if menu toggle should happen\n     * set by `registerDragHandlers`\n     */\n  let holdOffOnToggle = false;\n\n  /**\n     * Hides Nav arrow tab\n     *\n     * @param { object } br - BookReader instance\n     */\n  function hideArrow(br) {\n    if (!br.refs || !br.refs.$BRnav) {\n      return;\n    }\n    const $menuTab = br.refs.$BRnav.children('.BRnavCntl');\n    $menuTab.css('display', 'none');\n  }\n\n  /**\n     * Sets up nav - hides arrow tab & adds click events\n     *\n     * @param { object } br - BookReader instance\n     */\n  function setupNavForToggle(br) {\n    hideArrow(br);\n    registerClickHandlers(br);\n  }\n\n  /**\n     * Resets nav to always show\n     * hides arrow tab, removes click events, shows nav chrome\n     *\n     * @param { object } br - BookReader instance\n     */\n  function alwaysShowNav(br) {\n    hideArrow(br);\n    removeClickHandlers(br);\n    br.showNavigation();\n  }\n\n  /**\n     * Removes click handlers on elements that house the book pages\n     *\n     * @param { object } br - BookReader instance\n     */\n  const removeClickHandlers = function removeClickHandlers(br) {\n    if (br.refs.$brPageViewEl) {\n      br.refs.$brPageViewEl[0].removeEventListener('click', onBookClick, true);\n    }\n    if (br.refs.$brTwoPageView) {\n      br.refs.$brTwoPageView[0].removeEventListener('click', onBookClick, true);\n    }\n  }\n\n  /**\n     * Toggle functionality\n     * Responsible for calling native functions `hideNavigation` & `showNavigation`\n     * Makes sure only 1 toggle action is taken at a time using `togglingNav` switch.\n     *\n     * @params { object } br - bookreader instance\n     */\n  let togglingNav = false; /* flag to make sure animations only fire once */\n  const toggleNav = function toggleNav(br) {\n    if (togglingNav) {\n      return;\n    }\n\n    togglingNav = true;\n    const navToggled = function navToggled() {\n      togglingNav = false;\n      window.removeEventListener('BookReader:navToggled', navToggled);\n    };\n    $(document).on('BookReader:navToggled', navToggled);\n\n    const menuIsShowing = br.navigationIsVisible();\n    if (menuIsShowing) {\n      br.hideNavigation();\n    } else {\n      br.showNavigation();\n    }\n  }\n\n  /**\n     * Check if div `BRcontainer` is scrollable.\n     * This normally happens when bookreader is zoomed in.\n     * not using br.refs, because `scrollWidth` & `offsetWidth` is not easily accessible.\n     */\n  const isBRcontainerScrollable = function isBRcontainerScrollable() {\n    const brContainer = document.querySelector('.BRcontainer');\n    const scrollWidth = brContainer.scrollWidth;\n    const offsetWidth = brContainer.offsetWidth;\n\n    return scrollWidth > offsetWidth;\n  }\n\n  /**\n     * Confirms whether or not the click happened in the nav toggle zone\n     *\n     * @param { MouseEvent } event - JS click event object\n     * @param { DOM } book - DOM element that represents book\n     */\n  const isCenterClick = function isCenterClick(event, book) {\n    const clickPosition = event.clientX;\n    const bookWidth = book.offsetWidth;\n    const leftOffset = book.offsetLeft\n    const bookEndPageFlipArea = Math.round(bookWidth / 3);\n    const leftThreshold = Math.round(bookEndPageFlipArea + leftOffset); // without it, the click area is small\n    const rightThreshold = Math.round(bookWidth - bookEndPageFlipArea + leftOffset);\n    const isOkOnRight = clickPosition > leftThreshold;\n    const isOkOnLeft = clickPosition < rightThreshold;\n    const isCenterClick = isOkOnRight && isOkOnLeft;\n\n    return isCenterClick;\n  }\n\n  /**\n     * Confirms whether or not the click happened in the background\n     *\n     * @param { DOM } element\n     */\n  const isBackground = function isBackground(element) {\n    const isBackgroundClick = $(element).hasClass('BookReader')\n        || $(element).hasClass('BRcontainer') /* main black theatre */\n        || $(element).hasClass('BRemptypage') /* empty page placeholder */\n        || $(element).hasClass('BRpageview') /* empty page placeholder, 1up */\n        || $(element).hasClass('BRtwopageview'); /* empty page placeholder, 2up */\n    return isBackgroundClick;\n  };\n\n  /**\n     * Main hook into toggle functionality\n     * This is the only function that should be called by the event handlers\n     *\n     * @param { object } br - BookReader instance\n     * @param { MouseEvent } e - JS event object\n     * @param { boolean } atBookCenter - optional\n     */\n  const toggleRouter = function toggleRouter (br, e, atBookCenter) {\n    if (holdOffOnToggle) {\n      return;\n    }\n\n    const book = isBRcontainerScrollable() ? br.refs.$brContainer[0] : e.currentTarget;\n    const is1UpMode = br.constMode1up === br.mode;\n    const validBookClick = is1UpMode || isCenterClick(e, book);\n    const isValidClickArea = atBookCenter ? validBookClick : isBackground(e.target);\n    if (isValidClickArea) {\n      toggleNav(br, atBookCenter);\n\n      if (atBookCenter) {\n        e.stopPropagation(); // don't turn the page. this takes prescendence\n      }\n    }\n  }\n\n  /**\n     * background click event handler\n     * @param { object } br - BookReader instance\n     * @param { MouseEvent } e - JS event object\n     */\n  function onBackgroundClick(br, e) {\n    toggleRouter(br, e);\n  }\n\n  /**\n     * actual book container click event handler\n     *\n     * @param { object } br - BookReader instance\n     * @param { MouseEvent } e - JS event object\n     */\n  function onBookClick(br, e) {\n\n    const atBookCenter = true;\n    toggleRouter(br, e, atBookCenter);\n  }\n\n  let initialX;\n  let initialY;\n  /**\n     * attaches mouseup & mousedown event handlers to assess if user is dragging\n     * sets `initialX`, `initialY`, and `holdOffOnToggle`\n     */\n  function registerDragHandlers() {\n    const background = document.querySelector('.BookReader');\n    if (!background) {\n      return;\n    }\n\n    background.addEventListener('mousedown', function (e) {\n      initialX = e.screenX;\n      initialY = e.screenY;\n\n      holdOffOnToggle = true;\n    }, true);\n    background.addEventListener('mouseup', function (e) {\n      const isDrag = (Math.abs(initialX - e.screenX) > 5 || Math.abs(initialY - e.screenY) > 5);\n\n      if (!isDrag) {\n        holdOffOnToggle = false;\n        initialX = 0;\n        initialY = 0;\n      }\n    }, true);\n  }\n\n  /**\n     * attaches click handlers to background & book\n     * @param { object } br - BookReader instance\n     */\n  function registerClickHandlers(br) {\n    const background = document.querySelector('.BookReader');\n    if (!background) {\n      return;\n    }\n\n    background.addEventListener('click', onBackgroundClick.bind(null, br), { capture: true, passive: true });\n\n    const desk = document.querySelector('.BRcontainer') || {};\n    const book = desk.firstChild;\n\n    if (book) {\n      book.addEventListener('click', onBookClick.bind(null, br), true);\n      registerDragHandlers();\n    }\n  }\n\n  /**\n     * Install menu toggle\n     * attaches event handlers, sets up DOM on load\n     */\n  const installMenuToggle = function installMenuToggle(br) {\n    let hasNav = false;\n\n    try {\n      hasNav = br.navigationIsVisible();\n    } catch (error) {\n      hasNav = false;\n    }\n\n    if (!hasNav) {\n      return;\n    }\n\n    const menuToggleEventRegister = function menuToggleEventRegister(e) {\n      registerClickHandlers(br);\n    };\n\n    const setupDOMandHandlers = function setupDOMandHandlers(e) {\n      setupNavForToggle(br);\n    };\n\n    const persistNav = function persistNav(e) {\n      alwaysShowNav(br);\n    };\n\n    const whenToToggleNav = [\n      'BookReader:1PageViewSelected',\n      'BookReader:2PageViewSelected',\n      'BookReader:zoomIn',\n      'BookReader:zoomOut',\n      'BookReader:resize'\n    ];\n\n    const whenTolwaysShowNavWhen = [\n      'BookReader:3PageViewSelected'\n    ];\n\n    $(document).on(whenTolwaysShowNavWhen.join(' '), persistNav);\n    $(document).on(whenToToggleNav.join(' '), menuToggleEventRegister);\n    $(window).on('orientationchange', menuToggleEventRegister);\n    $(document).on('BookReader:fullscreenToggled', setupDOMandHandlers);\n    $(window).on('DOMContentLoaded', setupDOMandHandlers);\n    setupDOMandHandlers();\n  };\n\n  /**\n     * Add to BookReader\n     */\n  BookReader.prototype.setup = (function(super_) {\n    return function(options) {\n      super_.call(this, options);\n    };\n  })(BookReader.prototype.setup);\n\n  /**\n     * Initialize plugin\n     */\n  BookReader.prototype.init = (function(super_) {\n    return function() {\n      super_.call(this);\n      if (this.options.enableMenuToggle) {\n        installMenuToggle(this);\n      }\n    };\n  })(BookReader.prototype.init);\n})();\n"],"sourceRoot":""}

package/BookReaderDemo/demo-plugin-menu-toggle.html

@@ -1,34 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <title>bookreader demo</title>
-
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
-    <meta name="apple-mobile-web-app-capable" content="yes">
-
-    <!-- JS dependencies -->
-    <script src="../BookReader/jquery-1.10.1.js"></script>
-
-
-    <!-- BookReader and plugins -->
-    <link rel="stylesheet" href="../BookReader/BookReader.css"/>
-    <script src="../BookReader/BookReader.js"></script>
-    <script type="text/javascript" src="../BookReader/plugins/plugin.url.js"></script>
-    <script type="text/javascript" src="../BookReader/plugins/plugin.menu_toggle.js"></script>
-
-    <!-- Custom CSS overrides -->
-    <link rel="stylesheet" href="BookReaderDemo.css"/>
-</head>
-<body>
-  <div id="BookReader">
-      Internet Archive BookReader Demo<br/>
-      plugin: Fullscreen menu toggle<br/>
-      <noscript>
-      <p>
-          The BookReader requires JavaScript to be enabled. Please check that your browser supports JavaScript and that it is enabled in the browser settings.  You can also try one of the <a href="https://archive.org/details/goodytwoshoes00newyiala"> other formats of the book</a>.
-      </p>
-      </noscript>
-  </div>
-  <script type="text/javascript" src="BookReaderJSAdvanced.js"></script>
-</body>
-</html>

package/src/BookNavigator/assets/book-loader.js

@@ -1,27 +0,0 @@
-import { html } from 'lit-element';
-
-export default html`
-  <svg
-    height="100"
-    viewBox="0 0 100 100"
-    width="100"
-    xmlns="http://www.w3.org/2000/svg"
-    aria-labelledby="bookreader-loading"
-  >
-    <title id="bookreader-loading">Currently loading viewer.</title>
-    <desc>Please wait while we load book reader.</desc>
-    <g fill="#333" fill-rule="evenodd" class="book-icon">
-      <g transform="matrix(1 0 0 -1 28 67.362264)">
-        <path d="m44.71698 31.6981124v-29.99320678s-18.0956599.30735848-18.6322637-.7171698c-.0633962-.12226414-1.890566-.59207545-2.9745282-.59207545-1.3228302 0-3.5122641 0-4.1286791.74547168-.9707547 1.17452827-18.82811278.71660375-18.82811278.71660375v30.040754l1.83849052.7867924.29094339-28.48188608s15.94981097.15339622 17.09094297-1.10716978c.8145283-.90056602 4.997547-.91641507 5.3450942-.3526415.9611321 1.55716977 14.7101883 1.31716978 17.6077354 1.45981128l.3266038 28.22830118z"/>
-        <path d="m40.1129424 33.5957539h-12.8337733c-1.8690565 0-3.1098112-.7545283-3.9299999-1.6279245v-26.70452764l1.2362264-.00792453c.4584906.72962262 3.0922641 1.39415091 3.0922641 1.39415091h10.1298111s1.0381131.01754717 1.5141509.47377357c.5643396.54056602.7913207 1.36981129.7913207 1.36981129z"/>
-        <path d="m17.3354713 33.5957539h-12.8337733v-25.37660316s0-.75283017.49358489-1.14113205c.52867924-.41433961 1.3415094-.42849055 1.3415094-.42849055h10.59905631s2.2075471-.52698112 3.0928301-1.39415091l1.2.00792453v26.74245214c-.8201886.8581132-2.0530188 1.59-3.8932074 1.59"/>
-      </g>
-      <path
-        class="ring"
-        d="m17.8618849 11.6970233c18.5864635-15.59603144 45.6875867-15.59603102 64.2740497.000001 1.9271446 1.6170806 2.1785128 4.4902567.5614466 6.4174186-1.6170661 1.9271618-4.4902166 2.1785323-6.4173612.5614517-15.1996922-12.75416882-37.3625282-12.75416916-52.5622206-.000001-15.19969387 12.7541707-19.04823077 34.5805019-9.1273354 51.7641499 9.9208955 17.183646 30.7471499 24.7638499 49.3923323 17.9774983 18.6451823-6.7863521 29.7266014-25.9801026 26.2811129-45.5206248-.436848-2.4775114 1.2174186-4.8400696 3.6949079-5.2769215 2.4774893-.4368518 4.8400264 1.2174296 5.2768744 3.694941 4.2132065 23.8945096-9.3373563 47.3649806-32.137028 55.6634567-22.799672 8.2984758-48.2663986-.9707372-60.39785211-21.9832155-12.1314534-21.012481-7.42539173-47.7021198 11.16107351-63.2981544z"
-        fill-rule="nonzero"
-      />
-    </g>
-  </svg>
-`;
-

package/src/ItemNavigator/ItemNavigator.js

@@ -1,372 +0,0 @@
-import { css, html, LitElement } from "lit-element";
-import { nothing } from "lit-html";
-import { IAMenuSlider } from "@internetarchive/ia-menu-slider";
-import IAIcon from "@internetarchive/ia-icons";
-import { ModalConfig } from "@internetarchive/modal-manager";
-
-export default class ItemNavigator extends LitElement {
-  static get properties() {
-    return {
-      baseHost: { type: String },
-      item: {
-        type: Object,
-        converter(value) {
-          return !value ? {} : JSON.parse(atob(value));
-        },
-      },
-      itemType: { type: String },
-      menuShortcuts: {
-        type: Array,
-        hasChanged(newVal, oldVal) {
-          if (newVal !== oldVal) {
-            return true;
-          }
-          return false;
-        },
-      },
-      menuOpened: { type: Boolean },
-      menuContents: { type: Array },
-      openMenu: { type: String },
-      signedIn: {
-        type: Boolean,
-        converter: (arg) => {
-          if (typeof (arg) === 'boolean') {
-            return arg;
-          }
-          return arg === 'true';
-        },
-      },
-      viewportInFullscreen: { type: Boolean },
-    };
-  }
-
-  constructor() {
-    /** TODO: Request BookModel.js
-    * Request BookNavigator.js
-    * Show loading spinner
-    * When JS assets loaded:
-    * - render book-navigator component
-    */
-    super();
-    this.baseHost = 'archive.org';
-    this.item = {};
-    this.itemType = '';
-    this.menuOpened = false;
-    this.signedIn = false;
-    this.menuShortcuts = [];
-    this.menuContents = [];
-    this.viewportInFullscreen = false;
-    this.openMenu = '';
-    this.renderModalManager();
-  }
-
-  showItemNavigatorModal({ detail }) {
-    this.modal.showModal({
-      config: this.modalConfig,
-      customModalContent: detail.customModalContent,
-    });
-  }
-
-  closeItemNavigatorModal() {
-    this.modal.closeModal();
-  }
-
-  /**
-   * Event handler - handles viewport slot going into fullscreen
-   * @param {Event} e - custom event object
-   */
-  manageViewportFullscreen({ detail }) {
-    const { isFullScreen } = detail;
-    this.viewportInFullscreen = isFullScreen;
-  }
-
-  /**
-   * Event handler - handles viewport slot going into fullscreen
-   * @param {Event} e - custom event object
-   *   @param {object} event.detail - custom event detail
-   *     @param {string} detail.action - open, toggle, close
-   *     @param {string} detail.menuId - menu id to be shown
-   */
-  manageSideMenuEvents({ detail }) {
-    const { action = '', menuId = '' } = detail;
-    if (menuId) {
-      if (action === 'open') {
-        this.openShortcut(menuId);
-      } else if  (action === 'toggle') {
-        this.openMenu = menuId;
-        this.toggleMenu();
-      }
-    }
-  }
-
-  toggleMenu() {
-    this.menuOpened = !this.menuOpened;
-  }
-
-  closeMenu() {
-    this.menuOpened = false;
-  }
-
-  /**
-   * Opens menu to selected menu
-   * @param {string} selectedMenuId
-   */
-  openShortcut(selectedMenuId = '') {
-    // open sidemenu to proper tab
-    this.openMenu = selectedMenuId;
-    this.menuOpened = true;
-  }
-
-  setOpenMenu({ detail }) {
-    const { id } = detail;
-    this.openMenu = id === this.openMenu ? '' : id;
-  }
-
-  setMenuContents({ detail }) {
-    this.menuContents = [...detail];
-  }
-
-  setMenuShortcuts({ detail }) {
-    this.menuShortcuts = [...detail];
-  }
-
-  /**
-   * computes classes for item-navigator <section> node
-   */
-  get menuClass() {
-    const drawerState = this.menuOpened ? 'open' : '';
-    const fullscreenState = this.viewportInFullscreen ? 'fullscreen' : '';
-    return `${drawerState} ${fullscreenState}`;
-  }
-
-  get menuToggleButton() {
-    return html`
-      <button class="toggle-menu" @click=${this.toggleMenu.bind(this)}>
-        <div>
-          <ia-icon icon="ellipses" style="width: var(--iconWidth); height: var(--iconHeight);"></ia-icon>
-        </div>
-      </button>
-    `;
-  }
-
-  get menuSlider() {
-    return html`
-      <div id="menu">
-        <ia-menu-slider
-          .menus=${this.menuContents}
-          .open=${true}
-          .selectedMenu=${this.openMenu}
-          @menuTypeSelected=${this.setOpenMenu}
-          @menuSliderClosed=${this.closeMenu}
-          ?manuallyHandleClose=${true}
-          ?animateMenuOpen=${false}
-        ></ia-menu-slider>
-      </div>
-    `;
-  }
-
-  /**
-   * Returns the shortcut buttons for minimized view
-   * @return html
-   */
-  get shortcuts() {
-    // todo: aria tags
-    const shortcuts = this.menuShortcuts.map(({
-      icon,
-      id,
-    }) => html`
-        <button class="shortcut ${id}" @click="${(e) => { this.openShortcut(id); }}">
-          ${icon}
-        </button>
-      `);
-
-    return html`<div class="shortcuts">${shortcuts}</div>`;
-  }
-
-  /**
-   * Returns the side menu given it's open/close state
-   * @return html
-   */
-  get renderSideMenu() {
-    // todo: aria tags
-    return html`
-      <nav>
-        <div class="minimized">
-          ${this.shortcuts}
-          ${this.menuToggleButton}
-        </div>
-        ${this.menuSlider}
-      </nav>
-    `;
-  }
-
-  /**
-   * Given a itemType, this chooses the proper viewport component
-   * @return html
-   */
-  get renderViewport() {
-    if (this.itemType === 'bookreader') {
-      return html`
-        <book-navigator
-          .baseHost=${this.baseHost}
-          .book=${this.item}
-          ?signedIn=${this.signedIn}
-          ?sideMenuOpen=${this.menuOpened}
-          @ViewportInFullScreen=${this.manageViewportFullscreen}
-          @updateSideMenu=${this.manageSideMenuEvents}
-          @menuUpdated=${this.setMenuContents}
-          @menuShortcutsUpdated=${this.setMenuShortcuts}
-          @showItemNavigatorModal=${this.showItemNavigatorModal}
-          @closeItemNavigatorModal=${this.closeItemNavigatorModal}
-        >
-          <div slot="bookreader">
-            <slot name="bookreader"></slot>
-          </div>
-        </book-navigator>
-      `;
-    }
-    return html`<div class="viewport"></div>`;
-  }
-
-  renderModalManager() {
-    this.modal = document.createElement('modal-manager');
-    this.modal.setAttribute('id', 'item-navigator-modal');
-    this.modalConfig = new ModalConfig();
-    this.modalConfig.title = 'Delete Bookmark';
-    this.modalConfig.headline = 'This bookmark contains a note. Deleting it will permanently delete the note. Are you sure?';
-    this.modalConfig.headerColor = '#194880';
-    document.body.appendChild(this.modal);
-  }
-
-  render() {
-    const renderMenu = this.menuContents.length || this.menuShortcuts.length;
-    return html`
-      <div id="frame" class=${this.menuClass}>
-        <slot name="item-nav-header"></slot>
-        <div class="menu-and-reader">
-          ${renderMenu ? this.renderSideMenu : nothing}
-          <div id="reader">
-            ${this.renderViewport}
-          </div>
-        </div>
-      </div>
-    `;
-  }
-
-  static get styles() {
-    const subnavWidth = css`var(--menuWidth, 320px)`;
-    const tabletPlusQuery = css`@media (min-width: 640px)`;
-    const transitionTiming = css`var(--animationTiming, 200ms)`;
-    const transitionEffect = css`transform ${transitionTiming} ease-out`;
-
-    return css`
-      #frame {
-        position: relative;
-        overflow: hidden;
-      }
-
-      #frame.fullscreen,
-      #frame.fullscreen #reader {
-        height: 100vh;
-      }
-
-      button {
-        cursor: pointer;
-        padding: 0;
-        border: 0;
-      }
-
-      button:focus,
-      button:active {
-        outline: none;
-      }
-
-      .menu-and-reader {
-        position: relative;
-      }
-
-      nav button {
-        background: none;
-      }
-
-      nav .minimized {
-        background: rgba(0, 0, 0, .7);
-        border-bottom-right-radius: 5%;
-        position: absolute;
-        padding-top: .6rem;
-        left: 0;
-        width: 4rem;
-        z-index: 2;
-      }
-
-      nav .minimized button {
-        width: var(--iconWidth);
-        height: var(--iconHeight);
-        margin: auto;
-        display: inline-flex;
-        vertical-align: middle;
-        -webkit-box-align: center;
-        align-items: center;
-        -webkit-box-pack: center;
-        justify-content: center;
-        width: 4rem;
-        height: 4rem;
-      }
-
-      nav .minimized button.toggle-menu > * {
-        border: 2px solid var(--iconStrokeColor);
-        border-radius: var(--iconWidth);
-        width: var(--iconWidth);
-        height: var(--iconHeight);
-        margin: auto;
-      }
-
-      #menu {
-        position: absolute;
-        top: 0;
-        bottom: 0;
-        left: 0;
-        z-index: 3;
-        overflow: hidden;
-        transform: translateX(-${subnavWidth});
-        width: ${subnavWidth};
-        transform: translateX(calc(${subnavWidth} * -1));
-        transition: ${transitionEffect};
-      }
-
-      #reader {
-        position: relative;
-        z-index: 1;
-        transition: ${transitionEffect};
-        transform: translateX(0);
-        width: 100%;
-      }
-
-      .open #menu {
-        width: ${subnavWidth};
-        transform: translateX(0);
-        transition: ${transitionEffect};
-      }
-
-      ${tabletPlusQuery} {
-        .open #reader {
-          transition: ${transitionEffect};
-          transform: translateX(${subnavWidth});
-          width: calc(100% - ${subnavWidth});
-        }
-      }
-
-      #loading-indicator {
-        display: none;
-      }
-
-      #loading-indicator.visible {
-        display: block;
-      }
-    `;
-  }
-}
-
-customElements.define('ia-icon', IAIcon);
-customElements.define('ia-menu-slider', IAMenuSlider);
-customElements.define('item-navigator', ItemNavigator);

package/src/ItemNavigator/providers/sharing.js

@@ -1,29 +0,0 @@
-import { html } from 'lit-element';
-
-/* register subpanel */
-import { IASharingOptions } from '@internetarchive/ia-sharing-options';
-customElements.define('ia-sharing-options', IASharingOptions);
-
-export default class {
-  constructor(metadata = {}, baseHost, baseItemType) {
-    this.itemType = baseItemType;
-    const label = `Share this ${this.reconcileItemType}`;
-    this.icon = html`<ia-icon icon="share" style="width: var(--iconWidth); height: var(--iconHeight);"></ia-icon>`;
-    this.label = label;
-    this.id = 'share';
-    this.component = html`<ia-sharing-options
-      identifier="${metadata.identifier}"
-      type="book"
-      creator="${metadata.creator}"
-      description="${metadata.title}"
-      baseHost="${baseHost}"
-    ></ia-sharing-options>`;
-  }
-
-  get reconcileItemType() {
-    if (this.itemType === 'bookreader') {
-      return 'book';
-    }
-    return 'item';
-  }
-}