@internetarchive/collection-browser 2.7.0 → 2.7.1-alpha.1

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

@@ -1,18 +1,18 @@
-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;
-    mobileBreakpoint?: number;
-    currentWidth?: Number;
-    collectionTitles?: CollectionTitles;
-    protected render(): TemplateResult;
-    private get headerTemplate();
-    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;
+    mobileBreakpoint?: number;
+    currentWidth?: Number;
+    collectionTitles?: CollectionTitles;
+    protected render(): TemplateResult;
+    private get headerTemplate();
+    static get styles(): CSSResultGroup;
+}

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

@@ -1,14 +1,14 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement, nothing, } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { suppressedCollections } from '../../models';
-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, nothing, } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { suppressedCollections } from '../../models';
+import '../list/tile-list';
+let TileHoverPane = class TileHoverPane extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.loggedIn = false;
+    }
+    render() {
         return html `
       <div id="container">
         ${this.headerTemplate}
@@ -25,27 +25,27 @@ let TileHoverPane = class TileHoverPane extends LitElement {
           ></tile-list>
         </div>
       </div>
-    `;
-    }
-    get headerTemplate() {
-        var _a, _b, _c, _d;
-        // early return if item does't have parent collection
-        if (((_a = this.model) === null || _a === void 0 ? void 0 : _a.collections.length) === 0)
-            return nothing;
-        let collectionTitle = '';
-        let collectionIdentifier = '';
-        for (const collection of ((_b = this.model) === null || _b === void 0 ? void 0 : _b.collections) || []) {
-            if (!suppressedCollections[collection] &&
-                !collection.startsWith('fav-')) {
-                collectionTitle = (_d = (_c = this.collectionTitles) === null || _c === void 0 ? void 0 : _c.get(collection)) !== null && _d !== void 0 ? _d : collection;
-                collectionIdentifier = collection;
-                break;
-            }
-        }
-        // sometimes item does have collections but they are in suppressed or favorite list,
-        // let's not render that
-        if (!collectionIdentifier)
-            return nothing;
+    `;
+    }
+    get headerTemplate() {
+        var _a, _b, _c, _d;
+        // early return if item does't have parent collection
+        if (((_a = this.model) === null || _a === void 0 ? void 0 : _a.collections.length) === 0)
+            return nothing;
+        let collectionTitle = '';
+        let collectionIdentifier = '';
+        for (const collection of ((_b = this.model) === null || _b === void 0 ? void 0 : _b.collections) || []) {
+            if (!suppressedCollections[collection] &&
+                !collection.startsWith('fav-')) {
+                collectionTitle = (_d = (_c = this.collectionTitles) === null || _c === void 0 ? void 0 : _c.get(collection)) !== null && _d !== void 0 ? _d : collection;
+                collectionIdentifier = collection;
+                break;
+            }
+        }
+        // sometimes item does have collections but they are in suppressed or favorite list,
+        // let's not render that
+        if (!collectionIdentifier)
+            return nothing;
         return html `
       <div id="list-line-header">
         <a href="${this.baseNavigationUrl}/details/${collectionIdentifier}">
@@ -55,12 +55,12 @@ let TileHoverPane = class TileHoverPane extends LitElement {
           /><span>${collectionTitle}</span>
         </a>
       </div>
-    `;
-    }
-    static get styles() {
-        const hoverPaneHeaderBGColor = css `var(--hoverPaneHeaderBGColor, #edf0ff)`;
-        const iaLinkColor = css `var(--ia-theme-link-color, #4b64ff)`;
-        const iaFontFamily = css `var(--ia-theme-base-font-family, "Helvetica Neue", Helvetica, Arial, sans-serif);`;
+    `;
+    }
+    static get styles() {
+        const hoverPaneHeaderBGColor = css `var(--hoverPaneHeaderBGColor, #edf0ff)`;
+        const iaLinkColor = css `var(--ia-theme-link-color, #4b64ff)`;
+        const iaFontFamily = css `var(--ia-theme-base-font-family, "Helvetica Neue", Helvetica, Arial, sans-serif);`;
         return css `
       :host {
         visibility: hidden;
@@ -134,35 +134,35 @@ let TileHoverPane = class TileHoverPane extends LitElement {
         width: 30px;
         max-height: 30px;
       }
-    `;
-    }
-};
-__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: Number })
-], TileHoverPane.prototype, "mobileBreakpoint", void 0);
-__decorate([
-    property({ type: Number })
-], TileHoverPane.prototype, "currentWidth", 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: Number })
+], TileHoverPane.prototype, "mobileBreakpoint", void 0);
+__decorate([
+    property({ type: Number })
+], TileHoverPane.prototype, "currentWidth", 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,18 +1,18 @@
-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();
-    private get overlayType();
-    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();
+    private get overlayType();
+    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,58 +29,58 @@ let ImageBlock = class ImageBlock extends LitElement {
         </item-image>
         ${this.textOverlayTemplate} ${this.iconOverlayTemplate}
       </div>
-    `;
-    }
-    get baseClass() {
-        var _a, _b;
-        return {
-            container: true,
-            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() {
-        // Only list tiles use the icon overlay
-        if (!this.isListTile)
-            return nothing;
-        const { overlayType } = this;
-        if (!overlayType)
-            return nothing;
+    `;
+    }
+    get baseClass() {
+        var _a, _b;
+        return {
+            container: true,
+            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() {
+        // Only list tiles use the icon overlay
+        if (!this.isListTile)
+            return nothing;
+        const { overlayType } = this;
+        if (!overlayType)
+            return nothing;
         return html `
       <icon-overlay
         class=${this.isCompactTile ? 'list-compact' : 'list-detail'}
         .type=${this.overlayType}
       >
       </icon-overlay>
-    `;
-    }
-    get textOverlayTemplate() {
-        // List tiles do not require the text overlay
-        if (this.isListTile)
-            return nothing;
-        const { overlayType } = this;
-        if (!overlayType)
-            return nothing;
-        return html ` <text-overlay .type=${this.overlayType}></text-overlay> `;
-    }
-    get overlayType() {
-        var _a, _b;
-        // Prioritize showing the login-required overlay if needed.
-        // Otherwise, if a content warning is required, show that overlay instead.
-        // If neither flag is present, no overlay should be shown.
-        if (((_a = this.model) === null || _a === void 0 ? void 0 : _a.loginRequired) && !this.loggedIn) {
-            return 'login-required';
-        }
-        if ((_b = this.model) === null || _b === void 0 ? void 0 : _b.contentWarning) {
-            return 'content-warning';
-        }
-        return undefined;
-    }
-    static get styles() {
-        const imageBlockBackgroundColor = css `var(--imageBlockBackgroundColor, #f1f1f4)`;
+    `;
+    }
+    get textOverlayTemplate() {
+        // List tiles do not require the text overlay
+        if (this.isListTile)
+            return nothing;
+        const { overlayType } = this;
+        if (!overlayType)
+            return nothing;
+        return html ` <text-overlay .type=${this.overlayType}></text-overlay> `;
+    }
+    get overlayType() {
+        var _a, _b;
+        // Prioritize showing the login-required overlay if needed.
+        // Otherwise, if a content warning is required, show that overlay instead.
+        // If neither flag is present, no overlay should be shown.
+        if (((_a = this.model) === null || _a === void 0 ? void 0 : _a.loginRequired) && !this.loggedIn) {
+            return 'login-required';
+        }
+        if ((_b = this.model) === null || _b === void 0 ? void 0 : _b.contentWarning) {
+            return 'content-warning';
+        }
+        return undefined;
+    }
+    static get styles() {
+        const imageBlockBackgroundColor = css `var(--imageBlockBackgroundColor, #f1f1f4)`;
         return css `
       div {
         display: flex;
@@ -140,29 +140,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,39 +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 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;
-}
+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;
+}