@internetarchive/ia-item-navigator 1.0.4 → 1.1.0

package/dist/src/menu-slider/menu-button.d.ts

@@ -1,19 +1,19 @@
-import { LitElement } from 'lit';
-export declare class MenuButton extends LitElement {
-    static get styles(): import("lit").CSSResult;
-    icon: string;
-    href: string;
-    label: string;
-    menuDetails: string;
-    id: string;
-    selected: boolean;
-    followable: boolean;
-    onClick(e: Event): void;
-    dispatchMenuTypeSelectedEvent(): void;
-    get buttonClass(): "" | "selected";
-    get iconClass(): "active" | "";
-    get menuItem(): import("lit-html").TemplateResult<1>;
-    get linkButton(): import("lit-html").TemplateResult<1>;
-    get clickButton(): import("lit-html").TemplateResult<1>;
-    render(): import("lit-html").TemplateResult<1>;
-}
+import { LitElement } from 'lit';
+export declare class MenuButton extends LitElement {
+    static get styles(): import("lit").CSSResult;
+    icon: string;
+    href: string;
+    label: string;
+    menuDetails: string;
+    buttonId: string;
+    selected: boolean;
+    followable: boolean;
+    onClick(e: Event): void;
+    dispatchMenuTypeSelectedEvent(): void;
+    get buttonClass(): "" | "selected";
+    get iconClass(): "" | "active";
+    get menuItem(): import("lit-html").TemplateResult<1>;
+    get linkButton(): import("lit-html").TemplateResult<1>;
+    get clickButton(): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/menu-slider/menu-button.js

@@ -1,48 +1,48 @@
-import { __decorate } from "tslib";
-import { html, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import menuButtonCSS from './styles/menu-button';
-let MenuButton = class MenuButton extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.icon = '';
-        this.href = '';
-        this.label = '';
-        this.menuDetails = '';
-        this.id = '';
-        this.selected = false;
-        this.followable = false;
-    }
-    static get styles() {
-        return menuButtonCSS;
-    }
-    onClick(e) {
-        e.preventDefault();
-        this.dispatchMenuTypeSelectedEvent();
-    }
-    dispatchMenuTypeSelectedEvent() {
-        this.dispatchEvent(new CustomEvent('menuTypeSelected', {
-            bubbles: true,
-            composed: true,
-            detail: {
-                id: this.id,
-            },
-        }));
-    }
-    get buttonClass() {
-        return this.selected ? 'selected' : '';
-    }
-    get iconClass() {
-        return this.selected ? 'active' : '';
-    }
-    get menuItem() {
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import menuButtonCSS from './styles/menu-button';
+let MenuButton = class MenuButton extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.icon = '';
+        this.href = '';
+        this.label = '';
+        this.menuDetails = '';
+        this.buttonId = '';
+        this.selected = false;
+        this.followable = false;
+    }
+    static get styles() {
+        return menuButtonCSS;
+    }
+    onClick(e) {
+        e.preventDefault();
+        this.dispatchMenuTypeSelectedEvent();
+    }
+    dispatchMenuTypeSelectedEvent() {
+        this.dispatchEvent(new CustomEvent('menuTypeSelected', {
+            bubbles: true,
+            composed: true,
+            detail: {
+                id: this.buttonId,
+            },
+        }));
+    }
+    get buttonClass() {
+        return this.selected ? 'selected' : '';
+    }
+    get iconClass() {
+        return this.selected ? 'active' : '';
+    }
+    get menuItem() {
         return html `
       <span class="icon ${this.iconClass}"> ${this.icon} </span>
       <span class="label">${this.label}</span>
       <span class="menu-details">${this.menuDetails}</span>
-    `;
-    }
-    get linkButton() {
+    `;
+    }
+    get linkButton() {
         return html `
       <a
         href="${this.href}"
@@ -50,42 +50,42 @@ let MenuButton = class MenuButton extends LitElement {
         @click=${this.followable ? undefined : this.onClick}
         >${this.menuItem}</a
       >
-    `;
-    }
-    get clickButton() {
+    `;
+    }
+    get clickButton() {
         return html `
       <button class="menu-item ${this.buttonClass}" @click=${this.onClick}>
         ${this.menuItem}
       </button>
-    `;
-    }
-    render() {
-        return this.href ? this.linkButton : this.clickButton;
-    }
-};
-__decorate([
-    property({ type: String })
-], MenuButton.prototype, "icon", void 0);
-__decorate([
-    property({ type: String })
-], MenuButton.prototype, "href", void 0);
-__decorate([
-    property({ type: String })
-], MenuButton.prototype, "label", void 0);
-__decorate([
-    property({ type: String })
-], MenuButton.prototype, "menuDetails", void 0);
-__decorate([
-    property({ type: String })
-], MenuButton.prototype, "id", void 0);
-__decorate([
-    property({ type: Boolean })
-], MenuButton.prototype, "selected", void 0);
-__decorate([
-    property({ type: Boolean })
-], MenuButton.prototype, "followable", void 0);
-MenuButton = __decorate([
-    customElement('menu-button')
-], MenuButton);
-export { MenuButton };
+    `;
+    }
+    render() {
+        return this.href ? this.linkButton : this.clickButton;
+    }
+};
+__decorate([
+    property({ type: String })
+], MenuButton.prototype, "icon", void 0);
+__decorate([
+    property({ type: String })
+], MenuButton.prototype, "href", void 0);
+__decorate([
+    property({ type: String })
+], MenuButton.prototype, "label", void 0);
+__decorate([
+    property({ type: String })
+], MenuButton.prototype, "menuDetails", void 0);
+__decorate([
+    property({ type: String })
+], MenuButton.prototype, "buttonId", void 0);
+__decorate([
+    property({ type: Boolean })
+], MenuButton.prototype, "selected", void 0);
+__decorate([
+    property({ type: Boolean })
+], MenuButton.prototype, "followable", void 0);
+MenuButton = __decorate([
+    customElement('menu-button')
+], MenuButton);
+export { MenuButton };
 //# sourceMappingURL=menu-button.js.map

package/dist/src/menu-slider/menu-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-button.js","sourceRoot":"","sources":["../../../src/menu-slider/menu-button.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,aAAa,MAAM,sBAAsB,CAAC;AAGjD,IAAa,UAAU,GAAvB,MAAa,UAAW,SAAQ,UAAU;IAA1C;;QAK8B,SAAI,GAAG,EAAE,CAAC;QAEV,SAAI,GAAG,EAAE,CAAC;QAEV,UAAK,GAAG,EAAE,CAAC;QAEX,gBAAW,GAAG,EAAE,CAAC;QAEjB,OAAE,GAAG,EAAE,CAAC;QAEP,aAAQ,GAAG,KAAK,CAAC;QAEjB,eAAU,GAAG,KAAK,CAAC;IAyDlD,CAAC;IAzEC,MAAM,KAAK,MAAM;QACf,OAAO,aAAa,CAAC;IACvB,CAAC;IAgBD,OAAO,CAAC,CAAQ;QACd,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,6BAA6B,EAAE,CAAC;IACvC,CAAC;IAED,6BAA6B;QAC3B,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,kBAAkB,EAAE;YAClC,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE;gBACN,EAAE,EAAE,IAAI,CAAC,EAAE;aACZ;SACF,CAAC,CACH,CAAC;IACJ,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;IACzC,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IACvC,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAA;0BACW,IAAI,CAAC,SAAS,MAAM,IAAI,CAAC,IAAI;4BAC3B,IAAI,CAAC,KAAK;mCACH,IAAI,CAAC,WAAW;KAC9C,CAAC;IACJ,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAA;;gBAEC,IAAI,CAAC,IAAI;2BACE,IAAI,CAAC,WAAW;iBAC1B,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO;WAChD,IAAI,CAAC,QAAQ;;KAEnB,CAAC;IACJ,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAA;iCACkB,IAAI,CAAC,WAAW,YAAY,IAAI,CAAC,OAAO;UAC/D,IAAI,CAAC,QAAQ;;KAElB,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC;IACxD,CAAC;CACF,CAAA;AArE6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCAAW;AAEV;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCAAW;AAEV;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCAAY;AAEX;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAAkB;AAEjB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCAAS;AAEP;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CAAkB;AAEjB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;8CAAoB;AAjBrC,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CA0EtB;SA1EY,UAAU","sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport menuButtonCSS from './styles/menu-button';\n\n@customElement('menu-button')\nexport class MenuButton extends LitElement {\n  static get styles() {\n    return menuButtonCSS;\n  }\n\n  @property({ type: String }) icon = '';\n\n  @property({ type: String }) href = '';\n\n  @property({ type: String }) label = '';\n\n  @property({ type: String }) menuDetails = '';\n\n  @property({ type: String }) id = '';\n\n  @property({ type: Boolean }) selected = false;\n\n  @property({ type: Boolean }) followable = false;\n\n  onClick(e: Event) {\n    e.preventDefault();\n    this.dispatchMenuTypeSelectedEvent();\n  }\n\n  dispatchMenuTypeSelectedEvent() {\n    this.dispatchEvent(\n      new CustomEvent('menuTypeSelected', {\n        bubbles: true,\n        composed: true,\n        detail: {\n          id: this.id,\n        },\n      })\n    );\n  }\n\n  get buttonClass() {\n    return this.selected ? 'selected' : '';\n  }\n\n  get iconClass() {\n    return this.selected ? 'active' : '';\n  }\n\n  get menuItem() {\n    return html`\n      <span class=\"icon ${this.iconClass}\"> ${this.icon} </span>\n      <span class=\"label\">${this.label}</span>\n      <span class=\"menu-details\">${this.menuDetails}</span>\n    `;\n  }\n\n  get linkButton() {\n    return html`\n      <a\n        href=\"${this.href}\"\n        class=\"menu-item ${this.buttonClass}\"\n        @click=${this.followable ? undefined : this.onClick}\n        >${this.menuItem}</a\n      >\n    `;\n  }\n\n  get clickButton() {\n    return html`\n      <button class=\"menu-item ${this.buttonClass}\" @click=${this.onClick}>\n        ${this.menuItem}\n      </button>\n    `;\n  }\n\n  render() {\n    return this.href ? this.linkButton : this.clickButton;\n  }\n}\n"]}
+{"version":3,"file":"menu-button.js","sourceRoot":"","sources":["../../../src/menu-slider/menu-button.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,aAAa,MAAM,sBAAsB,CAAC;AAG1C,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QAKuB,SAAI,GAAG,EAAE,CAAC;QAEV,SAAI,GAAG,EAAE,CAAC;QAEV,UAAK,GAAG,EAAE,CAAC;QAEX,gBAAW,GAAG,EAAE,CAAC;QAEjB,aAAQ,GAAG,EAAE,CAAC;QAEb,aAAQ,GAAG,KAAK,CAAC;QAEjB,eAAU,GAAG,KAAK,CAAC;IAyDlD,CAAC;IAzEC,MAAM,KAAK,MAAM;QACf,OAAO,aAAa,CAAC;IACvB,CAAC;IAgBD,OAAO,CAAC,CAAQ;QACd,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,6BAA6B,EAAE,CAAC;IACvC,CAAC;IAED,6BAA6B;QAC3B,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,kBAAkB,EAAE;YAClC,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE;gBACN,EAAE,EAAE,IAAI,CAAC,QAAQ;aAClB;SACF,CAAC,CACH,CAAC;IACJ,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;IACzC,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IACvC,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAA;0BACW,IAAI,CAAC,SAAS,MAAM,IAAI,CAAC,IAAI;4BAC3B,IAAI,CAAC,KAAK;mCACH,IAAI,CAAC,WAAW;KAC9C,CAAC;IACJ,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAA;;gBAEC,IAAI,CAAC,IAAI;2BACE,IAAI,CAAC,WAAW;iBAC1B,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO;WAChD,IAAI,CAAC,QAAQ;;KAEnB,CAAC;IACJ,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAA;iCACkB,IAAI,CAAC,WAAW,YAAY,IAAI,CAAC,OAAO;UAC/D,IAAI,CAAC,QAAQ;;KAElB,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC;IACxD,CAAC;CACF,CAAA;AArE6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCAAW;AAEV;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCAAW;AAEV;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCAAY;AAEX;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAAkB;AAEjB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAe;AAEb;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CAAkB;AAEjB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;8CAAoB;AAjBrC,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CA0EtB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport menuButtonCSS from './styles/menu-button';\n\n@customElement('menu-button')\nexport class MenuButton extends LitElement {\n  static get styles() {\n    return menuButtonCSS;\n  }\n\n  @property({ type: String }) icon = '';\n\n  @property({ type: String }) href = '';\n\n  @property({ type: String }) label = '';\n\n  @property({ type: String }) menuDetails = '';\n\n  @property({ type: String }) buttonId = '';\n\n  @property({ type: Boolean }) selected = false;\n\n  @property({ type: Boolean }) followable = false;\n\n  onClick(e: Event) {\n    e.preventDefault();\n    this.dispatchMenuTypeSelectedEvent();\n  }\n\n  dispatchMenuTypeSelectedEvent() {\n    this.dispatchEvent(\n      new CustomEvent('menuTypeSelected', {\n        bubbles: true,\n        composed: true,\n        detail: {\n          id: this.buttonId,\n        },\n      }),\n    );\n  }\n\n  get buttonClass() {\n    return this.selected ? 'selected' : '';\n  }\n\n  get iconClass() {\n    return this.selected ? 'active' : '';\n  }\n\n  get menuItem() {\n    return html`\n      <span class=\"icon ${this.iconClass}\"> ${this.icon} </span>\n      <span class=\"label\">${this.label}</span>\n      <span class=\"menu-details\">${this.menuDetails}</span>\n    `;\n  }\n\n  get linkButton() {\n    return html`\n      <a\n        href=\"${this.href}\"\n        class=\"menu-item ${this.buttonClass}\"\n        @click=${this.followable ? undefined : this.onClick}\n        >${this.menuItem}</a\n      >\n    `;\n  }\n\n  get clickButton() {\n    return html`\n      <button class=\"menu-item ${this.buttonClass}\" @click=${this.onClick}>\n        ${this.menuItem}\n      </button>\n    `;\n  }\n\n  render() {\n    return this.href ? this.linkButton : this.clickButton;\n  }\n}\n"]}

