@internetarchive/ia-item-navigator 0.0.0 → 0.0.2

package/dist/src/interfaces/menu-interfaces.d.ts

@@ -1,22 +1,22 @@
 import { TemplateResult } from 'lit-html';
 import { MetadataResponse } from '@internetarchive/search-service';
-export interface IntMenuShortcut {
+export declare type MenuId = string;
+export interface MenuShortcutInterface {
     icon: TemplateResult;
-    id: string;
+    id: MenuId;
 }
-export interface IntMenuIconAndDetails extends IntMenuShortcut {
-    icon: TemplateResult;
-    id: string;
+export interface MenuDetailsInterface extends MenuShortcutInterface {
     label: string;
     menuDetails?: TemplateResult;
     selected?: boolean;
     followable?: boolean;
     href?: string;
 }
-export interface IntProviderArgs {
+export interface MenuProviderBaseConfigInterface {
     item: MetadataResponse;
     baseHost: string;
     subPrefix: string;
+    updated?: any;
 }
-export interface IntMenuProvider extends IntProviderArgs, IntMenuIconAndDetails {
+export interface MenuProviderInterface extends MenuProviderBaseConfigInterface, MenuDetailsInterface, MenuShortcutInterface {
 }

package/dist/src/interfaces/menu-interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-interfaces.js","sourceRoot":"","sources":["../../../src/interfaces/menu-interfaces.ts"],"names":[],"mappings":"","sourcesContent":["import { TemplateResult } from 'lit-html';\nimport { MetadataResponse } from '@internetarchive/search-service';\n\nexport interface IntMenuShortcut {\n  icon: TemplateResult;\n  id: string;\n}\n\nexport interface IntMenuIconAndDetails extends IntMenuShortcut {\n  icon: TemplateResult;\n  id: string;\n  label: string;\n  menuDetails?: TemplateResult;\n  selected?: boolean;\n  followable?: boolean;\n  href?: string;\n}\n\nexport interface IntProviderArgs {\n  item: MetadataResponse;\n  baseHost: string;\n  subPrefix: string;\n}\nexport interface IntMenuProvider\n  extends IntProviderArgs,\n    IntMenuIconAndDetails {}\n"]}
+{"version":3,"file":"menu-interfaces.js","sourceRoot":"","sources":["../../../src/interfaces/menu-interfaces.ts"],"names":[],"mappings":"","sourcesContent":["import { TemplateResult } from 'lit-html';\nimport { MetadataResponse } from '@internetarchive/search-service';\n\nexport type MenuId = string;\nexport interface MenuShortcutInterface {\n  icon: TemplateResult;\n  id: MenuId;\n}\n\nexport interface MenuDetailsInterface extends MenuShortcutInterface {\n  label: string;\n  menuDetails?: TemplateResult;\n  selected?: boolean;\n  followable?: boolean;\n  href?: string;\n}\n\nexport interface MenuProviderBaseConfigInterface {\n  item: MetadataResponse;\n  baseHost: string;\n  subPrefix: string;\n  updated?: any;\n}\nexport interface MenuProviderInterface\n  extends MenuProviderBaseConfigInterface,\n    MenuDetailsInterface,\n    MenuShortcutInterface {}\n"]}

package/dist/src/interfaces/nav-controller-interface.d.ts

@@ -1,12 +1,17 @@
 import { LitElement } from 'lit-element';
 import { MetadataResponse } from '@internetarchive/search-service';
-import { IntMenuShortcut } from './menu-interfaces';
-export interface IntNavController extends LitElement {
-    baseHost: string;
-    itemMD: MetadataResponse;
-    menuProviders: object;
-    menuShortcuts: IntMenuShortcut[];
+import { ModalManager } from '@internetarchive/modal-manager';
+import { SharedResizeObserver } from '@internetarchive/shared-resize-observer';
+import { IntMenuProvider, IntMenuShortcut } from './menu-interfaces';
+export interface CustomTheaterInterface extends LitElement {
+    baseHost?: string;
+    itemMD?: MetadataResponse;
+    menuProviders?: IntMenuProvider[];
+    menuShortcuts?: IntMenuShortcut[];
     sideMenuOpen: boolean;
+    signedIn?: boolean | null;
+    sharedObserver?: SharedResizeObserver;
+    modal?: ModalManager;
     emitLoadingStatusUpdate: (loaded: boolean) => void;
     addMenuShortcut: (menuId: string) => void;
     removeMenuShortcut: (menuId: string) => void;

package/dist/src/interfaces/nav-controller-interface.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-controller-interface.js","sourceRoot":"","sources":["../../../src/interfaces/nav-controller-interface.ts"],"names":[],"mappings":"","sourcesContent":["import { LitElement } from 'lit-element';\nimport { MetadataResponse } from '@internetarchive/search-service';\nimport { IntMenuShortcut } from './menu-interfaces';\n\nexport interface IntNavController extends LitElement {\n  baseHost: string;\n  itemMD: MetadataResponse;\n  menuProviders: object;\n  menuShortcuts: IntMenuShortcut[];\n  sideMenuOpen: boolean;\n\n  emitLoadingStatusUpdate: (loaded: boolean) => void;\n\n  addMenuShortcut: (menuId: string) => void;\n  removeMenuShortcut: (menuId: string) => void;\n  sortMenuShortcuts: () => void;\n  emitMenuShortcutsUpdated: () => void;\n}\n"]}
+{"version":3,"file":"nav-controller-interface.js","sourceRoot":"","sources":["../../../src/interfaces/nav-controller-interface.ts"],"names":[],"mappings":"","sourcesContent":["import { LitElement } from 'lit-element';\nimport { MetadataResponse } from '@internetarchive/search-service';\nimport { ModalManager } from '@internetarchive/modal-manager';\nimport { SharedResizeObserver } from '@internetarchive/shared-resize-observer';\nimport { IntMenuProvider, IntMenuShortcut } from './menu-interfaces';\n\nexport interface CustomTheaterInterface extends LitElement {\n  baseHost?: string;\n  itemMD?: MetadataResponse;\n  menuProviders?: IntMenuProvider[];\n  menuShortcuts?: IntMenuShortcut[];\n  sideMenuOpen: boolean;\n\n  signedIn?: boolean | null;\n\n  sharedObserver?: SharedResizeObserver;\n  modal?: ModalManager;\n\n  emitLoadingStatusUpdate: (loaded: boolean) => void;\n\n  addMenuShortcut: (menuId: string) => void;\n  removeMenuShortcut: (menuId: string) => void;\n  sortMenuShortcuts: () => void;\n  emitMenuShortcutsUpdated: () => void;\n}\n"]}

package/dist/src/item-inspector/files-by-type/files-by-type-provider.js

@@ -5,9 +5,11 @@ export class FilesByTypeProvider {
     constructor(shareArgs) {
         this.item = null;
         this.baseHost = 'https://archive.org';
-        this.icon = html `<ia-icon-share
-    style="width: var(--iconWidth); height: var(--iconHeight);"
-  ></ia-icon-share>`;
+        this.icon = html `<p
+    style="color: #fff; font-size: var(--iconHeight);"
+  >
+    F
+  </p>`;
         this.id = 'filesByType';
         this.label = 'Files by type';
         this.component = null;

package/dist/src/item-inspector/files-by-type/files-by-type-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"files-by-type-provider.js","sourceRoot":"","sources":["../../../../src/item-inspector/files-by-type/files-by-type-provider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,aAAa,CAAC;AAEnD,OAAO,oBAAoB,CAAC;AAC5B,OAAO,wCAAwC,CAAC;AAMhD,MAAM,OAAO,mBAAmB;IAiB9B,YAAY,SAA0B;QAhBtC,SAAI,GAAQ,IAAI,CAAC;QAEjB,aAAQ,GAAW,qBAAqB,CAAC;QAEzC,SAAI,GAAmB,IAAI,CAAA;;oBAET,CAAC;QAEnB,OAAE,GAAW,aAAa,CAAC;QAE3B,UAAK,GAAW,eAAe,CAAC;QAEhC,cAAS,GAA0B,IAAI,CAAC;QAExC,cAAS,GAAW,EAAE,CAAC;QAGrB,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,SAAS,CAAC;QACrD,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC;QAErC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAE3B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAA;cACX,IAAI,CAAC,IAAI;sBACD,KAAK;mBACR,IAAI,CAAC,QAAQ;yBACP,CAAC;IACxB,CAAC;CACF","sourcesContent":["import { html, TemplateResult } from 'lit-element';\n\nimport './ia-files-by-type';\nimport '@internetarchive/icon-share/icon-share';\nimport {\n  IntMenuProvider,\n  IntProviderArgs,\n} from '../../interfaces/menu-interfaces';\n\nexport class FilesByTypeProvider implements IntMenuProvider {\n  item: any = null;\n\n  baseHost: string = 'https://archive.org';\n\n  icon: TemplateResult = html`<ia-icon-share\n    style=\"width: var(--iconWidth); height: var(--iconHeight);\"\n  ></ia-icon-share>`;\n\n  id: string = 'filesByType';\n\n  label: string = 'Files by type';\n\n  component: TemplateResult | null = null;\n\n  subPrefix: string = '';\n\n  constructor(shareArgs: IntProviderArgs) {\n    const { item, baseHost, subPrefix = '' } = shareArgs;\n    const { title = '' } = item.metadata;\n\n    this.item = item;\n    this.baseHost = baseHost;\n    this.subPrefix = subPrefix;\n\n    this.component = html`<ia-files-by-type\n      .item=${this.item}\n      .description=\"${title}\"\n      .baseHost=\"${this.baseHost}\"\n    ></ia-files-by-type>`;\n  }\n}\n"]}
+{"version":3,"file":"files-by-type-provider.js","sourceRoot":"","sources":["../../../../src/item-inspector/files-by-type/files-by-type-provider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,aAAa,CAAC;AAEnD,OAAO,oBAAoB,CAAC;AAC5B,OAAO,wCAAwC,CAAC;AAMhD,MAAM,OAAO,mBAAmB;IAmB9B,YAAY,SAA0B;QAlBtC,SAAI,GAAQ,IAAI,CAAC;QAEjB,aAAQ,GAAW,qBAAqB,CAAC;QAEzC,SAAI,GAAmB,IAAI,CAAA;;;;OAItB,CAAC;QAEN,OAAE,GAAW,aAAa,CAAC;QAE3B,UAAK,GAAW,eAAe,CAAC;QAEhC,cAAS,GAA0B,IAAI,CAAC;QAExC,cAAS,GAAW,EAAE,CAAC;QAGrB,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,SAAS,CAAC;QACrD,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC;QAErC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAE3B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAA;cACX,IAAI,CAAC,IAAI;sBACD,KAAK;mBACR,IAAI,CAAC,QAAQ;yBACP,CAAC;IACxB,CAAC;CACF","sourcesContent":["import { html, TemplateResult } from 'lit-element';\n\nimport './ia-files-by-type';\nimport '@internetarchive/icon-share/icon-share';\nimport {\n  IntMenuProvider,\n  IntProviderArgs,\n} from '../../interfaces/menu-interfaces';\n\nexport class FilesByTypeProvider implements IntMenuProvider {\n  item: any = null;\n\n  baseHost: string = 'https://archive.org';\n\n  icon: TemplateResult = html`<p\n    style=\"color: #fff; font-size: var(--iconHeight);\"\n  >\n    F\n  </p>`;\n\n  id: string = 'filesByType';\n\n  label: string = 'Files by type';\n\n  component: TemplateResult | null = null;\n\n  subPrefix: string = '';\n\n  constructor(shareArgs: IntProviderArgs) {\n    const { item, baseHost, subPrefix = '' } = shareArgs;\n    const { title = '' } = item.metadata;\n\n    this.item = item;\n    this.baseHost = baseHost;\n    this.subPrefix = subPrefix;\n\n    this.component = html`<ia-files-by-type\n      .item=${this.item}\n      .description=\"${title}\"\n      .baseHost=\"${this.baseHost}\"\n    ></ia-files-by-type>`;\n  }\n}\n"]}

package/dist/src/item-inspector/files-by-type/ia-files-by-type.d.ts

@@ -10,6 +10,7 @@ export default class IaFilesByType extends LitElement {
     collapsedFiles: CollapsedFileInt[];
     firstUpdated(): void;
     render(): import("lit-element").TemplateResult;
+    sortByViewer(): boolean;
     collapseFiles(): void;
 }
 export {};

package/dist/src/item-inspector/files-by-type/ia-files-by-type.js

@@ -21,6 +21,20 @@ let IaFilesByType = class IaFilesByType extends LitElement {
       </div>
     `;
     }
+    sortByViewer() {
+        //   const images = [];
+        //   const books = [];
+        //   const radio = [];
+        //   const audio = [];
+        //   const video = [];
+        //   const albums = [];
+        //   const software = [];
+        //  this.collapsedFiles.forEach((fi) => {
+        //   // if image
+        //   // sort by various viewers
+        //  })
+        return true;
+    }
     collapseFiles() {
         const { files = [] } = this === null || this === void 0 ? void 0 : this.item;
         const archivalArtifacts = [];

package/dist/src/item-inspector/files-by-type/ia-files-by-type.js.map

@@ -1 +1 @@
-{"version":3,"file":"ia-files-by-type.js","sourceRoot":"","sources":["../../../../src/item-inspector/files-by-type/ia-files-by-type.ts"],"names":[],"mappings":"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","sourcesContent":["import { MetadataResponse, File } from '@internetarchive/search-service';\nimport { html, customElement, LitElement, property } from 'lit-element';\n\ninterface CollapsedFileInt extends File {\n  [menuId: string]: any;\n  derivatives: [];\n}\n\n@customElement('ia-files-by-type')\nexport default class IaFilesByType extends LitElement {\n  @property({ type: Object }) item: MetadataResponse = {} as MetadataResponse;\n\n  @property({ type: Array }) archivalArtifacts: File[] = [];\n\n  @property({ type: Array }) collapsedFiles: CollapsedFileInt[] = [];\n\n  firstUpdated() {\n    this.collapseFiles();\n  }\n\n  render() {\n    return html`\n      <div>\n        <p>there are ${this.collapsedFiles.length} original files</p>\n\n        <p>there are ${this.archivalArtifacts.length} archival artifacts</p>\n\n        <p></p>\n      </div>\n    `;\n  }\n\n  collapseFiles() {\n    const { files = [] } = this?.item as MetadataResponse;\n\n    const archivalArtifacts: File[] = [];\n    const origDir: any = {};\n\n    files.forEach(fi => {\n      const { format, source, name, original = '' } = fi as File;\n      if (\n        format.toLowerCase() === 'metadata' ||\n        format.toLowerCase() === 'item tile'\n      ) {\n        archivalArtifacts.push(fi);\n        return;\n      }\n\n      let origEntry: any = {};\n      if (source === 'original') {\n        origEntry = origDir[name];\n        if (!origEntry) {\n          // add new\n          origDir[name] = { ...fi, derivatives: [] } as CollapsedFileInt;\n          origEntry = origDir[name];\n        } else {\n          // update\n          const merged = { ...origEntry, ...fi };\n          origDir[name] = merged;\n        }\n        return;\n      }\n\n      if (source === 'derivative') {\n        const keyToFile = original || '';\n        origEntry = origDir[keyToFile];\n        if (!origEntry && original) {\n          // add new\n          const fileFrame = { derivatives: [] } as CollapsedFileInt;\n          origEntry = fileFrame;\n          origEntry?.derivatives.push(fi);\n          origDir[keyToFile] = origEntry;\n          origEntry = origDir[keyToFile];\n        }\n        origEntry?.derivatives.push(fi);\n      }\n    });\n\n    this.archivalArtifacts = archivalArtifacts;\n    this.collapsedFiles = Object.keys(origDir).map(\n      (fileName: string) => origDir[fileName]\n    );\n  }\n}\n"]}
+{"version":3,"file":"ia-files-by-type.js","sourceRoot":"","sources":["../../../../src/item-inspector/files-by-type/ia-files-by-type.ts"],"names":[],"mappings":"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","sourcesContent":["import { MetadataResponse, File } from '@internetarchive/search-service';\nimport { html, customElement, LitElement, property } from 'lit-element';\n\ninterface CollapsedFileInt extends File {\n  [menuId: string]: any;\n  derivatives: [];\n}\n\n@customElement('ia-files-by-type')\nexport default class IaFilesByType extends LitElement {\n  @property({ type: Object }) item: MetadataResponse = {} as MetadataResponse;\n\n  @property({ type: Array }) archivalArtifacts: File[] = [];\n\n  @property({ type: Array }) collapsedFiles: CollapsedFileInt[] = [];\n\n  firstUpdated() {\n    this.collapseFiles();\n  }\n\n  render() {\n    return html`\n      <div>\n        <p>there are ${this.collapsedFiles.length} original files</p>\n\n        <p>there are ${this.archivalArtifacts.length} archival artifacts</p>\n\n        <p></p>\n      </div>\n    `;\n  }\n\n  sortByViewer() {\n    //   const images = [];\n    //   const books = [];\n    //   const radio = [];\n    //   const audio = [];\n    //   const video = [];\n    //   const albums = [];\n    //   const software = [];\n    //  this.collapsedFiles.forEach((fi) => {\n    //   // if image\n    //   // sort by various viewers\n    //  })\n\n    return true;\n  }\n\n  collapseFiles() {\n    const { files = [] } = this?.item as MetadataResponse;\n\n    const archivalArtifacts: File[] = [];\n    const origDir: any = {};\n\n    files.forEach(fi => {\n      const { format, source, name, original = '' } = fi as File;\n      if (\n        format.toLowerCase() === 'metadata' ||\n        format.toLowerCase() === 'item tile'\n      ) {\n        archivalArtifacts.push(fi);\n        return;\n      }\n\n      let origEntry: any = {};\n      if (source === 'original') {\n        origEntry = origDir[name];\n        if (!origEntry) {\n          // add new\n          origDir[name] = { ...fi, derivatives: [] } as CollapsedFileInt;\n          origEntry = origDir[name];\n        } else {\n          // update\n          const merged = { ...origEntry, ...fi };\n          origDir[name] = merged;\n        }\n        return;\n      }\n\n      if (source === 'derivative') {\n        const keyToFile = original || '';\n        origEntry = origDir[keyToFile];\n        if (!origEntry && original) {\n          // add new\n          const fileFrame = { derivatives: [] } as CollapsedFileInt;\n          origEntry = fileFrame;\n          origEntry?.derivatives.push(fi);\n          origDir[keyToFile] = origEntry;\n          origEntry = origDir[keyToFile];\n        }\n        origEntry?.derivatives.push(fi);\n      }\n    });\n\n    this.archivalArtifacts = archivalArtifacts;\n    this.collapsedFiles = Object.keys(origDir).map(\n      (fileName: string) => origDir[fileName]\n    );\n  }\n}\n"]}

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

@@ -1,31 +0,0 @@
-import { LitElement } from 'lit-element';
-import { MetadataResponse } from '@internetarchive/search-service';
-import { IntNavController } from '../interfaces/nav-controller-interface';
-import { IntMenuShortcut, IntMenuProvider } from '../interfaces/menu-interfaces';
-interface menuProvidersInt {
-    [menuId: string]: IntMenuProvider;
-}
-export declare class IaItemInspector extends LitElement implements IntNavController {
-    itemMD: MetadataResponse;
-    baseHost: string;
-    menuProviders: menuProvidersInt;
-    menuShortcuts: IntMenuShortcut[];
-    shortcutOrder: string[];
-    sideMenuOpen: boolean;
-    fileCount: number;
-    loaded: boolean;
-    firstUpdated(): void;
-    updated(changed: any): void;
-    render(): import("lit-element").TemplateResult;
-    setMenu(): void;
-    addMenuShortcut(menuId: keyof menuProvidersInt): void;
-    sortMenuShortcuts(): void;
-    emitMenuShortcutsUpdated(): void;
-    removeMenuShortcut(menuId: string): void;
-    updateMenuContents(): void;
-    emitLoadingStatusUpdate(loaded: boolean): void;
-    parseItemInfo(): void;
-    get imageUrl(): string;
-    static get styles(): import("lit-element").CSSResult[];
-}
-export {};

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

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