@internetarchive/collection-browser 1.14.17-beta.5 → 1.14.18-alpha.0

package/dist/src/tiles/hover/tile-hover-pane.d.ts

@@ -1,15 +1,15 @@
-import type { SortParam } from '@internetarchive/search-service';
-import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
-import type { TileModel } from '../../models';
-import type { CollectionTitles } from '../../data-source/models';
-import '../list/tile-list';
-export declare class TileHoverPane extends LitElement {
-    model?: TileModel;
-    baseNavigationUrl?: string;
-    baseImageUrl?: string;
-    loggedIn: boolean;
-    sortParam?: SortParam;
-    collectionTitles?: CollectionTitles;
-    protected render(): TemplateResult;
-    static get styles(): CSSResultGroup;
-}
+import type { SortParam } from '@internetarchive/search-service';
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
+import type { TileModel } from '../../models';
+import type { CollectionTitles } from '../../data-source/models';
+import '../list/tile-list';
+export declare class TileHoverPane extends LitElement {
+    model?: TileModel;
+    baseNavigationUrl?: string;
+    baseImageUrl?: string;
+    loggedIn: boolean;
+    sortParam?: SortParam;
+    collectionTitles?: CollectionTitles;
+    protected render(): TemplateResult;
+    static get styles(): CSSResultGroup;
+}

package/dist/src/tiles/hover/tile-hover-pane.js

@@ -1,13 +1,13 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import '../list/tile-list';
-let TileHoverPane = class TileHoverPane extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.loggedIn = false;
-    }
-    render() {
+import { __decorate } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import '../list/tile-list';
+let TileHoverPane = class TileHoverPane extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.loggedIn = false;
+    }
+    render() {
         return html `
       <div id="container">
         <tile-list
@@ -19,9 +19,9 @@ let TileHoverPane = class TileHoverPane extends LitElement {
           .collectionTitles=${this.collectionTitles}
         ></tile-list>
       </div>
-    `;
-    }
-    static get styles() {
+    `;
+    }
+    static get styles() {
         return css `
       :host {
         visibility: hidden;
@@ -60,29 +60,29 @@ let TileHoverPane = class TileHoverPane extends LitElement {
           max-width: 80vw;
         }
       }
-    `;
-    }
-};
-__decorate([
-    property({ type: Object })
-], TileHoverPane.prototype, "model", void 0);
-__decorate([
-    property({ type: String })
-], TileHoverPane.prototype, "baseNavigationUrl", void 0);
-__decorate([
-    property({ type: String })
-], TileHoverPane.prototype, "baseImageUrl", void 0);
-__decorate([
-    property({ type: Boolean })
-], TileHoverPane.prototype, "loggedIn", void 0);
-__decorate([
-    property({ type: Object })
-], TileHoverPane.prototype, "sortParam", void 0);
-__decorate([
-    property({ type: Object })
-], TileHoverPane.prototype, "collectionTitles", void 0);
-TileHoverPane = __decorate([
-    customElement('tile-hover-pane')
-], TileHoverPane);
-export { TileHoverPane };
+    `;
+    }
+};
+__decorate([
+    property({ type: Object })
+], TileHoverPane.prototype, "model", void 0);
+__decorate([
+    property({ type: String })
+], TileHoverPane.prototype, "baseNavigationUrl", void 0);
+__decorate([
+    property({ type: String })
+], TileHoverPane.prototype, "baseImageUrl", void 0);
+__decorate([
+    property({ type: Boolean })
+], TileHoverPane.prototype, "loggedIn", void 0);
+__decorate([
+    property({ type: Object })
+], TileHoverPane.prototype, "sortParam", void 0);
+__decorate([
+    property({ type: Object })
+], TileHoverPane.prototype, "collectionTitles", void 0);
+TileHoverPane = __decorate([
+    customElement('tile-hover-pane')
+], TileHoverPane);
+export { TileHoverPane };
 //# sourceMappingURL=tile-hover-pane.js.map

package/dist/src/tiles/image-block.d.ts

