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

package/test/ia-menu-slider.test.js

@@ -0,0 +1,273 @@
+import { html, fixture, expect } from '@open-wc/testing';
+import '../src/menu-slider/ia-menu-slider';
+
+const container = (menus = []) => (
+  html`<ia-menu-slider .menus=${menus}></ia-menu-slider>`
+);
+
+const menus = [{
+  icon: html`<span id="icon-1"></span>`,
+  label: 'Icon 1',
+  menuDetails: '(this icon is rad)',
+  id: 'menu-1',
+  component: html`
+    <h1>Menu 1</h1>
+  `,
+}, {
+  icon: html`<b></b>`,
+  label: 'Icon 2',
+  id: 'menu-2',
+  component: html`
+    <h1>Menu 2</h1>
+  `,
+}, {
+  icon: html`<i></i>`,
+  label: 'Regular link',
+  id: 'regular-link',
+  followable: true,
+  href: '#',
+}];
+
+describe('<ia-menu-slider>', () => {
+  it('sets default properties', async () => {
+    const el = await fixture(container(menus));
+
+    expect(el.menus).to.equal(menus);
+    expect(el.open).to.be.false;
+    expect(el.selectedMenu).to.equal('');
+  });
+
+  it('has a close button', async () => {
+    const el = await fixture(container(menus));
+    const closebutton = el.shadowRoot
+      .querySelector('button.close');
+    expect(closebutton).to.not.be.undefined;
+  });
+
+  it('sets the selected menu', async () => {
+    const el = await fixture(container(menus));
+
+    el.setSelectedMenu({ detail: { id: menus[0].id } });
+    await el.updateComplete;
+
+    expect(el.selectedMenu).to.equal(menus[0].id);
+  });
+
+  it('unsets the selected menu when existing selected menu toggled', async () => {
+    const el = await fixture(container(menus));
+
+    el.setSelectedMenu({ detail: { id: menus[0].id } });
+    await el.updateComplete;
+
+    el.setSelectedMenu({ detail: { id: menus[0].id } });
+    await el.updateComplete;
+
+    expect(el.selectedMenu).to.equal('');
+  });
+
+  it('returns open CSS class when menu is open', async () => {
+    const el = await fixture(container(menus));
+
+    el.open = true;
+    await el.updateComplete;
+
+    expect(el.sliderDetailsClass).to.contain('open');
+  });
+
+  it('returns open CSS class when menu is open', async () => {
+    const el = await fixture(container(menus));
+
+    el.selectedMenu = menus[0].id;
+    await el.updateComplete;
+
+    expect(el.selectedMenuClass).to.equal('open');
+  });
+
+  it('dispatches a "menuTypeSelected" event when a menu item clicked', async () => {
+    const el = await fixture(container(menus));
+
+    el
+      .shadowRoot
+      .querySelector('menu-button')
+      .shadowRoot
+      .querySelector('button')
+      .click();
+
+    await el.updateComplete;
+
+    expect(el.selectedMenu).to.equal(menus[0].id);
+  });
+
+  it('renders menu item icons', async () => {
+    const el = await fixture(container(menus));
+
+    const icons = el
+      .shadowRoot
+      .querySelectorAll('menu-button');
+    const icon1 = icons[0].shadowRoot.querySelector('#icon-1');
+    const icon2 = icons[1].shadowRoot.querySelector('b');
+
+    expect(icons).to.exist;
+    expect(icon1).to.exist;
+    expect(icon2).to.exist;
+  });
+
+  it('renders the menu component when menu button clicked', async () => {
+    const el = await fixture(container(menus));
+    const h1 = await fixture(menus[0].component);
+
+    el
+      .shadowRoot
+      .querySelector('menu-button')
+      .shadowRoot
+      .querySelector('button')
+      .click();
+    await el.updateComplete;
+    const menuComponent = el
+      .shadowRoot
+      .querySelector('.content h1');
+
+    expect(menuComponent).to.not.be.undefined;
+    expect(menuComponent.innerText).to.equal(h1.innerText);
+  });
+
+  it('does not capture click events on menu items marked followable', async () => {
+    const el = await fixture(container(menus));
+
+    el
+      .shadowRoot
+      .querySelectorAll('menu-button')[2]
+      .shadowRoot
+      .querySelector('a')
+      .click();
+    await el.updateComplete;
+
+    expect(el.selectedMenu).to.not.equal(menus[2].id);
+  });
+
+  describe('Menu list', async () => {
+    const el = await fixture(container(menus));
+    const menuList = el
+      .shadowRoot
+      .querySelectorAll('menu-button');
+
+    it('shows menu details when available', () => {
+      const firstMenuItem = menuList[0].shadowRoot.querySelector('.menu-details');
+      expect(firstMenuItem.innerText).to.equal(menus[0].menuDetails);
+
+      const secondMenuItem = menuList[1].shadowRoot.querySelector('.menu-details');
+      expect(secondMenuItem.innerText).to.be.empty;
+    });
+  });
+
+  describe('Header section', () => {
+    let extraButtonClicked = false;
+    const extraActionClickHandler = () => {
+      extraButtonClicked = true;
+    };
+    const menu = {
+      icon: html`<ia-icon icon="audio"></ia-icon>`,
+      title: 'Audio Menu',
+      menuDetails: '(100,000,000 tracks)',
+      actionButton: html`
+        <button
+          id="custom-action-button"
+          style='color: white;'
+          @click=${extraActionClickHandler}
+        >Foo</button>
+      `,
+      label: 'Audio',
+      id: 'audio',
+      component: html`
+        <h1>Menu 2</h1>
+      `,
+    };
+
+    it('creates a header section', async () => {
+      const el = await fixture(container([menu]));
+      el
+        .shadowRoot
+        .querySelectorAll('menu-button')[0]
+        .shadowRoot
+        .querySelector('button')
+        .click();
+      await el.updateComplete;
+
+      const menuHeader = el.shadowRoot.querySelector('.content header');
+      expect(menuHeader).to.not.be.undefined;
+
+      const title = menuHeader.querySelector('h3');
+      expect(title).to.not.be.undefined;
+      expect(title.innerText).to.equal(menu.label);
+
+      const description = menuHeader.querySelector('.extra-details');
+      expect(description).to.not.be.undefined;
+      expect(description.innerText).to.equal(menu.menuDetails);
+
+      const closeButton = menuHeader.querySelector('.close');
+      expect(closeButton).to.not.be.undefined;
+
+      const actionButton = menuHeader.querySelector('.custom-action');
+      expect(actionButton).to.not.be.undefined;
+    });
+
+    it('can click on the custom action', async () => {
+      const el = await fixture(container([menu]));
+      el
+        .shadowRoot
+        .querySelectorAll('menu-button')[0]
+        .shadowRoot
+        .querySelector('button')
+        .click();
+      await el.updateComplete;
+
+      const menuHeader = el.shadowRoot.querySelector('.content header');
+      const actionButton = menuHeader.querySelector('.custom-action > *');
+      expect(el.selectedMenuAction).to.not.be.undefined;
+      expect(extraButtonClicked).to.be.false; // has not been clicked
+
+      const actionClick = new MouseEvent('click');
+      actionButton.dispatchEvent(actionClick);
+      await el.updateComplete;
+      expect(extraButtonClicked).to.be.true;
+    });
+  });
+
+  describe('Close behavior', () => {
+    it('emits a custom event when the drawer closes', async () => {
+      const el = await fixture(container(menus));
+      el.open = true;
+      await el.updateComplete;
+      expect(el.open).to.be.true;
+
+      const menuHeader = el.shadowRoot.querySelector('.content header');
+      const closeButton = menuHeader.querySelector('button.close');
+      closeButton.dispatchEvent(new MouseEvent('click'));
+      await el.updateComplete;
+      expect(el.open).to.be.false;
+    });
+    it('emits event but does not close drawer if prop `manuallyHandleClose = true`', async () => {
+      let sliderEmittedEvent = false;
+      const el = await fixture(container(menus));
+      el.manuallyHandleClose = true;
+      el.open = true;
+      await el.updateComplete;
+
+      // confirm base config
+      expect(el.open).to.be.true;
+      expect(sliderEmittedEvent).to.be.false;
+
+      el.addEventListener('menuSliderClosed', () => {
+        sliderEmittedEvent = true;
+      });
+
+      const menuHeader = el.shadowRoot.querySelector('.content header');
+      const closeButton = menuHeader.querySelector('button.close');
+      closeButton.dispatchEvent(new MouseEvent('click'));
+      await el.updateComplete;
+
+      expect(sliderEmittedEvent).to.be.true; // handler received click event
+      expect(el.open).to.be.true; // open state is still active, does not close
+    });
+  });
+});

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

