@internetarchive/collection-browser 0.0.1-alpha.21 → 0.0.1-alpha.24

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

@@ -1,5 +1,6 @@
 /* eslint-disable lit/no-invalid-html */
 import { css, html, LitElement, nothing } from 'lit';
+import { ifDefined } from 'lit/directives/if-defined.js';
 import { join } from 'lit/directives/join.js';
 import { map } from 'lit/directives/map.js';
 import { customElement, property } from 'lit/decorators.js';
@@ -30,9 +31,9 @@ export class TileList extends LitElement {
           ${this.iconLeftTemplate}
         </div>
         <div id="list-line-right">
-          <div id="title">${DOMPurify.sanitize(this.model?.title ?? '')}</div>
+          <div id="title">${this.titleTemplate}</div>
           ${this.itemLineTemplate} ${this.creatorTemplate}
-          <div id="date">
+          <div id="date" class="metadata">
             <span class="label">Published:</span> ${formatDate(
               this.date,
               this.formatSize
@@ -48,6 +49,7 @@ export class TileList extends LitElement {
     `;
   }
 
+  // Display templates
   private get imgTemplate() {
     if (!this.model?.identifier) {
       return nothing;
@@ -75,12 +77,29 @@ export class TileList extends LitElement {
     `;
   }
 
+  private get titleTemplate() {
+    if (!this.model?.title) {
+      return nothing;
+    }
+    return html` ${this.detailsLink(this.model.identifier, this.model.title)} `;
+  }
+
   private get itemLineTemplate() {
     const source = this.sourceTemplate;
-    if (!source) {
+    const volume = this.volumeTemplate;
+    const issue = this.issueTemplate;
+    if (!source && !volume && !issue) {
       return nothing;
     }
-    return html` <div id="item-line">${source}</div> `;
+    return html` <div id="item-line">${source} ${volume} ${issue}</div> `;
+  }
+
+  private get volumeTemplate() {
+    return this.metadataTemplate(this.model?.volume, 'Volume');
+  }
+
+  private get issueTemplate() {
+    return this.metadataTemplate(this.model?.issue, 'Issue');
   }
 
   private get sourceTemplate() {
@@ -89,65 +108,53 @@ export class TileList extends LitElement {
     }
     return html`
       <div id="source">
-        <span class="label">Source: </span>
+        ${this.labelTemplate('Source')}
         ${this.searchLink('source', this.model.source)}
       </div>
     `;
   }
 
   private get creatorTemplate() {
-    if (!this.model?.creator) {
+    if (!this.model?.creators || this.model.creators.length === 0) {
       return nothing;
     }
     return html`
-      <div id="creator">
-        <span class="label">By: </span>
-        ${DOMPurify.sanitize(this.model?.creator ?? '')}
+      <div id="creator" class="metadata">
+        ${this.labelTemplate('By')}
+        ${join(
+          map(this.model.creators, id => this.searchLink('creator', id)),
+          html`, `
+        )}
       </div>
     `;
   }
 
   private get viewsTemplate() {
-    return html`
-      <div id="views">
-        <span class="label">Views: </span>
-        ${formatCount(this.model?.viewCount ?? 0, this.formatSize)}
-      </div>
-    `;
+    return this.metadataTemplate(
+      `${formatCount(this.model?.viewCount ?? 0, this.formatSize)}`,
+      'Views'
+    );
   }
 
   private get ratingTemplate() {
-    if (!this.model?.averageRating) {
-      return nothing;
-    }
-    return html`
-      <div id="reviews">
-        <span class="label">Avg Rating: </span>
-        ${this.model?.averageRating}
-      </div>
-    `;
+    return this.metadataTemplate(this.model?.averageRating, 'Avg Rating');
   }
 
   private get reviewsTemplate() {
-    if (!this.model?.commentCount) {
-      return nothing;
-    }
-    return html`
-      <div id="reviews">
-        <span class="label">Reviews: </span>
-        ${this.model?.commentCount}
-      </div>
-    `;
+    return this.metadataTemplate(this.model?.commentCount, 'Reviews');
   }
 
   private get topicsTemplate() {
-    if (!this.model?.subjects[0]) {
+    if (!this.model?.subjects || this.model.subjects.length === 0) {
       return nothing;
     }
     return html`
-      <div id="topics">
-        <span class="label">Topics: </span>
-        ${DOMPurify.sanitize(this.model?.subjects[0])}
+      <div id="topics" class="metadata">
+        ${this.labelTemplate('Topics')}
+        ${join(
+          map(this.model.subjects, id => this.searchLink('subject', id)),
+          html`, `
+        )}
       </div>
     `;
   }
@@ -157,8 +164,8 @@ export class TileList extends LitElement {
       return nothing;
     }
     return html`
-      <div id="collections">
-        <span class="label">Collections: </span>
+      <div id="collections" class="metadata">
+        ${this.labelTemplate('Collections')}
         ${join(
           map(this.model.collections, id => this.detailsLink(id)),
           html`, `
@@ -168,11 +175,27 @@ export class TileList extends LitElement {
   }
 
   private get descriptionTemplate() {
-    if (!this.model?.description) {
-      return nothing;
-    }
-    const description = DOMPurify.sanitize(`${this.model?.description}`);
-    return html` <div id="description">${description}</div> `;
+    return this.metadataTemplate(
+      DOMPurify.sanitize(this.model?.description ?? ''),
+      '',
+      'description'
+    );
+  }
+
+  // Utility functions
+  private metadataTemplate(text: any, label = '', id?: string) {
+    if (!text) return nothing;
+    return html`
+      <div id=${ifDefined(id)} class="metadata">
+        ${this.labelTemplate(label)} ${text}
+      </div>
+    `;
+  }
+
+  private labelTemplate(label: string) {
+    return html`${label
+      ? html`<span class="label">${label}: </span>`
+      : nothing}`;
   }
 
   private searchLink(field: string, searchTerm: string) {
@@ -180,21 +203,20 @@ export class TileList extends LitElement {
       return nothing;
     }
     const query = encodeURIComponent(`${field}:"${searchTerm}"`);
-    // eslint-disable-next-line lit/no-invalid-html
-    return html`
-      <a href="${this.baseNavigationUrl}/search.php?query=${query}">
-        ${DOMPurify.sanitize(searchTerm)}
-      </a>
-    `;
+    // No whitespace after closing tag
+    return html` <a href="${this.baseNavigationUrl}/search.php?query=${query}">
+      ${DOMPurify.sanitize(searchTerm)}</a
+    >`;
   }
 
-  private detailsLink(identifier: string) {
+  private detailsLink(identifier: string, text?: string) {
     if (!identifier) {
       return nothing;
     }
+    const linkText = text ?? identifier;
     // No whitespace after closing tag
     return html` <a href="${this.baseNavigationUrl}/details/${identifier}"
-      >${DOMPurify.sanitize(identifier)}</a
+      >${DOMPurify.sanitize(linkText)}</a
     >`;
   }
 
@@ -234,6 +256,10 @@ export class TileList extends LitElement {
         font-size: 14px;
       }
 
+      div a {
+        text-decoration: none;
+      }
+
       .label {
         font-weight: bold;
       }
@@ -291,18 +317,16 @@ export class TileList extends LitElement {
         text-decoration: none;
         font-size: 22px;
         font-weight: bold;
-        line-height: 30px;
+        /* align top of text with image */
+        line-height: 25px;
+        margin-top: -4px;
+        padding-bottom: 2px;
       }
 
-      #creator,
-      #date,
-      #collections,
-      #topics,
-      #item-line {
+      .metadata {
         line-height: 20px;
       }
 
-      #title,
       #creator,
       #topic,
       #source {
@@ -310,11 +334,6 @@ export class TileList extends LitElement {
         overflow: hidden;
       }
 
-      #title,
-      #creator {
-        white-space: nowrap;
-      }
-
       #icon {
         padding-top: 5px;
       }
@@ -344,7 +363,7 @@ export class TileList extends LitElement {
         column-gap: 5px;
       }
 
-      #list-line:hover #title {
+      div a:hover {
         text-decoration: underline;
       }
 
@@ -353,7 +372,6 @@ export class TileList extends LitElement {
         display: flex;
         flex-direction: row;
         gap: 10px;
-        line-height: 20px;
       }
     `;
   }

package/src/tiles/tile-dispatcher.ts

@@ -6,6 +6,7 @@ import {
   SharedResizeObserverResizeHandlerInterface,
 } from '@internetarchive/shared-resize-observer';
 import { SortParam } from '@internetarchive/search-service';
+import type { CollectionNameCacheInterface } from '@internetarchive/collection-name-cache';
 import type { CollectionDisplayMode, TileModel } from '../models';
 import './grid/collection-tile';
 import './grid/item-tile';
@@ -35,6 +36,9 @@ export class TileDispatcher
 
   @property({ type: Object }) sortParam?: SortParam;
 
+  @property({ type: Object })
+  collectionNameCache?: CollectionNameCacheInterface;
+
   @query('#container') private container!: HTMLDivElement;
 
   render() {
@@ -64,6 +68,12 @@ export class TileDispatcher
       ${this.showDeleteButton
         ? html`<button id="delete-button">X</button>`
         : nothing}
+      ${this.displayMode === 'list-detail' ? this.tile : this.linkTileTemplate}
+    `;
+  }
+
+  private get linkTileTemplate() {
+    return html`
       <a
         href="${this.baseNavigationUrl}/details/${this.model?.identifier}"
         title=${ifDefined(this.model?.title)}
@@ -135,6 +145,7 @@ export class TileDispatcher
               .baseNavigationUrl=${baseNavigationUrl}
               .currentWidth=${currentWidth}
               .currentHeight=${currentHeight}
+              .collectionNameCache=${this.collectionNameCache}
             ></item-tile>`;
         }
       case 'list-compact':

package/dist/src/assets/img/icons/arrow-right.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit-html").TemplateResult<2>;
-export default _default;

package/dist/src/assets/img/icons/arrow-right.js

@@ -1,4 +0,0 @@
-import { svg } from 'lit';
-export default svg `<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="m79.8883285 50.0035012.1116715-.1085359-43.1159942-46.61088155c-2.401537-2.18938917-4.6902018-3.28408375-6.8659943-3.28408375s-4.1642651.63837733-5.9654178 1.91513199c-1.8011528 1.27675467-3.1520173 2.97248092-4.0525937 5.08717877l39.4020173 42.99768924-39.4020173 42.9976892c.9005764 2.1146979 2.2514409 3.8104241 4.0525937 5.0871788 1.8011527 1.2767547 3.7896253 1.915132 5.9654178 1.915132 2.1013449 0 4.3900096-1.0573489 6.8659943-3.1720468l43.1159942-46.7194174z"/></svg>
-`;
-//# sourceMappingURL=arrow-right.js.map

package/dist/src/assets/img/icons/arrow-right.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"arrow-right.js","sourceRoot":"","sources":["../../../../../src/assets/img/icons/arrow-right.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;CACjB,CAAA","sourcesContent":["import { svg } from 'lit';\n\nexport default svg`<svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m79.8883285 50.0035012.1116715-.1085359-43.1159942-46.61088155c-2.401537-2.18938917-4.6902018-3.28408375-6.8659943-3.28408375s-4.1642651.63837733-5.9654178 1.91513199c-1.8011528 1.27675467-3.1520173 2.97248092-4.0525937 5.08717877l39.4020173 42.99768924-39.4020173 42.9976892c.9005764 2.1146979 2.2514409 3.8104241 4.0525937 5.0871788 1.8011527 1.2767547 3.7896253 1.915132 5.9654178 1.915132 2.1013449 0 4.3900096-1.0573489 6.8659943-3.1720468l43.1159942-46.7194174z\"/></svg>\n`\n"]}

package/dist/src/data-manager.d.ts

@@ -1,68 +0,0 @@
-import { Aggregation, SortParam, SearchServiceInterface } from '@internetarchive/search-service';
-import { SelectedFacets } from './models';
-import type { TileModel } from './models';
-export interface DataManagerInterface {
-    fetchFullYearHistogram(): Promise<Aggregation | undefined>;
-    fetchFacets(): Promise<Record<string, Aggregation> | undefined>;
-}
-export declare class DataManager implements DataManagerInterface {
-    searchService: SearchServiceInterface;
-    dataSource: Record<string, TileModel[]>;
-    titleQuery?: string;
-    creatorQuery?: string;
-    baseQuery?: string;
-    sortParam: SortParam | null;
-    dateRangeQueryClause?: string;
-    pageSize: number;
-    selectedFacets: SelectedFacets;
-    endOfDataReached: boolean;
-    private pageFetchesInProgress;
-    /**
-     * The query key is a string that uniquely identifies the current query
-     * without the date range.
-     *
-     * If this doesn't change, we don't need to re-fetch the histogram date range
-     */
-    private get fullQueryNoDateKey();
-    /**
-     * If we haven't changed the query, we don't need to fetch the full year histogram
-     *
-     * @private
-     * @type {string}
-     * @memberof CollectionBrowser
-     */
-    private previousFullQueryNoDate?;
-    /**
-     * This method is similar to fetching the facets above,
-     * but only fetching the year histogram. There is a subtle difference
-     * in how you have to fetch the year histogram where you can't use the
-     * advanced JSON syntax like the other aggregations. It's a special
-     * case that @ximm put it place.
-     */
-    fetchFullYearHistogram(): Promise<Aggregation | undefined>;
-    fetchFacets(): Promise<Record<string, Aggregation> | undefined>;
-    /**
-     * Generates a query string for the given facets
-     *
-     * Example: `mediatype:("collection" OR "audio" OR -"etree") AND year:("2000" OR "2001")`
-     */
-    private get facetQuery();
-    private get sortFilterQueries();
-    private get fullQueryWithoutDate();
-    private get fullQuery();
-    /**
-     * The query key is a string that uniquely identifies the current query
-     *
-     * This lets us keep track of queries so we don't persist data that's
-     * no longer relevant.
-     */
-    private get pageFetchQueryKey();
-    fetchPage(pageNumber: number): Promise<void>;
-    /**
-     * Update the datasource from the fetch response
-     *
-     * @param pageNumber
-     * @param docs
-     */
-    private updateDataSource;
-}

package/dist/src/data-manager.js

@@ -1,266 +0,0 @@
-import { SearchParams, SearchService, AggregateSearchParams, } from '@internetarchive/search-service';
-export class DataManager {
-    constructor() {
-        this.searchService = SearchService.default;
-        this.dataSource = {};
-        this.sortParam = null;
-        this.pageSize = 50;
-        this.selectedFacets = {
-            subject: {},
-            creator: {},
-            mediatype: {},
-            language: {},
-            collection: {},
-            year: {},
-        };
-        this.endOfDataReached = false;
-        // this maps the query to the pages being fetched for that query
-        this.pageFetchesInProgress = {};
-    }
-    /**
-     * The query key is a string that uniquely identifies the current query
-     * without the date range.
-     *
-     * If this doesn't change, we don't need to re-fetch the histogram date range
-     */
-    get fullQueryNoDateKey() {
-        var _a;
-        return `${this.fullQueryWithoutDate}-${(_a = this.sortParam) === null || _a === void 0 ? void 0 : _a.asString}`;
-    }
-    /**
-     * This method is similar to fetching the facets above,
-     * but only fetching the year histogram. There is a subtle difference
-     * in how you have to fetch the year histogram where you can't use the
-     * advanced JSON syntax like the other aggregations. It's a special
-     * case that @ximm put it place.
-     */
-    async fetchFullYearHistogram() {
-        var _a, _b, _c, _d;
-        const { fullQueryNoDateKey } = this;
-        if (!this.fullQueryWithoutDate ||
-            fullQueryNoDateKey === this.previousFullQueryNoDate)
-            return undefined;
-        this.previousFullQueryNoDate = fullQueryNoDateKey;
-        const aggregations = new AggregateSearchParams({
-            simpleParams: ['year'],
-        });
-        const params = new SearchParams({
-            query: this.fullQueryWithoutDate,
-            fields: ['identifier'],
-            aggregations,
-            rows: 1,
-        });
-        // this.fullYearAggregationLoading = true;
-        const results = await ((_a = this.searchService) === null || _a === void 0 ? void 0 : _a.search(params));
-        // this.fullYearAggregationLoading = false;
-        // this.fullYearsHistogramAggregation =
-        return (_d = (_c = (_b = results === null || results === void 0 ? void 0 : results.success) === null || _b === void 0 ? void 0 : _b.response) === null || _c === void 0 ? void 0 : _c.aggregations) === null || _d === void 0 ? void 0 : _d.year_histogram;
-    }
-    async fetchFacets() {
-        var _a, _b;
-        if (!this.fullQuery)
-            return undefined;
-        const aggregations = new AggregateSearchParams({
-            advancedParams: [
-                {
-                    field: 'subjectSorter',
-                    size: 6,
-                },
-                {
-                    field: 'mediatypeSorter',
-                    size: 6,
-                },
-                {
-                    field: 'languageSorter',
-                    size: 6,
-                },
-                {
-                    field: 'creatorSorter',
-                    size: 6,
-                },
-                {
-                    field: 'collection',
-                    size: 12,
-                },
-                {
-                    field: 'year',
-                    size: 50,
-                },
-            ],
-        });
-        const params = new SearchParams({
-            query: this.fullQuery,
-            fields: ['identifier'],
-            aggregations,
-            rows: 1,
-        });
-        // this.facetsLoading = true;
-        const results = await ((_a = this.searchService) === null || _a === void 0 ? void 0 : _a.search(params));
-        // this.facetsLoading = false;
-        return (_b = results === null || results === void 0 ? void 0 : results.success) === null || _b === void 0 ? void 0 : _b.response.aggregations;
-    }
-    /**
-     * Generates a query string for the given facets
-     *
-     * Example: `mediatype:("collection" OR "audio" OR -"etree") AND year:("2000" OR "2001")`
-     */
-    get facetQuery() {
-        const facetQuery = [];
-        for (const [facetName, facetValues] of Object.entries(this.selectedFacets)) {
-            const facetEntries = Object.entries(facetValues);
-            // eslint-disable-next-line no-continue
-            if (facetEntries.length === 0)
-                continue;
-            const facetValuesArray = [];
-            for (const [key, facetState] of facetEntries) {
-                facetValuesArray.push(`${facetState === 'hidden' ? '-' : ''}"${key}"`);
-            }
-            const valueQuery = facetValuesArray.join(` OR `);
-            facetQuery.push(`${facetName}:(${valueQuery})`);
-        }
-        return facetQuery.length > 0 ? `(${facetQuery.join(' AND ')})` : undefined;
-    }
-    get sortFilterQueries() {
-        const queries = [this.titleQuery, this.creatorQuery];
-        return queries.filter(q => q).join(' AND ');
-    }
-    get fullQueryWithoutDate() {
-        if (!this.baseQuery)
-            return undefined;
-        let fullQuery = this.baseQuery;
-        const { facetQuery, sortFilterQueries } = this;
-        if (facetQuery) {
-            fullQuery += ` AND ${facetQuery}`;
-        }
-        if (sortFilterQueries) {
-            fullQuery += ` AND ${sortFilterQueries}`;
-        }
-        return fullQuery;
-    }
-    get fullQuery() {
-        let { fullQueryWithoutDate } = this;
-        const { dateRangeQueryClause } = this;
-        if (dateRangeQueryClause) {
-            fullQueryWithoutDate += ` AND ${dateRangeQueryClause}`;
-        }
-        return fullQueryWithoutDate;
-    }
-    /**
-     * The query key is a string that uniquely identifies the current query
-     *
-     * This lets us keep track of queries so we don't persist data that's
-     * no longer relevant.
-     */
-    get pageFetchQueryKey() {
-        var _a;
-        return `${this.fullQuery}-${(_a = this.sortParam) === null || _a === void 0 ? void 0 : _a.asString}`;
-    }
-    async fetchPage(pageNumber) {
-        var _a, _b, _c, _d;
-        if (!this.fullQuery)
-            return;
-        // if we already have data, don't fetch again
-        if (this.dataSource[pageNumber])
-            return;
-        if (this.endOfDataReached)
-            return;
-        // if a fetch is already in progress for this query and page, don't fetch again
-        const { pageFetchQueryKey } = this;
-        const pageFetches = (_a = this.pageFetchesInProgress[pageFetchQueryKey]) !== null && _a !== void 0 ? _a : new Set();
-        if (pageFetches.has(pageNumber))
-            return;
-        pageFetches.add(pageNumber);
-        this.pageFetchesInProgress[pageFetchQueryKey] = pageFetches;
-        const sortParams = this.sortParam ? [this.sortParam] : [];
-        const params = new SearchParams({
-            query: this.fullQuery,
-            fields: [
-                'identifier',
-                'title',
-                'mediatype',
-                'downloads',
-                'avg_rating',
-                'num_favorites',
-                'num_reviews',
-                'item_count',
-                'description',
-                'date',
-                'addeddate',
-                'publicdate',
-                'reviewdate',
-                'creator',
-                'collections_raw',
-            ],
-            page: pageNumber,
-            rows: this.pageSize,
-            sort: sortParams,
-        });
-        const results = await ((_b = this.searchService) === null || _b === void 0 ? void 0 : _b.search(params));
-        const success = results === null || results === void 0 ? void 0 : results.success;
-        if (!success)
-            return;
-        // this.totalResults = success.response.numFound;
-        // this is checking to see if the query has changed since the data was fetched
-        // if so, we just want to discard the data since there should be a new query
-        // right behind it
-        const searchQuery = success.responseHeader.params.qin;
-        const searchSort = success.responseHeader.params.sort;
-        const queryChangedSinceFetch = searchQuery !== this.fullQuery || searchSort !== ((_c = this.sortParam) === null || _c === void 0 ? void 0 : _c.asString);
-        if (queryChangedSinceFetch)
-            return;
-        const { docs } = success.response;
-        if (docs && docs.length > 0) {
-            this.updateDataSource(pageNumber, docs);
-        }
-        if (docs.length < this.pageSize) {
-            this.endOfDataReached = true;
-            // this updates the infinite scroller to show the actual size
-            // this.infiniteScroller.itemCount = this.actualTileCount;
-        }
-        (_d = this.pageFetchesInProgress[pageFetchQueryKey]) === null || _d === void 0 ? void 0 : _d.delete(pageNumber);
-        // this.searchResultsLoading = false;
-    }
-    /**
-     * Update the datasource from the fetch response
-     *
-     * @param pageNumber
-     * @param docs
-     */
-    updateDataSource(pageNumber, docs) {
-        // copy our existing datasource so when we set it below, it gets set
-        // instead of modifying the existing dataSource since object changes
-        // don't trigger a re-render
-        const datasource = { ...this.dataSource };
-        const tiles = [];
-        docs === null || docs === void 0 ? void 0 : docs.forEach(doc => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
-            if (!doc.identifier)
-                return;
-            tiles.push({
-                identifier: doc.identifier,
-                title: (_b = (_a = doc.title) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '',
-                mediatype: (_d = (_c = doc.mediatype) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : 'data',
-                viewCount: (_f = (_e = doc.downloads) === null || _e === void 0 ? void 0 : _e.value) !== null && _f !== void 0 ? _f : 0,
-                favCount: (_h = (_g = doc.num_favorites) === null || _g === void 0 ? void 0 : _g.value) !== null && _h !== void 0 ? _h : 0,
-                commentCount: (_k = (_j = doc.num_reviews) === null || _j === void 0 ? void 0 : _j.value) !== null && _k !== void 0 ? _k : 0,
-                itemCount: (_m = (_l = doc.item_count) === null || _l === void 0 ? void 0 : _l.value) !== null && _m !== void 0 ? _m : 0,
-                description: (_o = doc.description) === null || _o === void 0 ? void 0 : _o.value,
-                dateAdded: (_p = doc.addeddate) === null || _p === void 0 ? void 0 : _p.value,
-                dateArchived: (_q = doc.publicdate) === null || _q === void 0 ? void 0 : _q.value,
-                dateReviewed: (_r = doc.reviewdate) === null || _r === void 0 ? void 0 : _r.value,
-                datePublished: (_s = doc.date) === null || _s === void 0 ? void 0 : _s.value,
-                creator: (_t = doc.creator) === null || _t === void 0 ? void 0 : _t.value,
-                averageRating: (_u = doc.avg_rating) === null || _u === void 0 ? void 0 : _u.value,
-                collections: (_w = (_v = doc.collections_raw) === null || _v === void 0 ? void 0 : _v.values) !== null && _w !== void 0 ? _w : [],
-            });
-        });
-        datasource[pageNumber] = tiles;
-        this.dataSource = datasource;
-        // const visiblePages = this.currentVisiblePageNumbers;
-        // const needsReload = visiblePages.includes(pageNumber);
-        // if (needsReload) {
-        //   this.infiniteScroller.reload();
-        // }
-    }
-}
-//# sourceMappingURL=data-manager.js.map