@internetarchive/collection-browser 2.15.0 → 2.15.1-alpha-webdev7667.1

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

@@ -180,6 +180,8 @@ export declare class CollectionBrowser extends LitElement implements InfiniteScr
     private facetsLoading;
     private totalResults?;
     private mobileView;
+    private tileBlurPreference;
+    private tileBlurOverride?;
     private collapsibleFacetsVisible;
     private contentWidth?;
     private placeholderType;
@@ -329,6 +331,11 @@ export declare class CollectionBrowser extends LitElement implements InfiniteScr
      * Template for the sort & filtering bar that appears atop the search results.
      */
     private get sortFilterBarTemplate();
+    /**
+     * Template for the Blurring toggle for admins to enable/disable blurring of
+     * sensitive content in result tiles.
+     */
+    private get tileBlurCheckboxTemplate();
     /**
      * 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.
@@ -357,6 +364,16 @@ export declare class CollectionBrowser extends LitElement implements InfiniteScr
      * of the data source to account for any new gaps in the data.
      */
     removeCheckedTiles(): void;
+    /**
+     * Handler for when the tile blurring checkbox state is toggled
+     */
+    private tileBlurCheckboxChanged;
+    /**
+     * Whether result tiles that contain sensitive content should be blurred.
+     * First considers the `tileBlurOverride` if set, falling back to the setting in
+     * user preferences if not.
+     */
+    private get shouldBlurTiles();
     /**
      * Handler for when the user changes the selected sort option or direction.
      */

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.tileBlurPreference = true;
         this.collapsibleFacetsVisible = false;
         this.placeholderType = null;
         /** Whether layout size analytics have been sent already. */
@@ -597,12 +598,38 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
         @titleLetterChanged=${this.titleLetterSelected}
         @creatorLetterChanged=${this.creatorLetterSelected}
       >
+        ${this.tileBlurCheckboxTemplate}
         <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>
     `;
     }
+    /**
+     * Template for the Blurring toggle for admins to enable/disable blurring of
+     * sensitive content in result tiles.
+     */
+    get tileBlurCheckboxTemplate() {
+        var _a;
+        // Only show the checkbox for @archive.org users
+        if (!((_a = this.dataSource.sessionContext) === null || _a === void 0 ? void 0 : _a.is_archive_user))
+            return nothing;
+        return html `
+      <label
+        id="tile-blur-label"
+        for="tile-blur-check"
+        slot="sort-options-right"
+      >
+        ${msg('Blurring')}
+        <input
+          id="tile-blur-check"
+          type="checkbox"
+          ?checked=${!this.shouldBlurTiles}
+          @change=${this.tileBlurCheckboxChanged}
+        />
+      </label>
+    `;
+    }
     /**
      * 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.
@@ -686,6 +713,27 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
     removeCheckedTiles() {
         this.dataSource.removeCheckedTiles();
     }
+    /**
+     * Handler for when the tile blurring checkbox state is toggled
+     */
+    tileBlurCheckboxChanged(e) {
+        var _a;
+        const { checked } = e.target;
+        this.tileBlurOverride = checked;
+        (_a = this.infiniteScroller) === null || _a === void 0 ? void 0 : _a.refreshAllVisibleCells();
+    }
+    /**
+     * Whether result tiles that contain sensitive content should be blurred.
+     * First considers the `tileBlurOverride` if set, falling back to the setting in
+     * user preferences if not.
+     */
+    get shouldBlurTiles() {
+        var _a;
+        const { sessionContext } = this.dataSource;
+        const userPrefs = sessionContext === null || sessionContext === void 0 ? void 0 : sessionContext.pps_relevant_user_preferences;
+        const blurPref = (userPrefs === null || userPrefs === void 0 ? void 0 : userPrefs.display__blur_moderated_content) === 'on';
+        return (_a = this.tileBlurOverride) !== null && _a !== void 0 ? _a : blurPref;
+    }
     /**
      * Handler for when the user changes the selected sort option or direction.
      */
@@ -983,6 +1031,7 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
           .defaultSortParam=${this.defaultSortParam}
           .mobileBreakpoint=${this.mobileBreakpoint}
           .loggedIn=${this.loggedIn}
+          .suppressBlurring=${!this.shouldBlurTiles}
         >
         </tile-dispatcher>
       </div>
@@ -1728,6 +1777,7 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
         .creatorFilter=${this.selectedCreatorFilter}
         .mobileBreakpoint=${this.mobileBreakpoint}
         .loggedIn=${this.loggedIn}
+        .suppressBlurring=${!this.shouldBlurTiles}
         .isManageView=${this.isManageView}
         ?showTvClips=${this.isTVCollection || this.searchType === SearchType.TV}
         ?enableHoverPane=${true}
@@ -2114,6 +2164,16 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
           padding-top: 50px;
         }
 
+        #tile-blur-label {
+          display: flex;
+          align-items: center;
+          column-gap: 5px;
+        }
+
+        #tile-blur-check {
+          margin: 0 5px 0 0;
+        }
+
         circular-activity-indicator {
           width: 30px;
           height: 30px;
@@ -2369,6 +2429,12 @@ __decorate([
 __decorate([
     state()
 ], CollectionBrowser.prototype, "mobileView", void 0);
+__decorate([
+    state()
+], CollectionBrowser.prototype, "tileBlurPreference", void 0);
+__decorate([
+    state()
+], CollectionBrowser.prototype, "tileBlurOverride", void 0);
 __decorate([
     state()
 ], CollectionBrowser.prototype, "collapsibleFacetsVisible", void 0);