@internetarchive/ia-item-navigator 1.0.3 → 1.0.4

package/dist/demo/app-root.d.ts

@@ -1,47 +1,47 @@
-import { LitElement, TemplateResult } from 'lit';
-import { MetadataResponse } from '@internetarchive/search-service';
-import { SharedResizeObserver } from '@internetarchive/shared-resize-observer';
-import { ModalManager } from '@internetarchive/modal-manager';
-import '@internetarchive/modal-manager';
-import '../src/item-navigator';
-import { MenuShortcutInterface, MenuDetailsInterface } from '../src/interfaces/menu-interfaces';
-export declare class AppRoot extends LitElement {
-    /**
-     * Example controller to connect to `<ia-item-navigator>`
-     */
-    itemMD?: MetadataResponse;
-    encodedManifest: string;
-    sharedObserver: SharedResizeObserver;
-    menuContents: MenuDetailsInterface[];
-    menuShortcuts: MenuShortcutInterface[];
-    fullscreen: boolean | null;
-    headerOn: true | null;
-    loaded: boolean;
-    showPlaceholder: true | null;
-    showTheaterExample: true | null;
-    private itemNav;
-    modalMgr: ModalManager;
-    firstUpdated(): void;
-    updated(changed: any): void;
-    fetchItemMD(): Promise<void>;
-    get theaterReady(): boolean;
-    get urlParams(): URLSearchParams;
-    /** Fullscreen */
-    get showFullscreen(): boolean;
-    /** sets url query param `view=theater` to toggle fullscreen */
-    toggleFS(): void;
-    /** toggles attr: `<ia-item-navigator viewportinfullscreen>` */
-    fullscreenCheck(): void;
-    /** End fullscreen */
-    toggleHeader(): void;
-    toggleLoader(): void;
-    togglePlaceholder(): void;
-    toggleImmersion(): void;
-    toggleTheaterExample(): void;
-    /** Views */
-    get theaterExample(): TemplateResult;
-    get headerExample(): TemplateResult;
-    get isViewAvailable(): boolean;
-    render(): TemplateResult;
-    static styles: import("lit").CSSResult;
-}
+import { LitElement, TemplateResult } from 'lit';
+import { MetadataResponse } from '@internetarchive/search-service';
+import { SharedResizeObserver } from '@internetarchive/shared-resize-observer';
+import { ModalManager } from '@internetarchive/modal-manager';
+import '@internetarchive/modal-manager';
+import '../src/item-navigator';
+import { MenuShortcutInterface, MenuDetailsInterface } from '../src/interfaces/menu-interfaces';
+export declare class AppRoot extends LitElement {
+    /**
+     * Example controller to connect to `<ia-item-navigator>`
+     */
+    itemMD?: MetadataResponse;
+    encodedManifest: string;
+    sharedObserver: SharedResizeObserver;
+    menuContents: MenuDetailsInterface[];
+    menuShortcuts: MenuShortcutInterface[];
+    fullscreen: boolean | null;
+    headerOn: true | null;
+    loaded: boolean;
+    showPlaceholder: true | null;
+    showTheaterExample: true | null;
+    private itemNav;
+    modalMgr: ModalManager;
+    firstUpdated(): void;
+    updated(changed: any): void;
+    fetchItemMD(): Promise<void>;
+    get theaterReady(): boolean;
+    get urlParams(): URLSearchParams;
+    /** Fullscreen */
+    get showFullscreen(): boolean;
+    /** sets url query param `view=theater` to toggle fullscreen */
+    toggleFS(): void;
+    /** toggles attr: `<ia-item-navigator viewportinfullscreen>` */
+    fullscreenCheck(): void;
+    /** End fullscreen */
+    toggleHeader(): void;
+    toggleLoader(): void;
+    togglePlaceholder(): void;
+    toggleImmersion(): void;
+    toggleTheaterExample(): void;
+    /** Views */
+    get theaterExample(): TemplateResult;
+    get headerExample(): TemplateResult;
+    get isViewAvailable(): boolean;
+    render(): TemplateResult;
+    static styles: import("lit").CSSResult;
+}

