@internetarchive/ia-item-navigator 0.0.0-a8 → 0.0.2-a1

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/item-inspector.d.ts

@@ -1,47 +0,0 @@
-import { LitElement } from 'lit-element';
-import { MetadataResponse } from '@internetarchive/search-service';
-import { ModalManagerInterface } 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';
-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;
-    modal: ModalManagerInterface;
-    sharedRO: SharedResizeObserverInterface;
-    fileCount: number;
-    loaded: boolean;
-    private shortcutOrder;
-    firstUpdated(): void;
-    updated(changed: any): void;
-    modalClosedCallback(): void;
-    openModal(): 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,271 +1,254 @@
-import { __decorate } from "tslib";
-/* eslint-disable no-console */
-import { css, html, LitElement, customElement, property, state, } from 'lit-element';
-import { ModalConfig, } from '@internetarchive/modal-manager';
-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('modal', this.modal);
-    }
-    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();
-        }
-    }
-    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() {
-        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`} />
-        <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) {
-        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) {
-                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) => {
-                    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 },
-        });
-        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) {
-        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: 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];
-    }
-};
-__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([
-    property({ attribute: false })
-], IaItemInspector.prototype, "modal", void 0);
-__decorate([
-    property({ attribute: false })
-], IaItemInspector.prototype, "sharedRO", 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