@@ -1,17 +1,17 @@
-import { CSSResultGroup, LitElement, nothing } from 'lit';
-import type { TileModel } from '../models';
-import './overlay/icon-overlay';
-import './overlay/text-overlay';
-export declare class ImageBlock extends LitElement {
-    baseImageUrl?: string;
-    isCompactTile: boolean;
-    isListTile: boolean;
-    loggedIn: boolean;
-    model?: TileModel;
-    viewSize: string;
-    render(): import("lit-html").TemplateResult<1> | typeof nothing;
-    private get baseClass();
-    private get iconOverlayTemplate();
-    private get textOverlayTemplate();
-    static get styles(): CSSResultGroup;
-}
+import { CSSResultGroup, LitElement, nothing } from 'lit';
+import type { TileModel } from '../models';
+import './overlay/icon-overlay';
+import './overlay/text-overlay';
+export declare class ImageBlock extends LitElement {
+    baseImageUrl?: string;
+    isCompactTile: boolean;
+    isListTile: boolean;
+    loggedIn: boolean;
+    model?: TileModel;
+    viewSize: string;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
+    private get baseClass();
+    private get iconOverlayTemplate();
+    private get textOverlayTemplate();
+    static get styles(): CSSResultGroup;
+}

package/dist/src/tiles/image-block.js

@@ -1,21 +1,21 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement, nothing } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import './overlay/icon-overlay';
-import './overlay/text-overlay';
-let ImageBlock = class ImageBlock extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.isCompactTile = false;
-        this.isListTile = false;
-        this.loggedIn = false;
-        this.viewSize = 'desktop';
-    }
-    render() {
-        var _a;
-        if (!((_a = this.model) === null || _a === void 0 ? void 0 : _a.identifier))
-            return nothing;
+import { __decorate } from "tslib";
+import { css, html, LitElement, nothing } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import './overlay/icon-overlay';
+import './overlay/text-overlay';
+let ImageBlock = class ImageBlock extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.isCompactTile = false;
+        this.isListTile = false;
+        this.loggedIn = false;
+        this.viewSize = 'desktop';
+    }
+    render() {
+        var _a;
+        if (!((_a = this.model) === null || _a === void 0 ? void 0 : _a.identifier))
+            return nothing;
         return html `
       <div class=${classMap(this.baseClass)}>
         <item-image
@@ -29,24 +29,24 @@ let ImageBlock = class ImageBlock extends LitElement {
         </item-image>
         ${this.textOverlayTemplate} ${this.iconOverlayTemplate}
       </div>
-    `;
-    }
-    get baseClass() {
-        var _a, _b;
-        return {
-            list: this.isListTile && !this.isCompactTile,
-            'list-compact': this.isListTile && this.isCompactTile,
-            collection: ((_a = this.model) === null || _a === void 0 ? void 0 : _a.mediatype) === 'collection',
-            [this.viewSize]: true,
-            'search-image': ((_b = this.model) === null || _b === void 0 ? void 0 : _b.mediatype) === 'search',
-        };
-    }
-    get iconOverlayTemplate() {
-        var _a, _b, _c;
-        if (!this.isListTile)
-            return nothing;
-        if (!((_a = this.model) === null || _a === void 0 ? void 0 : _a.loginRequired) && !((_b = this.model) === null || _b === void 0 ? void 0 : _b.contentWarning))
-            return nothing;
+    `;
+    }
+    get baseClass() {
+        var _a, _b;
+        return {
+            list: this.isListTile && !this.isCompactTile,
+            'list-compact': this.isListTile && this.isCompactTile,
+            collection: ((_a = this.model) === null || _a === void 0 ? void 0 : _a.mediatype) === 'collection',
+            [this.viewSize]: true,
+            'search-image': ((_b = this.model) === null || _b === void 0 ? void 0 : _b.mediatype) === 'search',
+        };
+    }
+    get iconOverlayTemplate() {
+        var _a, _b, _c;
+        if (!this.isListTile)
+            return nothing;
+        if (!((_a = this.model) === null || _a === void 0 ? void 0 : _a.loginRequired) && !((_b = this.model) === null || _b === void 0 ? void 0 : _b.contentWarning))
+            return nothing;
         return html `
       <icon-overlay
         .loggedIn=${this.loggedIn}
@@ -54,14 +54,14 @@ let ImageBlock = class ImageBlock extends LitElement {
         .isCompactTile=${this.isCompactTile}
       >
       </icon-overlay>
-    `;
-    }
-    get textOverlayTemplate() {
-        var _a, _b, _c;
-        if (this.isListTile)
-            return nothing;
-        if (!((_a = this.model) === null || _a === void 0 ? void 0 : _a.loginRequired) && !((_b = this.model) === null || _b === void 0 ? void 0 : _b.contentWarning))
-            return nothing;
+    `;
+    }
+    get textOverlayTemplate() {
+        var _a, _b, _c;
+        if (this.isListTile)
+            return nothing;
+        if (!((_a = this.model) === null || _a === void 0 ? void 0 : _a.loginRequired) && !((_b = this.model) === null || _b === void 0 ? void 0 : _b.contentWarning))
+            return nothing;
         return html `
       <text-overlay
         .loggedIn=${this.loggedIn}
@@ -69,10 +69,10 @@ let ImageBlock = class ImageBlock extends LitElement {
         ?iconRequired=${true}
       >
       </text-overlay>
-    `;
-    }
-    static get styles() {
-        const imageBlockBackgroundColor = css `var(--imageBlockBackgroundColor, #f1f1f4)`;
+    `;
+    }
+    static get styles() {
+        const imageBlockBackgroundColor = css `var(--imageBlockBackgroundColor, #f1f1f4)`;
         return css `
       div {
         display: flex;
@@ -132,29 +132,29 @@ let ImageBlock = class ImageBlock extends LitElement {
         width: 30px;
         height: 30px;
       }
-    `;
-    }
-};
-__decorate([
-    property({ type: String })
-], ImageBlock.prototype, "baseImageUrl", void 0);
-__decorate([
-    property({ type: Boolean })
-], ImageBlock.prototype, "isCompactTile", void 0);
-__decorate([
-    property({ type: Boolean })
-], ImageBlock.prototype, "isListTile", void 0);
-__decorate([
-    property({ type: Boolean })
-], ImageBlock.prototype, "loggedIn", void 0);
-__decorate([
-    property({ type: Object })
-], ImageBlock.prototype, "model", void 0);
-__decorate([
-    property({ type: String })
-], ImageBlock.prototype, "viewSize", void 0);
-ImageBlock = __decorate([
-    customElement('image-block')
-], ImageBlock);
-export { ImageBlock };
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], ImageBlock.prototype, "baseImageUrl", void 0);
+__decorate([
+    property({ type: Boolean })
+], ImageBlock.prototype, "isCompactTile", void 0);
+__decorate([
+    property({ type: Boolean })
+], ImageBlock.prototype, "isListTile", void 0);
+__decorate([
+    property({ type: Boolean })
+], ImageBlock.prototype, "loggedIn", void 0);
+__decorate([
+    property({ type: Object })
+], ImageBlock.prototype, "model", void 0);
+__decorate([
+    property({ type: String })
+], ImageBlock.prototype, "viewSize", void 0);
+ImageBlock = __decorate([
+    customElement('image-block')
+], ImageBlock);
+export { ImageBlock };
 //# sourceMappingURL=image-block.js.map

