@internetarchive/ia-item-navigator 1.1.0 → 2.0.0-alpha1

package/dist/src/menus/share-providers/twitter.js

@@ -0,0 +1,15 @@
+import '@internetarchive/icon-twitter/icon-twitter';
+import { html } from 'lit';
+import Provider from './provider';
+export default class TwitterProvider extends Provider {
+    constructor(params) {
+        super(params);
+        this.name = 'Twitter';
+        this.icon = html `<ia-icon-twitter></ia-icon-twitter>`;
+        this.class = 'twitter';
+    }
+    get url() {
+        return `https://twitter.com/intent/tweet?url=https://${this.baseHost}/details/${this.itemPath}&via=internetarchive&text=${this.encodedDescription}+%3A+${this.encodedCreator}${this.encodedPromoCopy}`;
+    }
+}
+//# sourceMappingURL=twitter.js.map

package/dist/src/menus/share-providers/twitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"twitter.js","sourceRoot":"","sources":["../../../../src/menus/share-providers/twitter.ts"],"names":[],"mappings":"AAAA,OAAO,4CAA4C,CAAC;AACpD,OAAO,EAAkB,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAGlC,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,QAAQ;IAOnD,YAAY,MAAsB;QAChC,KAAK,CAAC,MAAM,CAAC,CAAC;QACd,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;QACtB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA,qCAAqC,CAAC;QACtD,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;IACzB,CAAC;IAED,IAAa,GAAG;QACd,OAAO,gDAAgD,IAAI,CAAC,QAAQ,YAAY,IAAI,CAAC,QAAQ,6BAA6B,IAAI,CAAC,kBAAkB,QAAQ,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;IACzM,CAAC;CACF","sourcesContent":["import '@internetarchive/icon-twitter/icon-twitter';\nimport { TemplateResult, html } from 'lit';\nimport Provider from './provider';\nimport { ProviderParams } from './share-provider-interface';\n\nexport default class TwitterProvider extends Provider {\n  name: string;\n\n  icon: TemplateResult;\n\n  class: string;\n\n  constructor(params: ProviderParams) {\n    super(params);\n    this.name = 'Twitter';\n    this.icon = html`<ia-icon-twitter></ia-icon-twitter>`;\n    this.class = 'twitter';\n  }\n\n  override get url(): string {\n    return `https://twitter.com/intent/tweet?url=https://${this.baseHost}/details/${this.itemPath}&via=internetarchive&text=${this.encodedDescription}+%3A+${this.encodedCreator}${this.encodedPromoCopy}`;\n  }\n}\n"]}

package/dist/test/iaux-item-navigator.test.d.ts

@@ -0,0 +1 @@
+import '../src/iaux-item-navigator';

package/dist/test/{ia-item-navigator.test.js → iaux-item-navigator.test.js}

@@ -3,8 +3,8 @@ import { html, fixture, expect } from '@open-wc/testing';
 import Sinon from 'sinon';
 import { SharedResizeObserver } from '@internetarchive/shared-resize-observer';
 import { ModalManager } from '@internetarchive/modal-manager';
-import '../src/item-navigator';
-import { ItemStub, menuProvider, shortcut } from '../test/ia-stub';
+import '../src/iaux-item-navigator';
+import { ItemStub, menuProvider, shortcut } from './ia-stub';
 afterEach(() => {
     Sinon.restore();
 });