package/dist/src/menu-slider/styles/menu-button.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("lit").CSSResult;
-export default _default;
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/src/menu-slider/styles/menu-button.js

@@ -1,4 +1,4 @@
-import { css } from 'lit';
+import { css } from 'lit';
 export default css `
   a {
     display: inline-block;
@@ -75,5 +75,5 @@ export default css `
   .icon.active .fill-color {
     fill: #fff;
   }
-`;
+`;
 //# sourceMappingURL=menu-button.js.map

package/dist/src/menu-slider/styles/menu-slider.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("lit").CSSResult;
-export default _default;
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/src/menu-slider/styles/menu-slider.js

@@ -1,7 +1,7 @@
-import { css } from 'lit';
-const menuButtonWidth = css `42px`;
-const sliderWidth = css `var(--menuWidth, 320px)`;
-const transitionTiming = css `var(--animationTiming, 200ms)`;
+import { css } from 'lit';
+const menuButtonWidth = css `42px`;
+const sliderWidth = css `var(--menuWidth, 320px)`;
+const transitionTiming = css `var(--animationTiming, 200ms)`;
 export default css `
   .main {
     overflow: hidden;
@@ -114,5 +114,5 @@ export default css `
     overflow: auto;
     overscroll-behavior: contain;
   }
-`;
+`;
 //# sourceMappingURL=menu-slider.js.map

