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

package/dist/src/no-theater-available.js

@@ -0,0 +1,79 @@
+import { __decorate } from "tslib";
+import { LitElement, customElement, property, html, css, } from 'lit-element';
+let IANoTheaterAvailable = class IANoTheaterAvailable extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.identifier = '';
+    }
+    emitLoaded() {
+        this.dispatchEvent(new CustomEvent('loadingStateUpdated', {
+            detail: { loaded: true },
+        }));
+    }
+    updated(changed) {
+        if (changed.has('identifier')) {
+            this.emitLoaded();
+        }
+    }
+    get downloadUrl() {
+        return `/download/${this.identifier}`;
+    }
+    render() {
+        return html `
+      <section>
+        <h2>THERE IS NO PREVIEW AVAILABLE FOR THIS ITEM</h2>
+        <p>
+          This item does not appear to have any files that can be experienced on
+          Archive.org. <br />
+          Please download files in this item to interact with them on your
+          computer.
+        </p>
+        <a href=${this.downloadUrl}>Show all files</a>
+      </section>
+    `;
+    }
+    static get styles() {
+        return css `
+      :host {
+        color: var(--primaryTextColor, #fff);
+        text-align: center;
+      }
+      section {
+        margin: 10% auto 0;
+        padding: 0 5%;
+      }
+      p {
+        font-size: 1.4rem;
+      }
+      a {
+        color: var(--primaryTextColor, #fff);
+        background-color: rgb(25, 72, 128);
+        min-height: 35px;
+        outline: none;
+        cursor: pointer;
+        line-height: normal;
+        border-radius: 0.4rem;
+        text-align: center;
+        vertical-align: middle;
+        font-size: 1.4rem;
+        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+        display: inline-block;
+        padding: 0.85rem 1.2rem;
+        border: 1px solid rgb(197, 209, 223);
+        white-space: nowrap;
+        appearance: auto;
+        box-sizing: border-box;
+        user-select: none;
+        text-decoration: none;
+      }
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], IANoTheaterAvailable.prototype, "identifier", void 0);
+IANoTheaterAvailable = __decorate([
+    customElement('ia-no-theater-available')
+], IANoTheaterAvailable);
+export { IANoTheaterAvailable };
+//# sourceMappingURL=no-theater-available.js.map

package/dist/src/no-theater-available.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"no-theater-available.js","sourceRoot":"","sources":["../../src/no-theater-available.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,EACV,aAAa,EACb,QAAQ,EACR,IAAI,EAIJ,GAAG,GACJ,MAAM,aAAa,CAAC;AAGrB,IAAa,oBAAoB,GAAjC,MAAa,oBAAqB,SAAQ,UAAU;IAApD;;QAC8B,eAAU,GAAY,EAAE,CAAC;IAuEvD,CAAC;IArEC,UAAU;QACR,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAsB,qBAAqB,EAAE;YAC1D,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;SACzB,CAAC,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CAAC,OAAuB;QAC7B,IAAI,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE;YAC7B,IAAI,CAAC,UAAU,EAAE,CAAC;SACnB;IACH,CAAC;IAED,IAAI,WAAW;QACb,OAAO,aAAa,IAAI,CAAC,UAAU,EAAE,CAAC;IACxC,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;kBASG,IAAI,CAAC,WAAW;;KAE7B,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiCT,CAAC;IACJ,CAAC;CACF,CAAA;AAvE6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wDAA0B;AAD1C,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAwEhC;SAxEY,oBAAoB","sourcesContent":["import {\n  LitElement,\n  customElement,\n  property,\n  html,\n  TemplateResult,\n  PropertyValues,\n  CSSResult,\n  css,\n} from 'lit-element';\n\n@customElement('ia-no-theater-available')\nexport class IANoTheaterAvailable extends LitElement {\n  @property({ type: String }) identifier?: string = '';\n\n  emitLoaded(): void {\n    this.dispatchEvent(\n      new CustomEvent<{ loaded: boolean }>('loadingStateUpdated', {\n        detail: { loaded: true },\n      })\n    );\n  }\n\n  updated(changed: PropertyValues): void {\n    if (changed.has('identifier')) {\n      this.emitLoaded();\n    }\n  }\n\n  get downloadUrl(): string {\n    return `/download/${this.identifier}`;\n  }\n\n  render(): TemplateResult {\n    return html`\n      <section>\n        <h2>THERE IS NO PREVIEW AVAILABLE FOR THIS ITEM</h2>\n        <p>\n          This item does not appear to have any files that can be experienced on\n          Archive.org. <br />\n          Please download files in this item to interact with them on your\n          computer.\n        </p>\n        <a href=${this.downloadUrl}>Show all files</a>\n      </section>\n    `;\n  }\n\n  static get styles(): CSSResult {\n    return css`\n      :host {\n        color: var(--primaryTextColor, #fff);\n        text-align: center;\n      }\n      section {\n        margin: 10% auto 0;\n        padding: 0 5%;\n      }\n      p {\n        font-size: 1.4rem;\n      }\n      a {\n        color: var(--primaryTextColor, #fff);\n        background-color: rgb(25, 72, 128);\n        min-height: 35px;\n        outline: none;\n        cursor: pointer;\n        line-height: normal;\n        border-radius: 0.4rem;\n        text-align: center;\n        vertical-align: middle;\n        font-size: 1.4rem;\n        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n        display: inline-block;\n        padding: 0.85rem 1.2rem;\n        border: 1px solid rgb(197, 209, 223);\n        white-space: nowrap;\n        appearance: auto;\n        box-sizing: border-box;\n        user-select: none;\n        text-decoration: none;\n      }\n    `;\n  }\n}\n"]}

package/dist/test/book-nav-stub.d.ts

@@ -0,0 +1,17 @@
+import { ModalManagerInterface } from '@internetarchive/modal-manager';
+import { MetadataResponse } from '@internetarchive/search-service';
+import { SharedResizeObserver } from '@internetarchive/shared-resize-observer';
+import { LitElement } from 'lit-element';
+export declare class BookNavigator extends LitElement {
+    modal?: ModalManagerInterface;
+    baseHost?: string;
+    book?: MetadataResponse;
+    signedIn?: boolean | null;
+    sideMenuOpen?: boolean;
+    sharedObserver?: SharedResizeObserver;
+    addMenuShortcut(menuId: string): string;
+    removeMenuShortcut(menuId: string): string;
+    sortMenuShortcuts(): void;
+    emitMenuShortcutsUpdated(): void;
+    render(): import("lit-element").TemplateResult;
+}

package/dist/test/book-nav-stub.js

@@ -0,0 +1,42 @@
+import { __decorate } from "tslib";
+import { html, customElement, LitElement, property } from 'lit-element';
+let BookNavigator = class BookNavigator extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.signedIn = null;
+    }
+    addMenuShortcut(menuId) {
+        return menuId;
+    }
+    removeMenuShortcut(menuId) {
+        return menuId;
+    }
+    sortMenuShortcuts() { }
+    emitMenuShortcutsUpdated() { }
+    render() {
+        return html ` <p>foo</p> `;
+    }
+};
+__decorate([
+    property({ attribute: false })
+], BookNavigator.prototype, "modal", void 0);
+__decorate([
+    property({ type: String })
+], BookNavigator.prototype, "baseHost", void 0);
+__decorate([
+    property({ type: Object })
+], BookNavigator.prototype, "book", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], BookNavigator.prototype, "signedIn", void 0);
+__decorate([
+    property({ type: Boolean })
+], BookNavigator.prototype, "sideMenuOpen", void 0);
+__decorate([
+    property({ attribute: false })
+], BookNavigator.prototype, "sharedObserver", void 0);
+BookNavigator = __decorate([
+    customElement('book-navigator')
+], BookNavigator);
+export { BookNavigator };
+//# sourceMappingURL=book-nav-stub.js.map

