@internetarchive/ia-item-navigator 1.0.2 → 1.0.4-a1

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

@@ -1 +0,0 @@
-{"version":3,"file":"grouped-files-provider.js","sourceRoot":"","sources":["../../../../src/item-inspector/grouped-files/grouped-files-provider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,aAAa,CAAC;AAEnD,OAAO,qCAAqC,CAAC;AAC7C,OAAO,wCAAwC,CAAC;AAGhD,MAAM,OAAO,oBAAoB;IAiB/B,YAAY,SAA0B;QAhBtC,SAAI,GAAQ,IAAI,CAAC;QAEjB,aAAQ,GAAW,qBAAqB,CAAC;QAEzC,SAAI,GAAmB,IAAI,CAAA,6FAA6F,CAAC;QAEzH,OAAE,GAAW,OAAO,CAAC;QAErB,UAAK,GAAW,iBAAiB,CAAC;QAElC,cAAS,GAA0B,IAAI,CAAC;QAExC,cAAS,GAAW,EAAE,CAAC;QAEvB,qBAAgB,GAAW,EAAE,CAAC;QAG5B,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,SAAS,CAAC;QACrD,MAAM,EAAE,UAAU,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC;QAC1E,MAAM,gBAAgB,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC;QACvD,MAAM,aAAa,GACjB,SAAS,IAAI,SAAS,KAAK,UAAU;YACnC,CAAC,CAAC,GAAG,UAAU,IAAI,gBAAgB,EAAE;YACrC,CAAC,CAAC,UAAU,CAAC;QAEjB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;QAEzC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAA;mBACN,aAAa;;iBAEf,OAAO;qBACH,KAAK;kBACR,IAAI,CAAC,QAAQ;2BACJ,CAAC;IAC1B,CAAC;CACF","sourcesContent":["import { html, TemplateResult } from 'lit-element';\n\nimport '@internetarchive/ia-sharing-options';\nimport '@internetarchive/icon-share/icon-share';\nimport { IntMenuProvider, IntProviderArgs } from '../../interfaces/menu-interfaces';\n\nexport class GroupedFilesProvider implements IntMenuProvider {\n  item: any = null;\n\n  baseHost: string = 'https://archive.org';\n\n  icon: TemplateResult = html`<ia-icon-share style=\"width: var(--iconWidth); height: var(--iconHeight);\"></ia-icon-share>`;\n\n  id: string = 'share';\n\n  label: string = 'Share this item';\n\n  component: TemplateResult | null = null;\n\n  subPrefix: string = '';\n\n  encodedSubPrefix: string = '';\n\n  constructor(shareArgs: IntProviderArgs) {\n    const { item, baseHost, subPrefix = '' } = shareArgs;\n    const { identifier = '', creator = '', title = '' } = item.metadata || {};\n    const encodedSubPrefix = encodeURIComponent(subPrefix);\n    const urlIdentifier =\n      subPrefix && subPrefix !== identifier\n        ? `${identifier}/${encodedSubPrefix}`\n        : identifier;\n\n    this.item = item;\n    this.baseHost = baseHost;\n    this.subPrefix = subPrefix;\n    this.encodedSubPrefix = encodedSubPrefix;\n\n    this.component = html`<ia-sharing-options\n      identifier=${urlIdentifier}\n      type=\"item\"\n      creator=\"${creator}\"\n      description=\"${title}\"\n      baseHost=\"${this.baseHost}\"\n    ></ia-sharing-options>`;\n  }\n}\n"]}

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

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=ia-grouped-files-by-type.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ia-grouped-files-by-type.js","sourceRoot":"","sources":["../../../../src/item-inspector/grouped-files/ia-grouped-files-by-type.ts"],"names":[],"mappings":"","sourcesContent":[""]}

package/dist/src/item-inspector/grouped-files/ia-grouped-files.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=ia-grouped-files.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ia-grouped-files.js","sourceRoot":"","sources":["../../../../src/item-inspector/grouped-files/ia-grouped-files.ts"],"names":[],"mappings":"","sourcesContent":[""]}

package/dist/src/item-inspector/grouped-files-provider.d.ts

@@ -1,15 +0,0 @@
-import { TemplateResult } from 'lit-element';
-import '@internetarchive/ia-sharing-options';
-import '@internetarchive/icon-share/icon-share';
-import { IntMenuProvider, IntProviderArgs } from '../interfaces/menu-interfaces';
-export declare class GroupedFilesProvider implements IntMenuProvider {
-    item: any;
-    baseHost: string;
-    icon: TemplateResult;
-    id: string;
-    label: string;
-    component: TemplateResult | null;
-    subPrefix: string;
-    encodedSubPrefix: string;
-    constructor(shareArgs: IntProviderArgs);
-}

package/dist/src/item-inspector/grouped-files-provider.js

@@ -1,33 +0,0 @@
-import { html } from 'lit-element';
-import '@internetarchive/ia-sharing-options';
-import '@internetarchive/icon-share/icon-share';
-export class GroupedFilesProvider {
-    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.id = 'share';
-        this.label = 'Share this item';
-        this.component = null;
-        this.subPrefix = '';
-        this.encodedSubPrefix = '';
-        const { item, baseHost, subPrefix = '' } = shareArgs;
-        const { identifier = '', creator = '', title = '' } = item.metadata || {};
-        const encodedSubPrefix = encodeURIComponent(subPrefix);
-        const urlIdentifier = subPrefix && subPrefix !== identifier
-            ? `${identifier}/${encodedSubPrefix}`
-            : identifier;
-        this.item = item;
-        this.baseHost = baseHost;
-        this.subPrefix = subPrefix;
-        this.encodedSubPrefix = encodedSubPrefix;
-        this.component = html `<ia-sharing-options
-      identifier=${urlIdentifier}
-      type="item"
-      creator="${creator}"
-      description="${title}"
-      baseHost="${this.baseHost}"
-    ></ia-sharing-options>`;
-    }
-}
-//# sourceMappingURL=grouped-files-provider.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"grouped-files-provider.js","sourceRoot":"","sources":["../../../src/item-inspector/grouped-files-provider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,aAAa,CAAC;AAEnD,OAAO,qCAAqC,CAAC;AAC7C,OAAO,wCAAwC,CAAC;AAGhD,MAAM,OAAO,oBAAoB;IAiB/B,YAAY,SAA0B;QAhBtC,SAAI,GAAQ,IAAI,CAAC;QAEjB,aAAQ,GAAW,qBAAqB,CAAC;QAEzC,SAAI,GAAmB,IAAI,CAAA,6FAA6F,CAAC;QAEzH,OAAE,GAAW,OAAO,CAAC;QAErB,UAAK,GAAW,iBAAiB,CAAC;QAElC,cAAS,GAA0B,IAAI,CAAC;QAExC,cAAS,GAAW,EAAE,CAAC;QAEvB,qBAAgB,GAAW,EAAE,CAAC;QAG5B,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,SAAS,CAAC;QACrD,MAAM,EAAE,UAAU,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC;QAC1E,MAAM,gBAAgB,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC;QACvD,MAAM,aAAa,GACjB,SAAS,IAAI,SAAS,KAAK,UAAU;YACnC,CAAC,CAAC,GAAG,UAAU,IAAI,gBAAgB,EAAE;YACrC,CAAC,CAAC,UAAU,CAAC;QAEjB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;QAEzC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAA;mBACN,aAAa;;iBAEf,OAAO;qBACH,KAAK;kBACR,IAAI,CAAC,QAAQ;2BACJ,CAAC;IAC1B,CAAC;CACF","sourcesContent":["import { html, TemplateResult } from 'lit-element';\n\nimport '@internetarchive/ia-sharing-options';\nimport '@internetarchive/icon-share/icon-share';\nimport { IntMenuProvider, IntProviderArgs } from '../interfaces/menu-interfaces';\n\nexport class GroupedFilesProvider implements IntMenuProvider {\n  item: any = null;\n\n  baseHost: string = 'https://archive.org';\n\n  icon: TemplateResult = html`<ia-icon-share style=\"width: var(--iconWidth); height: var(--iconHeight);\"></ia-icon-share>`;\n\n  id: string = 'share';\n\n  label: string = 'Share this item';\n\n  component: TemplateResult | null = null;\n\n  subPrefix: string = '';\n\n  encodedSubPrefix: string = '';\n\n  constructor(shareArgs: IntProviderArgs) {\n    const { item, baseHost, subPrefix = '' } = shareArgs;\n    const { identifier = '', creator = '', title = '' } = item.metadata || {};\n    const encodedSubPrefix = encodeURIComponent(subPrefix);\n    const urlIdentifier =\n      subPrefix && subPrefix !== identifier\n        ? `${identifier}/${encodedSubPrefix}`\n        : identifier;\n\n    this.item = item;\n    this.baseHost = baseHost;\n    this.subPrefix = subPrefix;\n    this.encodedSubPrefix = encodedSubPrefix;\n\n    this.component = html`<ia-sharing-options\n      identifier=${urlIdentifier}\n      type=\"item\"\n      creator=\"${creator}\"\n      description=\"${title}\"\n      baseHost=\"${this.baseHost}\"\n    ></ia-sharing-options>`;\n  }\n}\n"]}

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

