@internetarchive/ia-item-navigator 0.0.0 → 0.0.2

package/dist/src/item-inspector/item-inspector.js.map

@@ -1 +1 @@
-{"version":3,"file":"item-inspector.js","sourceRoot":"","sources":["../../../src/item-inspector/item-inspector.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable no-console */\nimport {\n  css,\n  html,\n  LitElement,\n  customElement,\n  property,\n  state,\n} from 'lit-element';\n// import { nothing, TemplateResult } from 'lit-html';\nimport { MetadataResponse } from '@internetarchive/search-service';\nimport { IntNavController } from '../interfaces/nav-controller-interface';\nimport {\n  IntMenuShortcut,\n  IntMenuProvider,\n} from '../interfaces/menu-interfaces';\n\nimport { ShareProvider } from './share-provider';\nimport { FilesByTypeProvider } from './files-by-type/files-by-type-provider';\n\n// eslint-disable-next-line no-shadow\nenum ItemInspectorEvents {\n  menuUpdated = 'menuUpdated',\n  updateSideMenu = 'updateSideMenu',\n  PostInit = 'PostInit',\n  ViewportInFullScreen = 'ViewportInFullScreen',\n}\n\ninterface menuProvidersInt {\n  [menuId: string]: IntMenuProvider;\n}\n\n@customElement('ia-item-inspector')\nexport class IaItemInspector extends LitElement implements IntNavController {\n  @property({ type: Object }) itemMD: MetadataResponse = {} as MetadataResponse;\n\n  @property({ type: String }) baseHost = 'https://archive.org';\n\n  @property({ type: Object }) menuProviders: menuProvidersInt = {};\n\n  @property({ type: Array }) menuShortcuts: IntMenuShortcut[] = [];\n\n  @property({ type: Array }) shortcutOrder: string[] = ['filesByType'];\n\n  @property({ type: Boolean }) sideMenuOpen = false;\n\n  @state() fileCount: number = 0;\n\n  @state() loaded: boolean = false;\n\n  firstUpdated() {\n    this.loaded = true;\n  }\n\n  updated(changed: any) {\n    if (changed.has('loaded')) {\n      this.emitLoadingStatusUpdate(this.loaded);\n    }\n\n    if (changed.has('itemMD') && this.itemMD) {\n      this.parseItemInfo();\n      this.setMenu();\n    }\n\n    if (changed.has('menuProviders') || changed.has('menuShortcuts')) {\n      this.updateMenuContents();\n    }\n  }\n\n  render() {\n    const { identifier = '' } = this.itemMD?.metadata || {};\n    return html`\n      <section>\n        <div>\n          <h2>${identifier}</h2>\n        </div>\n        <img src=${this.imageUrl} alt=${`${identifier} thumbnail`} />\n      </section>\n    `;\n  }\n\n  setMenu() {\n    const menuProviders = {\n      share: new ShareProvider({\n        item: this.itemMD,\n        baseHost: this.baseHost,\n        subPrefix: '',\n      }),\n      filesByType: new FilesByTypeProvider({\n        item: this.itemMD,\n        baseHost: this.baseHost,\n        subPrefix: '',\n      }),\n    };\n\n    this.menuProviders = menuProviders;\n\n    this.addMenuShortcut('filesByType');\n  }\n\n  addMenuShortcut(menuId: keyof menuProvidersInt) {\n    if (this.menuShortcuts.find(m => m.id === menuId)) {\n      return;\n    }\n\n    const shortcut = this.menuProviders[menuId];\n    this.menuShortcuts.push(shortcut);\n    this.sortMenuShortcuts();\n    this.emitMenuShortcutsUpdated();\n  }\n\n  sortMenuShortcuts() {\n    const sorted = this.shortcutOrder.reduce(\n      (shortcuts: IntMenuShortcut[], id): IntMenuShortcut[] => {\n        const menu = this.menuShortcuts.find(\n          m => m.id === id\n        ) as IntMenuShortcut;\n\n        let allShortcuts: IntMenuShortcut[] = [...shortcuts];\n        if (menu) {\n          const newShortcut = [menu];\n          allShortcuts = [...shortcuts, ...newShortcut];\n        }\n        return allShortcuts;\n      },\n      []\n    );\n\n    this.menuShortcuts = sorted;\n  }\n\n  emitMenuShortcutsUpdated() {\n    const event = new CustomEvent('menuShortcutsUpdated', {\n      detail: this.menuShortcuts,\n    });\n    this.dispatchEvent(event);\n  }\n\n  removeMenuShortcut(menuId: string) {\n    this.menuShortcuts = this.menuShortcuts.filter(m => m.id !== menuId);\n    this.emitMenuShortcutsUpdated();\n  }\n\n  updateMenuContents() {\n    const { share, filesByType } = this.menuProviders;\n    const availableMenus = [filesByType, share].filter(menu => !!menu);\n\n    const event = new CustomEvent(ItemInspectorEvents.menuUpdated, {\n      detail: availableMenus,\n    });\n\n    this.dispatchEvent(event);\n  }\n\n  emitLoadingStatusUpdate(loaded: boolean) {\n    const event = new CustomEvent('loadingStateUpdated', {\n      detail: { loaded },\n    });\n    this.dispatchEvent(event);\n  }\n\n  parseItemInfo() {\n    this.fileCount = this.itemMD?.files?.length || 0;\n  }\n\n  get imageUrl() {\n    const { metadata = {} } = this.itemMD;\n    const url = `${this.baseHost}/download/${metadata?.identifier}/__ia_thumb.jpg`;\n    return url;\n  }\n\n  static get styles() {\n    const main = css`\n      :host {\n        display: block;\n        width: 100%;\n        margin: 0 auto;\n        position: relative;\n        overflow: hidden;\n        display: block;\n      }\n\n      :host,\n      section {\n        min-height: inherit;\n        height: inherit;\n      }\n\n      section {\n        margin: auto;\n        width: 100%;\n        border: 1px solid;\n        text-align: center;\n      }\n\n      img {\n        border: 1px solid var(--primaryTextColor, #fff);\n      }\n    `;\n    return [main];\n  }\n}\n"]}
+{"version":3,"file":"item-inspector.js","sourceRoot":"","sources":["../../../src/item-inspector/item-inspector.ts"],"names":[],"mappings":"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","sourcesContent":["// /* eslint-disable no-console */\n// import {\n//   css,\n//   html,\n//   LitElement,\n//   customElement,\n//   property,\n//   state,\n// } from 'lit-element';\n// import { MetadataResponse } from '@internetarchive/search-service';\n\n// import {\n//   ModalManagerInterface,\n//   ModalConfig,\n// } from '@internetarchive/modal-manager';\n// import { SharedResizeObserverInterface } from '@internetarchive/shared-resize-observer';\n// import { IntNavController } from '../interfaces/nav-controller-interface';\n// import {\n//   IntMenuProvider,\n//   IntMenuShortcut,\n// } from '../interfaces/menu-interfaces';\n// import { IntManageFullscreenEvent } from '../interfaces/event-interfaces';\n\n// import { ShareProvider } from './share-provider';\n// import { FilesByTypeProvider } from './files-by-type/files-by-type-provider';\n// import { VisualModsProvider } from './visual-mod-provider';\n\n// // eslint-disable-next-line no-shadow\n// enum ItemInspectorEvents {\n//   menuUpdated = 'menuUpdated',\n//   updateSideMenu = 'updateSideMenu',\n//   PostInit = 'PostInit',\n//   ViewportInFullScreen = 'ViewportInFullScreen',\n// }\n\n// interface menuProvidersInt {\n//   [menuId: string]: IntMenuProvider;\n// }\n\n// @customElement('ia-item-inspector')\n// export class IaItemInspector extends LitElement implements IntNavController {\n//   @property({ type: Object }) itemMD: MetadataResponse = {\n//     metadata: {},\n//   } as MetadataResponse;\n\n//   @property({ type: String }) baseHost = 'https://archive.org';\n\n//   @property({ type: Object }) menuProviders: menuProvidersInt = {};\n\n//   @property({ type: Array }) menuShortcuts: IntMenuShortcut[] = [];\n\n//   @property({ type: Boolean }) sideMenuOpen = false;\n\n//   @property({ type: Boolean }) fullscreenState = false;\n\n//   @property({ attribute: false }) modal!: ModalManagerInterface;\n\n//   @property({ attribute: false }) sharedRO!: SharedResizeObserverInterface;\n\n//   @state() fileCount: number = 0;\n\n//   @state() loaded: boolean = false;\n\n//   @state() private shortcutOrder = ['visualMods'];\n\n//   firstUpdated() {\n//     this.loaded = true;\n//     console.log('modal', this.modal);\n//   }\n\n//   updated(changed: any) {\n//     if (changed.has('loaded')) {\n//       setTimeout(() => this.emitLoadingStatusUpdate(this.loaded), 1000);\n//     }\n\n//     if (changed.has('itemMD') && this.itemMD) {\n//       this.parseItemInfo();\n//       this.setMenu();\n//     }\n\n//     if (changed.has('menuProviders') || changed.has('menuShortcuts')) {\n//       this.updateMenuContents();\n//     }\n//   }\n\n//   modalClosedCallback() {\n//     console.log('item-inspector, modal closed');\n//   }\n\n//   openModal() {\n//     const config = new ModalConfig();\n//     const customModalContent = html`\n//       Can contain any markup, including web components. Event listeners also\n//       work. Try clicking on the picture.\n//       <div style=\"text-align: center\">\n//         <a href=\"https://fillmurray.com\" style=\"display: block\">Fill Murray</a>\n//         <img src=\"100x100.jpg\" alt=\"foo\" />\n//       </div>\n//     `;\n\n//     this.modal.showModal({\n//       config,\n//       customModalContent,\n//       userClosedModalCallback: this.modalClosedCallback,\n//     });\n//   }\n\n//   render() {\n//     const { identifier = '' } = this.itemMD?.metadata;\n//     return html`\n//       <section>\n//         <div>\n//           <h2>${identifier}</h2>\n//         </div>\n//         <img src=${this.imageUrl} alt=${`${identifier} thumbnail`} />\n//         <button @click=${() => this.openModal()}>open modal</button>\n//         <p style=\"font-size: 20px;\">\n//           Bacon ipsum dolor amet flank chicken leberkas sausage, meatball pork\n//           belly jowl. Chislic bacon salami frankfurter shankle drumstick\n//           andouille ball tip alcatra. Fatback beef ribs chicken, jerky ground\n//           round hamburger pork chop biltong. Shoulder short loin rump jerky\n//           kielbasa pork porchetta fatback ribeye pork belly sirloin chislic\n//           turducken corned beef tri-tip. Chuck pancetta meatball tail, spare\n//           ribs ham hock capicola pig. Ham hock hamburger chicken tri-tip venison\n//           swine burgdoggen boudin meatloaf pastrami chuck. Tri-tip spare ribs\n//           drumstick, tail rump hamburger burgdoggen swine t-bone tongue\n//           andouille chislic alcatra. Pork loin jowl frankfurter, doner meatball\n//           short loin ham hock filet mignon hamburger rump turkey bresaola\n//           shoulder sirloin flank. Ribeye sausage pig t-bone bacon frankfurter\n//           cupim capicola fatback pastrami ball tip pork belly. Picanha pancetta\n//           andouille flank shankle venison tri-tip tail, kevin turkey turducken\n//           chicken. Bacon picanha swine frankfurter, prosciutto chislic doner\n//           alcatra pork loin corned beef jowl biltong meatball chuck. Bacon\n//           burgdoggen pig fatback cupim t-bone. Cow pork loin bresaola brisket\n//           shoulder filet mignon chicken. Sirloin bresaola porchetta beef\n//           capicola meatloaf brisket shankle jerky turkey pork tri-tip swine\n//           kevin salami. Meatball t-bone doner venison. Pig tri-tip chuck, shank\n//           chicken pork chop landjaeger spare ribs jerky swine ham hock buffalo\n//           sirloin. Leberkas pancetta tenderloin, meatloaf buffalo rump pastrami\n//           chuck. Jerky cupim porchetta, tenderloin chuck andouille venison pork\n//           salami. Chuck strip steak cupim, turducken ham hock kielbasa shoulder\n//           porchetta chislic short loin tri-tip biltong cow corned beef.\n//         </p>\n//       </section>\n//     `;\n//   }\n\n//   addMenuShortcut(menuId: keyof menuProvidersInt) {\n//     if (this.menuShortcuts.find(m => m.id === menuId)) {\n//       return;\n//     }\n\n//     const shortcut = this.menuProviders[menuId];\n//     this.menuShortcuts.push(shortcut);\n//     this.sortMenuShortcuts();\n//     this.emitMenuShortcutsUpdated();\n//   }\n\n//   /**\n//    * Removes a provider object from the menuShortcuts array and emits a\n//    * menuShortcutsUpdated event.\n//    */\n//   removeMenuShortcut(menuId: string) {\n//     this.menuShortcuts = this.menuShortcuts.filter(m => m.id !== menuId);\n//     this.emitMenuShortcutsUpdated();\n//   }\n\n//   /**\n//    * Sorts the menuShortcuts property by comparing each provider's id to\n//    * the id in each iteration over the shortcutOrder array.\n//    */\n//   sortMenuShortcuts() {\n//     this.menuShortcuts = this.shortcutOrder.reduce(\n//       (shortcuts: IntMenuShortcut[], id) => {\n//         const menu = this.menuShortcuts.find(m => m.id === id);\n\n//         // eslint-disable-next-line no-param-reassign\n//         if (menu) {\n//           const newShortcuts = [...shortcuts, menu];\n//           // eslint-disable-next-line no-param-reassign\n//           shortcuts = newShortcuts;\n//         }\n//         return shortcuts;\n//       },\n//       []\n//     );\n//   }\n\n//   emitMenuShortcutsUpdated() {\n//     const event = new CustomEvent('menuShortcutsUpdated', {\n//       detail: this.menuShortcuts,\n//     });\n//     this.dispatchEvent(event);\n//   }\n\n//   setMenu() {\n//     const menuProviders = {\n//       share: new ShareProvider({\n//         item: this.itemMD,\n//         baseHost: this.baseHost,\n//         subPrefix: '',\n//       }),\n//       filesByType: new FilesByTypeProvider({\n//         item: this.itemMD,\n//         baseHost: this.baseHost,\n//         subPrefix: '',\n//       }),\n//       visualMods: new VisualModsProvider({\n//         updated: (modType: string) => {\n//           if (modType === 'toggleFullscreen') {\n//             this.updateFullscreenState();\n//           }\n//         },\n//         item: this.itemMD,\n//         baseHost: this.baseHost,\n//         subPrefix: '',\n//         // maybe DOM root for class configs?\n//       }),\n//     };\n\n//     this.menuProviders = menuProviders;\n//     this.addMenuShortcut('visualMods');\n//   }\n\n//   updateFullscreenState() {\n//     const isFullScreen = !this.fullscreenState;\n//     this.fullscreenState = isFullScreen;\n\n//     const event = new CustomEvent('ViewportInFullScreen', {\n//       detail: { isFullScreen },\n//     } as IntManageFullscreenEvent);\n//     this.dispatchEvent(event);\n//   }\n\n//   updateMenuContents() {\n//     const { share, filesByType, visualMods } = this.menuProviders;\n//     const availableMenus = [filesByType, share, visualMods].filter(\n//       menu => !!menu\n//     );\n\n//     const event = new CustomEvent(ItemInspectorEvents.menuUpdated, {\n//       detail: availableMenus,\n//     });\n\n//     this.dispatchEvent(event);\n//   }\n\n//   emitLoadingStatusUpdate(loaded: boolean) {\n//     const event = new CustomEvent('loadingStateUpdated', {\n//       detail: { loaded },\n//     });\n//     this.dispatchEvent(event);\n//   }\n\n//   parseItemInfo() {\n//     this.fileCount = this.itemMD?.files?.length || 0;\n//   }\n\n//   get imageUrl() {\n//     const { metadata = {} } = this.itemMD;\n//     const url = `${this.baseHost}/download/${metadata?.identifier}/__ia_thumb.jpg`;\n//     return url;\n//   }\n\n//   static get styles() {\n//     const main = css`\n//       :host {\n//         display: block;\n//         width: 100%;\n//         margin: 0 auto;\n//         position: relative;\n//         overflow: auto;\n//         background-color: black;\n//         color: var(--primaryTextColor, #fff);\n//       }\n\n//       :host,\n//       section {\n//         min-height: inherit;\n//         height: inherit;\n//       }\n\n//       section {\n//         margin: auto;\n//         width: 100%;\n//         text-align: center;\n//       }\n\n//       img {\n//         border: 1px solid var(--primaryTextColor, #fff);\n//       }\n//     `;\n//     return [main];\n//   }\n// }\n"]}