@@ -1,37 +0,0 @@
-import { TemplateResult } from "lit-html";
-import { ModalConfig } from "@internetarchive/modal-manager";
-import { IntMenuProvider, IntMenuShortcut } from './menu-interfaces';
-/** Toggles Menu && Sets open panel */
-export interface IntManageSideMenuEvent extends CustomEvent {
-    detail: {
-        menuId: string | undefined | '';
-        action: 'open' | 'toggle' | '';
-    };
-}
-/** Sets open panel */
-export interface IntSetOpenMenuEvent extends CustomEvent {
-    detail: {
-        id: string; /** name of menu to open */
-    };
-}
-/** Sets menu order that is displayed */
-export interface IntSetMenuContentsEvent extends CustomEvent {
-    detail: IntMenuProvider[];
-}
-/** list of shortcut configs that displays in minimized menu */
-export interface IntSetMenuShortcuts extends CustomEvent {
-    detail: IntMenuShortcut[];
-}
-/** Toggles fullscreen mode */
-export interface IntManageFullscreenEvent extends CustomEvent {
-    detail: {
-        isFullScreen: boolean;
-    };
-}
-/** Toggles modal & sets contents */
-export interface IntOpenModalEvent extends CustomEvent {
-    detail: {
-        config: ModalConfig;
-        customModalContent: TemplateResult;
-    };
-}

