@internetarchive/collection-browser 1.9.1-alpha.2 → 1.10.0

package/dist/src/collection-browser.d.ts

@@ -410,7 +410,9 @@ export declare class CollectionBrowser extends LitElement implements InfiniteScr
     /**
      * Applies any default sort option for the current collection, by checking
      * for one in the collection's metadata. If none is found, defaults to sorting
-     * descending by weekly views.
+     * descending by:
+     *  - Date Favorited for fav-* collections
+     *  - Weekly views for all other collections
      */
     private applyDefaultCollectionSort;
     /**

package/dist/src/collection-browser.js

@@ -402,6 +402,7 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
         });
     }
     get sortFilterBarTemplate() {
+        var _a;
         return html `
       <sort-filter-bar
         .defaultSortField=${this.defaultSortField}
@@ -409,6 +410,7 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
         .selectedSort=${this.selectedSort}
         .sortDirection=${this.sortDirection}
         .showRelevance=${this.isRelevanceSortAvailable}
+        .showDateFavorited=${(_a = this.withinCollection) === null || _a === void 0 ? void 0 : _a.startsWith('fav-')}
         .displayMode=${this.displayMode}
         .selectedTitleFilter=${this.selectedTitleFilter}
         .selectedCreatorFilter=${this.selectedCreatorFilter}
@@ -726,6 +728,9 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
         if (changed.has('selectedCreatorFilter')) {
             this.sendFilterByCreatorAnalytics(changed.get('selectedCreatorFilter'));
         }
+        if (changed.has('withinCollection')) {
+            this.clearFilters({ sort: true });
+        }
         if (changed.has('baseQuery') ||
             changed.has('searchType') ||
             changed.has('selectedTitleFilter') ||
@@ -1413,10 +1418,12 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
     /**
      * Applies any default sort option for the current collection, by checking
      * for one in the collection's metadata. If none is found, defaults to sorting
-     * descending by weekly views.
+     * descending by:
+     *  - Date Favorited for fav-* collections
+     *  - Weekly views for all other collections
      */
     applyDefaultCollectionSort(collectionInfo) {
-        var _a, _b;
+        var _a, _b, _c;
         if (this.baseQuery) {
             // If there's a query set, then we default to relevance sorting regardless of
             // the collection metadata-specified sort.
@@ -1424,9 +1431,17 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
             this.defaultSortDirection = null;
             return;
         }
-        const defaultSort = (_b = (_a = collectionInfo === null || collectionInfo === void 0 ? void 0 : collectionInfo.public_metadata) === null || _a === void 0 ? void 0 : _a['sort-by']) !== null && _b !== void 0 ? _b : '-week';
+        // Favorite collections sort on Date Favorited by default.
+        // Other collections fall back to sorting on weekly views.
+        const baseDefaultSort = ((_b = (_a = collectionInfo === null || collectionInfo === void 0 ? void 0 : collectionInfo.public_metadata) === null || _a === void 0 ? void 0 : _a.identifier) === null || _b === void 0 ? void 0 : _b.startsWith('fav-'))
+            ? '-favoritedate'
+            : '-week';
+        // The collection metadata may override the default sorting with something else
+        const metadataSort = (_c = collectionInfo === null || collectionInfo === void 0 ? void 0 : collectionInfo.public_metadata) === null || _c === void 0 ? void 0 : _c['sort-by'];
+        // Prefer the metadata-specified sort if one exists
+        const defaultSortToApply = metadataSort !== null && metadataSort !== void 0 ? metadataSort : baseDefaultSort;
         // Account for both -field and field:dir formats
-        let [field, dir] = defaultSort.split(':');
+        let [field, dir] = defaultSortToApply.split(':');
         if (field.startsWith('-')) {
             field = field.slice(1);
             dir = 'desc';
@@ -1736,7 +1751,7 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
           padding-left: 1rem;
           padding-right: 1rem;
           margin-top: var(--rightColumnMarginTop, 0);
-          background: var(--ia-theme-secondary-background-color, #fff);
+          background: #fff;
         }
 
         .mobile #right-column {
@@ -1798,15 +1813,12 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
         }
 
         #facets-bottom-fade {
-          background: var(
-            --ia-theme-facet-fade-gradient,
-            linear-gradient(
-              to bottom,
-              #f5f5f700 0%,
-              #f5f5f7c0 50%,
-              #f5f5f7 80%,
-              #f5f5f7 100%
-            )
+          background: linear-gradient(
+            to bottom,
+            #f5f5f700 0%,
+            #f5f5f7c0 50%,
+            #f5f5f7 80%,
+            #f5f5f7 100%
           );
           position: fixed;
           bottom: 0;