package/dist/src/item-inspector/visual-mod-provider.d.ts

@@ -0,0 +1,19 @@
+import { TemplateResult } from 'lit-element';
+import '@internetarchive/ia-sharing-options';
+import '@internetarchive/icon-visual-adjustment/icon-visual-adjustment';
+import { IntMenuProvider, IntProviderArgs } from '../interfaces/menu-interfaces';
+export declare class VisualModsProvider implements IntMenuProvider {
+    item: any;
+    baseHost: string;
+    icon: TemplateResult;
+    id: string;
+    label: string;
+    component: TemplateResult | null;
+    subPrefix: string;
+    encodedSubPrefix: string;
+    updated: any;
+    constructor(providerArgs: IntProviderArgs);
+    openModal(): void;
+    closeModal(): void;
+    toggleFullscreen(): void;
+}

package/dist/src/item-inspector/visual-mod-provider.js

@@ -0,0 +1,46 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable max-classes-per-file */
+import { __decorate } from "tslib";
+import { html, customElement, LitElement } from 'lit-element';
+import '@internetarchive/ia-sharing-options';
+import '@internetarchive/icon-visual-adjustment/icon-visual-adjustment';
+let VisualMods = class VisualMods extends LitElement {
+    toggleFullscreen() {
+        this.dispatchEvent(new Event('fullscreenToggle'));
+    }
+    render() {
+        return html `<section>
+      <button @click=${this.toggleFullscreen}>Toggle Fullscreen</button>
+    </section>`;
+    }
+};
+VisualMods = __decorate([
+    customElement('ia-visual-mods')
+], VisualMods);
+export class VisualModsProvider {
+    constructor(providerArgs) {
+        this.item = null;
+        this.baseHost = 'https://archive.org';
+        this.icon = html `<ia-icon-visual-adjustment
+    style="width: var(--iconWidth); height: var(--iconHeight);"
+  ></ia-icon-visual-adjustment>`;
+        this.id = 'visualMods';
+        this.label = 'Visual Modifications';
+        this.component = null;
+        this.subPrefix = '';
+        this.encodedSubPrefix = '';
+        this.updated = () => { };
+        const { item, baseHost, subPrefix = '', updated } = providerArgs;
+        this.updated = updated;
+        this.component = html `<ia-visual-mods
+      @fullscreenToggle=${() => this === null || this === void 0 ? void 0 : this.updated('toggleFullscreen')}
+      @openModa=${this.openModal}
+    ></ia-visual-mods>`;
+    }
+    openModal() { }
+    closeModal() { }
+    toggleFullscreen() {
+        this.updated('toggleFullscreen');
+    }
+}
+//# sourceMappingURL=visual-mod-provider.js.map