package/dist/src/event-interfaces.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=event-interfaces.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"event-interfaces.js","sourceRoot":"","sources":["../../src/event-interfaces.ts"],"names":[],"mappings":"","sourcesContent":["import { TemplateResult } from \"lit-html\";\nimport { ModalConfig } from \"@internetarchive/modal-manager\";\nimport { IntMenuProvider, IntMenuShortcut } from './menu-interfaces';\n\n/** Toggles Menu && Sets open panel */\nexport interface IntManageSideMenuEvent extends CustomEvent {\n  detail: {\n    menuId: string|undefined|'';\n    action: 'open'|'toggle'|'';\n  }\n}\n\n/** Sets open panel */\nexport interface IntSetOpenMenuEvent extends CustomEvent {\n  detail: {\n    id: string; /** name of menu to open */\n  }\n}\n\n/** Sets menu order that is displayed */\nexport interface IntSetMenuContentsEvent extends CustomEvent {\n  detail: IntMenuProvider[];\n}\n\n/** list of shortcut configs that displays in minimized menu */\nexport interface IntSetMenuShortcuts extends CustomEvent {\n  detail: IntMenuShortcut[];\n}\n\n\n/** Toggles fullscreen mode */\nexport interface IntManageFullscreenEvent extends CustomEvent {\n  detail: {\n    isFullScreen: boolean\n  }\n}\n\n/** Toggles modal & sets contents */\nexport interface IntOpenModalEvent extends CustomEvent {\n  detail: {\n    config: ModalConfig;\n    customModalContent: TemplateResult;\n  }\n}\n"]}

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

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

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

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

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

@@ -1,20 +0,0 @@
-import { LitElement } from 'lit-element';
-import { MetadataResponse } from '@internetarchive/search-service';
-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;
-    sortMenuShortcuts: () => void;
-    emitMenuShortcutsUpdated: () => void;
-}

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

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=nav-controller-interface.js.map

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

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

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

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

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

@@ -1,29 +0,0 @@
-import { html } from 'lit-element';
-import './ia-files-by-type';
-import '@internetarchive/icon-share/icon-share';
-export class FilesByTypeProvider {
-    constructor(shareArgs) {
-        this.item = null;
-        this.baseHost = 'https://archive.org';
-        this.icon = html `<p
-    style="color: #fff; font-size: var(--iconHeight);"
-  >
-    F
-  </p>`;
-        this.id = 'filesByType';
-        this.label = 'Files by type';
-        this.component = null;
-        this.subPrefix = '';
-        const { item, baseHost, subPrefix = '' } = shareArgs;
-        const { title = '' } = item.metadata;
-        this.item = item;
-        this.baseHost = baseHost;
-        this.subPrefix = subPrefix;
-        this.component = html `<ia-files-by-type
-      .item=${this.item}
-      .description="${title}"
-      .baseHost="${this.baseHost}"
-    ></ia-files-by-type>`;
-    }
-}
-//# sourceMappingURL=files-by-type-provider.js.map

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

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

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