@@ -1,254 +0,0 @@
-"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 +0,0 @@
-{"version":3,"file":"item-inspector.js","sourceRoot":"","sources":["../../../src/item-inspector/item-inspector.ts"],"names":[],"mappings":";AAAA,kCAAkC;AAClC,WAAW;AACX,SAAS;AACT,UAAU;AACV,gBAAgB;AAChB,mBAAmB;AACnB,cAAc;AACd,WAAW;AACX,wBAAwB;AACxB,sEAAsE;AAEtE,WAAW;AACX,2BAA2B;AAC3B,iBAAiB;AACjB,2CAA2C;AAC3C,2FAA2F;AAC3F,6EAA6E;AAC7E,WAAW;AACX,qBAAqB;AACrB,qBAAqB;AACrB,0CAA0C;AAC1C,6EAA6E;AAE7E,oDAAoD;AACpD,gFAAgF;AAChF,8DAA8D;AAE9D,wCAAwC;AACxC,6BAA6B;AAC7B,iCAAiC;AACjC,uCAAuC;AACvC,2BAA2B;AAC3B,mDAAmD;AACnD,IAAI;AAEJ,+BAA+B;AAC/B,uCAAuC;AACvC,IAAI;AAEJ,sCAAsC;AACtC,gFAAgF;AAChF,6DAA6D;AAC7D,oBAAoB;AACpB,2BAA2B;AAE3B,kEAAkE;AAElE,sEAAsE;AAEtE,sEAAsE;AAEtE,uDAAuD;AAEvD,0DAA0D;AAE1D,mEAAmE;AAEnE,8EAA8E;AAE9E,oCAAoC;AAEpC,sCAAsC;AAEtC,qDAAqD;AAErD,qBAAqB;AACrB,0BAA0B;AAC1B,wCAAwC;AACxC,MAAM;AAEN,4BAA4B;AAC5B,mCAAmC;AACnC,2EAA2E;AAC3E,QAAQ;AAER,kDAAkD;AAClD,8BAA8B;AAC9B,wBAAwB;AACxB,QAAQ;AAER,0EAA0E;AAC1E,mCAAmC;AACnC,QAAQ;AACR,MAAM;AAEN,4BAA4B;AAC5B,mDAAmD;AACnD,MAAM;AAEN,kBAAkB;AAClB,wCAAwC;AACxC,uCAAuC;AACvC,+EAA+E;AAC/E,2CAA2C;AAC3C,yCAAyC;AACzC,kFAAkF;AAClF,8CAA8C;AAC9C,eAAe;AACf,SAAS;AAET,6BAA6B;AAC7B,gBAAgB;AAChB,4BAA4B;AAC5B,2DAA2D;AAC3D,UAAU;AACV,MAAM;AAEN,eAAe;AACf,yDAAyD;AACzD,mBAAmB;AACnB,kBAAkB;AAClB,gBAAgB;AAChB,mCAAmC;AACnC,iBAAiB;AACjB,wEAAwE;AACxE,uEAAuE;AACvE,uCAAuC;AACvC,iFAAiF;AACjF,2EAA2E;AAC3E,gFAAgF;AAChF,8EAA8E;AAC9E,8EAA8E;AAC9E,+EAA+E;AAC/E,mFAAmF;AACnF,gFAAgF;AAChF,0EAA0E;AAC1E,kFAAkF;AAClF,4EAA4E;AAC5E,gFAAgF;AAChF,kFAAkF;AAClF,iFAAiF;AACjF,+EAA+E;AAC/E,6EAA6E;AAC7E,gFAAgF;AAChF,2EAA2E;AAC3E,8EAA8E;AAC9E,kFAAkF;AAClF,iFAAiF;AACjF,kFAAkF;AAClF,kFAAkF;AAClF,kFAAkF;AAClF,0EAA0E;AAC1E,eAAe;AACf,mBAAmB;AACnB,SAAS;AACT,MAAM;AAEN,sDAAsD;AACtD,2DAA2D;AAC3D,gBAAgB;AAChB,QAAQ;AAER,mDAAmD;AACnD,yCAAyC;AACzC,gCAAgC;AAChC,uCAAuC;AACvC,MAAM;AAEN,QAAQ;AACR,0EAA0E;AAC1E,mCAAmC;AACnC,QAAQ;AACR,yCAAyC;AACzC,4EAA4E;AAC5E,uCAAuC;AACvC,MAAM;AAEN,QAAQ;AACR,2EAA2E;AAC3E,8DAA8D;AAC9D,QAAQ;AACR,0BAA0B;AAC1B,sDAAsD;AACtD,gDAAgD;AAChD,kEAAkE;AAElE,wDAAwD;AACxD,sBAAsB;AACtB,uDAAuD;AACvD,0DAA0D;AAC1D,sCAAsC;AACtC,YAAY;AACZ,4BAA4B;AAC5B,WAAW;AACX,WAAW;AACX,SAAS;AACT,MAAM;AAEN,iCAAiC;AACjC,8DAA8D;AAC9D,oCAAoC;AACpC,UAAU;AACV,iCAAiC;AACjC,MAAM;AAEN,gBAAgB;AAChB,8BAA8B;AAC9B,mCAAmC;AACnC,6BAA6B;AAC7B,mCAAmC;AACnC,yBAAyB;AACzB,YAAY;AACZ,+CAA+C;AAC/C,6BAA6B;AAC7B,mCAAmC;AACnC,yBAAyB;AACzB,YAAY;AACZ,6CAA6C;AAC7C,0CAA0C;AAC1C,kDAAkD;AAClD,4CAA4C;AAC5C,cAAc;AACd,aAAa;AACb,6BAA6B;AAC7B,mCAAmC;AACnC,yBAAyB;AACzB,+CAA+C;AAC/C,YAAY;AACZ,SAAS;AAET,0CAA0C;AAC1C,0CAA0C;AAC1C,MAAM;AAEN,8BAA8B;AAC9B,kDAAkD;AAClD,2CAA2C;AAE3C,8DAA8D;AAC9D,kCAAkC;AAClC,sCAAsC;AACtC,iCAAiC;AACjC,MAAM;AAEN,2BAA2B;AAC3B,qEAAqE;AACrE,sEAAsE;AACtE,uBAAuB;AACvB,SAAS;AAET,uEAAuE;AACvE,gCAAgC;AAChC,UAAU;AAEV,iCAAiC;AACjC,MAAM;AAEN,+CAA+C;AAC/C,6DAA6D;AAC7D,4BAA4B;AAC5B,UAAU;AACV,iCAAiC;AACjC,MAAM;AAEN,sBAAsB;AACtB,wDAAwD;AACxD,MAAM;AAEN,qBAAqB;AACrB,6CAA6C;AAC7C,sFAAsF;AACtF,kBAAkB;AAClB,MAAM;AAEN,0BAA0B;AAC1B,wBAAwB;AACxB,gBAAgB;AAChB,0BAA0B;AAC1B,uBAAuB;AACvB,0BAA0B;AAC1B,8BAA8B;AAC9B,0BAA0B;AAC1B,mCAAmC;AACnC,gDAAgD;AAChD,UAAU;AAEV,eAAe;AACf,kBAAkB;AAClB,+BAA+B;AAC/B,2BAA2B;AAC3B,UAAU;AAEV,kBAAkB;AAClB,wBAAwB;AACxB,uBAAuB;AACvB,8BAA8B;AAC9B,UAAU;AAEV,cAAc;AACd,2DAA2D;AAC3D,UAAU;AACV,SAAS;AACT,qBAAqB;AACrB,MAAM;AACN,IAAI","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/share-provider.d.ts

@@ -1,15 +0,0 @@
-import { TemplateResult } from 'lit-element';
-import '@internetarchive/ia-sharing-options';
-import '@internetarchive/icon-share/icon-share';
-import { IntMenuProvider, IntProviderArgs } from '../interfaces/menu-interfaces';
-export declare class ShareProvider implements IntMenuProvider {
-    item: any;
-    baseHost: string;
-    icon: TemplateResult;
-    id: string;
-    label: string;
-    component: TemplateResult | null;
-    subPrefix: string;
-    encodedSubPrefix: string;
-    constructor(shareArgs: IntProviderArgs);
-}

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

@@ -1,35 +0,0 @@
-import { html } from 'lit-element';
-import '@internetarchive/ia-sharing-options';
-import '@internetarchive/icon-share/icon-share';
-export class ShareProvider {
-    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.id = 'share';
-        this.label = 'Share this item';
-        this.component = null;
-        this.subPrefix = '';
-        this.encodedSubPrefix = '';
-        const { item, baseHost, subPrefix = '' } = shareArgs;
-        const { identifier = '', creator = '', title = '' } = item.metadata || {};
-        const encodedSubPrefix = encodeURIComponent(subPrefix);
-        const urlIdentifier = subPrefix && subPrefix !== identifier
-            ? `${identifier}/${encodedSubPrefix}`
-            : identifier;
-        this.item = item;
-        this.baseHost = baseHost;
-        this.subPrefix = subPrefix;
-        this.encodedSubPrefix = encodedSubPrefix;
-        this.component = html `<ia-sharing-options
-      identifier=${urlIdentifier}
-      type="item"
-      creator="${creator}"
-      description="${title}"
-      baseHost="${this.baseHost}"
-    ></ia-sharing-options>`;
-    }
-}
-//# sourceMappingURL=share-provider.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"share-provider.js","sourceRoot":"","sources":["../../../src/item-inspector/share-provider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,aAAa,CAAC;AAEnD,OAAO,qCAAqC,CAAC;AAC7C,OAAO,wCAAwC,CAAC;AAMhD,MAAM,OAAO,aAAa;IAmBxB,YAAY,SAA0B;QAlBtC,SAAI,GAAQ,IAAI,CAAC;QAEjB,aAAQ,GAAW,qBAAqB,CAAC;QAEzC,SAAI,GAAmB,IAAI,CAAA;;oBAET,CAAC;QAEnB,OAAE,GAAW,OAAO,CAAC;QAErB,UAAK,GAAW,iBAAiB,CAAC;QAElC,cAAS,GAA0B,IAAI,CAAC;QAExC,cAAS,GAAW,EAAE,CAAC;QAEvB,qBAAgB,GAAW,EAAE,CAAC;QAG5B,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,SAAS,CAAC;QACrD,MAAM,EAAE,UAAU,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC;QAC1E,MAAM,gBAAgB,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC;QACvD,MAAM,aAAa,GACjB,SAAS,IAAI,SAAS,KAAK,UAAU;YACnC,CAAC,CAAC,GAAG,UAAU,IAAI,gBAAgB,EAAE;YACrC,CAAC,CAAC,UAAU,CAAC;QAEjB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;QAEzC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAA;mBACN,aAAa;;iBAEf,OAAO;qBACH,KAAK;kBACR,IAAI,CAAC,QAAQ;2BACJ,CAAC;IAC1B,CAAC;CACF","sourcesContent":["import { html, TemplateResult } from 'lit-element';\n\nimport '@internetarchive/ia-sharing-options';\nimport '@internetarchive/icon-share/icon-share';\nimport {\n  IntMenuProvider,\n  IntProviderArgs,\n} from '../interfaces/menu-interfaces';\n\nexport class ShareProvider 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 = 'share';\n\n  label: string = 'Share this item';\n\n  component: TemplateResult | null = null;\n\n  subPrefix: string = '';\n\n  encodedSubPrefix: string = '';\n\n  constructor(shareArgs: IntProviderArgs) {\n    const { item, baseHost, subPrefix = '' } = shareArgs;\n    const { identifier = '', creator = '', title = '' } = item.metadata || {};\n    const encodedSubPrefix = encodeURIComponent(subPrefix);\n    const urlIdentifier =\n      subPrefix && subPrefix !== identifier\n        ? `${identifier}/${encodedSubPrefix}`\n        : identifier;\n\n    this.item = item;\n    this.baseHost = baseHost;\n    this.subPrefix = subPrefix;\n    this.encodedSubPrefix = encodedSubPrefix;\n\n    this.component = html`<ia-sharing-options\n      identifier=${urlIdentifier}\n      type=\"item\"\n      creator=\"${creator}\"\n      description=\"${title}\"\n      baseHost=\"${this.baseHost}\"\n    ></ia-sharing-options>`;\n  }\n}\n"]}

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

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

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

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

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

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

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