package/dist/src/no-theater-available.d.ts

@@ -1,9 +1,9 @@
-import { LitElement, TemplateResult, PropertyValues, CSSResult } from 'lit';
-export declare class IANoTheaterAvailable extends LitElement {
-    identifier?: string;
-    emitLoaded(): void;
-    updated(changed: PropertyValues): void;
-    get downloadUrl(): string;
-    render(): TemplateResult;
-    static get styles(): CSSResult;
-}
+import { LitElement, TemplateResult, PropertyValues, CSSResult } from 'lit';
+export declare class IANoTheaterAvailable extends LitElement {
+    identifier?: string;
+    emitLoaded(): void;
+    updated(changed: PropertyValues): void;
+    get downloadUrl(): string;
+    render(): TemplateResult;
+    static get styles(): CSSResult;
+}

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

@@ -1,25 +1,25 @@
-import { __decorate } from "tslib";
-import { LitElement, html, css, } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-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() {
+import { __decorate } from "tslib";
+import { LitElement, html, css, } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+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>
@@ -31,9 +31,9 @@ let IANoTheaterAvailable = class IANoTheaterAvailable extends LitElement {
         </p>
         <a href=${this.downloadUrl}>Show all files</a>
       </section>
-    `;
-    }
-    static get styles() {
+    `;
+    }
+    static get styles() {
         return css `
       :host {
         color: var(--primaryTextColor, #fff);
@@ -68,14 +68,14 @@ let IANoTheaterAvailable = class IANoTheaterAvailable extends LitElement {
         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 };
+    `;
+    }
+};
+__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