package/dist/src/item-inspector/visual-mod-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visual-mod-provider.js","sourceRoot":"","sources":["../../../src/item-inspector/visual-mod-provider.ts"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,yCAAyC;;AAEzC,OAAO,EAAE,IAAI,EAAkB,aAAa,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9E,OAAO,qCAAqC,CAAC;AAC7C,OAAO,gEAAgE,CAAC;AAOxE,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IACjC,gBAAgB;QACd,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC;IACpD,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;uBACQ,IAAI,CAAC,gBAAgB;eAC7B,CAAC;IACd,CAAC;CACF,CAAA;AAVK,UAAU;IADf,aAAa,CAAC,gBAAgB,CAAC;GAC1B,UAAU,CAUf;AAED,MAAM,OAAO,kBAAkB;IAqB7B,YAAY,YAA6B;QApBzC,SAAI,GAAQ,IAAI,CAAC;QAEjB,aAAQ,GAAW,qBAAqB,CAAC;QAEzC,SAAI,GAAmB,IAAI,CAAA;;gCAEG,CAAC;QAE/B,OAAE,GAAW,YAAY,CAAC;QAE1B,UAAK,GAAW,sBAAsB,CAAC;QAEvC,cAAS,GAA0B,IAAI,CAAC;QAExC,cAAS,GAAW,EAAE,CAAC;QAEvB,qBAAgB,GAAW,EAAE,CAAC;QAE9B,YAAO,GAAQ,GAAG,EAAE,GAAE,CAAC,CAAC;QAGtB,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG,YAAY,CAAC;QAEjE,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QAEvB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAA;0BACC,GAAG,EAAE,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAC,kBAAkB,CAAC;kBAC/C,IAAI,CAAC,SAAS;uBACT,CAAC;IACtB,CAAC;IAED,SAAS,KAAI,CAAC;IAEd,UAAU,KAAI,CAAC;IAEf,gBAAgB;QACd,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACnC,CAAC;CACF","sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable max-classes-per-file */\n\nimport { html, TemplateResult, customElement, LitElement } from 'lit-element';\n\nimport '@internetarchive/ia-sharing-options';\nimport '@internetarchive/icon-visual-adjustment/icon-visual-adjustment';\nimport {\n  IntMenuProvider,\n  IntProviderArgs,\n} from '../interfaces/menu-interfaces';\n\n@customElement('ia-visual-mods')\nclass VisualMods extends LitElement {\n  toggleFullscreen() {\n    this.dispatchEvent(new Event('fullscreenToggle'));\n  }\n\n  render() {\n    return html`<section>\n      <button @click=${this.toggleFullscreen}>Toggle Fullscreen</button>\n    </section>`;\n  }\n}\n\nexport class VisualModsProvider implements IntMenuProvider {\n  item: any = null;\n\n  baseHost: string = 'https://archive.org';\n\n  icon: TemplateResult = html`<ia-icon-visual-adjustment\n    style=\"width: var(--iconWidth); height: var(--iconHeight);\"\n  ></ia-icon-visual-adjustment>`;\n\n  id: string = 'visualMods';\n\n  label: string = 'Visual Modifications';\n\n  component: TemplateResult | null = null;\n\n  subPrefix: string = '';\n\n  encodedSubPrefix: string = '';\n\n  updated: any = () => {};\n\n  constructor(providerArgs: IntProviderArgs) {\n    const { item, baseHost, subPrefix = '', updated } = providerArgs;\n\n    this.updated = updated;\n\n    this.component = html`<ia-visual-mods\n      @fullscreenToggle=${() => this?.updated('toggleFullscreen')}\n      @openModa=${this.openModal}\n    ></ia-visual-mods>`;\n  }\n\n  openModal() {}\n\n  closeModal() {}\n\n  toggleFullscreen() {\n    this.updated('toggleFullscreen');\n  }\n}\n"]}