package/dist/src/tiles/item-image.d.ts

@@ -1,36 +1,39 @@
-import { CSSResultGroup, LitElement } from 'lit';
-import type { TileModel } from '../models';
-export declare class ItemImage extends LitElement {
-    model?: TileModel;
-    baseImageUrl?: string;
-    isListTile: boolean;
-    isCompactTile: boolean;
-    loggedIn: boolean;
-    private isWaveform;
-    private baseImage;
-    render(): import("lit-html").TemplateResult<1>;
-    private get imageTemplate();
-    /**
-     * Helpers
-     */
-    private get imageSrc();
-    private get hashBasedGradient();
-    private hashStrToInt;
-    /**
-     * Classes
-     */
-    private get itemBaseClass();
-    private get itemImageClass();
-    /**
-     * Helper function to determine if account tile image
-     */
-    private get isAccountImage();
-    /**
-     * Event listener sets isWaveform true if image is waveform
-     */
-    private onLoad;
-    /**
-     * CSS
-     */
-    static get styles(): CSSResultGroup;
-}
+import { CSSResultGroup, LitElement } from 'lit';
+import type { TileModel } from '../models';
+export declare class ItemImage extends LitElement {
+    model?: TileModel;
+    baseImageUrl?: string;
+    isListTile: boolean;
+    isCompactTile: boolean;
+    loggedIn: boolean;
+    private isWaveform;
+    private isNotFound;
+    private baseImage;
+    render(): import("lit-html").TemplateResult<1>;
+    private get imageTemplate();
+    /**
+     * Helpers
+     */
+    private get imageSrc();
+    private get notFoundSrc();
+    private get hashBasedGradient();
+    private hashStrToInt;
+    /**
+     * Classes
+     */
+    private get itemBaseClass();
+    private get itemImageClass();
+    /**
+     * Helper function to determine if account tile image
+     */
+    private get isAccountImage();
+    /**
+     * Event listener sets isWaveform true if image is waveform
+     */
+    private onLoad;
+    private onError;
+    /**
+     * CSS
+     */
+    static get styles(): CSSResultGroup;
+}