package/dist/demo/app-root.js

@@ -1,143 +1,143 @@
-import { __decorate } from "tslib";
-/* eslint-disable no-restricted-globals */
-import { html, css, LitElement } from 'lit';
-import { customElement, property, query } from 'lit/decorators.js';
-import { SearchService, } from '@internetarchive/search-service';
-import { SharedResizeObserver } from '@internetarchive/shared-resize-observer';
-import '@internetarchive/modal-manager';
-import '../src/item-navigator';
-let AppRoot = class AppRoot extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.encodedManifest = '';
-        this.sharedObserver = new SharedResizeObserver();
-        this.menuContents = [];
-        this.menuShortcuts = [];
-        this.fullscreen = null;
-        this.headerOn = null;
-        this.loaded = true;
-        this.showPlaceholder = null;
-        this.showTheaterExample = true;
-    }
-    firstUpdated() {
-        this.fetchItemMD();
-        console.log('<app-root> component has loaded', this.modalMgr, this.sharedObserver);
-        this.itemNav.viewAvailable = false;
-    }
-    updated(changed) {
-        console.log('changed', changed);
-        if (changed.has('itemMD')) {
-            this.fullscreenCheck();
-        }
-    }
-    async fetchItemMD() {
-        const searchService = SearchService.default;
-        const mdResponse = await searchService.fetchMetadata('ux-team-books');
-        if (mdResponse.error) {
-            console.log('MD Fetch error: ', mdResponse.error);
-            window.confirm('There was an error fetching response, please check dev console');
-            return;
-        }
-        console.log('mdResponse.success', JSON.stringify(mdResponse.success));
-        this.itemMD = mdResponse.success;
-    }
-    get theaterReady() {
-        return this.modalMgr && this.sharedObserver && !!this.itemMD;
-    }
-    get urlParams() {
-        return new URLSearchParams(location.search.slice(1));
-    }
-    /** Fullscreen */
-    get showFullscreen() {
-        return this.urlParams.get('view') === 'theater';
-    }
-    /** sets url query param `view=theater` to toggle fullscreen */
-    toggleFS() {
-        if (this.urlParams.get('view')) {
-            location.search = '';
-        }
-        else {
-            location.search = 'view=theater';
-        }
-    }
-    /** toggles attr: `<ia-item-navigator viewportinfullscreen>` */
-    fullscreenCheck() {
-        if (this.showFullscreen && this.itemNav) {
-            this.fullscreen = true;
-        }
-    }
-    /** End fullscreen */
-    toggleHeader() {
-        this.headerOn = this.headerOn ? null : true;
-    }
-    toggleLoader() {
-        this.loaded = !this.loaded;
-    }
-    togglePlaceholder() {
-        this.toggleLoader();
-        const show = this.showPlaceholder ? null : true;
-        this.showPlaceholder = show;
-    }
-    toggleImmersion() {
-        const nextState = this.fullscreen ? null : true;
-        if (!nextState) {
-            this.menuShortcuts = [];
-            return;
-        }
-        this.menuShortcuts = [
-            {
+import { __decorate } from "tslib";
+/* eslint-disable no-restricted-globals */
+import { html, css, LitElement } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+import { SearchService, } from '@internetarchive/search-service';
+import { SharedResizeObserver } from '@internetarchive/shared-resize-observer';
+import '@internetarchive/modal-manager';
+import '../src/item-navigator';
+let AppRoot = class AppRoot extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.encodedManifest = '';
+        this.sharedObserver = new SharedResizeObserver();
+        this.menuContents = [];
+        this.menuShortcuts = [];
+        this.fullscreen = null;
+        this.headerOn = null;
+        this.loaded = true;
+        this.showPlaceholder = null;
+        this.showTheaterExample = true;
+    }
+    firstUpdated() {
+        this.fetchItemMD();
+        console.log('<app-root> component has loaded', this.modalMgr, this.sharedObserver);
+        this.itemNav.viewAvailable = false;
+    }
+    updated(changed) {
+        console.log('changed', changed);
+        if (changed.has('itemMD')) {
+            this.fullscreenCheck();
+        }
+    }
+    async fetchItemMD() {
+        const searchService = SearchService.default;
+        const mdResponse = await searchService.fetchMetadata('ux-team-books');
+        if (mdResponse.error) {
+            console.log('MD Fetch error: ', mdResponse.error);
+            window.confirm('There was an error fetching response, please check dev console');
+            return;
+        }
+        console.log('mdResponse.success', JSON.stringify(mdResponse.success));
+        this.itemMD = mdResponse.success;
+    }
+    get theaterReady() {
+        return this.modalMgr && this.sharedObserver && !!this.itemMD;
+    }
+    get urlParams() {
+        return new URLSearchParams(location.search.slice(1));
+    }
+    /** Fullscreen */
+    get showFullscreen() {
+        return this.urlParams.get('view') === 'theater';
+    }
+    /** sets url query param `view=theater` to toggle fullscreen */
+    toggleFS() {
+        if (this.urlParams.get('view')) {
+            location.search = '';
+        }
+        else {
+            location.search = 'view=theater';
+        }
+    }
+    /** toggles attr: `<ia-item-navigator viewportinfullscreen>` */
+    fullscreenCheck() {
+        if (this.showFullscreen && this.itemNav) {
+            this.fullscreen = true;
+        }
+    }
+    /** End fullscreen */
+    toggleHeader() {
+        this.headerOn = this.headerOn ? null : true;
+    }
+    toggleLoader() {
+        this.loaded = !this.loaded;
+    }
+    togglePlaceholder() {
+        this.toggleLoader();
+        const show = this.showPlaceholder ? null : true;
+        this.showPlaceholder = show;
+    }
+    toggleImmersion() {
+        const nextState = this.fullscreen ? null : true;
+        if (!nextState) {
+            this.menuShortcuts = [];
+            return;
+        }
+        this.menuShortcuts = [
+            {
                 icon: html `<button
-          @click=${() => {
-                    this.fullscreen = null;
-                    this.menuContents = [];
-                    this.menuShortcuts = [];
+          @click=${() => {
+                    this.fullscreen = null;
+                    this.menuContents = [];
+                    this.menuShortcuts = [];
                 }}
         >
           Exit
-        </button>`,
-                id: 'exit',
-            },
-        ];
-        this.menuContents = [
-            {
+        </button>`,
+                id: 'exit',
+            },
+        ];
+        this.menuContents = [
+            {
                 icon: html `<button
-          @click=${() => {
-                    this.fullscreen = null;
+          @click=${() => {
+                    this.fullscreen = null;
                 }}
         >
           Exit
-        </button>`,
-                id: 'exit',
-                label: 'Exit',
-                selected: false,
-            },
-        ];
-        this.fullscreen = nextState;
-    }
-    toggleTheaterExample() {
-        if (this.showTheaterExample) {
-            // turn on placeholder
-            this.showPlaceholder = true;
-            // turn off example
-            this.showTheaterExample = null;
-            this.menuContents = [];
-            this.menuShortcuts = [];
-            return;
-        }
-        // turn off placeholder
-        this.showPlaceholder = null;
-        this.showTheaterExample = true;
-        const x = {
-            icon: html `<p style="color: red">Allo</p>`,
-            id: 'a',
-            label: 'Hello world',
-            menuDetails: html `<h3>Wheee!</h3>`,
-        };
-        this.menuContents = [x];
-        this.menuShortcuts = [x];
-    }
-    /** Views */
-    get theaterExample() {
+        </button>`,
+                id: 'exit',
+                label: 'Exit',
+                selected: false,
+            },
+        ];
+        this.fullscreen = nextState;
+    }
+    toggleTheaterExample() {
+        if (this.showTheaterExample) {
+            // turn on placeholder
+            this.showPlaceholder = true;
+            // turn off example
+            this.showTheaterExample = null;
+            this.menuContents = [];
+            this.menuShortcuts = [];
+            return;
+        }
+        // turn off placeholder
+        this.showPlaceholder = null;
+        this.showTheaterExample = true;
+        const x = {
+            icon: html `<p style="color: red">Allo</p>`,
+            id: 'a',
+            label: 'Hello world',
+            menuDetails: html `<h3>Wheee!</h3>`,
+        };
+        this.menuContents = [x];
+        this.menuShortcuts = [x];
+    }
+    /** Views */
+    get theaterExample() {
         return html `
       <div slot="main">
         <div class="theater-example">
@@ -148,9 +148,9 @@ let AppRoot = class AppRoot extends LitElement {
           <h3>Welcome to Cat Theater</h3>
         </div>
       </div>
-    `;
-    }
-    get headerExample() {
+    `;
+    }
+    get headerExample() {
         return html `
       <div slot="header">
         <div class="embed-link">
@@ -164,26 +164,26 @@ let AppRoot = class AppRoot extends LitElement {
           </a>
         </div>
       </div>
-    `;
-    }
-    get isViewAvailable() {
-        if (this.showTheaterExample) {
-            return true;
-        }
-        return false;
-    }
-    render() {
-        const { isViewAvailable, loaded, showPlaceholder, headerOn, fullscreen, menuContents, menuShortcuts, showTheaterExample, } = this;
-        console.log('&&&& item nav properties', {
-            loaded,
-            headerOn,
-            isViewAvailable,
-            showTheaterExample,
-            showPlaceholder,
-            fullscreen,
-            menuContents,
-            menuShortcuts,
-        });
+    `;
+    }
+    get isViewAvailable() {
+        if (this.showTheaterExample) {
+            return true;
+        }
+        return false;
+    }
+    render() {
+        const { isViewAvailable, loaded, showPlaceholder, headerOn, fullscreen, menuContents, menuShortcuts, showTheaterExample, } = this;
+        console.log('&&&& item nav properties', {
+            loaded,
+            headerOn,
+            isViewAvailable,
+            showTheaterExample,
+            showPlaceholder,
+            fullscreen,
+            menuContents,
+            menuShortcuts,
+        });
         return html `
       <h1>theater, in page</h1>
       <section>
@@ -210,9 +210,9 @@ let AppRoot = class AppRoot extends LitElement {
         <button @click=${this.toggleImmersion}>toggle immersion</button>
       </div>
       <modal-manager></modal-manager>
-    `;
-    }
-};
+    `;
+    }
+};
 AppRoot.styles = css `
     :host([fullscreen]),
     :host([fullscreen]) section {
@@ -271,45 +271,45 @@ AppRoot.styles = css `
     modal-manager[mode='closed'] {
       display: none;
     }
-  `;
-__decorate([
-    property({ type: Object })
-], AppRoot.prototype, "itemMD", void 0);
-__decorate([
-    property({ type: String })
-], AppRoot.prototype, "encodedManifest", void 0);
-__decorate([
-    property({ attribute: false })
-], AppRoot.prototype, "sharedObserver", void 0);
-__decorate([
-    property({ type: Array, attribute: false })
-], AppRoot.prototype, "menuContents", void 0);
-__decorate([
-    property({ type: Array, attribute: false })
-], AppRoot.prototype, "menuShortcuts", void 0);
-__decorate([
-    property({ reflect: true, attribute: true })
-], AppRoot.prototype, "fullscreen", void 0);
-__decorate([
-    property({ reflect: true, attribute: true })
-], AppRoot.prototype, "headerOn", void 0);
-__decorate([
-    property({ reflect: true, attribute: true })
-], AppRoot.prototype, "loaded", void 0);
-__decorate([
-    property({ reflect: true, attribute: true })
-], AppRoot.prototype, "showPlaceholder", void 0);
-__decorate([
-    property({ reflect: true, attribute: true })
-], AppRoot.prototype, "showTheaterExample", void 0);
-__decorate([
-    query('ia-item-navigator')
-], AppRoot.prototype, "itemNav", void 0);
-__decorate([
-    query('modal-manager')
-], AppRoot.prototype, "modalMgr", void 0);
-AppRoot = __decorate([
-    customElement('app-root')
-], AppRoot);
-export { AppRoot };
+  `;
+__decorate([
+    property({ type: Object })
+], AppRoot.prototype, "itemMD", void 0);
+__decorate([
+    property({ type: String })
+], AppRoot.prototype, "encodedManifest", void 0);
+__decorate([
+    property({ attribute: false })
+], AppRoot.prototype, "sharedObserver", void 0);
+__decorate([
+    property({ type: Array, attribute: false })
+], AppRoot.prototype, "menuContents", void 0);
+__decorate([
+    property({ type: Array, attribute: false })
+], AppRoot.prototype, "menuShortcuts", void 0);
+__decorate([
+    property({ reflect: true, attribute: true })
+], AppRoot.prototype, "fullscreen", void 0);
+__decorate([
+    property({ reflect: true, attribute: true })
+], AppRoot.prototype, "headerOn", void 0);
+__decorate([
+    property({ reflect: true, attribute: true })
+], AppRoot.prototype, "loaded", void 0);
+__decorate([
+    property({ reflect: true, attribute: true })
+], AppRoot.prototype, "showPlaceholder", void 0);
+__decorate([
+    property({ reflect: true, attribute: true })
+], AppRoot.prototype, "showTheaterExample", void 0);
+__decorate([
+    query('ia-item-navigator')
+], AppRoot.prototype, "itemNav", void 0);
+__decorate([
+    query('modal-manager')
+], AppRoot.prototype, "modalMgr", void 0);
+AppRoot = __decorate([
+    customElement('app-root')
+], AppRoot);
+export { AppRoot };
 //# sourceMappingURL=app-root.js.map

package/dist/index.d.ts

@@ -1 +1,3 @@
-export { ItemNavigator } from './src/item-navigator';
+export { ItemNavigator } from './src/item-navigator';
+export { MenuButton } from './src/menu-slider/menu-button';
+export { IaMenuSlider } from './src/menu-slider/ia-menu-slider';

package/dist/index.js

@@ -1,2 +1,4 @@
-export { ItemNavigator } from './src/item-navigator';
+export { ItemNavigator } from './src/item-navigator';
+export { MenuButton } from './src/menu-slider/menu-button';
+export { IaMenuSlider } from './src/menu-slider/ia-menu-slider';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC","sourcesContent":["export { ItemNavigator } from './src/item-navigator';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC","sourcesContent":["export { ItemNavigator } from './src/item-navigator';\nexport { MenuButton } from './src/menu-slider/menu-button';\nexport { IaMenuSlider } from './src/menu-slider/ia-menu-slider';\n"]}

package/dist/src/interfaces/custom-theater-interface.d.ts

@@ -1,20 +1,20 @@
-import { LitElement } from 'lit';
-import { MetadataResponse } from '@internetarchive/search-service';
-import { ModalManager } from '@internetarchive/modal-manager';
-import { SharedResizeObserver } from '@internetarchive/shared-resize-observer';
-import { MenuProviderInterface, MenuShortcutInterface } from './menu-interfaces';
-export interface CustomTheaterInterface extends LitElement {
-    baseHost?: string;
-    itemMD?: MetadataResponse;
-    menuProviders?: MenuProviderInterface[];
-    menuShortcuts?: MenuShortcutInterface[];
-    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;
-}
+import { LitElement } from 'lit';
+import { MetadataResponse } from '@internetarchive/search-service';
+import { ModalManager } from '@internetarchive/modal-manager';
+import { SharedResizeObserver } from '@internetarchive/shared-resize-observer';
+import { MenuProviderInterface, MenuShortcutInterface } from './menu-interfaces';
+export interface CustomTheaterInterface extends LitElement {
+    baseHost?: string;
+    itemMD?: MetadataResponse;
+    menuProviders?: MenuProviderInterface[];
+    menuShortcuts?: MenuShortcutInterface[];
+    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/custom-theater-interface.js

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=custom-theater-interface.js.map