package/dist/test/book-nav-stub.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"book-nav-stub.js","sourceRoot":"","sources":["../../test/book-nav-stub.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGxE,IAAa,aAAa,GAA1B,MAAa,aAAc,SAAQ,UAAU;IAA7C;;QAO8C,aAAQ,GAAoB,IAAI,CAAC;IAqB/E,CAAC;IAfC,eAAe,CAAC,MAAc;QAC5B,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,kBAAkB,CAAC,MAAc;QAC/B,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,iBAAiB,KAAI,CAAC;IAEtB,wBAAwB,KAAI,CAAC;IAE7B,MAAM;QACJ,OAAO,IAAI,CAAA,cAAc,CAAC;IAC5B,CAAC;CACF,CAAA;AA3BiC;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;4CAA+B;AAElC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAAmB;AAElB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CAAyB;AAER;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CAAkC;AAEhD;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;mDAAwB;AAEpB;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;qDAAuC;AAX3D,aAAa;IADzB,aAAa,CAAC,gBAAgB,CAAC;GACnB,aAAa,CA4BzB;SA5BY,aAAa","sourcesContent":["import { ModalManagerInterface } from '@internetarchive/modal-manager';\nimport { MetadataResponse } from '@internetarchive/search-service';\nimport { SharedResizeObserver } from '@internetarchive/shared-resize-observer';\nimport { html, customElement, LitElement, property } from 'lit-element';\n\n@customElement('book-navigator')\nexport class BookNavigator extends LitElement {\n  @property({ attribute: false }) modal?: ModalManagerInterface;\n\n  @property({ type: String }) baseHost?: string;\n\n  @property({ type: Object }) book?: MetadataResponse;\n\n  @property({ type: Boolean, reflect: true }) signedIn?: boolean | null = null;\n\n  @property({ type: Boolean }) sideMenuOpen?: boolean;\n\n  @property({ attribute: false }) sharedObserver?: SharedResizeObserver;\n\n  addMenuShortcut(menuId: string) {\n    return menuId;\n  }\n\n  removeMenuShortcut(menuId: string) {\n    return menuId;\n  }\n\n  sortMenuShortcuts() {}\n\n  emitMenuShortcutsUpdated() {}\n\n  render() {\n    return html` <p>foo</p> `;\n  }\n}\n"]}

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