@@ -12,7 +12,9 @@ describe('ItemNavigator', () => {
     describe('Theaters', () => {
         it('shows <ia-no-theater-available> if told', async () => {
             var _a;
-            const el = await fixture(html `<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`);
+            const el = await fixture(html `<iaux-item-navigator
+          .item=${new ItemStub()}
+        ></iaux-item-navigator>`);
             el.viewAvailable = false;
             await el.updateComplete;
             expect(el.viewAvailable).to.be.false;
@@ -20,7 +22,9 @@ describe('ItemNavigator', () => {
         });
         it('opens main slot by default', async () => {
             var _a, _b;
-            const el = await fixture(html `<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`);
+            const el = await fixture(html `<iaux-item-navigator
+          .item=${new ItemStub()}
+        ></iaux-item-navigator>`);
             expect(el.viewAvailable).to.be.true;
             expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('ia-no-theater-available')).to.be
                 .null;
@@ -30,18 +34,20 @@ describe('ItemNavigator', () => {
     describe('`el.loaded`', () => {
         it('toggles the spinning loader', async () => {
             var _a;
-            const el = await fixture(html `<ia-item-navigator></ia-item-navigator>`);
+            const el = await fixture(html `<iaux-item-navigator></iaux-item-navigator>`);
             expect(el.loaded).to.be.null; // initial load
             expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('ia-itemnav-loader')).to.exist;
         });
         it('hides reader section if `!loaded`', async () => {
             var _a, _b;
-            const el = await fixture(html `<ia-item-navigator></ia-item-navigator>`);
+            const el = await fixture(html `<iaux-item-navigator></iaux-item-navigator>`);
             expect((_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#reader')) === null || _b === void 0 ? void 0 : _b.getAttribute('class')).to.contain('hidden');
         });
         it('shows reader when `loaded` ', async () => {
             var _a, _b;
-            const el = await fixture(html `<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`);
+            const el = await fixture(html `<iaux-item-navigator
+          .item=${new ItemStub()}
+        ></iaux-item-navigator>`);
             el.loaded = true;
             await el.updateComplete;
             const mainTheaterSection = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#reader');
@@ -52,7 +58,7 @@ describe('ItemNavigator', () => {
             expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('slot[name="main"]')).to.exist;
         });
         it('listens to `@loadingStateUpdated` to update `loaded` for <no-theater-available>', async () => {
-            const el = await fixture(html `<ia-item-navigator></ia-item-navigator>`);
+            const el = await fixture(html `<iaux-item-navigator></iaux-item-navigator>`);
             await el.updateComplete;
             const spy = Sinon.spy();
             el.loadingStateUpdated = spy;
@@ -70,32 +76,32 @@ describe('ItemNavigator', () => {
     describe('`el.sharedObserver`', () => {
         it('uses one', async () => {
             const sharedObserver = new SharedResizeObserver();
-            const el = await fixture(html `<ia-item-navigator
+            const el = await fixture(html `<iaux-item-navigator
           .sharedObserver=${sharedObserver}
-        ></ia-item-navigator>`);
+        ></iaux-item-navigator>`);
             expect(el.sharedObserver).to.equal(sharedObserver);
             expect(typeof el.handleResize).to.equal('function');
         });
         it('freshly registers handlers', async () => {
             const sharedObserver = new SharedResizeObserver();
             const addObserverSpy = Sinon.spy(sharedObserver, 'addObserver');
-            await fixture(html `<ia-item-navigator
+            await fixture(html `<iaux-item-navigator
           .sharedObserver=${sharedObserver}
-        ></ia-item-navigator>`);
+        ></iaux-item-navigator>`);
             expect(addObserverSpy.callCount).to.equal(2);
         });
         it('removes handler when component disconnects', async () => {
             const sharedObserver = new SharedResizeObserver();
             const removeObserverSpy = Sinon.spy(sharedObserver, 'removeObserver');
-            const el = await fixture(html `<ia-item-navigator
+            const el = await fixture(html `<iaux-item-navigator
           .sharedObserver=${sharedObserver}
-        ></ia-item-navigator>`);
+        ></iaux-item-navigator>`);
             el.disconnectedCallback();
             await el.updateComplete;
             expect(removeObserverSpy.callCount).to.equal(1);
         });
         it('sets menu to overlay if container width is <= 600px', async () => {
-            const el = await fixture(html `<ia-item-navigator></ia-item-navigator>`);
+            const el = await fixture(html `<iaux-item-navigator></iaux-item-navigator>`);
             expect(el.openMenuState).to.equal('shift'); // as starting point
             const overlaySize = {
                 contentRect: { width: 600 },
@@ -114,21 +120,21 @@ describe('ItemNavigator', () => {
     describe('`el.modal`', () => {
         it('uses one', async () => {
             const modal = new ModalManager();
-            const el = await fixture(html `<ia-item-navigator .modal=${modal}></ia-item-navigator>`);
+            const el = await fixture(html `<iaux-item-navigator .modal=${modal}></iaux-item-navigator>`);
             expect(el.modal).to.equal(modal);
         });
     });
     describe('full browser window immersion "fullscreen"', () => {
         it('creates reflected attribute `viewportinfullscreen`', async () => {
             /** to help with external styling adjustmnents */
-            const el = await fixture(html `<ia-item-navigator></ia-item-navigator>`);
+            const el = await fixture(html `<iaux-item-navigator></iaux-item-navigator>`);
             expect(el.getAttribute('viewportinfullscreen')).to.be.null;
             el.viewportInFullscreen = true;
             await el.updateComplete;
             expect(el.getAttribute('viewportinfullscreen')).to.exist;
         });
         it('@ViewportInFullScreen', async () => {
-            const el = await fixture(html `<ia-item-navigator></ia-item-navigator>`);
+            const el = await fixture(html `<iaux-item-navigator></iaux-item-navigator>`);
             expect(el.viewportInFullscreen).to.be.null;
             const yesFullscreenEvent = {
                 detail: {
@@ -152,7 +158,9 @@ describe('ItemNavigator', () => {
     describe('el.menuOpened', () => {
         it('toggles side menu open', async () => {
             var _a, _b, _c;
-            const el = await fixture(html `<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`);
+            const el = await fixture(html `<iaux-item-navigator
+          .item=${new ItemStub()}
+        ></iaux-item-navigator>`);
             el.menuContents = [menuProvider];
             await el.updateComplete;
             const nav = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('nav');
@@ -168,7 +176,9 @@ describe('ItemNavigator', () => {
         });
         it('opens menu shortcut with `@manageSideMenuEvents`', async () => {
             var _a;
-            const el = await fixture(html `<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`);
+            const el = await fixture(html `<iaux-item-navigator
+          .item=${new ItemStub()}
+        ></iaux-item-navigator>`);
             const detail = {
                 menuId: 'fullscreen',
                 action: 'open',
@@ -219,7 +229,9 @@ describe('ItemNavigator', () => {
     describe('el.menuContents', () => {
         it('draws side menu when populated', async () => {
             var _a;
-            const el = await fixture(html `<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`);
+            const el = await fixture(html `<iaux-item-navigator
+          .item=${new ItemStub()}
+        ></iaux-item-navigator>`);
             el.menuContents = [menuProvider];
             await el.updateComplete;
             expect(el.menuContents.length).to.exist;
@@ -235,7 +247,9 @@ describe('ItemNavigator', () => {
     describe('`el.menuShortcuts`', () => {
         it('displays shortcut & toggle side menu button', async () => {
             var _a;
-            const el = await fixture(html `<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`);
+            const el = await fixture(html `<iaux-item-navigator
+          .item=${new ItemStub()}
+        ></iaux-item-navigator>`);
             const anotherShortcut = {
                 id: 'foo',
                 icon: html `<i class="foo-shortcut"></i>`,
@@ -255,7 +269,9 @@ describe('ItemNavigator', () => {
     });
     describe('Menu events', () => {
         it('`el.setMenuShortcuts`', async () => {
-            const el = await fixture(html `<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`);
+            const el = await fixture(html `<iaux-item-navigator
+          .item=${new ItemStub()}
+        ></iaux-item-navigator>`);
             expect(el.menuShortcuts.length).to.equal(0);
             const menuShortcuts = [shortcut];
             el.setMenuShortcuts({
@@ -265,7 +281,9 @@ describe('ItemNavigator', () => {
             expect(el.menuShortcuts.length).to.equal(1);
         });
         it('`el.setMenuContents`', async () => {
-            const el = await fixture(html `<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`);
+            const el = await fixture(html `<iaux-item-navigator
+          .item=${new ItemStub()}
+        ></iaux-item-navigator>`);
             expect(el.menuContents.length).to.equal(0);
             el.setMenuShortcuts({
                 detail: [menuProvider],
@@ -274,7 +292,9 @@ describe('ItemNavigator', () => {
             expect(el.menuShortcuts.length).to.equal(1);
         });
         it('`el.setOpenMenu`', async () => {
-            const el = await fixture(html `<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`);
+            const el = await fixture(html `<iaux-item-navigator
+          .item=${new ItemStub()}
+        ></iaux-item-navigator>`);
             el.setOpenMenu({
                 detail: { id: 'foo' },
             });
@@ -290,7 +310,9 @@ describe('ItemNavigator', () => {
             expect(el.selectedMenuId).to.equal('');
         });
         it('`el.closeMenu`', async () => {
-            const el = await fixture(html `<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`);
+            const el = await fixture(html `<iaux-item-navigator
+          .item=${new ItemStub()}
+        ></iaux-item-navigator>`);
             el.menuOpened = true;
             await el.updateComplete;
             expect(el.menuOpened).to.be.true;
@@ -300,4 +322,4 @@ describe('ItemNavigator', () => {
         });
     });
 });
-//# sourceMappingURL=ia-item-navigator.test.js.map
+//# sourceMappingURL=iaux-item-navigator.test.js.map

package/dist/test/iaux-item-navigator.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iaux-item-navigator.test.js","sourceRoot":"","sources":["../../test/iaux-item-navigator.test.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable camelcase */\nimport { html, fixture, expect } from '@open-wc/testing';\nimport Sinon from 'sinon';\n\nimport { SharedResizeObserver } from '@internetarchive/shared-resize-observer';\nimport { ModalManager } from '@internetarchive/modal-manager';\nimport { ItemNavigator } from '../src/iaux-item-navigator';\nimport '../src/iaux-item-navigator';\n\nimport { ItemStub, menuProvider, shortcut } from './ia-stub';\nimport {\n  ManageFullscreenEvent,\n  ToggleSideMenuOpenEvent,\n  SetSideMenuContentsEvent,\n  SetSideMenuShortcutsEvent,\n  ToggleSidePanelOpenEvent,\n} from '../src/interfaces/event-interfaces';\n\nafterEach(() => {\n  Sinon.restore();\n});\n\ndescribe('ItemNavigator', () => {\n  describe('Theaters', () => {\n    it('shows <ia-no-theater-available> if told', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<iaux-item-navigator\n          .item=${new ItemStub()}\n        ></iaux-item-navigator>`,\n      );\n      el.viewAvailable = false;\n      await el.updateComplete;\n      expect(el.viewAvailable).to.be.false;\n      expect(el.shadowRoot?.querySelector('ia-no-theater-available')).to.exist;\n    });\n    it('opens main slot by default', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<iaux-item-navigator\n          .item=${new ItemStub()}\n        ></iaux-item-navigator>`,\n      );\n\n      expect(el.viewAvailable).to.be.true;\n      expect(el.shadowRoot?.querySelector('ia-no-theater-available')).to.be\n        .null;\n      expect(el.shadowRoot?.querySelector('slot[name=\"main\"]')).to.exist;\n    });\n  });\n  describe('`el.loaded`', () => {\n    it('toggles the spinning loader', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<iaux-item-navigator></iaux-item-navigator>`,\n      );\n      expect(el.loaded).to.be.null; // initial load\n      expect(el.shadowRoot?.querySelector('ia-itemnav-loader')).to.exist;\n    });\n    it('hides reader section if `!loaded`', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<iaux-item-navigator></iaux-item-navigator>`,\n      );\n\n      expect(\n        el.shadowRoot?.querySelector('#reader')?.getAttribute('class'),\n      ).to.contain('hidden');\n    });\n    it('shows reader when `loaded` ', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<iaux-item-navigator\n          .item=${new ItemStub()}\n        ></iaux-item-navigator>`,\n      );\n\n      el.loaded = true;\n      await el.updateComplete;\n      const mainTheaterSection = el.shadowRoot?.querySelector('#reader');\n      expect(mainTheaterSection?.classList.contains('hide')).to.be.false;\n      expect(el.loaded).to.be.true;\n      // `loaded` property is reflected as DOM attribute\n      expect(el.hasAttribute('loaded')).to.equal(true);\n      expect(el.shadowRoot?.querySelector('slot[name=\"main\"]')).to.exist;\n    });\n    it('listens to `@loadingStateUpdated` to update `loaded` for <no-theater-available>', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<iaux-item-navigator></iaux-item-navigator>`,\n      );\n\n      await el.updateComplete;\n      const spy = Sinon.spy();\n      el.loadingStateUpdated = spy;\n      el.loaded = null;\n      el.viewAvailable = false;\n      await el.updateComplete;\n      // check base properties\n      expect(el.loaded).to.equal(null);\n      expect(el.item).to.be.undefined;\n\n      // spy fires\n      expect(spy.called).to.equal(true);\n      expect(spy.callCount).to.equal(1);\n    });\n  });\n\n  describe('`el.sharedObserver`', () => {\n    it('uses one', async () => {\n      const sharedObserver = new SharedResizeObserver();\n      const el = await fixture<ItemNavigator>(\n        html`<iaux-item-navigator\n          .sharedObserver=${sharedObserver}\n        ></iaux-item-navigator>`,\n      );\n\n      expect(el.sharedObserver).to.equal(sharedObserver);\n      expect(typeof el.handleResize).to.equal('function');\n    });\n    it('freshly registers handlers', async () => {\n      const sharedObserver = new SharedResizeObserver();\n      const addObserverSpy = Sinon.spy(sharedObserver, 'addObserver');\n\n      await fixture<ItemNavigator>(\n        html`<iaux-item-navigator\n          .sharedObserver=${sharedObserver}\n        ></iaux-item-navigator>`,\n      );\n\n      expect(addObserverSpy.callCount).to.equal(2);\n    });\n    it('removes handler when component disconnects', async () => {\n      const sharedObserver = new SharedResizeObserver();\n      const removeObserverSpy = Sinon.spy(sharedObserver, 'removeObserver');\n\n      const el = await fixture<ItemNavigator>(\n        html`<iaux-item-navigator\n          .sharedObserver=${sharedObserver}\n        ></iaux-item-navigator>`,\n      );\n\n      el.disconnectedCallback();\n      await el.updateComplete;\n\n      expect(removeObserverSpy.callCount).to.equal(1);\n    });\n    it('sets menu to overlay if container width is <= 600px', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<iaux-item-navigator></iaux-item-navigator>`,\n      );\n\n      expect(el.openMenuState).to.equal('shift'); // as starting point\n\n      const overlaySize = {\n        contentRect: { width: 600 },\n      } as ResizeObserverEntry;\n      el.handleResize(overlaySize);\n      await el.updateComplete;\n\n      expect(el.openMenuState).to.equal('overlay'); // changes open menu display to an overlay\n\n      const shiftSize = {\n        contentRect: { width: 601 },\n      } as ResizeObserverEntry;\n      el.handleResize(shiftSize);\n      await el.updateComplete;\n\n      expect(el.openMenuState).to.equal('shift');\n    });\n  });\n\n  describe('`el.modal`', () => {\n    it('uses one', async () => {\n      const modal = new ModalManager();\n      const el = await fixture<ItemNavigator>(\n        html`<iaux-item-navigator .modal=${modal}></iaux-item-navigator>`,\n      );\n      expect(el.modal).to.equal(modal);\n    });\n  });\n\n  describe('full browser window immersion \"fullscreen\"', () => {\n    it('creates reflected attribute `viewportinfullscreen`', async () => {\n      /** to help with external styling adjustmnents */\n      const el = await fixture<ItemNavigator>(\n        html`<iaux-item-navigator></iaux-item-navigator>`,\n      );\n      expect(el.getAttribute('viewportinfullscreen')).to.be.null;\n\n      el.viewportInFullscreen = true;\n      await el.updateComplete;\n\n      expect(el.getAttribute('viewportinfullscreen')).to.exist;\n    });\n    it('@ViewportInFullScreen', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<iaux-item-navigator></iaux-item-navigator>`,\n      );\n      expect(el.viewportInFullscreen).to.be.null;\n\n      const yesFullscreenEvent = {\n        detail: {\n          isFullScreen: true,\n        },\n      } as ManageFullscreenEvent;\n      el.manageViewportFullscreen(yesFullscreenEvent);\n      await el.updateComplete;\n      expect(el.viewportInFullscreen).to.be.true;\n\n      const noFullscreenEvent = {\n        detail: {\n          isFullScreen: false,\n        },\n      } as ManageFullscreenEvent;\n      el.manageViewportFullscreen(noFullscreenEvent);\n      await el.updateComplete;\n      expect(el.viewportInFullscreen).to.be.null;\n    });\n  });\n\n  /* Side menu & shortcuts tests */\n  describe('el.menuOpened', () => {\n    it('toggles side menu open', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<iaux-item-navigator\n          .item=${new ItemStub()}\n        ></iaux-item-navigator>`,\n      );\n\n      el.menuContents = [menuProvider];\n      await el.updateComplete;\n\n      const nav = el.shadowRoot?.querySelector('nav');\n\n      expect(nav?.querySelector('#menu')).to.exist;\n      // side menu starts closed\n      expect(el.menuOpened).to.be.false;\n      expect(nav?.querySelector('#menu')?.getAttribute('class')).to.contain(\n        'hidden',\n      );\n\n      // let's open menu\n      el.toggleMenu();\n      await el.updateComplete;\n\n      expect(el.menuOpened).to.be.true;\n      expect(nav?.querySelector('#menu')?.getAttribute('class')).to.not.contain(\n        'hidden',\n      );\n    });\n\n    it('opens menu shortcut with `@manageSideMenuEvents`', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<iaux-item-navigator\n          .item=${new ItemStub()}\n        ></iaux-item-navigator>`,\n      );\n      const detail = {\n        menuId: 'fullscreen',\n        action: 'open',\n      };\n\n      el.menuContents = [menuProvider];\n      await el.updateComplete;\n      const frame = el.shadowRoot?.querySelector('#frame');\n      // default menu open behavior is to side menu open, not overlay\n      expect(frame?.getAttribute('class')).to.contain('shift');\n\n      expect(el.menuOpened).to.be.false;\n      expect(el.openMenu).to.be.undefined;\n      expect(frame?.getAttribute('class')).to.not.contain('open');\n\n      const event = new CustomEvent('updateSideMenu', {\n        detail,\n      }) as ToggleSideMenuOpenEvent;\n      el.manageSideMenuEvents(event);\n      await el.updateComplete;\n\n      expect(el.shouldRenderMenu).to.be.true;\n      expect(el.menuOpened).to.be.true;\n      expect(el.openMenu).to.equal(detail.menuId);\n\n      expect(frame?.getAttribute('class')).to.contain('open');\n\n      // no menu provided\n      const openShortcutSpy = Sinon.spy(el, 'openShortcut');\n      const toggleMenuSpy = Sinon.spy(el, 'toggleMenu');\n\n      const noMenuProvidedEvent = new CustomEvent('updateSideMenu', {\n        detail: {},\n      }) as any;\n      el.manageSideMenuEvents(noMenuProvidedEvent);\n      await el.updateComplete;\n\n      expect(openShortcutSpy.called).to.be.false;\n      expect(toggleMenuSpy.called).to.be.false;\n\n      // toggle menu\n      const toggleMenuEvent = new CustomEvent('updateSideMenu', {\n        detail: { action: 'toggle', menuId: 'fullscreen' },\n      }) as any;\n      el.manageSideMenuEvents(toggleMenuEvent);\n      await el.updateComplete;\n\n      expect(toggleMenuSpy.callCount).to.equal(1);\n\n      // open menu\n      const openMenuEvent = new CustomEvent('updateSideMenu', {\n        detail: { action: 'open', menuId: 'fullscreen' },\n      }) as any;\n      el.manageSideMenuEvents(openMenuEvent);\n      await el.updateComplete;\n\n      expect(openShortcutSpy.callCount).to.equal(1);\n    });\n  });\n\n  describe('el.menuContents', () => {\n    it('draws side menu when populated', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<iaux-item-navigator\n          .item=${new ItemStub()}\n        ></iaux-item-navigator>`,\n      );\n\n      el.menuContents = [menuProvider];\n      await el.updateComplete;\n      expect(el.menuContents.length).to.exist;\n      expect(el.shouldRenderMenu).to.be.true;\n\n      const nav = el.shadowRoot?.querySelector('nav');\n      expect(nav).to.exist;\n\n      const menuSlider = nav?.querySelector('ia-menu-slider');\n      expect(menuSlider).to.exist;\n      expect(menuSlider?.getAttribute('manuallyhandleclose')).to.exist;\n      expect(menuSlider?.getAttribute('open')).to.exist;\n    });\n  });\n\n  describe('`el.menuShortcuts`', () => {\n    it('displays shortcut & toggle side menu button', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<iaux-item-navigator\n          .item=${new ItemStub()}\n        ></iaux-item-navigator>`,\n      );\n\n      const anotherShortcut = {\n        id: 'foo',\n        icon: html`<i class=\"foo-shortcut\"></i>`,\n      };\n      el.menuContents = [menuProvider];\n      el.menuShortcuts = [shortcut, anotherShortcut];\n      await el.updateComplete;\n\n      const nav = el.shadowRoot?.querySelector('nav');\n\n      const shortcutsContainer = nav?.querySelector('.shortcuts');\n      expect(el.menuShortcuts.length).to.exist;\n      expect(nav).to.exist;\n      expect(shortcutsContainer).to.exist;\n      expect(shortcutsContainer?.querySelector('i.fullscreen-test')).to.exist;\n      expect(shortcutsContainer?.querySelector('button.shortcut.foo')).to.exist;\n      expect(nav?.querySelector('.toggle-menu')).to.exist;\n    });\n  });\n\n  describe('Menu events', () => {\n    it('`el.setMenuShortcuts`', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<iaux-item-navigator\n          .item=${new ItemStub()}\n        ></iaux-item-navigator>`,\n      );\n      expect(el.menuShortcuts.length).to.equal(0);\n\n      const menuShortcuts = [shortcut];\n\n      el.setMenuShortcuts({\n        detail: menuShortcuts,\n      } as SetSideMenuShortcutsEvent);\n      await el.updateComplete;\n\n      expect(el.menuShortcuts.length).to.equal(1);\n    });\n    it('`el.setMenuContents`', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<iaux-item-navigator\n          .item=${new ItemStub()}\n        ></iaux-item-navigator>`,\n      );\n      expect(el.menuContents.length).to.equal(0);\n\n      el.setMenuShortcuts({\n        detail: [menuProvider],\n      } as SetSideMenuContentsEvent);\n      await el.updateComplete;\n\n      expect(el.menuShortcuts.length).to.equal(1);\n    });\n    it('`el.setOpenMenu`', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<iaux-item-navigator\n          .item=${new ItemStub()}\n        ></iaux-item-navigator>`,\n      );\n\n      el.setOpenMenu({\n        detail: { id: 'foo' },\n      } as ToggleSidePanelOpenEvent);\n      await el.updateComplete;\n\n      expect(el.openMenu).to.equal('foo');\n      expect(el.selectedMenuId).to.equal('foo');\n\n      // toggles it off\n      el.setOpenMenu({\n        detail: { id: 'foo' },\n      } as ToggleSidePanelOpenEvent);\n      await el.updateComplete;\n\n      expect(el.openMenu).to.be.undefined;\n      expect(el.selectedMenuId).to.equal('');\n    });\n    it('`el.closeMenu`', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<iaux-item-navigator\n          .item=${new ItemStub()}\n        ></iaux-item-navigator>`,\n      );\n\n      el.menuOpened = true;\n      await el.updateComplete;\n\n      expect(el.menuOpened).to.be.true;\n\n      el.closeMenu();\n      await el.updateComplete;\n\n      expect(el.menuOpened).to.be.false;\n    });\n  });\n});\n"]}

package/dist/test/iaux-sharing-options.test.d.ts

@@ -0,0 +1 @@
+import '../src/menus/iaux-sharing-options';

package/dist/test/iaux-sharing-options.test.js

@@ -0,0 +1,64 @@
+import { html, fixture, expect } from '@open-wc/testing';
+import sinon from 'sinon';
+import '../src/menus/iaux-sharing-options';
+const identifier = 'goody';
+const itemType = 'book';
+const creator = 'Welsh, Charles';
+const description = 'The history of Little Goody Two-Shoes : otherwise called Mrs. Margery Two-Shoes ... [1766 edition]';
+const container = (optionalFileSubprefix = '') => html `<iaux-sharing-options
+    identifier="${identifier}"
+    type="${itemType}"
+    creator="${creator}"
+    description="${description}"
+    baseHost="archive.org"
+    fileSubPrefix="${optionalFileSubprefix}"
+  ></iaux-sharing-options>`;
+describe('<iaux-sharing-options>', () => {
+    afterEach(() => {
+        sinon.restore();
+    });
+    it('sets default properties', async () => {
+        const el = (await fixture(container()));
+        expect(el.identifier).to.equal(identifier);
+        expect(el.type).to.equal(itemType);
+        expect(el.creator).to.equal(creator);
+        expect(el.description).to.equal(description);
+    });
+    it('renders buttons for each sharing method', async () => {
+        const el = (await fixture(container()));
+        await el.updateComplete;
+        el.sharingOptions.forEach(option => {
+            const button = el.shadowRoot && el.shadowRoot.querySelector(`a.${option.class}`);
+            expect(button).to.exist;
+            expect(button === null || button === void 0 ? void 0 : button.getAttribute('href')).to.equal(option.url);
+        });
+    });
+    it('toggles visibility of embed options', async () => {
+        const el = (await fixture(container()));
+        el.toggleEmbedOptions(new Event('click'));
+        await el.updateComplete;
+        expect(el.embedOptionsVisible).to.equal(true);
+    });
+    it('does not show internal header by default', async () => {
+        var _a;
+        const el = (await fixture(container()));
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('header')).to.be.null;
+    });
+    it('does shows internal header when requested', async () => {
+        var _a;
+        const el = (await fixture(container()));
+        el.renderHeader = true;
+        await el.updateComplete;
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('header')).to.not.be.null;
+    });
+    it('sets file subprefix to end of share URLs if present', async () => {
+        const optionalFileSubprefix = 'foo- bar - 123-';
+        const el = (await fixture(container(optionalFileSubprefix)));
+        el.sharingOptions.forEach(option => {
+            if (option.name !== 'Tumblr') {
+                expect(option.url).to.contain(encodeURIComponent(optionalFileSubprefix));
+            }
+        });
+    });
+});
+//# sourceMappingURL=iaux-sharing-options.test.js.map

package/dist/test/iaux-sharing-options.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iaux-sharing-options.test.js","sourceRoot":"","sources":["../../test/iaux-sharing-options.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, fixture, expect } from '@open-wc/testing';\nimport sinon from 'sinon';\nimport '../src/menus/iaux-sharing-options';\nimport type { IauxSharingOptions } from '../src/menus/iaux-sharing-options';\n\nconst identifier = 'goody';\nconst itemType = 'book';\nconst creator = 'Welsh, Charles';\nconst description =\n  'The history of Little Goody Two-Shoes : otherwise called Mrs. Margery Two-Shoes ... [1766 edition]';\n\nconst container = (optionalFileSubprefix = '') =>\n  html`<iaux-sharing-options\n    identifier=\"${identifier}\"\n    type=\"${itemType}\"\n    creator=\"${creator}\"\n    description=\"${description}\"\n    baseHost=\"archive.org\"\n    fileSubPrefix=\"${optionalFileSubprefix}\"\n  ></iaux-sharing-options>`;\n\ndescribe('<iaux-sharing-options>', () => {\n  afterEach(() => {\n    sinon.restore();\n  });\n\n  it('sets default properties', async () => {\n    const el = (await fixture(container())) as IauxSharingOptions;\n\n    expect(el.identifier).to.equal(identifier);\n    expect(el.type).to.equal(itemType);\n    expect(el.creator).to.equal(creator);\n    expect(el.description).to.equal(description);\n  });\n\n  it('renders buttons for each sharing method', async () => {\n    const el = (await fixture(container())) as IauxSharingOptions;\n\n    await el.updateComplete;\n\n    el.sharingOptions.forEach(option => {\n      const button =\n        el.shadowRoot && el.shadowRoot.querySelector(`a.${option.class}`);\n      expect(button).to.exist;\n      expect(button?.getAttribute('href')).to.equal(option.url);\n    });\n  });\n\n  it('toggles visibility of embed options', async () => {\n    const el = (await fixture(container())) as IauxSharingOptions;\n\n    el.toggleEmbedOptions(new Event('click'));\n    await el.updateComplete;\n\n    expect(el.embedOptionsVisible).to.equal(true);\n  });\n\n  it('does not show internal header by default', async () => {\n    const el = (await fixture(container())) as IauxSharingOptions;\n    expect(el.shadowRoot?.querySelector('header')).to.be.null;\n  });\n\n  it('does shows internal header when requested', async () => {\n    const el = (await fixture(container())) as IauxSharingOptions;\n    el.renderHeader = true;\n    await el.updateComplete;\n    expect(el.shadowRoot?.querySelector('header')).to.not.be.null;\n  });\n\n  it('sets file subprefix to end of share URLs if present', async () => {\n    const optionalFileSubprefix = 'foo- bar - 123-';\n    const el = (await fixture(\n      container(optionalFileSubprefix),\n    )) as IauxSharingOptions;\n\n    el.sharingOptions.forEach(option => {\n      if (option.name !== 'Tumblr') {\n        expect(option.url).to.contain(\n          encodeURIComponent(optionalFileSubprefix),\n        );\n      }\n    });\n  });\n});\n"]}

package/index.ts

@@ -1,3 +1,11 @@
-export { ItemNavigator } from './src/item-navigator';
+export { ItemNavigator } from './src/iaux-item-navigator';
 export { MenuButton } from './src/menu-slider/menu-button';
 export { IaMenuSlider } from './src/menu-slider/ia-menu-slider';
+
+// side menus
+export {
+  IauxSharingOptions,
+  iauxShareIcon,
+} from './src/menus/iaux-sharing-options';
+export { IauxViewableFiles } from './src/menus/iaux-viewable-files';
+export { IauxSortFilesButton } from './src/menus/iaux-viewable-files';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@internetarchive/ia-item-navigator",
-  "version": "1.1.0",
+  "version": "v2.0.0-alpha1",
   "description": "Internet Archive's Item Navigator, visually explore an item's contents.",
   "repository": {
     "type": "git",
@@ -31,7 +31,13 @@
   "dependencies": {
     "@internetarchive/icon-collapse-sidebar": "^1.3.4",
     "@internetarchive/icon-ellipses": "^1.3.4",
+    "@internetarchive/icon-email": "^1.3.4",
+    "@internetarchive/icon-facebook": "^1.3.4",
+    "@internetarchive/icon-link": "^1.3.4",
+    "@internetarchive/icon-pinterest": "^1.3.4",
     "@internetarchive/icon-share": "^1.3.4",
+    "@internetarchive/icon-tumblr": "^1.3.4",
+    "@internetarchive/icon-twitter": "^1.3.4",
     "@internetarchive/icon-visual-adjustment": "^1.3.4",
     "@internetarchive/modal-manager": "^0.2.7",
     "@internetarchive/search-service": "^0.1.2",
@@ -71,14 +77,13 @@
   "eslintConfig": {
     "parser": "@typescript-eslint/parser",
     "extends": [
-      "@open-wc/eslint-config",
-      "eslint-config-prettier"
+      "@open-wc",
+      "prettier"
     ],
     "plugins": [
       "@typescript-eslint"
     ],
     "rules": {
-      "class-methods-use-this": "off",
       "no-unused-vars": "off",
       "@typescript-eslint/no-unused-vars": [
         "error"
@@ -87,9 +92,11 @@
       "@typescript-eslint/no-shadow": [
         "error"
       ],
+      "class-methods-use-this": "off",
       "import/no-unresolved": "off",
       "import/extensions": [
         "off",
+        "ignorePackages",
         {
           "js": "never",
           "ts": "never"

package/src/{item-navigator.ts → iaux-item-navigator.ts}

@@ -35,7 +35,7 @@ import {
 } from './interfaces/menu-interfaces';
 import './no-theater-available';
 
-@customElement('ia-item-navigator')
+@customElement('iaux-item-navigator')
 export class ItemNavigator
   extends LitElement
   implements SharedResizeObserverResizeHandlerInterface
@@ -55,15 +55,7 @@ export class ItemNavigator
 
   @property({ type: String }) baseHost = 'archive.org';
 
-  @property({
-    converter: (arg: string | boolean | null) => {
-      if (typeof arg === 'boolean') {
-        return arg;
-      }
-      return arg === 'true';
-    },
-  })
-  signedIn = false;
+  @property({ type: Boolean }) signedIn = false;
 
   @property({ type: Array }) menuContents: MenuProviderInterface[] = [];
 

package/src/menu-slider/ia-menu-slider.ts

@@ -96,7 +96,7 @@ export class IaMenuSlider extends LitElement {
             .icon=${menu.icon}
             .label=${menu.label}
             .menuDetails=${menu.menuDetails}
-            .id=${menu.id}
+            .buttonId=${menu.id}
             .selected=${menu.id === this.selectedMenu}
             .followable=${menu.followable}
             .href=${menu.href}

package/src/menus/foo.json

@@ -0,0 +1,84 @@
+[
+  /* This is a whole user list */
+  {
+    "list_name": "My Great List",
+    "description": "The greatest list of all",
+    "private": true,
+    "date_created": "2020-01-01T01:23:45Z",
+    "date_updated": "2020-01-01T01:23:45Z",
+    "members": [
+      /* This is a member of the user list */
+      {
+        "identifier": "BettyWhiteShow",
+        "date_added": "2020-01-01T01:23:45Z"
+      },
+      {
+        "identifier": "masterbookofamericanfolksong00shep",
+        "file": "04-Letters%20to%20Riley%20Shepard",
+        "date_added": "2020-01-01T01:23:45Z"
+      },
+      {
+        "identifier": "inlibrary",
+        "search-term": "?not%5B%5D=lending%3A%22available_to_borrow%22",
+        "date_added": "2020-01-01T01:23:45Z"
+      },
+      {
+        "type": "search",
+        "search-term": "?query=San+Francisco%2C+ca&not%5B%5D=mediatype%3A%22audio%22",
+        "date_added": "2020-01-01T01:23:45Z"
+      },
+
+      /* More members ... */
+    ]
+  },
+  /* More lists ... */
+]
+
+
+
+
+
+
+
+{
+  'foo': {
+    'date-added': datetime,
+    items: [
+      {
+        id: 'goody',
+        subprefix: '/subdi/subdir/tooshoes',
+        date-added: datetime,
+      }
+    ]
+  }
+
+}
+
+[
+  {
+    list-name: 'foo-list',
+    date-created: datetime,
+    date-updated: datetime,
+    items: [
+      {
+        id: 'goody',
+        subprefix: '/subdi/subdir/tooshoes',
+        date-added: datetime,
+      }
+    ]
+  },
+  {
+    list-name: 'uncategorized',
+    date-created: datetime,
+    date-updated: datetime,
+    items: [
+      {
+        id: 'goody',
+        subprefix: '/subdi/subdir/tooshoes',
+        date-added: datetime,
+      }
+    ]
+  }
+]
+
+q:items='goody','good'