package/dist/src/item-navigator.d.ts

@@ -1,52 +1,74 @@
-import { LitElement } from 'lit-element';
+import { LitElement, PropertyValues, CSSResult } from 'lit-element';
 import { nothing, TemplateResult } from 'lit-html';
 import { MetadataResponse } from '@internetarchive/search-service';
-import { ModalManagerInterface } from '@internetarchive/modal-manager';
+import { SharedResizeObserver, SharedResizeObserverResizeHandlerInterface } from '@internetarchive/shared-resize-observer';
+import '@internetarchive/ia-menu-slider';
+import { ModalManager } from '@internetarchive/modal-manager';
 import '@internetarchive/icon-ellipses/icon-ellipses';
 import './loader';
-import { IntManageFullscreenEvent, IntOpenModalEvent, IntManageSideMenuEvent, IntSetOpenMenuEvent, IntSetMenuContentsEvent, IntSetMenuShortcuts, IntLoadingStateUpdatedEvent } from './interfaces/event-interfaces';
-import { IntMenuProvider, IntMenuShortcut } from './interfaces/menu-interfaces';
-export declare class ItemNavigator extends LitElement {
-    item: MetadataResponse | undefined;
-    itemType: string;
+import { ToggleSideMenuOpenEvent, ToggleSidePanelOpenEvent, SetSideMenuContentsEvent, SetSideMenuShortcutsEvent, loadingStateUpdatedEvent, ManageFullscreenEvent } from './interfaces/event-interfaces';
+import { MenuProviderInterface, MenuShortcutInterface, MenuId } from './interfaces/menu-interfaces';
+import './no-theater-available';
+export declare enum ItemType {
+    BOOK = "bookreader"
+}
+export declare class ItemNavigator extends LitElement implements SharedResizeObserverResizeHandlerInterface {
+    item?: MetadataResponse;
+    itemType?: ItemType;
     baseHost: string;
     signedIn: boolean;
-    menuShortcuts: IntMenuShortcut[];
-    menuContents: IntMenuProvider[];
-    viewportInFullscreen: boolean;
+    menuContents: MenuProviderInterface[];
+    menuShortcuts: MenuShortcutInterface[];
+    viewportInFullscreen: boolean | null;
     menuOpened: boolean;
-    openMenu: string;
-    modal: ModalManagerInterface | undefined;
-    loaded: boolean;
-    firstUpdated(): void;
+    openMenu?: MenuId;
+    modal?: ModalManager;
+    sharedObserver?: SharedResizeObserver;
+    loaded: true | null;
+    openMenuState: 'overlay' | 'shift';
+    private frame;
+    private headerSlot;
+    disconnectedCallback(): void;
+    updated(changed: PropertyValues): void;
+    /** Shared observer */
+    handleResize(entry: ResizeObserverEntry): void;
+    private setResizeObserver;
+    private removeResizeObserver;
+    get resizeObserverConfig(): {
+        handler: SharedResizeObserverResizeHandlerInterface;
+        target: Element;
+    };
+    /** End shared observer */
+    get loaderTitle(): "" | "Internet Archive";
+    get readerHeightStyle(): string;
+    get loadingArea(): TemplateResult;
     render(): TemplateResult;
-    get BooksViewer(): TemplateResult;
+    get noTheaterView(): TemplateResult;
+    get theaterSlot(): TemplateResult;
+    get booksViewer(): TemplateResult;
     get renderViewport(): TemplateResult | typeof nothing;
-    loadingStateUpdated(e: IntLoadingStateUpdatedEvent): void;
-    openModal(e: IntOpenModalEvent): void;
-    closeModal(): void;
-    /** Creates modal DOM & attaches to `<body>` */
-    private createModal;
+    loadingStateUpdated(e: loadingStateUpdatedEvent): void;
     /** Fullscreen Management */
-    manageViewportFullscreen(e: IntManageFullscreenEvent): void;
+    manageViewportFullscreen(e: ManageFullscreenEvent): void;
     /** End Fullscreen Management */
     /** Side menu */
     get shouldRenderMenu(): boolean;
     toggleMenu(): void;
     closeMenu(): void;
-    setOpenMenu(e: IntSetOpenMenuEvent): void;
-    setMenuContents(e: IntSetMenuContentsEvent): void;
+    setOpenMenu(e: ToggleSidePanelOpenEvent): void;
+    setMenuContents(e: SetSideMenuContentsEvent): void;
+    setMenuShortcuts(e: SetSideMenuShortcutsEvent): void;
     /** Toggles Side Menu & Sets viewable subpanel  */
-    manageSideMenuEvents(e: IntManageSideMenuEvent): void;
+    manageSideMenuEvents(e: ToggleSideMenuOpenEvent): void;
+    get menuToggleButton(): TemplateResult;
+    get selectedMenuId(): MenuId | '';
     get renderSideMenu(): TemplateResult;
     /** End Side menu */
     /** Menu Shortcuts */
-    setMenuShortcuts(e: IntSetMenuShortcuts): void;
-    openShortcut(selectedMenuId?: string): void;
+    openShortcut(selectedMenuId?: MenuId): void;
     get shortcuts(): TemplateResult;
     /** End Menu Shortcuts */
     /** Misc Render */
     get menuClass(): string;
-    get menuToggleButton(): TemplateResult;
-    static get styles(): import("lit-element").CSSResult;
+    static get styles(): CSSResult;
 }