@@ -0,0 +1,2 @@
+import '../src/item-navigator';
+import '../test/book-nav-stub';

package/dist/test/ia-item-navigator.test.js

@@ -0,0 +1,321 @@
+/* eslint-disable camelcase */
+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 { ItemType } from '../src/item-navigator';
+import '../src/item-navigator';
+import '../test/book-nav-stub';
+import { ItemStub, menuProvider, shortcut } from '../test/ia-stub';
+afterEach(() => {
+    Sinon.restore();
+});
+describe('ItemNavigator', () => {
+    describe('Theaters', () => {
+        it('shows <ia-no-theater-available> by default', async () => {
+            var _a;
+            const el = await fixture(html `<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`);
+            expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('ia-no-theater-available')).to.exist;
+        });
+        it('shows <book-navigator> if `this.itemType = "bookreader"`', async () => {
+            var _a;
+            const el = await fixture(html `<ia-item-navigator
+          .itemType=${ItemType.BOOK}
+          .item=${new ItemStub()}
+          .modal=${new ModalManager()}
+          .sharedObserver=${new SharedResizeObserver()}
+        ></ia-item-navigator>`);
+            await el.updateComplete;
+            el.toggleMenu();
+            await el.updateComplete;
+            const bookNavigator = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('book-navigator');
+            await bookNavigator.updateComplete;
+            console.log('132234234324324324');
+            // TODO: add BookNavigator type & import via @internetarchive/bookreader
+            // For now, let's check that the BookNavigator element and its properties exist w/ stub
+            expect(bookNavigator).to.exist;
+            expect(bookNavigator === null || bookNavigator === void 0 ? void 0 : bookNavigator.modal).to.exist;
+            expect(bookNavigator === null || bookNavigator === void 0 ? void 0 : bookNavigator.baseHost).to.exist;
+            expect(bookNavigator === null || bookNavigator === void 0 ? void 0 : bookNavigator.book).to.exist;
+            expect(bookNavigator === null || bookNavigator === void 0 ? void 0 : bookNavigator.signedIn).to.be.null;
+            expect(bookNavigator === null || bookNavigator === void 0 ? void 0 : bookNavigator.sharedObserver).to.exist;
+            expect(bookNavigator === null || bookNavigator === void 0 ? void 0 : bookNavigator.sideMenuOpen).to.exist;
+        });
+    });
+    describe('`el.loaded`', () => {
+        it('toggles the spinning loader', async () => {
+            var _a;
+            const el = await fixture(html `<ia-item-navigator></ia-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>`);
+            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('hide');
+        });
+        it('shows reader when `loaded` ', async () => {
+            var _a, _b;
+            const el = await fixture(html `<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`);
+            const mainTheaterSection = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#reader');
+            expect(mainTheaterSection === null || mainTheaterSection === void 0 ? void 0 : mainTheaterSection.classList.contains('hide')).to.be.false;
+            expect(el.loaded).to.be.true;
+            // `loaded` property is reflected as DOM attribute
+            expect(el.hasAttribute('loaded')).to.equal(true);
+            expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('ia-no-theater-available')).to.exist;
+        });
+        it('listens to `@loadingStateUpdated` to update `loaded`', async () => {
+            const el = await fixture(html `<ia-item-navigator></ia-item-navigator>`);
+            await el.updateComplete;
+            const spy = Sinon.spy();
+            el.loadingStateUpdated = spy;
+            el.loaded = null;
+            await el.updateComplete;
+            // check base properties
+            expect(el.loaded).to.equal(null);
+            expect(el.item).to.be.undefined;
+            // hydrate item
+            el.item = new ItemStub();
+            await el.updateComplete;
+            // spy fires
+            expect(spy.called).to.equal(true);
+            expect(spy.callCount).to.equal(1);
+        });
+    });
+    describe('`el.sharedObserver`', () => {
+        it('uses one', async () => {
+            const sharedObserver = new SharedResizeObserver();
+            const el = await fixture(html `<ia-item-navigator
+          .sharedObserver=${sharedObserver}
+        ></ia-item-navigator>`);
+            expect(el.sharedObserver).to.equal(sharedObserver);
+            expect(typeof el.handleResize).to.equal('function');
+        });
+        it('freshly registers handler', async () => {
+            const sharedObserver = new SharedResizeObserver();
+            const addObserverSpy = Sinon.spy(sharedObserver, 'addObserver');
+            const removeObserverSpy = Sinon.spy(sharedObserver, 'removeObserver');
+            await fixture(html `<ia-item-navigator
+          .sharedObserver=${sharedObserver}
+        ></ia-item-navigator>`);
+            // always calls to remove first, for posterity
+            expect(removeObserverSpy.callCount).to.equal(1);
+            expect(addObserverSpy.callCount).to.equal(1);
+        });
+        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
+          .sharedObserver=${sharedObserver}
+        ></ia-item-navigator>`);
+            // called during setup `setResizeObserver`
+            expect(removeObserverSpy.callCount).to.equal(1);
+            el.disconnectedCallback();
+            await el.updateComplete;
+            expect(removeObserverSpy.callCount).to.equal(2);
+        });
+        it('sets menu to overlay if container width is <= 600px', async () => {
+            const el = await fixture(html `<ia-item-navigator></ia-item-navigator>`);
+            expect(el.openMenuState).to.equal('shift'); // as starting point
+            const overlaySize = {
+                contentRect: { width: 600 },
+            };
+            el.handleResize(overlaySize);
+            await el.updateComplete;
+            expect(el.openMenuState).to.equal('overlay'); // changes open menu display to an overlay
+            const shiftSize = {
+                contentRect: { width: 601 },
+            };
+            el.handleResize(shiftSize);
+            await el.updateComplete;
+            expect(el.openMenuState).to.equal('shift');
+        });
+    });
+    describe('`el.modal`', () => {
+        it('uses one', async () => {
+            const modal = new ModalManager();
+            const el = await fixture(html `<ia-item-navigator .modal=${modal}></ia-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>`);
+            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>`);
+            expect(el.viewportInFullscreen).to.be.null;
+            const yesFullscreenEvent = {
+                detail: {
+                    isFullScreen: true,
+                },
+            };
+            el.manageViewportFullscreen(yesFullscreenEvent);
+            await el.updateComplete;
+            expect(el.viewportInFullscreen).to.be.true;
+            const noFullscreenEvent = {
+                detail: {
+                    isFullScreen: false,
+                },
+            };
+            el.manageViewportFullscreen(noFullscreenEvent);
+            await el.updateComplete;
+            expect(el.viewportInFullscreen).to.be.null;
+        });
+    });
+    /* Side menu & shortcuts tests */
+    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>`);
+            el.menuContents = [menuProvider];
+            await el.updateComplete;
+            const nav = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('nav');
+            expect(nav === null || nav === void 0 ? void 0 : nav.querySelector('#menu')).to.exist;
+            // side menu starts closed
+            expect(el.menuOpened).to.be.false;
+            expect((_b = nav === null || nav === void 0 ? void 0 : nav.querySelector('#menu')) === null || _b === void 0 ? void 0 : _b.getAttribute('class')).to.contain('hidden');
+            // let's open menu
+            el.toggleMenu();
+            await el.updateComplete;
+            expect(el.menuOpened).to.be.true;
+            expect((_c = nav === null || nav === void 0 ? void 0 : nav.querySelector('#menu')) === null || _c === void 0 ? void 0 : _c.getAttribute('class')).to.not.contain('hidden');
+        });
+        it('opens menu shortcut with `@manageSideMenuEvents`', async () => {
+            var _a;
+            const el = await fixture(html `<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`);
+            const detail = {
+                menuId: 'fullscreen',
+                action: 'open',
+            };
+            el.menuContents = [menuProvider];
+            await el.updateComplete;
+            const frame = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#frame');
+            // default menu open behavior is to side menu open, not overlay
+            expect(frame === null || frame === void 0 ? void 0 : frame.getAttribute('class')).to.contain('shift');
+            expect(el.menuOpened).to.be.false;
+            expect(el.openMenu).to.be.empty;
+            expect(frame === null || frame === void 0 ? void 0 : frame.getAttribute('class')).to.not.contain('open');
+            const event = new CustomEvent('updateSideMenu', {
+                detail,
+            });
+            el.manageSideMenuEvents(event);
+            await el.updateComplete;
+            expect(el.shouldRenderMenu).to.be.true;
+            expect(el.menuOpened).to.be.true;
+            expect(el.openMenu).to.equal(detail.menuId);
+            expect(frame === null || frame === void 0 ? void 0 : frame.getAttribute('class')).to.contain('open');
+            // no menu provided
+            const openShortcutSpy = Sinon.spy(el, 'openShortcut');
+            const toggleMenuSpy = Sinon.spy(el, 'toggleMenu');
+            const noMenuProvidedEvent = new CustomEvent('updateSideMenu', {
+                detail: {},
+            });
+            el.manageSideMenuEvents(noMenuProvidedEvent);
+            await el.updateComplete;
+            expect(openShortcutSpy.called).to.be.false;
+            expect(toggleMenuSpy.called).to.be.false;
+            // toggle menu
+            const toggleMenuEvent = new CustomEvent('updateSideMenu', {
+                detail: { action: 'toggle', menuId: 'fullscreen' },
+            });
+            el.manageSideMenuEvents(toggleMenuEvent);
+            await el.updateComplete;
+            expect(toggleMenuSpy.callCount).to.equal(1);
+            // open menu
+            const openMenuEvent = new CustomEvent('updateSideMenu', {
+                detail: { action: 'open', menuId: 'fullscreen' },
+            });
+            el.manageSideMenuEvents(openMenuEvent);
+            await el.updateComplete;
+            expect(openShortcutSpy.callCount).to.equal(1);
+        });
+    });
+    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>`);
+            el.menuContents = [menuProvider];
+            await el.updateComplete;
+            expect(el.menuContents.length).to.exist;
+            expect(el.shouldRenderMenu).to.be.true;
+            const nav = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('nav');
+            expect(nav).to.exist;
+            const menuSlider = nav === null || nav === void 0 ? void 0 : nav.querySelector('ia-menu-slider');
+            expect(menuSlider).to.exist;
+            expect(menuSlider === null || menuSlider === void 0 ? void 0 : menuSlider.getAttribute('manuallyhandleclose')).to.exist;
+            expect(menuSlider === null || menuSlider === void 0 ? void 0 : menuSlider.getAttribute('open')).to.exist;
+        });
+    });
+    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 anotherShortcut = {
+                id: 'foo',
+                icon: html `<i class="foo-shortcut"></i>`,
+            };
+            el.menuContents = [menuProvider];
+            el.menuShortcuts = [shortcut, anotherShortcut];
+            await el.updateComplete;
+            const nav = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('nav');
+            const shortcutsContainer = nav === null || nav === void 0 ? void 0 : nav.querySelector('.shortcuts');
+            expect(el.menuShortcuts.length).to.exist;
+            expect(nav).to.exist;
+            expect(shortcutsContainer).to.exist;
+            expect(shortcutsContainer === null || shortcutsContainer === void 0 ? void 0 : shortcutsContainer.querySelector('i.fullscreen-test')).to.exist;
+            expect(shortcutsContainer === null || shortcutsContainer === void 0 ? void 0 : shortcutsContainer.querySelector('button.shortcut.foo')).to.exist;
+            expect(nav === null || nav === void 0 ? void 0 : nav.querySelector('.toggle-menu')).to.exist;
+        });
+    });
+    describe('Menu events', () => {
+        it('`el.setMenuShortcuts`', async () => {
+            const el = await fixture(html `<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`);
+            expect(el.menuShortcuts.length).to.equal(0);
+            const menuShortcuts = [shortcut];
+            el.setMenuShortcuts({
+                detail: menuShortcuts,
+            });
+            await el.updateComplete;
+            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>`);
+            expect(el.menuContents.length).to.equal(0);
+            el.setMenuShortcuts({
+                detail: [menuProvider],
+            });
+            await el.updateComplete;
+            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>`);
+            el.setOpenMenu({
+                detail: { id: 'foo' },
+            });
+            await el.updateComplete;
+            expect(el.openMenu).to.equal('foo');
+            // toggles it off
+            el.setOpenMenu({
+                detail: { id: 'foo' },
+            });
+            await el.updateComplete;
+            expect(el.openMenu).to.equal('');
+        });
+        it('`el.closeMenu`', async () => {
+            const el = await fixture(html `<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`);
+            el.menuOpened = true;
+            await el.updateComplete;
+            expect(el.menuOpened).to.be.true;
+            el.closeMenu();
+            await el.updateComplete;
+            expect(el.menuOpened).to.be.false;
+        });
+    });
+});
+//# sourceMappingURL=ia-item-navigator.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ia-item-navigator.test.js","sourceRoot":"","sources":["../../test/ia-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 { BookNavigator } from '../src/interfaces/nav-controller-interface';\nimport { ItemNavigator, ItemType } from '../src/item-navigator';\nimport '../src/item-navigator';\n\nimport '../test/book-nav-stub';\nimport { ItemStub, menuProvider, shortcut } from '../test/ia-stub';\nimport {\n  IntManageFullscreenEvent,\n  IntManageSideMenuEvent,\n  IntSetMenuContentsEvent,\n  IntSetMenuShortcutsEvent,\n  IntSetOpenMenuEvent,\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> by default', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`\n      );\n      expect(el.shadowRoot?.querySelector('ia-no-theater-available')).to.exist;\n    });\n\n    it('shows <book-navigator> if `this.itemType = \"bookreader\"`', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<ia-item-navigator\n          .itemType=${ItemType.BOOK}\n          .item=${new ItemStub()}\n          .modal=${new ModalManager()}\n          .sharedObserver=${new SharedResizeObserver()}\n        ></ia-item-navigator>`\n      );\n\n      await el.updateComplete;\n\n      el.toggleMenu();\n      await el.updateComplete;\n\n      const bookNavigator = el.shadowRoot?.querySelector(\n        'book-navigator'\n      ) as BookNavigator;\n      await bookNavigator.updateComplete;\n\n      console.log('132234234324324324');\n      // TODO: add BookNavigator type & import via @internetarchive/bookreader\n      // For now, let's check that the BookNavigator element and its properties exist w/ stub\n      expect(bookNavigator).to.exist;\n      expect(bookNavigator?.modal).to.exist;\n      expect(bookNavigator?.baseHost).to.exist;\n      expect(bookNavigator?.book).to.exist;\n      expect(bookNavigator?.signedIn).to.be.null;\n      expect(bookNavigator?.sharedObserver).to.exist;\n      expect(bookNavigator?.sideMenuOpen).to.exist;\n    });\n  });\n  describe('`el.loaded`', () => {\n    it('toggles the spinning loader', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<ia-item-navigator></ia-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`<ia-item-navigator></ia-item-navigator>`\n      );\n\n      expect(\n        el.shadowRoot?.querySelector('#reader')?.getAttribute('class')\n      ).to.contain('hide');\n    });\n    it('shows reader when `loaded` ', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`\n      );\n\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('ia-no-theater-available')).to.exist;\n    });\n    it('listens to `@loadingStateUpdated` to update `loaded`', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<ia-item-navigator></ia-item-navigator>`\n      );\n\n      await el.updateComplete;\n      const spy = Sinon.spy();\n      el.loadingStateUpdated = spy;\n      el.loaded = null;\n      await el.updateComplete;\n      // check base properties\n      expect(el.loaded).to.equal(null);\n      expect(el.item).to.be.undefined;\n\n      // hydrate item\n      el.item = new ItemStub();\n      await el.updateComplete;\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`<ia-item-navigator\n          .sharedObserver=${sharedObserver}\n        ></ia-item-navigator>`\n      );\n\n      expect(el.sharedObserver).to.equal(sharedObserver);\n      expect(typeof el.handleResize).to.equal('function');\n    });\n    it('freshly registers handler', async () => {\n      const sharedObserver = new SharedResizeObserver();\n      const addObserverSpy = Sinon.spy(sharedObserver, 'addObserver');\n      const removeObserverSpy = Sinon.spy(sharedObserver, 'removeObserver');\n\n      await fixture<ItemNavigator>(\n        html`<ia-item-navigator\n          .sharedObserver=${sharedObserver}\n        ></ia-item-navigator>`\n      );\n\n      // always calls to remove first, for posterity\n      expect(removeObserverSpy.callCount).to.equal(1);\n      expect(addObserverSpy.callCount).to.equal(1);\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`<ia-item-navigator\n          .sharedObserver=${sharedObserver}\n        ></ia-item-navigator>`\n      );\n\n      // called during setup `setResizeObserver`\n      expect(removeObserverSpy.callCount).to.equal(1);\n\n      el.disconnectedCallback();\n      await el.updateComplete;\n\n      expect(removeObserverSpy.callCount).to.equal(2);\n    });\n    it('sets menu to overlay if container width is <= 600px', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<ia-item-navigator></ia-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`<ia-item-navigator .modal=${modal}></ia-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`<ia-item-navigator></ia-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`<ia-item-navigator></ia-item-navigator>`\n      );\n      expect(el.viewportInFullscreen).to.be.null;\n\n      const yesFullscreenEvent = {\n        detail: {\n          isFullScreen: true,\n        },\n      } as IntManageFullscreenEvent;\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 IntManageFullscreenEvent;\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`<ia-item-navigator .item=${new ItemStub()}></ia-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`<ia-item-navigator .item=${new ItemStub()}></ia-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.empty;\n      expect(frame?.getAttribute('class')).to.not.contain('open');\n\n      const event = new CustomEvent('updateSideMenu', {\n        detail,\n      }) as IntManageSideMenuEvent;\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`<ia-item-navigator .item=${new ItemStub()}></ia-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`<ia-item-navigator .item=${new ItemStub()}></ia-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`<ia-item-navigator .item=${new ItemStub()}></ia-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 IntSetMenuShortcutsEvent);\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`<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`\n      );\n      expect(el.menuContents.length).to.equal(0);\n\n      el.setMenuShortcuts({\n        detail: [menuProvider],\n      } as IntSetMenuContentsEvent);\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`<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`\n      );\n\n      el.setOpenMenu({\n        detail: { id: 'foo' },\n      } as IntSetOpenMenuEvent);\n      await el.updateComplete;\n\n      expect(el.openMenu).to.equal('foo');\n\n      // toggles it off\n      el.setOpenMenu({\n        detail: { id: 'foo' },\n      } as IntSetOpenMenuEvent);\n      await el.updateComplete;\n\n      expect(el.openMenu).to.equal('');\n    });\n    it('`el.closeMenu`', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<ia-item-navigator .item=${new ItemStub()}></ia-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"]}