@internetarchive/collection-browser 0.4.9-alpha.1 → 0.4.9

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

@@ -1,17 +1,17 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement, nothing } from 'lit';
-import { customElement, property, query, state } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { baseItemImageStyles, waveformGradientStyles, } from '../styles/item-image-styles';
-let ItemImage = class ItemImage extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.isListTile = false;
-        this.isCompactTile = false;
-        this.loggedIn = false;
-        this.isWaveform = false;
-    }
-    render() {
+import { __decorate } from "tslib";
+import { css, html, LitElement, nothing } from 'lit';
+import { customElement, property, query, state } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { baseItemImageStyles, waveformGradientStyles, } from '../styles/item-image-styles';
+let ItemImage = class ItemImage extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.isListTile = false;
+        this.isCompactTile = false;
+        this.loggedIn = false;
+        this.isWaveform = false;
+    }
+    render() {
         return html `
       <div class=${classMap(this.itemBaseClass)}>
         <img
@@ -21,112 +21,112 @@ let ItemImage = class ItemImage extends LitElement {
           @load=${this.onLoad}
         />
       </div>
-    `;
-    }
-    /**
-     * Helpers
-     */
-    get imageSrc() {
-        var _a;
-        // Don't try to load invalid image URLs
-        return this.baseImageUrl && ((_a = this.model) === null || _a === void 0 ? void 0 : _a.identifier)
-            ? `${this.baseImageUrl}/services/img/${this.model.identifier}`
-            : nothing;
-    }
-    get hashBasedGradient() {
-        var _a;
-        if (!((_a = this.model) === null || _a === void 0 ? void 0 : _a.identifier)) {
-            return 'waveform-grad0';
-        }
-        const gradient = this.hashStrToInt(this.model.identifier) % 6; // returns 0-5
-        return `waveform-grad${gradient}`;
-    }
-    hashStrToInt(str) {
-        return str
-            .split('')
-            .reduce((acc, char) => acc + char.charCodeAt(0), 0);
-    }
-    /**
-     * Classes
-     */
-    get itemBaseClass() {
-        return {
-            'drop-shadow': true,
-            'list-box': this.isListTile,
-            [this.hashBasedGradient]: this.isWaveform,
-        };
-    }
-    get itemImageClass() {
-        var _a, _b, _c;
-        const toBlur = ((_a = this.model) === null || _a === void 0 ? void 0 : _a.contentWarning) || ((_b = this.model) === null || _b === void 0 ? void 0 : _b.loginRequired);
-        return {
-            contain: !this.isCompactTile && !this.isWaveform,
-            cover: this.isCompactTile,
-            blur: toBlur || false,
-            waveform: this.isWaveform,
-            'account-image': this.isAccountImage,
-            'collection-image': ((_c = this.model) === null || _c === void 0 ? void 0 : _c.mediatype) === 'collection', // for collection tile image
-        };
-    }
-    /**
-     * Helper function to determine if account tile image
-     */
-    get isAccountImage() {
-        var _a;
-        return (((_a = this.model) === null || _a === void 0 ? void 0 : _a.mediatype) === 'account' &&
-            !this.isCompactTile &&
-            !this.isListTile);
-    }
-    /**
-     * Event listener sets isWaveform true if image is waveform
-     */
-    onLoad() {
-        var _a, _b;
-        if ((((_a = this.model) === null || _a === void 0 ? void 0 : _a.mediatype) === 'audio' ||
-            ((_b = this.model) === null || _b === void 0 ? void 0 : _b.mediatype) === 'etree') &&
-            this.baseImage.naturalWidth / this.baseImage.naturalHeight === 4) {
-            this.isWaveform = true;
-        }
-    }
-    /**
-     * CSS
-     */
-    static get styles() {
-        return [
-            baseItemImageStyles,
-            waveformGradientStyles,
+    `;
+    }
+    /**
+     * Helpers
+     */
+    get imageSrc() {
+        var _a;
+        // Don't try to load invalid image URLs
+        return this.baseImageUrl && ((_a = this.model) === null || _a === void 0 ? void 0 : _a.identifier)
+            ? `${this.baseImageUrl}/services/img/${this.model.identifier}`
+            : nothing;
+    }
+    get hashBasedGradient() {
+        var _a;
+        if (!((_a = this.model) === null || _a === void 0 ? void 0 : _a.identifier)) {
+            return 'waveform-grad0';
+        }
+        const gradient = this.hashStrToInt(this.model.identifier) % 6; // returns 0-5
+        return `waveform-grad${gradient}`;
+    }
+    hashStrToInt(str) {
+        return str
+            .split('')
+            .reduce((acc, char) => acc + char.charCodeAt(0), 0);
+    }
+    /**
+     * Classes
+     */
+    get itemBaseClass() {
+        return {
+            'drop-shadow': true,
+            'list-box': this.isListTile,
+            [this.hashBasedGradient]: this.isWaveform,
+        };
+    }
+    get itemImageClass() {
+        var _a, _b, _c;
+        const toBlur = ((_a = this.model) === null || _a === void 0 ? void 0 : _a.contentWarning) || ((_b = this.model) === null || _b === void 0 ? void 0 : _b.loginRequired);
+        return {
+            contain: !this.isCompactTile && !this.isWaveform,
+            cover: this.isCompactTile,
+            blur: toBlur || false,
+            waveform: this.isWaveform,
+            'account-image': this.isAccountImage,
+            'collection-image': ((_c = this.model) === null || _c === void 0 ? void 0 : _c.mediatype) === 'collection', // for collection tile image
+        };
+    }
+    /**
+     * Helper function to determine if account tile image
+     */
+    get isAccountImage() {
+        var _a;
+        return (((_a = this.model) === null || _a === void 0 ? void 0 : _a.mediatype) === 'account' &&
+            !this.isCompactTile &&
+            !this.isListTile);
+    }
+    /**
+     * Event listener sets isWaveform true if image is waveform
+     */
+    onLoad() {
+        var _a, _b;
+        if ((((_a = this.model) === null || _a === void 0 ? void 0 : _a.mediatype) === 'audio' ||
+            ((_b = this.model) === null || _b === void 0 ? void 0 : _b.mediatype) === 'etree') &&
+            this.baseImage.naturalWidth / this.baseImage.naturalHeight === 4) {
+            this.isWaveform = true;
+        }
+    }
+    /**
+     * CSS
+     */
+    static get styles() {
+        return [
+            baseItemImageStyles,
+            waveformGradientStyles,
             css `
         img {
           height: var(--imgHeight, 16rem);
           width: var(--imgWidth, 16rem);
         }
-      `,
-        ];
-    }
-};
-__decorate([
-    property({ type: Object })
-], ItemImage.prototype, "model", void 0);
-__decorate([
-    property({ type: String })
-], ItemImage.prototype, "baseImageUrl", void 0);
-__decorate([
-    property({ type: Boolean })
-], ItemImage.prototype, "isListTile", void 0);
-__decorate([
-    property({ type: Boolean })
-], ItemImage.prototype, "isCompactTile", void 0);
-__decorate([
-    property({ type: Boolean })
-], ItemImage.prototype, "loggedIn", void 0);
-__decorate([
-    state()
-], ItemImage.prototype, "isWaveform", void 0);
-__decorate([
-    query('img')
-], ItemImage.prototype, "baseImage", void 0);
-ItemImage = __decorate([
-    customElement('item-image')
-], ItemImage);
-export { ItemImage };
+      `,
+        ];
+    }
+};
+__decorate([
+    property({ type: Object })
+], ItemImage.prototype, "model", void 0);
+__decorate([
+    property({ type: String })
+], ItemImage.prototype, "baseImageUrl", void 0);
+__decorate([
+    property({ type: Boolean })
+], ItemImage.prototype, "isListTile", void 0);
+__decorate([
+    property({ type: Boolean })
+], ItemImage.prototype, "isCompactTile", void 0);
+__decorate([
+    property({ type: Boolean })
+], ItemImage.prototype, "loggedIn", void 0);
+__decorate([
+    state()
+], ItemImage.prototype, "isWaveform", void 0);
+__decorate([
+    query('img')
+], ItemImage.prototype, "baseImage", void 0);
+ItemImage = __decorate([
+    customElement('item-image')
+], ItemImage);
+export { ItemImage };
 //# sourceMappingURL=item-image.js.map

