@internetarchive/collection-browser 2.2.3-alpha.6 → 2.4.0

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

@@ -1,29 +1,29 @@
-import { __decorate } from "tslib";
-import { css, html, nothing } from 'lit';
-import { customElement } from 'lit/decorators.js';
-import DOMPurify from 'dompurify';
-import { BaseTileComponent } from '../base-tile-component';
-import { formatCount } from '../../utils/format-count';
-import { formatDate } from '../../utils/format-date';
-import { isFirstMillisecondOfUTCYear } from '../../utils/local-date-from-utc';
-import '../image-block';
-import '../mediatype-icon';
-let TileListCompact = class TileListCompact extends BaseTileComponent {
-    /*
-     * Reactive properties inherited from BaseTileComponent:
-     *  - model?: TileModel;
-     *  - currentWidth?: number;
-     *  - currentHeight?: number;
-     *  - baseNavigationUrl?: string;
-     *  - baseImageUrl?: string;
-     *  - collectionPagePath?: string;
-     *  - sortParam: SortParam | null = null;
-     *  - creatorFilter?: string;
-     *  - mobileBreakpoint?: number;
-     *  - loggedIn = false;
-     */
-    render() {
-        var _a, _b, _c, _d, _e, _f;
+import { __decorate } from "tslib";
+import { css, html, nothing } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import DOMPurify from 'dompurify';
+import { BaseTileComponent } from '../base-tile-component';
+import { formatCount } from '../../utils/format-count';
+import { formatDate } from '../../utils/format-date';
+import { isFirstMillisecondOfUTCYear } from '../../utils/local-date-from-utc';
+import '../image-block';
+import '../mediatype-icon';
+let TileListCompact = class TileListCompact extends BaseTileComponent {
+    /*
+     * Reactive properties inherited from BaseTileComponent:
+     *  - model?: TileModel;
+     *  - currentWidth?: number;
+     *  - currentHeight?: number;
+     *  - baseNavigationUrl?: string;
+     *  - baseImageUrl?: string;
+     *  - collectionPagePath?: string;
+     *  - sortParam: SortParam | null = null;
+     *  - creatorFilter?: string;
+     *  - mobileBreakpoint?: number;
+     *  - loggedIn = false;
+     */
+    render() {
+        var _a, _b, _c, _d, _e, _f;
         return html `
       <div id="list-line" class="${this.classSize}">
         <image-block
@@ -39,8 +39,8 @@ let TileListCompact = class TileListCompact extends BaseTileComponent {
           >${DOMPurify.sanitize((_b = (_a = this.model) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : '')}</a
         >
         <div id="creator">
-          ${((_c = this.model) === null || _c === void 0 ? void 0 : _c.mediatype) === 'account'
-            ? this.displayValueProvider.accountLabel
+          ${((_c = this.model) === null || _c === void 0 ? void 0 : _c.mediatype) === 'account'
+            ? this.displayValueProvider.accountLabel
             : this.creator}
         </div>
         <div id="date">${formatDate(this.date, this.dateFormatSize)}</div>
@@ -53,85 +53,85 @@ let TileListCompact = class TileListCompact extends BaseTileComponent {
         </div>
         <div id="views">${formatCount((_f = this.views) !== null && _f !== void 0 ? _f : 0, this.formatSize)}</div>
       </div>
-    `;
-    }
-    get href() {
-        var _a;
-        if (!((_a = this.model) === null || _a === void 0 ? void 0 : _a.identifier) || this.baseNavigationUrl == null)
-            return nothing;
-        // Use the server-specified href if available.
-        // Otherwise, construct a details page URL from the item identifier.
-        if (this.model.href) {
-            return `${this.baseNavigationUrl}${this.model.href}`;
-        }
-        return this.displayValueProvider.itemPageUrl(this.model.identifier, this.model.mediatype === 'collection');
-    }
-    get creator() {
-        var _a;
-        return (_a = this.displayValueProvider.firstCreatorMatchingFilter) !== null && _a !== void 0 ? _a : nothing;
-    }
-    /*
-     * TODO: fix field names to match model in src/collection-browser.ts
-     * private get dateSortSelector()
-     * @see src/models.ts
-     */
-    get date() {
-        var _a, _b, _c, _d, _e;
-        // Note on 'publicdate' vs. 'date':
-        // The search engine metadata uses 'publicdate' as the key for the date the item
-        // was created on archive.org, which in the UI is referred to as "Date Archived".
-        // In contrast, the search engine metadata uses 'date' to refer to the actual
-        // publication date of the underlying media ("Date Published" in the UI).
-        // Refer to the full metadata schema for more info.
-        switch ((_a = this.sortParam) === null || _a === void 0 ? void 0 : _a.field) {
-            case 'publicdate':
-                return (_b = this.model) === null || _b === void 0 ? void 0 : _b.dateArchived;
-            case 'reviewdate':
-                return (_c = this.model) === null || _c === void 0 ? void 0 : _c.dateReviewed;
-            case 'addeddate':
-                return (_d = this.model) === null || _d === void 0 ? void 0 : _d.dateAdded;
-            default:
-                return (_e = this.model) === null || _e === void 0 ? void 0 : _e.datePublished;
-        }
-    }
-    get views() {
-        var _a, _b, _c;
-        return ((_a = this.sortParam) === null || _a === void 0 ? void 0 : _a.field) === 'week'
-            ? (_b = this.model) === null || _b === void 0 ? void 0 : _b.weeklyViewCount // weekly views
-            : (_c = this.model) === null || _c === void 0 ? void 0 : _c.viewCount; // all-time views
-    }
-    get classSize() {
-        if (this.mobileBreakpoint &&
-            this.currentWidth &&
-            this.currentWidth < this.mobileBreakpoint) {
-            return 'mobile';
-        }
-        return 'desktop';
-    }
-    get dateFormatSize() {
-        var _a, _b;
-        // If we're showing a date published of Jan 1 at midnight, only show the year.
-        // This is because items with only a year for their publication date are normalized to
-        // Jan 1 at midnight timestamps in the search engine documents.
-        if ((!this.isSortedByDate || ((_a = this.sortParam) === null || _a === void 0 ? void 0 : _a.field) === 'date') && // Any sort except dates that aren't published date
-            isFirstMillisecondOfUTCYear((_b = this.model) === null || _b === void 0 ? void 0 : _b.datePublished)) {
-            return 'year-only';
-        }
-        return this.formatSize;
-    }
-    get formatSize() {
-        if (this.mobileBreakpoint &&
-            this.currentWidth &&
-            this.currentWidth < this.mobileBreakpoint) {
-            return 'short';
-        }
-        return 'long';
-    }
-    get isSortedByDate() {
-        var _a;
-        return ['date', 'reviewdate', 'addeddate', 'publicdate'].includes((_a = this.sortParam) === null || _a === void 0 ? void 0 : _a.field);
-    }
-    static get styles() {
+    `;
+    }
+    get href() {
+        var _a;
+        if (!((_a = this.model) === null || _a === void 0 ? void 0 : _a.identifier) || this.baseNavigationUrl == null)
+            return nothing;
+        // Use the server-specified href if available.
+        // Otherwise, construct a details page URL from the item identifier.
+        if (this.model.href) {
+            return `${this.baseNavigationUrl}${this.model.href}`;
+        }
+        return this.displayValueProvider.itemPageUrl(this.model.identifier, this.model.mediatype === 'collection');
+    }
+    get creator() {
+        var _a;
+        return (_a = this.displayValueProvider.firstCreatorMatchingFilter) !== null && _a !== void 0 ? _a : nothing;
+    }
+    /*
+     * TODO: fix field names to match model in src/collection-browser.ts
+     * private get dateSortSelector()
+     * @see src/models.ts
+     */
+    get date() {
+        var _a, _b, _c, _d, _e;
+        // Note on 'publicdate' vs. 'date':
+        // The search engine metadata uses 'publicdate' as the key for the date the item
+        // was created on archive.org, which in the UI is referred to as "Date Archived".
+        // In contrast, the search engine metadata uses 'date' to refer to the actual
+        // publication date of the underlying media ("Date Published" in the UI).
+        // Refer to the full metadata schema for more info.
+        switch ((_a = this.sortParam) === null || _a === void 0 ? void 0 : _a.field) {
+            case 'publicdate':
+                return (_b = this.model) === null || _b === void 0 ? void 0 : _b.dateArchived;
+            case 'reviewdate':
+                return (_c = this.model) === null || _c === void 0 ? void 0 : _c.dateReviewed;
+            case 'addeddate':
+                return (_d = this.model) === null || _d === void 0 ? void 0 : _d.dateAdded;
+            default:
+                return (_e = this.model) === null || _e === void 0 ? void 0 : _e.datePublished;
+        }
+    }
+    get views() {
+        var _a, _b, _c;
+        return ((_a = this.sortParam) === null || _a === void 0 ? void 0 : _a.field) === 'week'
+            ? (_b = this.model) === null || _b === void 0 ? void 0 : _b.weeklyViewCount // weekly views
+            : (_c = this.model) === null || _c === void 0 ? void 0 : _c.viewCount; // all-time views
+    }
+    get classSize() {
+        if (this.mobileBreakpoint &&
+            this.currentWidth &&
+            this.currentWidth < this.mobileBreakpoint) {
+            return 'mobile';
+        }
+        return 'desktop';
+    }
+    get dateFormatSize() {
+        var _a, _b;
+        // If we're showing a date published of Jan 1 at midnight, only show the year.
+        // This is because items with only a year for their publication date are normalized to
+        // Jan 1 at midnight timestamps in the search engine documents.
+        if ((!this.isSortedByDate || ((_a = this.sortParam) === null || _a === void 0 ? void 0 : _a.field) === 'date') && // Any sort except dates that aren't published date
+            isFirstMillisecondOfUTCYear((_b = this.model) === null || _b === void 0 ? void 0 : _b.datePublished)) {
+            return 'year-only';
+        }
+        return this.formatSize;
+    }
+    get formatSize() {
+        if (this.mobileBreakpoint &&
+            this.currentWidth &&
+            this.currentWidth < this.mobileBreakpoint) {
+            return 'short';
+        }
+        return 'long';
+    }
+    get isSortedByDate() {
+        var _a;
+        return ['date', 'reviewdate', 'addeddate', 'publicdate'].includes((_a = this.sortParam) === null || _a === void 0 ? void 0 : _a.field);
+    }
+    static get styles() {
         return css `
       html {
         font-size: unset;
@@ -205,11 +205,11 @@ let TileListCompact = class TileListCompact extends BaseTileComponent {
         --imgHeight: 100%;
         --imgWidth: 100%;
       }
-    `;
-    }
-};
-TileListCompact = __decorate([
-    customElement('tile-list-compact')
-], TileListCompact);
-export { TileListCompact };
+    `;
+    }
+};
+TileListCompact = __decorate([
+    customElement('tile-list-compact')
+], TileListCompact);
+export { TileListCompact };
 //# sourceMappingURL=tile-list-compact.js.map

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

@@ -1,50 +1,50 @@
-import { PropertyValues, TemplateResult } from 'lit';
-import type { CollectionTitles } from '../../data-source/models';
-import { BaseTileComponent } from '../base-tile-component';
-import '../image-block';
-import '../review-block';
-import '../text-snippet-block';
-import '../mediatype-icon';
-export declare class TileList extends BaseTileComponent {
-    collectionTitles?: CollectionTitles;
-    private collectionLinks;
-    render(): TemplateResult<1>;
-    /**
-     * Templates
-     */
-    private get mobileTemplate();
-    private get desktopTemplate();
-    private get imageBlockTemplate();
-    private get detailsTemplate();
-    private get iconRightTemplate();
-    private get titleTemplate();
-    private get itemLineTemplate();
-    private get sourceTemplate();
-    private get volumeTemplate();
-    private get issueTemplate();
-    private get creatorTemplate();
-    private get datePublishedTemplate();
-    private get dateSortByTemplate();
-    private get viewsTemplate();
-    private get ratingTemplate();
-    private get reviewsTemplate();
-    private get topicsTemplate();
-    private get collectionsTemplate();
-    private get descriptionTemplate();
-    private get reviewBlockTemplate();
-    private get textSnippetsTemplate();
-    private get hasSnippets();
-    private get webArchivesCaptureDatesTemplate();
-    private metadataTemplate;
-    private labelTemplate;
-    private searchLink;
-    private detailsLink;
-    /** The URL of this item's mediatype collection, if defined. */
-    private get mediatypeURL();
-    protected updated(changed: PropertyValues): void;
-    private buildCollectionLinks;
-    private get date();
-    private get classSize();
-    private get formatSize();
-    static get styles(): import("lit").CSSResult;
-}
+import { PropertyValues, TemplateResult } from 'lit';
+import type { CollectionTitles } from '../../data-source/models';
+import { BaseTileComponent } from '../base-tile-component';
+import '../image-block';
+import '../review-block';
+import '../text-snippet-block';
+import '../mediatype-icon';
+export declare class TileList extends BaseTileComponent {
+    collectionTitles?: CollectionTitles;
+    private collectionLinks;
+    render(): TemplateResult<1>;
+    /**
+     * Templates
+     */
+    private get mobileTemplate();
+    private get desktopTemplate();
+    private get imageBlockTemplate();
+    private get detailsTemplate();
+    private get iconRightTemplate();
+    private get titleTemplate();
+    private get itemLineTemplate();
+    private get sourceTemplate();
+    private get volumeTemplate();
+    private get issueTemplate();
+    private get creatorTemplate();
+    private get datePublishedTemplate();
+    private get dateSortByTemplate();
+    private get viewsTemplate();
+    private get ratingTemplate();
+    private get reviewsTemplate();
+    private get topicsTemplate();
+    private get collectionsTemplate();
+    private get descriptionTemplate();
+    private get reviewBlockTemplate();
+    private get textSnippetsTemplate();
+    private get hasSnippets();
+    private get webArchivesCaptureDatesTemplate();
+    private metadataTemplate;
+    private labelTemplate;
+    private searchLink;
+    private detailsLink;
+    /** The URL of this item's mediatype collection, if defined. */
+    private get mediatypeURL();
+    protected updated(changed: PropertyValues): void;
+    private buildCollectionLinks;
+    private get date();
+    private get classSize();
+    private get formatSize();
+    static get styles(): import("lit").CSSResult;
+}