@internetarchive/ia-item-navigator 0.0.0-a1 → 0.0.0-a14

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

@@ -1,41 +0,0 @@
-import { LitElement } from 'lit-element';
-import { MetadataResponse } from '@internetarchive/search-service';
-import { IntNavController } from '../interfaces/nav-controller-interface';
-import { IntMenuProvider, IntMenuShortcut } 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[];
-    sideMenuOpen: boolean;
-    fullscreenState: boolean;
-    fileCount: number;
-    loaded: boolean;
-    private shortcutOrder;
-    firstUpdated(): void;
-    updated(changed: any): void;
-    render(): import("lit-element").TemplateResult;
-    addMenuShortcut(menuId: keyof menuProvidersInt): void;
-    /**
-     * Removes a provider object from the menuShortcuts array and emits a
-     * menuShortcutsUpdated event.
-     */
-    removeMenuShortcut(menuId: string): void;
-    /**
-     * Sorts the menuShortcuts property by comparing each provider's id to
-     * the id in each iteration over the shortcutOrder array.
-     */
-    sortMenuShortcuts(): void;
-    emitMenuShortcutsUpdated(): void;
-    setMenu(): void;
-    updateFullscreenState(): 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,216 +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';
-import { VisualModsProvider } from './visual-mod-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 = {
-            metadata: {},
-        };
-        this.baseHost = 'https://archive.org';
-        this.menuProviders = {};
-        this.menuShortcuts = [];
-        this.sideMenuOpen = false;
-        this.fullscreenState = false;
-        this.fileCount = 0;
-        this.loaded = false;
-        this.shortcutOrder = ['visualMods'];
-    }
-    firstUpdated() {
-        this.loaded = true;
-        console.log('loaded ');
-    }
-    updated(changed) {
-        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();
-        }
-    }
-    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>
-    `;
-    }
-    addMenuShortcut(menuId) {
-        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) {
-        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, id) => {
-            const menu = this.menuShortcuts.find(m => m.id === id);
-            // eslint-disable-next-line no-param-reassign
-            if (menu) {
-                shortcuts = [...shortcuts, menu];
-            }
-            console.log({ shortcuts, menu });
-            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) => {
-                    console.log('visal mods updated', modType);
-                    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 nextFSState = !this.fullscreenState;
-        this.fullscreenState = nextFSState;
-        this.dispatchEvent(new CustomEvent('ViewportInFullScreen', {
-            detail: nextFSState,
-        }));
-    }
-    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) {
-        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;
-        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];
-    }
-};
-__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: Boolean })
-], IaItemInspector.prototype, "sideMenuOpen", void 0);
-__decorate([
-    property({ type: Boolean })
-], IaItemInspector.prototype, "fullscreenState", void 0);
-__decorate([
-    state()
-], IaItemInspector.prototype, "fileCount", void 0);
-__decorate([
-    state()
-], IaItemInspector.prototype, "loaded", void 0);
-__decorate([
-    state()
-], IaItemInspector.prototype, "shortcutOrder", 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

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';\nimport { MetadataResponse } from '@internetarchive/search-service';\n\nimport { IntNavController } from '../interfaces/nav-controller-interface';\nimport {\n  IntMenuProvider,\n  IntMenuShortcut,\n} from '../interfaces/menu-interfaces';\n\nimport { ShareProvider } from './share-provider';\nimport { FilesByTypeProvider } from './files-by-type/files-by-type-provider';\nimport { VisualModsProvider } from './visual-mod-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 = {\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  @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('loaded ');\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  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  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          shortcuts = [...shortcuts, menu];\n        }\n        console.log({ shortcuts, menu });\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          console.log('visal mods updated', modType);\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 nextFSState = !this.fullscreenState;\n    this.fullscreenState = nextFSState;\n    this.dispatchEvent(\n      new CustomEvent('ViewportInFullScreen', {\n        detail: nextFSState,\n      })\n    );\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: hidden;\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"]}
+{"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

@@ -13,5 +13,7 @@ export declare class VisualModsProvider implements IntMenuProvider {
     encodedSubPrefix: string;
     updated: any;
     constructor(providerArgs: IntProviderArgs);
+    openModal(): void;
+    closeModal(): void;
     toggleFullscreen(): void;
 }

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

@@ -34,8 +34,11 @@ export class VisualModsProvider {
         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');
     }

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

@@ -1 +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;uBAC1C,CAAC;IACtB,CAAC;IAED,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    ></ia-visual-mods>`;\n  }\n\n  toggleFullscreen() {\n    this.updated('toggleFullscreen');\n  }\n}\n"]}
+{"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"]}