@@ -1 +1 @@
-{"version":3,"file":"no-theater-available.js","sourceRoot":"","sources":["../../src/no-theater-available.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,EACV,IAAI,EAIJ,GAAG,GACJ,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG5D,IAAa,oBAAoB,GAAjC,MAAa,oBAAqB,SAAQ,UAAU;IAApD;;QAC8B,eAAU,GAAY,EAAE,CAAC;IAwEvD,CAAC;IAtEC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkCT,CAAC;IACJ,CAAC;CACF,CAAA;AAxE6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wDAA0B;AAD1C,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAyEhC;SAzEY,oBAAoB","sourcesContent":["import {\n  LitElement,\n  html,\n  TemplateResult,\n  PropertyValues,\n  CSSResult,\n  css,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\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        width: 100%;\n        margin: 5%;\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"]}
+{"version":3,"file":"no-theater-available.js","sourceRoot":"","sources":["../../src/no-theater-available.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,EACV,IAAI,EAIJ,GAAG,GACJ,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGrD,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU;IAA7C;;QACuB,eAAU,GAAY,EAAE,CAAC;IAwEvD,CAAC;IAtEC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkCT,CAAC;IACJ,CAAC;CACF,CAAA;AAxE6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wDAA0B;AAD1C,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAyEhC","sourcesContent":["import {\n  LitElement,\n  html,\n  TemplateResult,\n  PropertyValues,\n  CSSResult,\n  css,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\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        width: 100%;\n        margin: 5%;\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/ia-item-navigator.test.d.ts

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