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

package/dist/test/tiles/hover/hover-pane-controller.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"hover-pane-controller.test.js","sourceRoot":"","sources":["../../../../test/tiles/hover/hover-pane-controller.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport { html, LitElement, nothing, TemplateResult } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport {\n  HoverPaneController,\n  HoverPaneControllerInterface,\n  HoverPaneControllerOptions,\n  HoverPaneProperties,\n  HoverPaneProviderInterface,\n} from '../../../src/tiles/hover/hover-pane-controller';\nimport type { TileHoverPane } from '../../../src/tiles/hover/tile-hover-pane';\nimport { TileModel } from '../../../src/models';\n\n@customElement('host-element')\nclass HostElement extends LitElement implements HoverPaneProviderInterface {\n  @property({ type: Object }) controllerOptions?: HoverPaneControllerOptions;\n\n  @property({ type: Boolean }) suppressHoverPane: boolean = false;\n\n  @query('tile-hover-pane') hoverPane?: TileHoverPane;\n\n  controller?: HoverPaneControllerInterface;\n\n  render(): TemplateResult {\n    return html` ${this.controller?.getTemplate()} `;\n  }\n\n  protected firstUpdated(): void {\n    this.controller = new HoverPaneController(this, this.controllerOptions);\n  }\n\n  getHoverPane(): HTMLElement | undefined {\n    return this.suppressHoverPane ? undefined : this.hoverPane;\n  }\n\n  getHoverPaneProps(): HoverPaneProperties {\n    const tileModel = new TileModel({});\n    tileModel.checked = false;\n    tileModel.collectionFilesCount = 1;\n    tileModel.collections = ['foo', 'bar'];\n    tileModel.collectionSize = 1;\n    tileModel.commentCount = 1;\n    tileModel.contentWarning = false;\n    tileModel.creators = ['foo', 'bar'];\n    tileModel.favCount = 1;\n    tileModel.identifier = 'foo';\n    tileModel.itemCount = 1;\n    tileModel.loginRequired = false;\n    tileModel.mediatype = 'data';\n    tileModel.subjects = ['foo', 'bar'];\n    tileModel.title = 'foo';\n    tileModel.viewCount = 1;\n\n    return {\n      model: tileModel,\n      loggedIn: false,\n      sortParam: null,\n    };\n  }\n}\n\ndescribe('Hover Pane Controller', () => {\n  let oldMatchMedia: typeof window.matchMedia;\n  let oldOnTouchStart: typeof window.ontouchstart;\n\n  before(() => {\n    oldMatchMedia = window.matchMedia;\n    oldOnTouchStart = window.ontouchstart;\n    window.matchMedia = () => ({ matches: true }) as MediaQueryList;\n    window.ontouchstart = () => {};\n  });\n\n  after(() => {\n    window.matchMedia = oldMatchMedia;\n    window.ontouchstart = oldOnTouchStart;\n  });\n\n  it('should initially provide empty template', async () => {\n    const host = await fixture<HostElement>(\n      html`<host-element></host-element>`,\n    );\n    expect(host.controller?.getTemplate()).to.equal(nothing);\n  });\n\n  it('should produce a hover pane template after mousemove, and hide it after mouseleave', async () => {\n    const host = await fixture<HostElement>(\n      html`<host-element\n        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\n      ></host-element>`,\n    );\n\n    host.dispatchEvent(new MouseEvent('mousemove'));\n    // Need to wait a tick for the event handlers to run\n    await new Promise(resolve => {\n      setTimeout(resolve, 0);\n    });\n\n    expect(host.controller?.getTemplate()).not.to.equal(nothing); // Is a TemplateResult\n\n    host.dispatchEvent(new MouseEvent('mouseleave'));\n    // Need to wait for the fade out transition\n    await new Promise(resolve => {\n      setTimeout(resolve, 150);\n    });\n\n    expect(host.controller?.getTemplate()).to.equal(nothing);\n  });\n\n  it('should produce a hover pane template after mouseenter, even without mousemove', async () => {\n    const host = await fixture<HostElement>(\n      html`<host-element\n        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\n      ></host-element>`,\n    );\n\n    host.dispatchEvent(new MouseEvent('mouseenter'));\n    // Need to wait a tick for the event handlers to run\n    await new Promise(resolve => {\n      setTimeout(resolve, 0);\n    });\n\n    expect(host.controller?.getTemplate()).not.to.equal(nothing); // Is a TemplateResult\n  });\n\n  it('should immediately fade back in if mouse enters while fading out', async () => {\n    const host = await fixture<HostElement>(\n      html`<host-element\n        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\n      ></host-element>`,\n    );\n\n    // Enter the host element and wait for the show handlers to run\n    host.dispatchEvent(new MouseEvent('mousemove'));\n    await new Promise(resolve => {\n      setTimeout(resolve, 0);\n    });\n\n    // Leave the host element so it begins fading out, but not all the way\n    host.dispatchEvent(new MouseEvent('mouseleave'));\n    await new Promise(resolve => {\n      setTimeout(resolve, 20);\n    });\n\n    // Re-enter the host element and wait long enough that it would disappear\n    // if the hide were not cancelled\n    host.dispatchEvent(new MouseEvent('mousemove'));\n    await new Promise(resolve => {\n      setTimeout(resolve, 150);\n    });\n\n    expect(host.controller?.getTemplate()).not.to.equal(nothing);\n  });\n\n  it('should flip hover pane if it would overflow the viewport', async () => {\n    const host = await fixture<HostElement>(\n      html`<host-element\n        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\n      ></host-element>`,\n    );\n\n    host.dispatchEvent(\n      new MouseEvent('mousemove', { clientX: 800, clientY: 600 }),\n    );\n    // Need to wait a tick for the event handlers to run\n    await new Promise(resolve => {\n      setTimeout(resolve, 0);\n    });\n    await host.updateComplete;\n\n    expect(host.controller?.getTemplate()).not.to.equal(nothing);\n    expect(host.getHoverPane()?.getBoundingClientRect()?.right).to.be.lessThan(\n      window.innerWidth,\n    );\n    expect(host.getHoverPane()?.getBoundingClientRect()?.bottom).to.be.lessThan(\n      window.innerHeight,\n    );\n  });\n\n  it('should gracefully handle undefined hover pane from host element', async () => {\n    const host = await fixture<HostElement>(\n      html`<host-element\n        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\n        ?suppressHoverPane=${true}\n      ></host-element>`,\n    );\n\n    host.dispatchEvent(new MouseEvent('mousemove'));\n    // Need to wait a tick for the event handlers to run\n    await new Promise(resolve => {\n      setTimeout(resolve, 0);\n    });\n\n    expect(host.controller?.getTemplate()).not.to.equal(nothing);\n\n    host.dispatchEvent(new MouseEvent('mouseleave'));\n    await new Promise(resolve => {\n      setTimeout(resolve, 20);\n    });\n\n    host.dispatchEvent(new MouseEvent('mousemove'));\n    await new Promise(resolve => {\n      setTimeout(resolve, 0);\n    });\n\n    host.dispatchEvent(new MouseEvent('mouseleave'));\n    // Need to wait for the fade out transition\n    await new Promise(resolve => {\n      setTimeout(resolve, 150);\n    });\n\n    expect(host.controller?.getTemplate()).to.equal(nothing);\n  });\n\n  describe('Touch & long-press', () => {\n    const getTouchStartEvent = (host: EventTarget) =>\n      new TouchEvent('touchstart', {\n        touches: [new Touch({ identifier: 0, target: host })],\n      });\n\n    it('should produce a hover pane after long press', async () => {\n      const host = await fixture<HostElement>(\n        html`<host-element\n          .controllerOptions=${{\n            showDelay: 0,\n            longPressDelay: 0,\n            enableLongPress: true,\n          }}\n        ></host-element>`,\n      );\n\n      // Touch the host element and wait for the long press handlers to run\n      host.dispatchEvent(getTouchStartEvent(host));\n      await new Promise(resolve => {\n        setTimeout(resolve, 0);\n      });\n\n      expect(host.controller?.getTemplate()).not.to.equal(nothing); // Is a TemplateResult\n    });\n\n    it('should cancel a long press by moving', async () => {\n      const host = await fixture<HostElement>(\n        html`<host-element\n          .controllerOptions=${{\n            showDelay: 0,\n            longPressDelay: 100,\n            enableLongPress: true,\n          }}\n        ></host-element>`,\n      );\n\n      // Touch the host element\n      host.dispatchEvent(getTouchStartEvent(host));\n      await new Promise(resolve => {\n        setTimeout(resolve, 0);\n      });\n\n      // Move the touch point, cancelling the long press\n      host.dispatchEvent(new TouchEvent('touchmove'));\n      await new Promise(resolve => {\n        setTimeout(resolve, 150);\n      });\n\n      expect(host.controller?.getTemplate()).to.equal(nothing);\n    });\n\n    it('should cancel a long press by ending touch', async () => {\n      const host = await fixture<HostElement>(\n        html`<host-element\n          .controllerOptions=${{\n            showDelay: 0,\n            longPressDelay: 100,\n            enableLongPress: true,\n          }}\n        ></host-element>`,\n      );\n\n      // Touch the host element\n      host.dispatchEvent(getTouchStartEvent(host));\n      await new Promise(resolve => {\n        setTimeout(resolve, 0);\n      });\n\n      // Lift the touch point, cancelling the long press\n      host.dispatchEvent(new TouchEvent('touchend'));\n      await new Promise(resolve => {\n        setTimeout(resolve, 150);\n      });\n\n      expect(host.controller?.getTemplate()).to.equal(nothing);\n    });\n\n    it('should cancel a long press by cancelling touch (e.g., too many touch points)', async () => {\n      const host = await fixture<HostElement>(\n        html`<host-element\n          .controllerOptions=${{\n            showDelay: 0,\n            longPressDelay: 100,\n            enableLongPress: true,\n          }}\n        ></host-element>`,\n      );\n\n      // Touch the host element\n      host.dispatchEvent(getTouchStartEvent(host));\n      await new Promise(resolve => {\n        setTimeout(resolve, 0);\n      });\n\n      // Cancel the touch point, also cancelling the long press\n      host.dispatchEvent(new TouchEvent('touchcancel'));\n      await new Promise(resolve => {\n        setTimeout(resolve, 150);\n      });\n\n      expect(host.controller?.getTemplate()).to.equal(nothing);\n    });\n\n    it('should close the hover pane on mobile when touching the backdrop', async () => {\n      const host = await fixture<HostElement>(\n        html`<host-element\n          .controllerOptions=${{\n            showDelay: 0,\n            hideDelay: 0,\n            longPressDelay: 0,\n            enableLongPress: true,\n            mobileBreakpoint: 9999, // Ensure we get the mobile view\n          }}\n        ></host-element>`,\n      );\n\n      // Touch the host element\n      host.dispatchEvent(getTouchStartEvent(host));\n      await new Promise(resolve => {\n        setTimeout(resolve, 0);\n      });\n\n      expect(host.controller?.getTemplate()).not.to.equal(nothing);\n\n      await host.updateComplete;\n\n      // Touch the backdrop\n      host.shadowRoot\n        ?.querySelector('#touch-backdrop')\n        ?.dispatchEvent(new TouchEvent('touchstart'));\n      await new Promise(resolve => {\n        setTimeout(resolve, 150);\n      });\n\n      expect(host.controller?.getTemplate()).to.equal(nothing);\n    });\n  });\n});\n"]}
+{"version":3,"file":"hover-pane-controller.test.js","sourceRoot":"","sources":["../../../../test/tiles/hover/hover-pane-controller.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport { html, LitElement, nothing, TemplateResult } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport {\n  HoverPaneController,\n  HoverPaneControllerInterface,\n  HoverPaneControllerOptions,\n  HoverPaneProperties,\n  HoverPaneProviderInterface,\n} from '../../../src/tiles/hover/hover-pane-controller';\nimport type { TileHoverPane } from '../../../src/tiles/hover/tile-hover-pane';\nimport { TileModel } from '../../../src/models';\n\n@customElement('host-element')\nclass HostElement extends LitElement implements HoverPaneProviderInterface {\n  @property({ type: Object }) controllerOptions?: HoverPaneControllerOptions;\n\n  @property({ type: Boolean }) suppressHoverPane: boolean = false;\n\n  @query('tile-hover-pane') hoverPane?: TileHoverPane;\n\n  controller?: HoverPaneControllerInterface;\n\n  render(): TemplateResult {\n    return html` ${this.controller?.getTemplate()} `;\n  }\n\n  protected firstUpdated(): void {\n    this.controller = new HoverPaneController(this, this.controllerOptions);\n  }\n\n  getHoverPane(): HTMLElement | undefined {\n    return this.suppressHoverPane ? undefined : this.hoverPane;\n  }\n\n  getHoverPaneProps(): HoverPaneProperties {\n    const tileModel = new TileModel({});\n    tileModel.checked = false;\n    tileModel.collectionFilesCount = 1;\n    tileModel.collections = ['foo', 'bar'];\n    tileModel.collectionSize = 1;\n    tileModel.commentCount = 1;\n    tileModel.contentWarning = false;\n    tileModel.creators = ['foo', 'bar'];\n    tileModel.favCount = 1;\n    tileModel.identifier = 'foo';\n    tileModel.itemCount = 1;\n    tileModel.loginRequired = false;\n    tileModel.mediatype = 'data';\n    tileModel.subjects = ['foo', 'bar'];\n    tileModel.title = 'foo';\n    tileModel.viewCount = 1;\n\n    return {\n      model: tileModel,\n      loggedIn: false,\n      suppressBlurring: false,\n      sortParam: null,\n    };\n  }\n}\n\ndescribe('Hover Pane Controller', () => {\n  let oldMatchMedia: typeof window.matchMedia;\n  let oldOnTouchStart: typeof window.ontouchstart;\n\n  before(() => {\n    oldMatchMedia = window.matchMedia;\n    oldOnTouchStart = window.ontouchstart;\n    window.matchMedia = () => ({ matches: true }) as MediaQueryList;\n    window.ontouchstart = () => {};\n  });\n\n  after(() => {\n    window.matchMedia = oldMatchMedia;\n    window.ontouchstart = oldOnTouchStart;\n  });\n\n  it('should initially provide empty template', async () => {\n    const host = await fixture<HostElement>(\n      html`<host-element></host-element>`,\n    );\n    expect(host.controller?.getTemplate()).to.equal(nothing);\n  });\n\n  it('should produce a hover pane template after mousemove, and hide it after mouseleave', async () => {\n    const host = await fixture<HostElement>(\n      html`<host-element\n        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\n      ></host-element>`,\n    );\n\n    host.dispatchEvent(new MouseEvent('mousemove'));\n    // Need to wait a tick for the event handlers to run\n    await new Promise(resolve => {\n      setTimeout(resolve, 0);\n    });\n\n    expect(host.controller?.getTemplate()).not.to.equal(nothing); // Is a TemplateResult\n\n    host.dispatchEvent(new MouseEvent('mouseleave'));\n    // Need to wait for the fade out transition\n    await new Promise(resolve => {\n      setTimeout(resolve, 150);\n    });\n\n    expect(host.controller?.getTemplate()).to.equal(nothing);\n  });\n\n  it('should produce a hover pane template after mouseenter, even without mousemove', async () => {\n    const host = await fixture<HostElement>(\n      html`<host-element\n        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\n      ></host-element>`,\n    );\n\n    host.dispatchEvent(new MouseEvent('mouseenter'));\n    // Need to wait a tick for the event handlers to run\n    await new Promise(resolve => {\n      setTimeout(resolve, 0);\n    });\n\n    expect(host.controller?.getTemplate()).not.to.equal(nothing); // Is a TemplateResult\n  });\n\n  it('should immediately fade back in if mouse enters while fading out', async () => {\n    const host = await fixture<HostElement>(\n      html`<host-element\n        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\n      ></host-element>`,\n    );\n\n    // Enter the host element and wait for the show handlers to run\n    host.dispatchEvent(new MouseEvent('mousemove'));\n    await new Promise(resolve => {\n      setTimeout(resolve, 0);\n    });\n\n    // Leave the host element so it begins fading out, but not all the way\n    host.dispatchEvent(new MouseEvent('mouseleave'));\n    await new Promise(resolve => {\n      setTimeout(resolve, 20);\n    });\n\n    // Re-enter the host element and wait long enough that it would disappear\n    // if the hide were not cancelled\n    host.dispatchEvent(new MouseEvent('mousemove'));\n    await new Promise(resolve => {\n      setTimeout(resolve, 150);\n    });\n\n    expect(host.controller?.getTemplate()).not.to.equal(nothing);\n  });\n\n  it('should flip hover pane if it would overflow the viewport', async () => {\n    const host = await fixture<HostElement>(\n      html`<host-element\n        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\n      ></host-element>`,\n    );\n\n    host.dispatchEvent(\n      new MouseEvent('mousemove', { clientX: 800, clientY: 600 }),\n    );\n    // Need to wait a tick for the event handlers to run\n    await new Promise(resolve => {\n      setTimeout(resolve, 0);\n    });\n    await host.updateComplete;\n\n    expect(host.controller?.getTemplate()).not.to.equal(nothing);\n    expect(host.getHoverPane()?.getBoundingClientRect()?.right).to.be.lessThan(\n      window.innerWidth,\n    );\n    expect(host.getHoverPane()?.getBoundingClientRect()?.bottom).to.be.lessThan(\n      window.innerHeight,\n    );\n  });\n\n  it('should gracefully handle undefined hover pane from host element', async () => {\n    const host = await fixture<HostElement>(\n      html`<host-element\n        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\n        ?suppressHoverPane=${true}\n      ></host-element>`,\n    );\n\n    host.dispatchEvent(new MouseEvent('mousemove'));\n    // Need to wait a tick for the event handlers to run\n    await new Promise(resolve => {\n      setTimeout(resolve, 0);\n    });\n\n    expect(host.controller?.getTemplate()).not.to.equal(nothing);\n\n    host.dispatchEvent(new MouseEvent('mouseleave'));\n    await new Promise(resolve => {\n      setTimeout(resolve, 20);\n    });\n\n    host.dispatchEvent(new MouseEvent('mousemove'));\n    await new Promise(resolve => {\n      setTimeout(resolve, 0);\n    });\n\n    host.dispatchEvent(new MouseEvent('mouseleave'));\n    // Need to wait for the fade out transition\n    await new Promise(resolve => {\n      setTimeout(resolve, 150);\n    });\n\n    expect(host.controller?.getTemplate()).to.equal(nothing);\n  });\n\n  describe('Touch & long-press', () => {\n    const getTouchStartEvent = (host: EventTarget) =>\n      new TouchEvent('touchstart', {\n        touches: [new Touch({ identifier: 0, target: host })],\n      });\n\n    it('should produce a hover pane after long press', async () => {\n      const host = await fixture<HostElement>(\n        html`<host-element\n          .controllerOptions=${{\n            showDelay: 0,\n            longPressDelay: 0,\n            enableLongPress: true,\n          }}\n        ></host-element>`,\n      );\n\n      // Touch the host element and wait for the long press handlers to run\n      host.dispatchEvent(getTouchStartEvent(host));\n      await new Promise(resolve => {\n        setTimeout(resolve, 0);\n      });\n\n      expect(host.controller?.getTemplate()).not.to.equal(nothing); // Is a TemplateResult\n    });\n\n    it('should cancel a long press by moving', async () => {\n      const host = await fixture<HostElement>(\n        html`<host-element\n          .controllerOptions=${{\n            showDelay: 0,\n            longPressDelay: 100,\n            enableLongPress: true,\n          }}\n        ></host-element>`,\n      );\n\n      // Touch the host element\n      host.dispatchEvent(getTouchStartEvent(host));\n      await new Promise(resolve => {\n        setTimeout(resolve, 0);\n      });\n\n      // Move the touch point, cancelling the long press\n      host.dispatchEvent(new TouchEvent('touchmove'));\n      await new Promise(resolve => {\n        setTimeout(resolve, 150);\n      });\n\n      expect(host.controller?.getTemplate()).to.equal(nothing);\n    });\n\n    it('should cancel a long press by ending touch', async () => {\n      const host = await fixture<HostElement>(\n        html`<host-element\n          .controllerOptions=${{\n            showDelay: 0,\n            longPressDelay: 100,\n            enableLongPress: true,\n          }}\n        ></host-element>`,\n      );\n\n      // Touch the host element\n      host.dispatchEvent(getTouchStartEvent(host));\n      await new Promise(resolve => {\n        setTimeout(resolve, 0);\n      });\n\n      // Lift the touch point, cancelling the long press\n      host.dispatchEvent(new TouchEvent('touchend'));\n      await new Promise(resolve => {\n        setTimeout(resolve, 150);\n      });\n\n      expect(host.controller?.getTemplate()).to.equal(nothing);\n    });\n\n    it('should cancel a long press by cancelling touch (e.g., too many touch points)', async () => {\n      const host = await fixture<HostElement>(\n        html`<host-element\n          .controllerOptions=${{\n            showDelay: 0,\n            longPressDelay: 100,\n            enableLongPress: true,\n          }}\n        ></host-element>`,\n      );\n\n      // Touch the host element\n      host.dispatchEvent(getTouchStartEvent(host));\n      await new Promise(resolve => {\n        setTimeout(resolve, 0);\n      });\n\n      // Cancel the touch point, also cancelling the long press\n      host.dispatchEvent(new TouchEvent('touchcancel'));\n      await new Promise(resolve => {\n        setTimeout(resolve, 150);\n      });\n\n      expect(host.controller?.getTemplate()).to.equal(nothing);\n    });\n\n    it('should close the hover pane on mobile when touching the backdrop', async () => {\n      const host = await fixture<HostElement>(\n        html`<host-element\n          .controllerOptions=${{\n            showDelay: 0,\n            hideDelay: 0,\n            longPressDelay: 0,\n            enableLongPress: true,\n            mobileBreakpoint: 9999, // Ensure we get the mobile view\n          }}\n        ></host-element>`,\n      );\n\n      // Touch the host element\n      host.dispatchEvent(getTouchStartEvent(host));\n      await new Promise(resolve => {\n        setTimeout(resolve, 0);\n      });\n\n      expect(host.controller?.getTemplate()).not.to.equal(nothing);\n\n      await host.updateComplete;\n\n      // Touch the backdrop\n      host.shadowRoot\n        ?.querySelector('#touch-backdrop')\n        ?.dispatchEvent(new TouchEvent('touchstart'));\n      await new Promise(resolve => {\n        setTimeout(resolve, 150);\n      });\n\n      expect(host.controller?.getTemplate()).to.equal(nothing);\n    });\n  });\n});\n"]}