@@ -1,16 +0,0 @@
-import { MetadataResponse, File } from '@internetarchive/search-service';
-import { LitElement } from 'lit-element';
-interface CollapsedFileInt extends File {
-    [menuId: string]: any;
-    derivatives: [];
-}
-export default class IaFilesByType extends LitElement {
-    item: MetadataResponse;
-    archivalArtifacts: File[];
-    collapsedFiles: CollapsedFileInt[];
-    firstUpdated(): void;
-    render(): import("lit-element").TemplateResult;
-    sortByViewer(): boolean;
-    collapseFiles(): void;
-}
-export {};

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

@@ -1,95 +0,0 @@
-import { __decorate } from "tslib";
-import { html, customElement, LitElement, property } from 'lit-element';
-let IaFilesByType = class IaFilesByType extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.item = {};
-        this.archivalArtifacts = [];
-        this.collapsedFiles = [];
-    }
-    firstUpdated() {
-        this.collapseFiles();
-    }
-    render() {
-        return html `
-      <div>
-        <p>there are ${this.collapsedFiles.length} original files</p>
-
-        <p>there are ${this.archivalArtifacts.length} archival artifacts</p>
-
-        <p></p>
-      </div>
-    `;
-    }
-    sortByViewer() {
-        //   const images = [];
-        //   const books = [];
-        //   const radio = [];
-        //   const audio = [];
-        //   const video = [];
-        //   const albums = [];
-        //   const software = [];
-        //  this.collapsedFiles.forEach((fi) => {
-        //   // if image
-        //   // sort by various viewers
-        //  })
-        return true;
-    }
-    collapseFiles() {
-        const { files = [] } = this === null || this === void 0 ? void 0 : this.item;
-        const archivalArtifacts = [];
-        const origDir = {};
-        files.forEach(fi => {
-            const { format, source, name, original = '' } = fi;
-            if (format.toLowerCase() === 'metadata' ||
-                format.toLowerCase() === 'item tile') {
-                archivalArtifacts.push(fi);
-                return;
-            }
-            let origEntry = {};
-            if (source === 'original') {
-                origEntry = origDir[name];
-                if (!origEntry) {
-                    // add new
-                    origDir[name] = { ...fi, derivatives: [] };
-                    origEntry = origDir[name];
-                }
-                else {
-                    // update
-                    const merged = { ...origEntry, ...fi };
-                    origDir[name] = merged;
-                }
-                return;
-            }
-            if (source === 'derivative') {
-                const keyToFile = original || '';
-                origEntry = origDir[keyToFile];
-                if (!origEntry && original) {
-                    // add new
-                    const fileFrame = { derivatives: [] };
-                    origEntry = fileFrame;
-                    origEntry === null || origEntry === void 0 ? void 0 : origEntry.derivatives.push(fi);
-                    origDir[keyToFile] = origEntry;
-                    origEntry = origDir[keyToFile];
-                }
-                origEntry === null || origEntry === void 0 ? void 0 : origEntry.derivatives.push(fi);
-            }
-        });
-        this.archivalArtifacts = archivalArtifacts;
-        this.collapsedFiles = Object.keys(origDir).map((fileName) => origDir[fileName]);
-    }
-};
-__decorate([
-    property({ type: Object })
-], IaFilesByType.prototype, "item", void 0);
-__decorate([
-    property({ type: Array })
-], IaFilesByType.prototype, "archivalArtifacts", void 0);
-__decorate([
-    property({ type: Array })
-], IaFilesByType.prototype, "collapsedFiles", void 0);
-IaFilesByType = __decorate([
-    customElement('ia-files-by-type')
-], IaFilesByType);
-export default IaFilesByType;
-//# sourceMappingURL=ia-files-by-type.js.map

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

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

package/dist/src/item-inspector/files-by-type/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/files-by-type/ia-grouped-files-by-type.js.map

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

package/dist/src/item-inspector/grouped-files/files-by-type-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/files-by-type-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=files-by-type-provider.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"files-by-type-provider.js","sourceRoot":"","sources":["../../../../src/item-inspector/grouped-files/files-by-type-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/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/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