@internetarchive/collection-browser 2.14.2-alpha-webdev7679.5 → 2.15.1-alpha-webdev7667.0

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

@@ -180,6 +180,7 @@ export declare class CollectionBrowser extends LitElement implements InfiniteScr
     private facetsLoading;
     private totalResults?;
     private mobileView;
+    private tileBlurringEnabled;
     private collapsibleFacetsVisible;
     private contentWidth?;
     private placeholderType;
@@ -329,6 +330,8 @@ export declare class CollectionBrowser extends LitElement implements InfiniteScr
      * Template for the sort & filtering bar that appears atop the search results.
      */
     private get sortFilterBarTemplate();
+    private get tileBlurringToggleTemplate();
+    private tileBlurringChanged;
     /**
      * Template for the manage bar UI that appears atop the search results when we are
      * showing the management view. This generally replaces the sort bar when present.

package/dist/src/collection-browser.js

@@ -149,6 +149,7 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
         this.searchResultsLoading = false;
         this.facetsLoading = false;
         this.mobileView = false;
+        this.tileBlurringEnabled = true;
         this.collapsibleFacetsVisible = false;
         this.placeholderType = null;
         /** Whether layout size analytics have been sent already. */
@@ -597,12 +598,37 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
         @titleLetterChanged=${this.titleLetterSelected}
         @creatorLetterChanged=${this.creatorLetterSelected}
       >
+        ${this.tileBlurringToggleTemplate}
         <slot name="sort-options-left" slot="sort-options-left"></slot>
         <slot name="sort-options" slot="sort-options"></slot>
         <slot name="sort-options-right" slot="sort-options-right"></slot>
       </sort-filter-bar>
     `;
     }
+    get tileBlurringToggleTemplate() {
+        const { sessionContext } = this.dataSource;
+        if (!(sessionContext === null || sessionContext === void 0 ? void 0 : sessionContext.is_archive_user))
+            return nothing;
+        const userPrefs = sessionContext === null || sessionContext === void 0 ? void 0 : sessionContext.pps_relevant_user_preferences;
+        const blurEnabled = (userPrefs === null || userPrefs === void 0 ? void 0 : userPrefs.display__blur_moderated_content) === 'on';
+        return html `
+      <label for="tile-blur-check" slot="sort-options-right">
+        ${msg('Blurring:')}
+        <input
+          id="tile-blur-check"
+          type="checkbox"
+          ?checked=${blurEnabled}
+          @change=${this.tileBlurringChanged}
+        />
+      </label>
+    `;
+    }
+    tileBlurringChanged(e) {
+        var _a;
+        const { checked } = e.target;
+        this.tileBlurringEnabled = checked;
+        (_a = this.infiniteScroller) === null || _a === void 0 ? void 0 : _a.refreshAllVisibleCells();
+    }
     /**
      * Template for the manage bar UI that appears atop the search results when we are
      * showing the management view. This generally replaces the sort bar when present.
@@ -983,6 +1009,7 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
           .defaultSortParam=${this.defaultSortParam}
           .mobileBreakpoint=${this.mobileBreakpoint}
           .loggedIn=${this.loggedIn}
+          .suppressBlurring=${!this.tileBlurringEnabled}
         >
         </tile-dispatcher>
       </div>
@@ -1728,6 +1755,7 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
         .creatorFilter=${this.selectedCreatorFilter}
         .mobileBreakpoint=${this.mobileBreakpoint}
         .loggedIn=${this.loggedIn}
+        .suppressBlurring=${!this.tileBlurringEnabled}
         .isManageView=${this.isManageView}
         ?showTvClips=${this.isTVCollection || this.searchType === SearchType.TV}
         ?enableHoverPane=${true}
@@ -2369,6 +2397,9 @@ __decorate([
 __decorate([
     state()
 ], CollectionBrowser.prototype, "mobileView", void 0);
+__decorate([
+    state()
+], CollectionBrowser.prototype, "tileBlurringEnabled", void 0);
 __decorate([
     state()
 ], CollectionBrowser.prototype, "collapsibleFacetsVisible", void 0);