@@ -1,24 +0,0 @@
-import { LitElement } from 'lit-element';
-import { IntNavController } from './interfaces/nav-controller-interface';
-import { IntMenuShortcut } from './interfaces/menu-interfaces';
-export declare class IaItemInspector extends LitElement implements IntNavController {
-    itemMD: {
-        files: never[];
-        metadata: {
-            identifier: string;
-        };
-    };
-    baseHost: string;
-    menuProviders: {};
-    menuShortcuts: IntMenuShortcut[];
-    sideMenuOpen: boolean;
-    fileCount: number;
-    loaded: boolean;
-    firstUpdated(): void;
-    updated(changed: any): void;
-    emitLoadingStatusUpdate(loaded: boolean): void;
-    parseItemInfo(): void;
-    get imageUrl(): string;
-    render(): import("lit-element").TemplateResult;
-    static get styles(): import("lit-element").CSSResult[];
-}

package/dist/src/item-inspector.js

@@ -1,92 +0,0 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement, customElement, property, state, } from 'lit-element';
-let IaItemInspector = class IaItemInspector extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.itemMD = {
-            files: [],
-            metadata: { identifier: '' },
-        };
-        this.baseHost = 'archive.org';
-        this.menuProviders = {};
-        this.menuShortcuts = [];
-        this.sideMenuOpen = false;
-        this.fileCount = 0;
-        this.loaded = false;
-    }
-    firstUpdated() {
-        this.loaded = true;
-        console.log('firstUpdateed', this.loaded);
-    }
-    updated(changed) {
-        if (changed.has('itemMD')) {
-            this.parseItemInfo();
-        }
-        if (changed.has('loaded')) {
-            this.emitLoadingStatusUpdate(this.loaded);
-        }
-    }
-    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;
-        return `${this.baseHost}/services/img/${metadata === null || metadata === void 0 ? void 0 : metadata.identifier}`;
-    }
-    render() {
-        return html `
-      <section>
-        <img src=${this.imageUrl} alt="default item" />
-        <div>
-          <h3>Welcome to item:</h3>
-          <p>foo</p>
-        </div>
-      </section>
-    `;
-    }
-    static get styles() {
-        const main = css `
-      :host {
-        display: block;
-        width: 100%;
-        margin: 0 auto;
-      }
-
-      section {
-        display: flex;
-      }
-    `;
-        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([
-    state()
-], IaItemInspector.prototype, "fileCount", void 0);
-__decorate([
-    state()
-], IaItemInspector.prototype, "loaded", void 0);
-IaItemInspector = __decorate([
-    customElement('ia-item-inspector')
-], IaItemInspector);
-export { IaItemInspector };
-//# sourceMappingURL=item-inspector.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"item-inspector.js","sourceRoot":"","sources":["../../src/item-inspector.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,GAAG,EACH,IAAI,EACJ,UAAU,EACV,aAAa,EACb,QAAQ,EACR,KAAK,GACN,MAAM,aAAa,CAAC;AAKrB,IAAa,eAAe,GAA5B,MAAa,eAAgB,SAAQ,UAAU;IAA/C;;QAC8B,WAAM,GAAG;YACnC,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE;SAC7B,CAAC;QAE0B,aAAQ,GAAG,aAAa,CAAC;QAEzB,kBAAa,GAAG,EAAE,CAAC;QAEpB,kBAAa,GAAsB,EAAE,CAAC;QAEpC,iBAAY,GAAG,KAAK,CAAC;QAEzC,cAAS,GAAW,CAAC,CAAC;QAEtB,WAAM,GAAY,KAAK,CAAC;IAwDnC,CAAC;IAtDC,YAAY;QACV,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACnB,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IAC5C,CAAC;IAED,OAAO,CAAC,OAAY;QAClB,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;YACzB,IAAI,CAAC,aAAa,EAAE,CAAC;SACtB;QACD,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;YACzB,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;SAC3C;IACH,CAAC;IAED,uBAAuB,CAAC,MAAe;QACrC,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,qBAAqB,EAAE,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,EAAC,CAAC,CAAA;QAC3E,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAED,aAAa;;QACX,IAAI,CAAC,SAAS,GAAG,CAAA,MAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,KAAK,0CAAE,MAAM,KAAI,CAAC,CAAC;IACnD,CAAC;IAED,IAAI,QAAQ;QACV,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC;QACjC,OAAO,GAAG,IAAI,CAAC,QAAQ,iBAAiB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,UAAU,EAAE,CAAC;IACjE,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;mBAEI,IAAI,CAAC,QAAQ;;;;;;KAM3B,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,MAAM,IAAI,GAAG,GAAG,CAAA;;;;;;;;;;KAUf,CAAC;QACF,OAAO,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC;CACF,CAAA;AAvE6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAGzB;AAE0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAA0B;AAEzB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDAAoB;AAEpB;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;sDAAuC;AAEpC;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qDAAsB;AAEzC;IAAR,KAAK,EAAE;kDAAuB;AAEtB;IAAR,KAAK,EAAE;+CAAyB;AAhBtB,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAwE3B;SAxEY,eAAe","sourcesContent":["import {\n  css,\n  html,\n  LitElement,\n  customElement,\n  property,\n  state,\n} from 'lit-element';\n// import { nothing, TemplateResult } from 'lit-html';\nimport { IntNavController } from './interfaces/nav-controller-interface';\nimport { IntMenuShortcut } from './interfaces/menu-interfaces';\n@customElement('ia-item-inspector')\nexport class IaItemInspector extends LitElement implements IntNavController {\n  @property({ type: Object }) itemMD = {\n    files: [],\n    metadata: { identifier: '' },\n  };\n\n  @property({ type: String }) baseHost = 'archive.org';\n\n  @property({ type: Object }) menuProviders = {};\n\n  @property({ type: Array }) menuShortcuts: IntMenuShortcut[] = [];\n\n  @property({ type: Boolean }) sideMenuOpen = false;\n\n  @state() fileCount: number = 0;\n\n  @state() loaded: boolean = false;\n\n  firstUpdated() {\n    this.loaded = true;\n    console.log('firstUpdateed', this.loaded);\n  }\n\n  updated(changed: any) {\n    if (changed.has('itemMD')) {\n      this.parseItemInfo();\n    }\n    if (changed.has('loaded')) {\n      this.emitLoadingStatusUpdate(this.loaded);\n    }\n  }\n\n  emitLoadingStatusUpdate(loaded: boolean) {\n    const event = new CustomEvent('loadingStateUpdated', { detail: { loaded }})\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    return `${this.baseHost}/services/img/${metadata?.identifier}`;\n  }\n\n  render() {\n    return html`\n      <section>\n        <img src=${this.imageUrl} alt=\"default item\" />\n        <div>\n          <h3>Welcome to item:</h3>\n          <p>foo</p>\n        </div>\n      </section>\n    `;\n  }\n\n  static get styles() {\n    const main = css`\n      :host {\n        display: block;\n        width: 100%;\n        margin: 0 auto;\n      }\n\n      section {\n        display: flex;\n      }\n    `;\n    return [main];\n  }\n}\n"]}