package/package.json

@@ -3,7 +3,7 @@
   "description": "The Internet Archive Collection Browser.",
   "license": "AGPL-3.0-only",
   "author": "Internet Archive",
-  "version": "2.15.0",
+  "version": "2.15.1-alpha-webdev7667.1",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "scripts": {
@@ -32,7 +32,7 @@
     "@internetarchive/iaux-item-metadata": "^1.0.5",
     "@internetarchive/infinite-scroller": "^1.0.1",
     "@internetarchive/modal-manager": "^2.0.1",
-    "@internetarchive/search-service": "^2.3.2",
+    "@internetarchive/search-service": "2.4.1-alpha-webdev7667.0",
     "@internetarchive/shared-resize-observer": "^0.2.0",
     "@lit/localize": "^0.12.2",
     "dompurify": "^3.2.4",

package/src/collection-browser.ts

@@ -318,6 +318,10 @@ export class CollectionBrowser
 
   @state() private mobileView = false;
 
+  @state() private tileBlurPreference = true;
+
+  @state() private tileBlurOverride?: boolean;
+
   @state() private collapsibleFacetsVisible = false;
 
   @state() private contentWidth?: number;
@@ -801,6 +805,7 @@ export class CollectionBrowser
         @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>
@@ -808,6 +813,31 @@ export class CollectionBrowser
     `;
   }
 
+  /**
+   * Template for the Blurring toggle for admins to enable/disable blurring of
+   * sensitive content in result tiles.
+   */
+  private get tileBlurCheckboxTemplate(): TemplateResult | typeof nothing {
+    // Only show the checkbox for @archive.org users
+    if (!this.dataSource.sessionContext?.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.
@@ -901,6 +931,27 @@ export class CollectionBrowser
     this.dataSource.removeCheckedTiles();
   }
 
+  /**
+   * Handler for when the tile blurring checkbox state is toggled
+   */
+  private tileBlurCheckboxChanged(e: Event): void {
+    const { checked } = e.target as HTMLInputElement;
+    this.tileBlurOverride = checked;
+    this.infiniteScroller?.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.
+   */
+  private get shouldBlurTiles(): boolean {
+    const { sessionContext } = this.dataSource;
+    const userPrefs = sessionContext?.pps_relevant_user_preferences;
+    const blurPref = userPrefs?.display__blur_moderated_content === 'on';
+    return this.tileBlurOverride ?? blurPref;
+  }
+
   /**
    * Handler for when the user changes the selected sort option or direction.
    */
@@ -1238,6 +1289,7 @@ export class CollectionBrowser
           .defaultSortParam=${this.defaultSortParam}
           .mobileBreakpoint=${this.mobileBreakpoint}
           .loggedIn=${this.loggedIn}
+          .suppressBlurring=${!this.shouldBlurTiles}
         >
         </tile-dispatcher>
       </div>
@@ -2158,6 +2210,7 @@ export class CollectionBrowser
         .creatorFilter=${this.selectedCreatorFilter}
         .mobileBreakpoint=${this.mobileBreakpoint}
         .loggedIn=${this.loggedIn}
+        .suppressBlurring=${!this.shouldBlurTiles}
         .isManageView=${this.isManageView}
         ?showTvClips=${this.isTVCollection || this.searchType === SearchType.TV}
         ?enableHoverPane=${true}
@@ -2550,6 +2603,16 @@ export class CollectionBrowser
           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;

package/src/tiles/base-tile-component.ts

@@ -27,6 +27,8 @@ export abstract class BaseTileComponent extends LitElement {
 
   @property({ type: Boolean }) loggedIn = false;
 
+  @property({ type: Boolean }) suppressBlurring = false;
+
   protected displayValueProvider = new TileDisplayValueProvider();
 
   protected willUpdate(changed: PropertyValues<this>) {

package/src/tiles/grid/account-tile.ts

@@ -21,6 +21,7 @@ export class AccountTile extends BaseTileComponent {
    *  - creatorFilter?: string;
    *  - mobileBreakpoint?: number;
    *  - loggedIn = false;
+   *  - suppressBlurring = false;
    */
 
   @property({ type: Boolean }) showInfoButton = false;
@@ -46,6 +47,7 @@ export class AccountTile extends BaseTileComponent {
         .model=${this.model}
         .baseImageUrl=${this.baseImageUrl}
         .viewSize=${'grid'}
+        .suppressBlurring=${this.suppressBlurring}
       >
       </image-block>
     `;

package/src/tiles/grid/collection-tile.ts

@@ -21,6 +21,7 @@ export class CollectionTile extends BaseTileComponent {
    *  - creatorFilter?: string;
    *  - mobileBreakpoint?: number;
    *  - loggedIn = false;
+   *  - suppressBlurring = false;
    */
 
   @property({ type: Boolean }) showInfoButton = false;
@@ -46,6 +47,7 @@ export class CollectionTile extends BaseTileComponent {
         .model=${this.model}
         .baseImageUrl=${this.baseImageUrl}
         .viewSize=${'grid'}
+        .suppressBlurring=${this.suppressBlurring}
       >
       </image-block>
     `;

package/src/tiles/grid/item-tile.ts

@@ -33,6 +33,7 @@ export class ItemTile extends BaseTileComponent {
    *  - creatorFilter?: string;
    *  - mobileBreakpoint?: number;
    *  - loggedIn = false;
+   *  - suppressBlurring = false;
    */
 
   @property({ type: Boolean }) showInfoButton = false;
@@ -98,6 +99,7 @@ export class ItemTile extends BaseTileComponent {
         .model=${this.model}
         .baseImageUrl=${this.baseImageUrl}
         .loggedIn=${this.loggedIn}
+        .suppressBlurring=${this.suppressBlurring}
         .isCompactTile=${false}
         .isListTile=${false}
         .viewSize=${'grid'}

package/src/tiles/grid/search-tile.ts

@@ -18,6 +18,7 @@ export class SearchTile extends BaseTileComponent {
    *  - creatorFilter?: string;
    *  - mobileBreakpoint?: number;
    *  - loggedIn = false;
+   *  - suppressBlurring = false;
    */
 
   @property({ type: Boolean }) showInfoButton = false;
@@ -40,6 +41,7 @@ export class SearchTile extends BaseTileComponent {
         .model=${this.model}
         .baseImageUrl=${this.baseImageUrl}
         .viewSize=${'grid'}
+        .suppressBlurring=${this.suppressBlurring}
       >
       </image-block>
     `;

package/src/tiles/hover/hover-pane-controller.ts

@@ -16,6 +16,7 @@ export interface HoverPaneProperties {
   baseNavigationUrl?: string;
   baseImageUrl?: string;
   loggedIn: boolean;
+  suppressBlurring: boolean;
   sortParam: SortParam | null;
   collectionTitles?: CollectionTitles;
 }
@@ -189,6 +190,7 @@ export class HoverPaneController implements HoverPaneControllerInterface {
             .baseNavigationUrl=${this.hoverPaneProps?.baseNavigationUrl}
             .baseImageUrl=${this.hoverPaneProps?.baseImageUrl}
             .loggedIn=${this.hoverPaneProps?.loggedIn}
+            .suppressBlurring=${this.hoverPaneProps?.suppressBlurring}
             .sortParam=${this.hoverPaneProps?.sortParam}
             .collectionTitles=${this.hoverPaneProps?.collectionTitles}
             .mobileBreakpoint=${this.mobileBreakpoint}

package/src/tiles/hover/tile-hover-pane.ts

@@ -22,6 +22,8 @@ export class TileHoverPane extends LitElement {
 
   @property({ type: Boolean }) loggedIn: boolean = false;
 
+  @property({ type: Boolean }) suppressBlurring: boolean = false;
+
   @property({ type: Object }) sortParam?: SortParam;
 
   @property({ type: Number }) mobileBreakpoint?: number;
@@ -41,6 +43,7 @@ export class TileHoverPane extends LitElement {
             .baseNavigationUrl=${this.baseNavigationUrl}
             .baseImageUrl=${this.baseImageUrl}
             .loggedIn=${this.loggedIn}
+            .suppressBlurring=${this.suppressBlurring}
             .sortParam=${this.sortParam}
             .collectionTitles=${this.collectionTitles}
             .mobileBreakpoint=${this.mobileBreakpoint}

package/src/tiles/image-block.ts

@@ -17,6 +17,8 @@ export class ImageBlock extends LitElement {
 
   @property({ type: Boolean }) loggedIn = false;
 
+  @property({ type: Boolean }) suppressBlurring = false;
+
   @property({ type: Object }) model?: TileModel;
 
   @property({ type: String }) viewSize: string = 'desktop';
@@ -32,6 +34,7 @@ export class ImageBlock extends LitElement {
           .isListTile=${this.isListTile}
           .isCompactTile=${this.isCompactTile}
           .loggedIn=${this.loggedIn}
+          .suppressBlurring=${this.suppressBlurring}
           style="--imgHeight: 100%; --imgWidth: 100%"
         >
         </item-image>
@@ -78,6 +81,8 @@ export class ImageBlock extends LitElement {
   }
 
   private get overlayType(): TileOverlayType | undefined {
+    if (this.suppressBlurring) return undefined;
+
     // Prioritize showing the login-required overlay if needed.
     // Otherwise, if a content warning is required, show that overlay instead.
     // If neither flag is present, no overlay should be shown.

package/src/tiles/item-image.ts

@@ -22,6 +22,8 @@ export class ItemImage extends LitElement {
 
   @property({ type: Boolean }) loggedIn = false;
 
+  @property({ type: Boolean }) suppressBlurring = false;
+
   @state() private isWaveform = false;
 
   @state() private isNotFound = false;
@@ -111,12 +113,14 @@ export class ItemImage extends LitElement {
   }
 
   private get itemImageClass(): ClassInfo {
-    const toBlur = this.model?.contentWarning || this.model?.loginRequired;
+    const toBlur =
+      !this.suppressBlurring &&
+      !!(this.model?.contentWarning || this.model?.loginRequired);
 
     return {
       contain: !this.isCompactTile && !this.isWaveform,
       cover: this.isCompactTile,
-      blur: toBlur || false,
+      blur: toBlur,
       waveform: this.isWaveform,
       'account-image': this.isAccountImage, // for account tile image
       'collection-image': this.model?.mediatype === 'collection', // for collection tile image

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

@@ -17,6 +17,7 @@ export class TileListCompactHeader extends BaseTileComponent {
    *  - creatorFilter?: string;
    *  - mobileBreakpoint?: number;
    *  - loggedIn = false;
+   *  - suppressBlurring = false;
    */
 
   render() {

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

@@ -26,6 +26,7 @@ export class TileListCompact extends BaseTileComponent {
    *  - creatorFilter?: string;
    *  - mobileBreakpoint?: number;
    *  - loggedIn = false;
+   *  - suppressBlurring = false;
    */
 
   render() {
@@ -38,6 +39,7 @@ export class TileListCompact extends BaseTileComponent {
           .isListTile=${true}
           .viewSize=${this.classSize}
           .loggedIn=${this.loggedIn}
+          .suppressBlurring=${this.suppressBlurring}
         >
         </image-block>
         <a href=${this.href} id="title"

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

@@ -36,6 +36,7 @@ export class TileList extends BaseTileComponent {
    *  - creatorFilter?: string;
    *  - mobileBreakpoint?: number;
    *  - loggedIn = false;
+   *  - suppressBlurring = false;
    */
 
   @property({ type: Object })
@@ -101,6 +102,7 @@ export class TileList extends BaseTileComponent {
         .isListTile=${true}
         .viewSize=${this.classSize}
         .loggedIn=${this.loggedIn}
+        .suppressBlurring=${this.suppressBlurring}
       >
       </image-block>
     </a> `;

package/src/tiles/tile-dispatcher.ts

@@ -45,6 +45,7 @@ export class TileDispatcher
    *  - creatorFilter?: string;
    *  - mobileBreakpoint?: number;
    *  - loggedIn = false;
+   *  - suppressTileBlurring = false;
    */
 
   @property({ type: String }) tileDisplayMode?: TileDisplayMode;
@@ -302,6 +303,7 @@ export class TileDispatcher
               .currentWidth=${currentWidth}
               .currentHeight=${currentHeight}
               .creatorFilter=${creatorFilter}
+              .suppressBlurring=${this.suppressBlurring}
               .isManageView=${this.isManageView}
               ?showInfoButton=${!this.isHoverEnabled}
               @infoButtonPressed=${this.tileInfoButtonPressed}
@@ -315,6 +317,7 @@ export class TileDispatcher
               .currentWidth=${currentWidth}
               .currentHeight=${currentHeight}
               .creatorFilter=${creatorFilter}
+              .suppressBlurring=${this.suppressBlurring}
               .isManageView=${this.isManageView}
               ?showInfoButton=${!this.isHoverEnabled}
               @infoButtonPressed=${this.tileInfoButtonPressed}
@@ -328,6 +331,7 @@ export class TileDispatcher
               .currentWidth=${currentWidth}
               .currentHeight=${currentHeight}
               .creatorFilter=${creatorFilter}
+              .suppressBlurring=${this.suppressBlurring}
               .isManageView=${this.isManageView}
               ?showInfoButton=${false}
               @infoButtonPressed=${this.tileInfoButtonPressed}
@@ -344,6 +348,7 @@ export class TileDispatcher
               .defaultSortParam=${defaultSortParam}
               .creatorFilter=${creatorFilter}
               .loggedIn=${this.loggedIn}
+              .suppressBlurring=${this.suppressBlurring}
               .isManageView=${this.isManageView}
               ?useSimpleLayout=${this.useSimpleLayout}
               ?showTvClips=${this.showTvClips}
@@ -365,6 +370,7 @@ export class TileDispatcher
           .mobileBreakpoint=${mobileBreakpoint}
           .baseImageUrl=${this.baseImageUrl}
           .loggedIn=${this.loggedIn}
+          .suppressBlurring=${this.suppressBlurring}
         >
         </tile-list-compact>`;
       case 'list-detail':
@@ -381,6 +387,7 @@ export class TileDispatcher
           .mobileBreakpoint=${mobileBreakpoint}
           .baseImageUrl=${this.baseImageUrl}
           .loggedIn=${this.loggedIn}
+          .suppressBlurring=${this.suppressBlurring}
         >
         </tile-list>`;
       default:

package/test/tiles/hover/hover-pane-controller.test.ts

@@ -54,6 +54,7 @@ class HostElement extends LitElement implements HoverPaneProviderInterface {
     return {
       model: tileModel,
       loggedIn: false,
+      suppressBlurring: false,
       sortParam: null,
     };
   }