package/dist/src/tiles/list/account-label.d.ts

@@ -1 +1 @@
-export declare function accountLabel(date: Date | undefined): string;
+export declare function accountLabel(date: Date | undefined): string;

package/dist/src/tiles/list/account-label.js

@@ -1,7 +1,7 @@
-export function accountLabel(date) {
-    if (!date) {
-        return '';
-    }
-    return `Archivist since ${date.getFullYear()}`;
-}
+export function accountLabel(date) {
+    if (!date) {
+        return '';
+    }
+    return `Archivist since ${date.getFullYear()}`;
+}
 //# sourceMappingURL=account-label.js.map

package/dist/src/tiles/list/date-label.d.ts

@@ -1 +1 @@
-export declare function dateLabel(sortField: string | undefined): string;
+export declare function dateLabel(sortField: string | undefined): string;

package/dist/src/tiles/list/date-label.js

@@ -1,13 +1,13 @@
-export function dateLabel(sortField) {
-    switch (sortField) {
-        case 'publicdate':
-            return 'Archived';
-        case 'reviewdate':
-            return 'Reviewed';
-        case 'addeddate':
-            return 'Added';
-        default:
-            return 'Published';
-    }
-}
+export function dateLabel(sortField) {
+    switch (sortField) {
+        case 'publicdate':
+            return 'Archived';
+        case 'reviewdate':
+            return 'Reviewed';
+        case 'addeddate':
+            return 'Added';
+        default:
+            return 'Published';
+    }
+}
 //# sourceMappingURL=date-label.js.map

package/dist/src/tiles/list/tile-list-compact-header.d.ts

