@internetarchive/collection-browser 4.1.1-alpha-webdev8185.1 → 4.1.2-alpha-webdev8332.0

package/dist/test/tiles/tile-dispatcher.test.js

@@ -159,6 +159,20 @@ describe('Tile Dispatcher', () => {
             await el.updateComplete;
             expect(el.getHoverPane()).not.to.exist;
         });
+        it('should not show info button when hover pane is not enabled', async () => {
+            const el = await fixture(html `
+        <tile-dispatcher
+          .tileDisplayMode=${'grid'}
+          .model=${{ mediatype: 'texts' }}
+          .enableHoverPane=${false}
+        >
+        </tile-dispatcher>
+      `);
+            const itemTile = el.shadowRoot?.querySelector('item-tile');
+            expect(itemTile).to.exist;
+            const infoButton = itemTile.shadowRoot?.querySelector('.info-button');
+            expect(infoButton).to.not.exist;
+        });
     });
     describe('Accessibility', () => {
         it('should have proper aria-label on tile link', async () => {

package/dist/test/tiles/tile-dispatcher.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile-dispatcher.test.js","sourceRoot":"","sources":["../../../test/tiles/tile-dispatcher.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { aTimeout, expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport sinon from 'sinon';\nimport type { TileDispatcher } from '../../src/tiles/tile-dispatcher';\n\nimport '../../src/tiles/tile-dispatcher';\nimport type { ItemTile } from '../../src/tiles/grid/item-tile';\nimport { TileHoverPane } from '../../src/tiles/hover/tile-hover-pane';\nimport type { HoverPaneProperties } from '../../src/tiles/hover/hover-pane-controller';\n\ndescribe('Tile Dispatcher', () => {\n  it('should render item-tile for grid mode by default', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher\n        .tileDisplayMode=${'grid'}\n        .model=${{ mediatype: 'texts' }}\n      >\n      </tile-dispatcher>\n    `);\n\n    const itemTile = el.shadowRoot?.querySelector('item-tile');\n    expect(itemTile).to.exist;\n  });\n\n  it('should render collection-tile for grid mode and collection mediatype', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher\n        .tileDisplayMode=${'grid'}\n        .model=${{ mediatype: 'collection' }}\n      >\n      </tile-dispatcher>\n    `);\n\n    const collectionTile = el.shadowRoot?.querySelector('collection-tile');\n    expect(collectionTile).to.exist;\n  });\n\n  it('should render account-tile for grid mode and account mediatype', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher\n        .tileDisplayMode=${'grid'}\n        .model=${{ mediatype: 'account' }}\n      >\n      </tile-dispatcher>\n    `);\n\n    const accountTile = el.shadowRoot?.querySelector('account-tile');\n    expect(accountTile).to.exist;\n  });\n\n  it('should render search-tile for grid mode and search mediatype', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher\n        .tileDisplayMode=${'grid'}\n        .model=${{ mediatype: 'search' }}\n      >\n      </tile-dispatcher>\n    `);\n\n    const searchTile = el.shadowRoot?.querySelector('search-tile');\n    expect(searchTile).to.exist;\n  });\n\n  it('should render tile-list for extended list mode', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher .tileDisplayMode=${'list-detail'} .model=${{}}>\n      </tile-dispatcher>\n    `);\n\n    const listTile = el.shadowRoot?.querySelector('tile-list');\n    expect(listTile).to.exist;\n  });\n\n  it('should render tile-list-compact for compact list mode', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher .tileDisplayMode=${'list-compact'} .model=${{}}>\n      </tile-dispatcher>\n    `);\n\n    const compactListTile = el.shadowRoot?.querySelector('tile-list-compact');\n    expect(compactListTile).to.exist;\n  });\n\n  it('should open item in new tab when right-clicked in manage mode', async () => {\n    const oldWindowOpen = window.open;\n    const spy = sinon.spy();\n    window.open = spy;\n\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher\n        isManageView\n        .model=${{ identifier: 'foo', href: '/foo' }}\n        .baseNavigationUrl=${''}\n      >\n      </tile-dispatcher>\n    `);\n\n    const tileLink = el.shadowRoot?.querySelector(\n      'a[href]',\n    ) as HTMLAnchorElement;\n    expect(tileLink).to.exist;\n\n    tileLink.dispatchEvent(new Event('contextmenu'));\n    await el.updateComplete;\n\n    expect(spy.callCount).to.equal(1);\n    expect(spy.args[0][0]).to.equal('/foo');\n    expect(spy.args[0][1]).to.equal('_blank');\n\n    window.open = oldWindowOpen;\n  });\n\n  it('should toggle model checked state when manage check clicked', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher\n        isManageView\n        .model=${{ identifier: 'foo', href: '/foo' }}\n        .tileDisplayMode=${'grid'}\n      ></tile-dispatcher>\n    `);\n\n    const manageCheck = el.shadowRoot?.querySelector(\n      '.manage-check > input[type=\"checkbox\"]',\n    ) as HTMLButtonElement;\n\n    manageCheck.click();\n    await el.updateComplete;\n    expect(el.model?.checked).to.be.true;\n\n    manageCheck.click();\n    await el.updateComplete;\n    expect(el.model?.checked).to.be.false;\n  });\n\n  it('should return hover pane props', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher .model=${{ identifier: 'foo' }}> </tile-dispatcher>\n    `);\n\n    expect(el.getHoverPaneProps()).to.satisfy(\n      (props: HoverPaneProperties) => props?.model?.identifier === 'foo',\n    );\n  });\n\n  it('should focus the tile link when requested', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher .tileDisplayMode=${'grid'}> </tile-dispatcher>\n    `);\n\n    const tileLink = el.shadowRoot?.querySelector(\n      '.tile-link',\n    ) as HTMLAnchorElement;\n    expect(tileLink).to.exist;\n\n    const spyFocus = sinon.spy(tileLink, 'focus');\n    el.acquireFocus();\n    expect(spyFocus.callCount).to.equal(1);\n  });\n\n  it('should blur the tile link when requested', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher .tileDisplayMode=${'grid'}> </tile-dispatcher>\n    `);\n\n    const tileLink = el.shadowRoot?.querySelector(\n      '.tile-link',\n    ) as HTMLAnchorElement;\n    expect(tileLink).to.exist;\n\n    const spyBlur = sinon.spy(tileLink, 'blur');\n    el.releaseFocus();\n    expect(spyBlur.callCount).to.equal(1);\n  });\n\n  describe('Hover pane info button behavior', () => {\n    let oldMatchMedia: typeof window.matchMedia;\n\n    before(() => {\n      oldMatchMedia = window.matchMedia;\n      // Pretend that there is no hover-capable input device\n      window.matchMedia = () => ({ matches: false }) as MediaQueryList;\n    });\n\n    after(() => {\n      window.matchMedia = oldMatchMedia;\n    });\n\n    it('should toggle hover pane when tile info button is pressed', async () => {\n      const el = await fixture<TileDispatcher>(html`\n        <tile-dispatcher\n          .tileDisplayMode=${'grid'}\n          .model=${{ mediatype: 'texts' }}\n          .enableHoverPane=${true}\n        >\n        </tile-dispatcher>\n      `);\n\n      const itemTile = el.shadowRoot?.querySelector('item-tile') as ItemTile;\n      expect(itemTile).to.exist;\n\n      const infoButton = itemTile.shadowRoot?.querySelector(\n        '.info-button',\n      ) as HTMLButtonElement;\n      expect(infoButton).to.exist;\n\n      infoButton.click();\n      await aTimeout(500);\n      await el.updateComplete;\n      expect(el.getHoverPane()).to.be.instanceOf(TileHoverPane);\n\n      infoButton.click();\n      await aTimeout(500);\n      await el.updateComplete;\n      expect(el.getHoverPane()).not.to.exist;\n    });\n  });\n\n  describe('Accessibility', () => {\n    it('should have proper aria-label on tile link', async () => {\n      const el = await fixture<TileDispatcher>(html`\n        <tile-dispatcher\n          .tileDisplayMode=${'grid'}\n          .model=${{\n            title: 'Example Title',\n            mediatype: 'texts',\n          }}\n        >\n        </tile-dispatcher>\n      `);\n\n      const tileLink = el.shadowRoot?.querySelector(\n        '.tile-link',\n      ) as HTMLAnchorElement;\n      expect(tileLink).to.exist;\n      expect(tileLink.getAttribute('aria-label')).to.equal('Example Title');\n    });\n\n    it('should fallback to untitled aria-label on tile link when no title', async () => {\n      const el = await fixture<TileDispatcher>(html`\n        <tile-dispatcher\n          .tileDisplayMode=${'grid'}\n          .model=${{\n            mediatype: 'texts',\n          }}\n        >\n        </tile-dispatcher>\n      `);\n\n      const tileLink = el.shadowRoot?.querySelector(\n        '.tile-link',\n      ) as HTMLAnchorElement;\n      expect(tileLink).to.exist;\n      expect(tileLink.getAttribute('aria-label')).to.equal('Untitled item');\n    });\n\n    it('should have no accessibility violations in grid mode', async () => {\n      const el = await fixture<TileDispatcher>(html`\n        <tile-dispatcher\n          .tileDisplayMode=${'grid'}\n          .model=${{\n            title: 'Example Title',\n            mediatype: 'texts',\n          }}\n        >\n        </tile-dispatcher>\n      `);\n\n      await expect(el).to.be.accessible();\n    });\n\n    it('should have no accessibility violations in list mode', async () => {\n      const el = await fixture<TileDispatcher>(html`\n        <tile-dispatcher\n          .tileDisplayMode=${'list-detail'}\n          .model=${{ mediatype: 'texts' }}\n        >\n        </tile-dispatcher>\n      `);\n\n      await expect(el).to.be.accessible();\n    });\n  });\n});\n"]}
+{"version":3,"file":"tile-dispatcher.test.js","sourceRoot":"","sources":["../../../test/tiles/tile-dispatcher.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { aTimeout, expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport sinon from 'sinon';\nimport type { TileDispatcher } from '../../src/tiles/tile-dispatcher';\n\nimport '../../src/tiles/tile-dispatcher';\nimport type { ItemTile } from '../../src/tiles/grid/item-tile';\nimport { TileHoverPane } from '../../src/tiles/hover/tile-hover-pane';\nimport type { HoverPaneProperties } from '../../src/tiles/hover/hover-pane-controller';\n\ndescribe('Tile Dispatcher', () => {\n  it('should render item-tile for grid mode by default', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher\n        .tileDisplayMode=${'grid'}\n        .model=${{ mediatype: 'texts' }}\n      >\n      </tile-dispatcher>\n    `);\n\n    const itemTile = el.shadowRoot?.querySelector('item-tile');\n    expect(itemTile).to.exist;\n  });\n\n  it('should render collection-tile for grid mode and collection mediatype', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher\n        .tileDisplayMode=${'grid'}\n        .model=${{ mediatype: 'collection' }}\n      >\n      </tile-dispatcher>\n    `);\n\n    const collectionTile = el.shadowRoot?.querySelector('collection-tile');\n    expect(collectionTile).to.exist;\n  });\n\n  it('should render account-tile for grid mode and account mediatype', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher\n        .tileDisplayMode=${'grid'}\n        .model=${{ mediatype: 'account' }}\n      >\n      </tile-dispatcher>\n    `);\n\n    const accountTile = el.shadowRoot?.querySelector('account-tile');\n    expect(accountTile).to.exist;\n  });\n\n  it('should render search-tile for grid mode and search mediatype', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher\n        .tileDisplayMode=${'grid'}\n        .model=${{ mediatype: 'search' }}\n      >\n      </tile-dispatcher>\n    `);\n\n    const searchTile = el.shadowRoot?.querySelector('search-tile');\n    expect(searchTile).to.exist;\n  });\n\n  it('should render tile-list for extended list mode', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher .tileDisplayMode=${'list-detail'} .model=${{}}>\n      </tile-dispatcher>\n    `);\n\n    const listTile = el.shadowRoot?.querySelector('tile-list');\n    expect(listTile).to.exist;\n  });\n\n  it('should render tile-list-compact for compact list mode', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher .tileDisplayMode=${'list-compact'} .model=${{}}>\n      </tile-dispatcher>\n    `);\n\n    const compactListTile = el.shadowRoot?.querySelector('tile-list-compact');\n    expect(compactListTile).to.exist;\n  });\n\n  it('should open item in new tab when right-clicked in manage mode', async () => {\n    const oldWindowOpen = window.open;\n    const spy = sinon.spy();\n    window.open = spy;\n\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher\n        isManageView\n        .model=${{ identifier: 'foo', href: '/foo' }}\n        .baseNavigationUrl=${''}\n      >\n      </tile-dispatcher>\n    `);\n\n    const tileLink = el.shadowRoot?.querySelector(\n      'a[href]',\n    ) as HTMLAnchorElement;\n    expect(tileLink).to.exist;\n\n    tileLink.dispatchEvent(new Event('contextmenu'));\n    await el.updateComplete;\n\n    expect(spy.callCount).to.equal(1);\n    expect(spy.args[0][0]).to.equal('/foo');\n    expect(spy.args[0][1]).to.equal('_blank');\n\n    window.open = oldWindowOpen;\n  });\n\n  it('should toggle model checked state when manage check clicked', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher\n        isManageView\n        .model=${{ identifier: 'foo', href: '/foo' }}\n        .tileDisplayMode=${'grid'}\n      ></tile-dispatcher>\n    `);\n\n    const manageCheck = el.shadowRoot?.querySelector(\n      '.manage-check > input[type=\"checkbox\"]',\n    ) as HTMLButtonElement;\n\n    manageCheck.click();\n    await el.updateComplete;\n    expect(el.model?.checked).to.be.true;\n\n    manageCheck.click();\n    await el.updateComplete;\n    expect(el.model?.checked).to.be.false;\n  });\n\n  it('should return hover pane props', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher .model=${{ identifier: 'foo' }}> </tile-dispatcher>\n    `);\n\n    expect(el.getHoverPaneProps()).to.satisfy(\n      (props: HoverPaneProperties) => props?.model?.identifier === 'foo',\n    );\n  });\n\n  it('should focus the tile link when requested', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher .tileDisplayMode=${'grid'}> </tile-dispatcher>\n    `);\n\n    const tileLink = el.shadowRoot?.querySelector(\n      '.tile-link',\n    ) as HTMLAnchorElement;\n    expect(tileLink).to.exist;\n\n    const spyFocus = sinon.spy(tileLink, 'focus');\n    el.acquireFocus();\n    expect(spyFocus.callCount).to.equal(1);\n  });\n\n  it('should blur the tile link when requested', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher .tileDisplayMode=${'grid'}> </tile-dispatcher>\n    `);\n\n    const tileLink = el.shadowRoot?.querySelector(\n      '.tile-link',\n    ) as HTMLAnchorElement;\n    expect(tileLink).to.exist;\n\n    const spyBlur = sinon.spy(tileLink, 'blur');\n    el.releaseFocus();\n    expect(spyBlur.callCount).to.equal(1);\n  });\n\n  describe('Hover pane info button behavior', () => {\n    let oldMatchMedia: typeof window.matchMedia;\n\n    before(() => {\n      oldMatchMedia = window.matchMedia;\n      // Pretend that there is no hover-capable input device\n      window.matchMedia = () => ({ matches: false }) as MediaQueryList;\n    });\n\n    after(() => {\n      window.matchMedia = oldMatchMedia;\n    });\n\n    it('should toggle hover pane when tile info button is pressed', async () => {\n      const el = await fixture<TileDispatcher>(html`\n        <tile-dispatcher\n          .tileDisplayMode=${'grid'}\n          .model=${{ mediatype: 'texts' }}\n          .enableHoverPane=${true}\n        >\n        </tile-dispatcher>\n      `);\n\n      const itemTile = el.shadowRoot?.querySelector('item-tile') as ItemTile;\n      expect(itemTile).to.exist;\n\n      const infoButton = itemTile.shadowRoot?.querySelector(\n        '.info-button',\n      ) as HTMLButtonElement;\n      expect(infoButton).to.exist;\n\n      infoButton.click();\n      await aTimeout(500);\n      await el.updateComplete;\n      expect(el.getHoverPane()).to.be.instanceOf(TileHoverPane);\n\n      infoButton.click();\n      await aTimeout(500);\n      await el.updateComplete;\n      expect(el.getHoverPane()).not.to.exist;\n    });\n\n    it('should not show info button when hover pane is not enabled', async () => {\n      const el = await fixture<TileDispatcher>(html`\n        <tile-dispatcher\n          .tileDisplayMode=${'grid'}\n          .model=${{ mediatype: 'texts' }}\n          .enableHoverPane=${false}\n        >\n        </tile-dispatcher>\n      `);\n\n      const itemTile = el.shadowRoot?.querySelector('item-tile') as ItemTile;\n      expect(itemTile).to.exist;\n\n      const infoButton = itemTile.shadowRoot?.querySelector('.info-button');\n      expect(infoButton).to.not.exist;\n    });\n  });\n\n  describe('Accessibility', () => {\n    it('should have proper aria-label on tile link', async () => {\n      const el = await fixture<TileDispatcher>(html`\n        <tile-dispatcher\n          .tileDisplayMode=${'grid'}\n          .model=${{\n            title: 'Example Title',\n            mediatype: 'texts',\n          }}\n        >\n        </tile-dispatcher>\n      `);\n\n      const tileLink = el.shadowRoot?.querySelector(\n        '.tile-link',\n      ) as HTMLAnchorElement;\n      expect(tileLink).to.exist;\n      expect(tileLink.getAttribute('aria-label')).to.equal('Example Title');\n    });\n\n    it('should fallback to untitled aria-label on tile link when no title', async () => {\n      const el = await fixture<TileDispatcher>(html`\n        <tile-dispatcher\n          .tileDisplayMode=${'grid'}\n          .model=${{\n            mediatype: 'texts',\n          }}\n        >\n        </tile-dispatcher>\n      `);\n\n      const tileLink = el.shadowRoot?.querySelector(\n        '.tile-link',\n      ) as HTMLAnchorElement;\n      expect(tileLink).to.exist;\n      expect(tileLink.getAttribute('aria-label')).to.equal('Untitled item');\n    });\n\n    it('should have no accessibility violations in grid mode', async () => {\n      const el = await fixture<TileDispatcher>(html`\n        <tile-dispatcher\n          .tileDisplayMode=${'grid'}\n          .model=${{\n            title: 'Example Title',\n            mediatype: 'texts',\n          }}\n        >\n        </tile-dispatcher>\n      `);\n\n      await expect(el).to.be.accessible();\n    });\n\n    it('should have no accessibility violations in list mode', async () => {\n      const el = await fixture<TileDispatcher>(html`\n        <tile-dispatcher\n          .tileDisplayMode=${'list-detail'}\n          .model=${{ mediatype: 'texts' }}\n        >\n        </tile-dispatcher>\n      `);\n\n      await expect(el).to.be.accessible();\n    });\n  });\n});\n"]}

package/index.ts

@@ -6,15 +6,10 @@ export { SortFilterBar } from './src/sort-filter-bar/sort-filter-bar';
 export {
   CollectionDisplayMode,
   SortField,
-  ExplicitSortField,
   TileModel,
   FacetOption,
   SelectedFacets,
   getDefaultSelectedFacets,
-  sortOptionFromAPIString,
-  resolveCollectionDefaultSort,
-  SORT_OPTIONS,
-  defaultProfileElementSorts,
 } from './src/models';
 export { CollectionBrowserLoadingTile } from './src/tiles/collection-browser-loading-tile';
 export { CollectionTile } from './src/tiles/grid/collection-tile';

package/package.json

@@ -3,7 +3,7 @@
   "description": "The Internet Archive Collection Browser.",
   "license": "AGPL-3.0-only",
   "author": "Internet Archive",
-  "version": "4.1.1-alpha-webdev8185.1",
+  "version": "4.1.2-alpha-webdev8332.0",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "scripts": {

package/src/collection-browser.ts

@@ -36,13 +36,14 @@ import type { IAComboBox } from '@internetarchive/elements/ia-combo-box/ia-combo
 import {
   SelectedFacets,
   SortField,
-  type ExplicitSortField,
   CollectionBrowserContext,
   getDefaultSelectedFacets,
   TileModel,
   CollectionDisplayMode,
   FacetEventDetails,
+  sortOptionFromAPIString,
   SORT_OPTIONS,
+  defaultProfileElementSorts,
   FacetLoadStrategy,
   defaultFacetDisplayOrder,
   tvFacetDisplayOrder,
@@ -150,8 +151,10 @@ export class CollectionBrowser
 
   @property({ type: String }) sortDirection: SortDirection | null = null;
 
-  @property({ type: String }) defaultSortField: ExplicitSortField =
-    SortField.relevance;
+  @property({ type: String }) defaultSortField: Exclude<
+    SortField,
+    SortField.default
+  > = SortField.relevance;
 
   @property({ type: String }) defaultSortDirection: SortDirection | null = null;
 
@@ -598,6 +601,10 @@ export class CollectionBrowser
 
   willUpdate(changed: PropertyValues): void {
     this.setPlaceholderType();
+
+    if (changed.has('searchType') && this.searchType === SearchType.TV) {
+      this.applyDefaultTVSearchSort();
+    }
   }
 
   render() {
@@ -1639,12 +1646,6 @@ export class CollectionBrowser
     this.maxSelectedDate = queryState.maxSelectedDate;
     this.selectedSort = queryState.selectedSort ?? SortField.default;
     this.sortDirection = queryState.sortDirection;
-    if (queryState.defaultSortField) {
-      this.defaultSortField = queryState.defaultSortField;
-    }
-    if (queryState.defaultSortDirection !== undefined) {
-      this.defaultSortDirection = queryState.defaultSortDirection;
-    }
     this.selectedTitleFilter = queryState.selectedTitleFilter;
     this.selectedCreatorFilter = queryState.selectedCreatorFilter;
 
@@ -1755,6 +1756,21 @@ export class CollectionBrowser
       }
     }
 
+    if (changed.has('profileElement')) {
+      this.applyDefaultProfileSort();
+    }
+
+    if (changed.has('withinCollection') && this.withinCollection) {
+      // Set a sensible default collection sort while we load results, which we will later
+      // adjust based on any sort-by metadata once the response arrives.
+      if (!this.baseQuery) {
+        this.defaultSortField = this.withinCollection.startsWith('fav-')
+          ? SortField.datefavorited
+          : SortField.weeklyview;
+        this.defaultSortDirection = 'desc';
+      }
+    }
+
     if (changed.has('baseQuery')) {
       this.emitBaseQueryChanged();
     }
@@ -2067,22 +2083,6 @@ export class CollectionBrowser
     );
   }
 
-  /**
-   * Emits a `collectionExtraInfoLoaded` event when the data source has received
-   * collection metadata from the backend. This allows parent components to react
-   * to the metadata (e.g., to update their default sort based on the collection's
-   * `sort-by` metadata field).
-   */
-  emitCollectionExtraInfoLoaded(
-    collectionExtraInfo?: CollectionExtraInfo,
-  ): void {
-    this.dispatchEvent(
-      new CustomEvent('collectionExtraInfoLoaded', {
-        detail: collectionExtraInfo,
-      }),
-    );
-  }
-
   /**
    * Emits a `queryStateChanged` event indicating that one or more of this component's
    * properties have changed in a way that could affect the set of search results.
@@ -2382,6 +2382,75 @@ export class CollectionBrowser
     }
   }
 
+  /**
+   * Applies the default sort options for the TV search results page
+   */
+  applyDefaultTVSearchSort(): void {
+    this.defaultSortField = SortField.datearchived;
+    this.defaultSortDirection = 'desc';
+  }
+
+  /**
+   * Applies any default sort option for the current collection, by checking
+   * for one in the collection's metadata. If none is found, defaults to sorting
+   * descending by:
+   *  - Date Favorited for fav-* collections
+   *  - Weekly views for all other collections
+   */
+  applyDefaultCollectionSort(collectionInfo?: CollectionExtraInfo): void {
+    if (this.baseQuery) {
+      // If there's a query set, then we default to relevance sorting regardless of
+      // the collection metadata-specified sort.
+      this.defaultSortField = SortField.relevance;
+      this.defaultSortDirection = null;
+      return;
+    }
+
+    // Favorite collections sort on Date Favorited by default.
+    // Other collections fall back to sorting on weekly views.
+    const baseDefaultSort: string =
+      collectionInfo?.public_metadata?.identifier?.startsWith('fav-')
+        ? '-favoritedate'
+        : '-week';
+
+    // The collection metadata may override the default sorting with something else
+    const metadataSort: string | undefined =
+      collectionInfo?.public_metadata?.['sort-by'];
+
+    // Prefer the metadata-specified sort if one exists
+    const defaultSortToApply = metadataSort ?? baseDefaultSort;
+
+    // Account for both -field and field:dir formats
+    let [field, dir] = defaultSortToApply.split(':');
+    if (field.startsWith('-')) {
+      field = field.slice(1);
+      dir = 'desc';
+    } else if (!['asc', 'desc'].includes(dir)) {
+      dir = 'asc';
+    }
+
+    const sortOption = sortOptionFromAPIString(field);
+    const sortField = sortOption.field;
+    if (sortField && sortField !== SortField.default) {
+      this.defaultSortField = sortField;
+      this.defaultSortDirection = dir as SortDirection;
+    }
+  }
+
+  /**
+   * Applies the default sort option for the current profile element
+   */
+  applyDefaultProfileSort(): void {
+    if (this.profileElement) {
+      const defaultSortField = defaultProfileElementSorts[this.profileElement];
+      this.defaultSortField = defaultSortField ?? SortField.weeklyview;
+    } else {
+      this.defaultSortField = SortField.weeklyview;
+    }
+
+    this.defaultSortDirection = 'desc';
+  }
+
   /**
    * This is useful for determining whether we need to reload the scroller.
    *

package/src/data-source/collection-browser-data-source.ts

@@ -1194,9 +1194,10 @@ export class CollectionBrowserDataSource
     if (withinCollection) {
       this.collectionExtraInfo = success.response.collectionExtraInfo;
 
-      // Emit the collection metadata so the parent page can set default sort
+      // For collections, we want the UI to respect the default sort option
+      // which can be specified in metadata, or otherwise assumed to be week:desc
       if (this.activeOnHost) {
-        this.host.emitCollectionExtraInfoLoaded(this.collectionExtraInfo);
+        this.host.applyDefaultCollectionSort(this.collectionExtraInfo);
       }
 
       if (this.collectionExtraInfo) {

package/src/data-source/collection-browser-query-state.ts

@@ -6,12 +6,7 @@ import type {
   SortDirection,
   SortParam,
 } from '@internetarchive/search-service';
-import type {
-  ExplicitSortField,
-  FacetLoadStrategy,
-  SelectedFacets,
-  SortField,
-} from '../models';
+import type { FacetLoadStrategy, SelectedFacets, SortField } from '../models';
 import type { CollectionBrowserDataSourceInterface } from './collection-browser-data-source-interface';
 
 /**
@@ -32,8 +27,6 @@ export interface CollectionBrowserQueryState {
   selectedCreatorFilter: string | null;
   selectedSort?: SortField;
   sortDirection: SortDirection | null;
-  defaultSortField?: ExplicitSortField;
-  defaultSortDirection?: SortDirection | null;
 }
 
 /**
@@ -45,7 +38,7 @@ export interface CollectionBrowserSearchInterface
   searchService?: SearchServiceInterface;
   isTVCollection: boolean;
   readonly sortParam: SortParam | null;
-  readonly defaultSortField: ExplicitSortField;
+  readonly defaultSortField: SortField | null;
   readonly defaultSortDirection: SortDirection | null;
   readonly facetLoadStrategy: FacetLoadStrategy;
   readonly initialPageNumber: number;
@@ -59,9 +52,7 @@ export interface CollectionBrowserSearchInterface
   setFacetsLoading(loading: boolean): void;
   setTotalResultCount(count: number): void;
   setTileCount(count: number): void;
-  emitCollectionExtraInfoLoaded(
-    collectionExtraInfo?: CollectionExtraInfo,
-  ): void;
+  applyDefaultCollectionSort(collectionInfo?: CollectionExtraInfo): void;
   emitEmptyResults(): void;
   emitSearchError(): void;
   emitQueryStateChanged(): void;

package/src/models.ts

@@ -3,7 +3,6 @@ import { msg } from '@lit/localize';
 import type { MediaType } from '@internetarchive/field-parsers';
 import {
   AggregationSortType,
-  CollectionExtraInfo,
   HitType,
   SearchReview,
   SearchResult,
@@ -323,16 +322,6 @@ export enum SortField {
   'creator' = 'creator',
 }
 
-/**
- * A sort field other than the abstract "default" placeholder.
- * This is useful because the "default" sort field is just an indicator to
- * revert to an explicitly defined fallback value. So when defining default
- * sort logic, this type should be preferred to avoid accidentally permitting
- * that fallback to itself equal the "default" placeholder (which would be
- * rather circular/ill-defined).
- */
-export type ExplicitSortField = Exclude<SortField, SortField.default>;
-
 /**
  * Views-related sort fields
  */
@@ -564,47 +553,6 @@ export function sortOptionFromAPIString(sortName?: string | null): SortOption {
   );
 }
 
-/**
- * Resolves the default sort option for a collection based on its metadata.
- *
- * - Favorite collections (`fav-*`) default to Date Favorited descending.
- * - Other collections default to Weekly Views descending.
- * - If the collection metadata specifies a `sort-by` field, that overrides the above.
- *
- * Supports both `-field` (dash prefix = desc) and `field:dir` metadata formats.
- *
- * Note: This does NOT handle the "relevance when a query is present" rule,
- * which is managed separately by collection-browser itself.
- */
-export function resolveCollectionDefaultSort(
-  collectionInfo?: CollectionExtraInfo,
-): { field: ExplicitSortField; direction: SortDirection } {
-  const isFav = collectionInfo?.public_metadata?.identifier?.startsWith('fav-');
-  const baseDefaultSort: string = isFav ? '-favoritedate' : '-week';
-  const metadataSort: string | undefined =
-    collectionInfo?.public_metadata?.['sort-by'];
-  const defaultSortToApply = metadataSort ?? baseDefaultSort;
-
-  // Account for both -field and field:dir formats
-  let [field, dir] = defaultSortToApply.split(':');
-  if (field.startsWith('-')) {
-    field = field.slice(1);
-    dir = 'desc';
-  } else if (!['asc', 'desc'].includes(dir)) {
-    dir = 'asc';
-  }
-
-  const sortOption = sortOptionFromAPIString(field);
-  const sortField = sortOption.field;
-  if (sortField && sortField !== SortField.default) {
-    return {
-      field: sortField as ExplicitSortField,
-      direction: dir as SortDirection,
-    };
-  }
-  return { field: SortField.weeklyview, direction: 'desc' };
-}
-
 export const defaultSortAvailability: Record<SortField, boolean> = {
   [SortField.relevance]: true,
   [SortField.weeklyview]: true,
@@ -632,7 +580,10 @@ export const tvSortAvailability: Record<SortField, boolean> = {
   [SortField.dateadded]: false,
 };
 
-export const defaultProfileElementSorts: Record<string, ExplicitSortField> = {
+export const defaultProfileElementSorts: Record<
+  string,
+  Exclude<SortField, SortField.default>
+> = {
   uploads: SortField.datearchived,
   reviews: SortField.datereviewed,
   collections: SortField.datearchived,

package/src/restoration-state-handler.ts

@@ -337,7 +337,9 @@ export class RestorationStateHandler
     if (facetAnds) {
       facetAnds.forEach(and => {
         // eslint-disable-next-line prefer-const
-        let [field, value] = and.split(':');
+        let [field, ...valueParts] = and.split(':');
+        if (!valueParts.length) return;
+        const value = valueParts.join(':');
 
         // Legacy search allowed and[] fields like 'creatorSorter', 'languageSorter', etc.
         // which we want to normalize to 'creator', 'language', etc. if redirected here.
@@ -396,7 +398,9 @@ export class RestorationStateHandler
 
     if (facetNots) {
       facetNots.forEach(not => {
-        const [field, value] = not.split(':');
+        const [field, ...valueParts] = not.split(':');
+        if (!valueParts.length) return;
+        const value = valueParts.join(':');
         this.setSelectedFacetState(
           restorationState.selectedFacets,
           field as FacetOption,
@@ -531,7 +535,7 @@ export class RestorationStateHandler
     if (!facet) return; // Unrecognized facet group, ignore it.
 
     const unQuotedValue = this.stripQuotes(value);
-    facet[unQuotedValue] ??= this.getDefaultBucket(value);
+    facet[unQuotedValue] ??= this.getDefaultBucket(unQuotedValue);
     facet[unQuotedValue].state = state;
   }
 

package/src/sort-filter-bar/sort-filter-bar.ts

@@ -13,7 +13,6 @@ import type { SortDirection } from '@internetarchive/search-service';
 import {
   CollectionDisplayMode,
   defaultSortAvailability,
-  type ExplicitSortField,
   PrefixFilterCounts,
   PrefixFilterType,
   SORT_OPTIONS,
@@ -43,8 +42,10 @@ export class SortFilterBar extends LitElement {
   @property({ type: String }) defaultSortDirection: SortDirection | null = null;
 
   /** The default sort field to use if none is set */
-  @property({ type: String }) defaultSortField: ExplicitSortField =
-    SortField.relevance;
+  @property({ type: String }) defaultSortField: Exclude<
+    SortField,
+    SortField.default
+  > = SortField.relevance;
 
   /** The current sort direction (asc/desc), or null if none is set */
   @property({ type: String }) sortDirection: SortDirection | null = null;

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

@@ -227,7 +227,7 @@ export class HoverPaneController implements HoverPaneControllerInterface {
 
   /** @inheritdoc */
   toggleHoverPane(options: ToggleHoverPaneOptions): void {
-    if (this.hoverPaneState === 'shown') {
+    if (this.hoverPaneState !== 'hidden') {
       this.fadeOutHoverPane();
       this.forceTouchBackdrop = false;
     } else {
@@ -546,6 +546,7 @@ export class HoverPaneController implements HoverPaneControllerInterface {
     if (this.hoverPaneState !== 'hidden') {
       this.fadeOutHoverPane();
     }
+    e.preventDefault();
     e.stopPropagation();
   };
 

package/src/tiles/tile-dispatcher.ts

@@ -218,6 +218,15 @@ export class TileDispatcher
     return window.matchMedia('(hover: hover)').matches;
   }
 
+  /**
+   * Whether the info button should be shown on this tile.
+   * Only shown on touch/non-hover devices where a hover pane is available,
+   * so the button always has something to toggle.
+   */
+  private get shouldShowInfoButton(): boolean {
+    return !this.isHoverEnabled && this.shouldPrepareHoverPane;
+  }
+
   /** @inheritdoc */
   getHoverPane(): TileHoverPane | undefined {
     return this.hoverPane;
@@ -326,7 +335,7 @@ export class TileDispatcher
               .suppressBlurring=${this.suppressBlurring}
               .isManageView=${this.isManageView}
               .layoutType=${this.layoutType}
-              ?showInfoButton=${!this.isHoverEnabled}
+              ?showInfoButton=${this.shouldShowInfoButton}
               @infoButtonPressed=${this.tileInfoButtonPressed}
             >
             </collection-tile>`;
@@ -340,7 +349,7 @@ export class TileDispatcher
               .creatorFilter=${creatorFilter}
               .suppressBlurring=${this.suppressBlurring}
               .isManageView=${this.isManageView}
-              ?showInfoButton=${!this.isHoverEnabled}
+              ?showInfoButton=${this.shouldShowInfoButton}
               @infoButtonPressed=${this.tileInfoButtonPressed}
             >
             </account-tile>`;
@@ -373,7 +382,7 @@ export class TileDispatcher
               .isManageView=${this.isManageView}
               .layoutType=${this.layoutType}
               ?showTvClips=${this.showTvClips}
-              ?showInfoButton=${!this.isHoverEnabled}
+              ?showInfoButton=${this.shouldShowInfoButton}
               ?useLocalTime=${this.useLocalTime}
               @infoButtonPressed=${this.tileInfoButtonPressed}
             >

package/test/collection-browser.test.ts

@@ -1313,19 +1313,20 @@ describe('Collection Browser', () => {
     );
   });
 
-  it('sets default sort from externally-provided values', async () => {
+  it('sets default sort from collection metadata', async () => {
     const searchService = new MockSearchService();
     const el = await fixture<CollectionBrowser>(
       html`<collection-browser
         .searchService=${searchService}
         .baseNavigationUrl=${''}
-        .withinCollection=${'test-collection'}
-        .defaultSortField=${SortField.title}
-        .defaultSortDirection=${'asc'}
       ></collection-browser>`,
     );
 
+    el.withinCollection = 'default-sort';
+    await el.updateComplete;
+    await el.initialSearchComplete;
     await el.updateComplete;
+    await aTimeout(50);
 
     const sortBar = el.shadowRoot?.querySelector(
       'sort-filter-bar',
@@ -1337,19 +1338,20 @@ describe('Collection Browser', () => {
     expect(sortBar.sortDirection).to.be.null;
   });
 
-  it('reflects updated default sort field/direction on sort bar', async () => {
+  it('sets default sort from collection metadata in "-field" format', async () => {
     const searchService = new MockSearchService();
     const el = await fixture<CollectionBrowser>(
       html`<collection-browser
         .searchService=${searchService}
         .baseNavigationUrl=${''}
-        .withinCollection=${'test-collection'}
-        .defaultSortField=${SortField.dateadded}
-        .defaultSortDirection=${'desc'}
       ></collection-browser>`,
     );
 
+    el.withinCollection = 'default-sort-concise';
+    await el.updateComplete;
+    await el.initialSearchComplete;
     await el.updateComplete;
+    await aTimeout(50);
 
     const sortBar = el.shadowRoot?.querySelector(
       'sort-filter-bar',
@@ -1361,15 +1363,14 @@ describe('Collection Browser', () => {
     expect(sortBar.sortDirection).to.be.null;
   });
 
-  it('uses weekly views as default sort when set externally for profiles', async () => {
+  it('falls back to weekly views default sorting on profiles when tab not set', async () => {
     const el = await fixture<CollectionBrowser>(
       html`<collection-browser
         .withinProfile=${'@foobar'}
-        .defaultSortField=${SortField.weeklyview}
-        .defaultSortDirection=${'desc'}
       ></collection-browser>`,
     );
 
+    el.applyDefaultProfileSort();
     expect(el.defaultSortParam).to.deep.equal({
       field: 'week',
       direction: 'desc',
@@ -1402,19 +1403,20 @@ describe('Collection Browser', () => {
     expect(sortBar.sortDirection).to.be.null;
   });
 
-  it('uses date favorited sort as default when set externally for fav- collection', async () => {
+  it('uses date favorited sort as default when targeting fav- collection', async () => {
     const searchService = new MockSearchService();
     const el = await fixture<CollectionBrowser>(
       html`<collection-browser
         .searchService=${searchService}
         .baseNavigationUrl=${''}
-        .withinCollection=${'fav-sort'}
-        .defaultSortField=${SortField.datefavorited}
-        .defaultSortDirection=${'desc'}
       ></collection-browser>`,
     );
 
+    el.withinCollection = 'fav-sort';
     await el.updateComplete;
+    await el.initialSearchComplete;
+    await el.updateComplete;
+    await aTimeout(50);
 
     const sortBar = el.shadowRoot?.querySelector(
       'sort-filter-bar',