@internetarchive/collection-browser 2.17.0 → 2.17.1-alpha-webdev7667.0

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

@@ -180,6 +180,11 @@ export declare class CollectionBrowser extends LitElement implements InfiniteScr
     private facetsLoading;
     private totalResults?;
     private mobileView;
+    /**
+     * Any temporarily overridden `on`/`off` state for the user's tile blurring preference if they
+     * have chosen to override it, or `no-override` if they have not.
+     */
+    private tileBlurOverrideState;
     private collapsibleFacetsVisible;
     private contentWidth?;
     private placeholderType;
@@ -329,6 +334,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 +367,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 should have the default blurring of sensitive content suppressed.
+     * First considers any override specified by the user, falling back to the setting in
+     * user preferences if not overridden.
+     */
+    private get shouldSuppressTileBlurring();
     /**
      * Handler for when the user changes the selected sort option or direction.
      */

package/dist/src/collection-browser.js

@@ -149,6 +149,11 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
         this.searchResultsLoading = false;
         this.facetsLoading = false;
         this.mobileView = false;
+        /**
+         * Any temporarily overridden `on`/`off` state for the user's tile blurring preference if they
+         * have chosen to override it, or `no-override` if they have not.
+         */
+        this.tileBlurOverrideState = 'no-override';
         this.collapsibleFacetsVisible = false;
         this.placeholderType = null;
         /** Whether layout size analytics have been sent already. */
@@ -597,12 +602,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.shouldSuppressTileBlurring}
+          @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 +717,34 @@ 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.tileBlurOverrideState = checked ? 'on' : 'off';
+        (_a = this.infiniteScroller) === null || _a === void 0 ? void 0 : _a.refreshAllVisibleCells();
+    }
+    /**
+     * Whether result tiles should have the default blurring of sensitive content suppressed.
+     * First considers any override specified by the user, falling back to the setting in
+     * user preferences if not overridden.
+     */
+    get shouldSuppressTileBlurring() {
+        if (this.tileBlurOverrideState !== 'no-override') {
+            // User wants to override their preference.
+            // Return true if they want blurring turned off, or false otherwise.
+            return this.tileBlurOverrideState === 'off';
+        }
+        // Not overriding, so use the preference from session context
+        const { sessionContext } = this.dataSource;
+        const userPrefs = sessionContext === null || sessionContext === void 0 ? void 0 : sessionContext.pps_relevant_user_preferences;
+        const blurringPref = userPrefs === null || userPrefs === void 0 ? void 0 : userPrefs.display__blur_moderated_content;
+        // Only suppress blurring if the preference is disabled.
+        // If enabled or missing, tile blurring remains on.
+        return blurringPref === 'off';
+    }
     /**
      * Handler for when the user changes the selected sort option or direction.
      */
@@ -983,6 +1042,7 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
           .defaultSortParam=${this.defaultSortParam}
           .mobileBreakpoint=${this.mobileBreakpoint}
           .loggedIn=${this.loggedIn}
+          .suppressBlurring=${this.shouldSuppressTileBlurring}
         >
         </tile-dispatcher>
       </div>
@@ -1728,6 +1788,7 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
         .creatorFilter=${this.selectedCreatorFilter}
         .mobileBreakpoint=${this.mobileBreakpoint}
         .loggedIn=${this.loggedIn}
+        .suppressBlurring=${this.shouldSuppressTileBlurring}
         .isManageView=${this.isManageView}
         ?showTvClips=${this.isTVCollection || this.searchType === SearchType.TV}
         ?enableHoverPane=${true}
@@ -2114,6 +2175,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 +2440,9 @@ __decorate([
 __decorate([
     state()
 ], CollectionBrowser.prototype, "mobileView", void 0);
+__decorate([
+    state()
+], CollectionBrowser.prototype, "tileBlurOverrideState", void 0);
 __decorate([
     state()
 ], CollectionBrowser.prototype, "collapsibleFacetsVisible", void 0);