@@ -1,12 +1,12 @@
-import { LitElement } from 'lit';
-import type { SortParam } from '@internetarchive/search-service';
-import type { TileModel } from '../../models';
-export declare class TileListCompactHeader extends LitElement {
-    model?: TileModel;
-    currentWidth?: number;
-    sortParam: SortParam | null;
-    mobileBreakpoint?: number;
-    render(): import("lit-html").TemplateResult<1>;
-    private get classSize();
-    static get styles(): import("lit").CSSResult;
-}
+import { LitElement } from 'lit';
+import type { SortParam } from '@internetarchive/search-service';
+import type { TileModel } from '../../models';
+export declare class TileListCompactHeader extends LitElement {
+    model?: TileModel;
+    currentWidth?: number;
+    sortParam: SortParam | null;
+    mobileBreakpoint?: number;
+    render(): import("lit-html").TemplateResult<1>;
+    private get classSize();
+    static get styles(): import("lit").CSSResult;
+}

package/dist/src/tiles/list/tile-list-compact-header.js

@@ -1,14 +1,14 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { dateLabel } from './date-label';
-let TileListCompactHeader = class TileListCompactHeader extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.sortParam = null;
-    }
-    render() {
-        var _a;
+import { __decorate } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { dateLabel } from './date-label';
+let TileListCompactHeader = class TileListCompactHeader extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.sortParam = null;
+    }
+    render() {
+        var _a;
         return html `
       <div id="list-line-header" class="${this.classSize}">
         <div id="thumb"></div>
@@ -18,17 +18,17 @@ let TileListCompactHeader = class TileListCompactHeader extends LitElement {
         <div id="icon">Type</div>
         <div id="views">Views</div>
       </div>
-    `;
-    }
-    get classSize() {
-        if (this.mobileBreakpoint &&
-            this.currentWidth &&
-            this.currentWidth < this.mobileBreakpoint) {
-            return 'mobile';
-        }
-        return 'desktop';
-    }
-    static get styles() {
+    `;
+    }
+    get classSize() {
+        if (this.mobileBreakpoint &&
+            this.currentWidth &&
+            this.currentWidth < this.mobileBreakpoint) {
+            return 'mobile';
+        }
+        return 'desktop';
+    }
+    static get styles() {
         return css `
       html {
         font-size: unset;
@@ -63,23 +63,23 @@ let TileListCompactHeader = class TileListCompactHeader extends LitElement {
       #list-line-header.desktop {
         grid-template-columns: 51px 3fr 2fr 95px 30px 60px;
       }
-    `;
-    }
-};
-__decorate([
-    property({ type: Object })
-], TileListCompactHeader.prototype, "model", void 0);
-__decorate([
-    property({ type: Number })
-], TileListCompactHeader.prototype, "currentWidth", void 0);
-__decorate([
-    property({ type: Object })
-], TileListCompactHeader.prototype, "sortParam", void 0);
-__decorate([
-    property({ type: Number })
-], TileListCompactHeader.prototype, "mobileBreakpoint", void 0);
-TileListCompactHeader = __decorate([
-    customElement('tile-list-compact-header')
-], TileListCompactHeader);
-export { TileListCompactHeader };
+    `;
+    }
+};
+__decorate([
+    property({ type: Object })
+], TileListCompactHeader.prototype, "model", void 0);
+__decorate([
+    property({ type: Number })
+], TileListCompactHeader.prototype, "currentWidth", void 0);
+__decorate([
+    property({ type: Object })
+], TileListCompactHeader.prototype, "sortParam", void 0);
+__decorate([
+    property({ type: Number })
+], TileListCompactHeader.prototype, "mobileBreakpoint", void 0);
+TileListCompactHeader = __decorate([
+    customElement('tile-list-compact-header')
+], TileListCompactHeader);
+export { TileListCompactHeader };
 //# sourceMappingURL=tile-list-compact-header.js.map

package/dist/src/tiles/list/tile-list-compact.d.ts

@@ -1,21 +1,21 @@
-import { LitElement } from 'lit';
-import type { SortParam } from '@internetarchive/search-service';
-import type { TileModel } from '../../models';
-import '../image-block';
-import '../mediatype-icon';
-export declare class TileListCompact extends LitElement {
-    model?: TileModel;
-    baseNavigationUrl?: string;
-    currentWidth?: number;
-    currentHeight?: number;
-    sortParam: SortParam | null;
-    mobileBreakpoint?: number;
-    baseImageUrl?: string;
-    loggedIn: boolean;
-    render(): import("lit-html").TemplateResult<1>;
-    private get date();
-    private get views();
-    private get classSize();
-    private get formatSize();
-    static get styles(): import("lit").CSSResult;
-}
+import { LitElement } from 'lit';
+import type { SortParam } from '@internetarchive/search-service';
+import type { TileModel } from '../../models';
+import '../image-block';
+import '../mediatype-icon';
+export declare class TileListCompact extends LitElement {
+    model?: TileModel;
+    baseNavigationUrl?: string;
+    currentWidth?: number;
+    currentHeight?: number;
+    sortParam: SortParam | null;
+    mobileBreakpoint?: number;
+    baseImageUrl?: string;
+    loggedIn: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+    private get date();
+    private get views();
+    private get classSize();
+    private get formatSize();
+    static get styles(): import("lit").CSSResult;
+}