@internetarchive/collection-browser 1.2.0 → 1.2.1-alpha.1

package/src/tiles/tile-dispatcher.ts

@@ -7,21 +7,21 @@ import type {
 } from '@internetarchive/shared-resize-observer';
 import type { CollectionNameCacheInterface } from '@internetarchive/collection-name-cache';
 import type { SortParam } from '@internetarchive/search-service';
-import type { TileDisplayMode, TileModel } from '../models';
-import './grid/collection-tile';
-import './grid/item-tile';
-import './grid/account-tile';
-import './hover/tile-hover-pane';
-import './list/tile-list';
-import './list/tile-list-compact';
-import './list/tile-list-compact-header';
-import type { TileHoverPane } from './hover/tile-hover-pane';
+import type { TileDisplayMode, TileModel } from '../models.js';
+import './grid/collection-tile.js';
+import './grid/item-tile.js';
+import './grid/account-tile.js';
+import './hover/tile-hover-pane.js';
+import './list/tile-list.js';
+import './list/tile-list-compact.js';
+import './list/tile-list-compact-header.js';
+import type { TileHoverPane } from './hover/tile-hover-pane.js';
 import {
   HoverPaneController,
   HoverPaneControllerInterface,
   HoverPaneProperties,
   HoverPaneProviderInterface,
-} from './hover/hover-pane-controller';
+} from './hover/hover-pane-controller.js';
 
 @customElement('tile-dispatcher')
 export class TileDispatcher
@@ -56,6 +56,8 @@ export class TileDispatcher
   /** Whether this tile should include a hover pane at all (for applicable tile modes) */
   @property({ type: Boolean }) enableHoverPane = false;
 
+  @property({ type: Boolean }) prerender = false;
+
   private hoverPaneController?: HoverPaneControllerInterface;
 
   @query('#container')
@@ -158,6 +160,7 @@ export class TileDispatcher
   }
 
   private get isHoverEnabled(): boolean {
+    if (this.prerender) return false;
     return window.matchMedia('(hover: hover)').matches;
   }