@internetarchive/collection-browser 3.4.1-alpha-webdev7761.4 → 3.4.1

package/dist/test/collection-browser.test.js

@@ -71,7 +71,7 @@ describe('Collection Browser', () => {
     });
     it('filterBy creator with analytics', async () => {
         const mockAnalyticsHandler = new MockAnalyticsHandler();
-        const el = await fixture(html `<collection-browser .analyticsHandler=${mockAnalyticsHandler}>
+        const el = await fixture(html `<collection-browser .analyticsHandler=${mockAnalyticsHandler}>
       </collection-browser>`);
         el.searchContext = 'betaSearchService';
         el.selectedSort = 'creator';
@@ -90,7 +90,7 @@ describe('Collection Browser', () => {
     });
     it('filterBy title with analytics', async () => {
         const mockAnalyticsHandler = new MockAnalyticsHandler();
-        const el = await fixture(html `<collection-browser .analyticsHandler=${mockAnalyticsHandler}>
+        const el = await fixture(html `<collection-browser .analyticsHandler=${mockAnalyticsHandler}>
       </collection-browser>`);
         el.searchContext = 'beta-search-service';
         el.selectedSort = 'title';
@@ -119,7 +119,7 @@ describe('Collection Browser', () => {
             collection: {},
             year: {},
         };
-        const el = await fixture(html `<collection-browser .analyticsHandler=${mockAnalyticsHandler}>
+        const el = await fixture(html `<collection-browser .analyticsHandler=${mockAnalyticsHandler}>
       </collection-browser>`);
         el.searchContext = 'search-service';
         el.selectedFacets = mockedSelectedFacets;
@@ -166,7 +166,7 @@ describe('Collection Browser', () => {
             collection: {},
             year: {},
         };
-        const el = await fixture(html `<collection-browser .analyticsHandler=${mockAnalyticsHandler}>
+        const el = await fixture(html `<collection-browser .analyticsHandler=${mockAnalyticsHandler}>
       </collection-browser>`);
         el.searchContext = 'beta-search-service';
         el.selectedFacets = mockedSelectedFacets;
@@ -202,73 +202,78 @@ describe('Collection Browser', () => {
         expect(mockAnalyticsHandler.callLabel).to.equal('mediatype');
     });
     it('should render with a sort bar, facets, and infinite scroller', async () => {
+        var _a, _b, _c;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'hello';
         await el.updateComplete;
         await nextTick();
-        const facets = el.shadowRoot?.querySelector('collection-facets');
-        const sortBar = el.shadowRoot?.querySelector('sort-filter-bar');
-        const infiniteScroller = el.shadowRoot?.querySelector('infinite-scroller');
+        const facets = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('collection-facets');
+        const sortBar = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('sort-filter-bar');
+        const infiniteScroller = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('infinite-scroller');
         expect(facets, 'facets').to.exist;
         expect(sortBar, 'sort bar').to.exist;
         expect(infiniteScroller, 'infinite scroller').to.exist;
     });
     it('queries the search service when given a base query', async () => {
+        var _a, _b, _c;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'collection:foo';
         await el.updateComplete;
         await el.initialSearchComplete;
-        expect(searchService.searchParams?.query).to.equal('collection:foo');
-        expect(el.shadowRoot?.querySelector('#big-results-label')?.textContent).to.contains('Results');
+        expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.equal('collection:foo');
+        expect((_c = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#big-results-label')) === null || _c === void 0 ? void 0 : _c.textContent).to.contains('Results');
     });
     it('queries the search service when given a list of identifiers and no query', async () => {
+        var _a, _b, _c;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.identifiers = ['foo', 'bar'];
         await el.updateComplete;
         await el.initialSearchComplete;
-        expect(searchService.searchParams?.identifiers).to.deep.equal([
+        expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.identifiers).to.deep.equal([
             'foo',
             'bar',
         ]);
-        expect(el.shadowRoot?.querySelector('#big-results-label')?.textContent).to.contains('Results');
+        expect((_c = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#big-results-label')) === null || _c === void 0 ? void 0 : _c.textContent).to.contains('Results');
     });
     it('queries the search service when given a list of identifiers with a query', async () => {
+        var _a, _b, _c, _d;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'collection:foo';
         el.identifiers = ['foo', 'bar'];
         await el.updateComplete;
         await el.initialSearchComplete;
-        expect(searchService.searchParams?.query).to.equal('collection:foo');
-        expect(searchService.searchParams?.identifiers).to.deep.equal([
+        expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.equal('collection:foo');
+        expect((_b = searchService.searchParams) === null || _b === void 0 ? void 0 : _b.identifiers).to.deep.equal([
             'foo',
             'bar',
         ]);
-        expect(el.shadowRoot?.querySelector('#big-results-label')?.textContent).to.contains('Results');
+        expect((_d = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#big-results-label')) === null || _d === void 0 ? void 0 : _d.textContent).to.contains('Results');
     });
     it('queries the search service with a metadata search', async () => {
+        var _a, _b, _c;
         const searchService = new MockSearchService();
-        const el = await fixture(html ` <collection-browser .searchService=${searchService}>
+        const el = await fixture(html ` <collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.searchType = SearchType.METADATA;
         await el.updateComplete;
         el.baseQuery = 'collection:foo';
         await el.updateComplete;
         await el.initialSearchComplete;
-        expect(searchService.searchParams?.query).to.equal('collection:foo');
+        expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.equal('collection:foo');
         expect(searchService.searchType).to.equal(SearchType.METADATA);
-        expect(el.shadowRoot?.querySelector('#big-results-label')?.textContent).to.contains('Results');
+        expect((_c = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#big-results-label')) === null || _c === void 0 ? void 0 : _c.textContent).to.contains('Results');
     });
     it('can change search type', async () => {
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'collection:foo';
         await el.updateComplete;
@@ -278,45 +283,49 @@ describe('Collection Browser', () => {
         expect(searchService.searchType).to.equal(SearchType.FULLTEXT);
     });
     it('queries the search service with a fulltext search', async () => {
+        var _a, _b, _c;
         const searchService = new MockSearchService();
-        const el = await fixture(html ` <collection-browser .searchService=${searchService}>
+        const el = await fixture(html ` <collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.searchType = SearchType.FULLTEXT;
         await el.updateComplete;
         el.baseQuery = 'collection:foo';
         await el.updateComplete;
         await el.initialSearchComplete;
-        expect(searchService.searchParams?.query).to.equal('collection:foo');
+        expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.equal('collection:foo');
         expect(searchService.searchType).to.equal(SearchType.FULLTEXT);
-        expect(el.shadowRoot?.querySelector('#big-results-label')?.textContent).to.contains('Results');
+        expect((_c = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#big-results-label')) === null || _c === void 0 ? void 0 : _c.textContent).to.contains('Results');
     });
     it('queries the search service with a radio search', async () => {
+        var _a, _b, _c;
         const searchService = new MockSearchService();
-        const el = await fixture(html ` <collection-browser .searchService=${searchService}>
+        const el = await fixture(html ` <collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.searchType = SearchType.RADIO;
         await el.updateComplete;
         el.baseQuery = 'collection:foo';
         await el.updateComplete;
         await el.initialSearchComplete;
-        expect(searchService.searchParams?.query).to.equal('collection:foo');
+        expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.equal('collection:foo');
         expect(searchService.searchType).to.equal(SearchType.RADIO);
-        expect(el.shadowRoot?.querySelector('#big-results-label')?.textContent).to.contains('Results');
+        expect((_c = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#big-results-label')) === null || _c === void 0 ? void 0 : _c.textContent).to.contains('Results');
     });
     it('queries the search service with a TV search', async () => {
+        var _a, _b, _c;
         const searchService = new MockSearchService();
-        const el = await fixture(html ` <collection-browser .searchService=${searchService}>
+        const el = await fixture(html ` <collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.searchType = SearchType.TV;
         await el.updateComplete;
         el.baseQuery = 'collection:foo';
         await el.updateComplete;
         await el.initialSearchComplete;
-        expect(searchService.searchParams?.query).to.equal('collection:foo');
+        expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.equal('collection:foo');
         expect(searchService.searchType).to.equal(SearchType.TV);
-        expect(el.shadowRoot?.querySelector('#big-results-label')?.textContent).to.contains('Results');
+        expect((_c = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#big-results-label')) === null || _c === void 0 ? void 0 : _c.textContent).to.contains('Results');
     });
     it('queries the search service with facets selected/negated', async () => {
+        var _a, _b;
         const searchService = new MockSearchService();
         const selectedFacets = {
             subject: {
@@ -344,14 +353,14 @@ describe('Collection Browser', () => {
             collection: {},
             year: {},
         };
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'collection:foo';
         el.selectedFacets = selectedFacets;
         await el.updateComplete;
         await el.initialSearchComplete;
-        expect(searchService.searchParams?.query).to.equal('collection:foo');
-        expect(searchService.searchParams?.filters).to.deep.equal({
+        expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.equal('collection:foo');
+        expect((_b = searchService.searchParams) === null || _b === void 0 ? void 0 : _b.filters).to.deep.equal({
             subject: {
                 foo: 'inc',
                 bar: 'exc',
@@ -362,13 +371,14 @@ describe('Collection Browser', () => {
         });
     });
     it('fails gracefully if no search service provided', async () => {
+        var _a;
         const el = await fixture(html `<collection-browser></collection-browser>`);
         el.baseQuery = 'collection:foo';
         await el.updateComplete;
         // This shouldn't throw an error
         expect(el.dataSource.fetchPage(3)).to.exist;
         // Should continue showing the empty placeholder
-        expect(el.shadowRoot?.querySelector('empty-placeholder')).to.exist;
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('empty-placeholder')).to.exist;
     });
     it('restores search type from URL param', async () => {
         // Add a sin=TXT param to the URL
@@ -376,7 +386,7 @@ describe('Collection Browser', () => {
         url.searchParams.append('sin', 'TXT');
         window.history.replaceState({}, '', url);
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         expect(el.searchType).to.equal(SearchType.FULLTEXT);
     });
@@ -386,10 +396,10 @@ describe('Collection Browser', () => {
         url.searchParams.append('sin', 'TXT');
         window.history.replaceState({}, '', url);
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        suppressURLSinParam
-      >
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        suppressURLSinParam
+      >
       </collection-browser>`);
         url = new URL(window.location.href);
         expect(el.searchType).to.equal(SearchType.DEFAULT);
@@ -401,7 +411,7 @@ describe('Collection Browser', () => {
     });
     it('can construct tile models with many fields present', async () => {
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'many-fields';
         await el.updateComplete;
@@ -414,10 +424,10 @@ describe('Collection Browser', () => {
     it('emits empty results event when search fetches no results', async () => {
         const searchService = new MockSearchService();
         const emptyResultsSpy = sinon.spy();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        @emptyResults=${emptyResultsSpy}
-      >
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        @emptyResults=${emptyResultsSpy}
+      >
       </collection-browser>`);
         el.baseQuery = 'no-results';
         await el.updateComplete;
@@ -427,10 +437,10 @@ describe('Collection Browser', () => {
     it('emits searchError event when search results in an error', async () => {
         const searchService = new MockSearchService();
         const searchErrorSpy = sinon.spy();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        @searchError=${searchErrorSpy}
-      >
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        @searchError=${searchErrorSpy}
+      >
       </collection-browser>`);
         el.baseQuery = 'error';
         await el.updateComplete;
@@ -438,8 +448,9 @@ describe('Collection Browser', () => {
         expect(searchErrorSpy.callCount).to.equal(1);
     });
     it('applies loggedin flag to tile models if needed', async () => {
+        var _a;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'loggedin';
         await el.updateComplete;
@@ -448,11 +459,12 @@ describe('Collection Browser', () => {
         expect(cellTemplate).to.exist;
         const cell = await fixture(cellTemplate);
         expect(cell).to.exist;
-        expect(cell.model?.loginRequired).to.be.true;
+        expect((_a = cell.model) === null || _a === void 0 ? void 0 : _a.loginRequired).to.be.true;
     });
     it('applies no-preview flag to tile models if needed', async () => {
+        var _a;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'no-preview';
         await el.updateComplete;
@@ -461,11 +473,12 @@ describe('Collection Browser', () => {
         expect(cellTemplate).to.exist;
         const cell = await fixture(cellTemplate);
         expect(cell).to.exist;
-        expect(cell.model?.contentWarning).to.be.true;
+        expect((_a = cell.model) === null || _a === void 0 ? void 0 : _a.contentWarning).to.be.true;
     });
     it('both loggedin and no-preview flags can be set simultaneously', async () => {
+        var _a, _b;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'loggedin-no-preview';
         await el.updateComplete;
@@ -474,12 +487,13 @@ describe('Collection Browser', () => {
         expect(cellTemplate).to.exist;
         const cell = await fixture(cellTemplate);
         expect(cell).to.exist;
-        expect(cell.model?.loginRequired).to.be.true;
-        expect(cell.model?.contentWarning).to.be.true;
+        expect((_a = cell.model) === null || _a === void 0 ? void 0 : _a.loginRequired).to.be.true;
+        expect((_b = cell.model) === null || _b === void 0 ? void 0 : _b.contentWarning).to.be.true;
     });
     it('joins full description array into a single string with line breaks', async () => {
+        var _a;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         // This query receives an array description like ['line1', 'line2']
         el.baseQuery = 'multi-line-description';
@@ -490,54 +504,58 @@ describe('Collection Browser', () => {
         const cell = await fixture(cellTemplate);
         expect(cell).to.exist;
         // Actual model description should be joined
-        expect(cell.model?.description).to.equal('line1\nline2');
+        expect((_a = cell.model) === null || _a === void 0 ? void 0 : _a.description).to.equal('line1\nline2');
     });
     it('can change search type', async () => {
+        var _a;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .searchType=${SearchType.METADATA}
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .searchType=${SearchType.METADATA}
       ></collection-browser>`);
         el.baseQuery = 'collection:foo';
         el.searchType = SearchType.FULLTEXT;
         await el.updateComplete;
         await el.initialSearchComplete;
-        expect(searchService.searchParams?.query).to.equal('collection:foo');
+        expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.equal('collection:foo');
         expect(searchService.searchType).to.equal(SearchType.FULLTEXT);
     });
     it('trims queries of leading/trailing whitespace', async () => {
+        var _a;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
       ></collection-browser>`);
         el.baseQuery = '   collection:foo   ';
         await el.updateComplete;
         await el.initialSearchComplete;
-        expect(searchService.searchParams?.query).to.equal('collection:foo');
+        expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.equal('collection:foo');
     });
     it('shows error message when error response received', async () => {
+        var _a, _b;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
       ></collection-browser>`);
         el.baseQuery = 'error';
         await el.updateComplete;
         await el.initialSearchComplete;
-        const errorPlaceholder = el.shadowRoot?.querySelector('empty-placeholder');
-        const errorDetails = errorPlaceholder?.shadowRoot?.querySelector('.error-details');
+        const errorPlaceholder = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('empty-placeholder');
+        const errorDetails = (_b = errorPlaceholder === null || errorPlaceholder === void 0 ? void 0 : errorPlaceholder.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.error-details');
         expect(errorDetails).to.exist;
         expect(errorDetails.textContent).to.contain('foo');
     });
     it('shows error message when error response received for a collection', async () => {
+        var _a, _b;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
       ></collection-browser>`);
         el.withinCollection = 'error';
         await el.updateComplete;
         await el.initialSearchComplete;
-        const errorPlaceholder = el.shadowRoot?.querySelector('empty-placeholder');
-        const errorDetails = errorPlaceholder?.shadowRoot?.querySelector('.error-details');
+        const errorPlaceholder = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('empty-placeholder');
+        const errorDetails = (_b = errorPlaceholder === null || errorPlaceholder === void 0 ? void 0 : errorPlaceholder.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.error-details');
         expect(errorDetails).to.exist;
         expect(errorDetails.textContent).to.contain('foo');
     });
@@ -546,8 +564,8 @@ describe('Collection Browser', () => {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         window.Sentry = { captureMessage: sentrySpy };
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
       ></collection-browser>`);
         el.baseQuery = 'malformed';
         await el.updateComplete;
@@ -556,7 +574,7 @@ describe('Collection Browser', () => {
     });
     it('adds collection names to cache when present on response', async () => {
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'collection-titles';
         await el.updateComplete;
@@ -568,7 +586,7 @@ describe('Collection Browser', () => {
     });
     it('adds tv channel aliases to cache when present on response', async () => {
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'channel-aliases';
         await el.updateComplete;
@@ -582,7 +600,7 @@ describe('Collection Browser', () => {
             asyncResponse: true,
             resultsSpy,
         });
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'with-sort';
         el.selectedSort = SortField.date;
@@ -599,7 +617,7 @@ describe('Collection Browser', () => {
             asyncResponse: true,
             resultsSpy,
         });
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'with-sort';
         el.selectedSort = SortField.date;
@@ -621,7 +639,7 @@ describe('Collection Browser', () => {
             asyncResponse: true,
             resultsSpy,
         });
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'single-result';
         await el.updateComplete;
@@ -642,7 +660,7 @@ describe('Collection Browser', () => {
             asyncResponse: true,
             resultsSpy,
         });
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'with-sort';
         el.selectedSort = SortField.date;
@@ -659,34 +677,32 @@ describe('Collection Browser', () => {
         expect(resultsSpy.callCount).to.equal(0);
     });
     it('sets sort properties when user changes sort', async () => {
+        var _a, _b, _c, _d, _e, _f;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         expect(el.selectedSort).to.equal(SortField.default);
         el.baseQuery = 'foo';
         await el.updateComplete;
         await nextTick();
-        const sortBar = el.shadowRoot?.querySelector('#content-container sort-filter-bar');
-        const sortSelector = sortBar?.shadowRoot?.querySelector('#desktop-sort-selector');
+        const sortBar = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#content-container sort-filter-bar');
+        const sortSelector = (_b = sortBar === null || sortBar === void 0 ? void 0 : sortBar.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#desktop-sort-selector');
         expect(sortSelector, 'sort bar').to.exist;
         // Click the title sorter
-        Array.from(sortSelector.children)
-            .find(child => child.textContent?.trim() === 'Title')
-            ?.querySelector('button')
-            ?.click();
+        (_d = (_c = Array.from(sortSelector.children)
+            .find(child => { var _a; return ((_a = child.textContent) === null || _a === void 0 ? void 0 : _a.trim()) === 'Title'; })) === null || _c === void 0 ? void 0 : _c.querySelector('button')) === null || _d === void 0 ? void 0 : _d.click();
         await el.updateComplete;
         expect(el.selectedSort).to.equal(SortField.title);
         // Click the creator sorter
-        Array.from(sortSelector.children)
-            .find(child => child.textContent?.trim() === 'Creator')
-            ?.querySelector('button')
-            ?.click();
+        (_f = (_e = Array.from(sortSelector.children)
+            .find(child => { var _a; return ((_a = child.textContent) === null || _a === void 0 ? void 0 : _a.trim()) === 'Creator'; })) === null || _e === void 0 ? void 0 : _e.querySelector('button')) === null || _f === void 0 ? void 0 : _f.click();
         await el.updateComplete;
         expect(el.selectedSort).to.equal(SortField.creator);
     });
     it('sets sort filter properties when user selects title filter', async () => {
+        var _a, _b, _c, _d;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'first-title';
         el.selectedSort = 'title';
@@ -694,12 +710,13 @@ describe('Collection Browser', () => {
         el.selectedTitleFilter = 'X';
         await el.updateComplete;
         await el.initialSearchComplete;
-        expect(searchService.searchParams?.query).to.equal('first-title');
-        expect(searchService.searchParams?.filters?.firstTitle?.X).to.equal(FilterConstraint.INCLUDE);
+        expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.equal('first-title');
+        expect((_d = (_c = (_b = searchService.searchParams) === null || _b === void 0 ? void 0 : _b.filters) === null || _c === void 0 ? void 0 : _c.firstTitle) === null || _d === void 0 ? void 0 : _d.X).to.equal(FilterConstraint.INCLUDE);
     });
     it('sets sort filter properties when user selects creator filter', async () => {
+        var _a, _b, _c, _d;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'first-creator';
         el.selectedSort = 'creator';
@@ -707,10 +724,11 @@ describe('Collection Browser', () => {
         el.selectedCreatorFilter = 'X';
         await el.updateComplete;
         await el.initialSearchComplete;
-        expect(searchService.searchParams?.query).to.equal('first-creator');
-        expect(searchService.searchParams?.filters?.firstCreator?.X).to.equal(FilterConstraint.INCLUDE);
+        expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.equal('first-creator');
+        expect((_d = (_c = (_b = searchService.searchParams) === null || _b === void 0 ? void 0 : _b.filters) === null || _c === void 0 ? void 0 : _c.firstCreator) === null || _d === void 0 ? void 0 : _d.X).to.equal(FilterConstraint.INCLUDE);
     });
     it('sets sort filter properties simultaneous with facets and date range', async () => {
+        var _a, _b;
         const searchService = new MockSearchService();
         const selectedFacets = {
             collection: { foo: { key: 'foo', state: 'selected', count: 1 } },
@@ -721,7 +739,7 @@ describe('Collection Browser', () => {
             subject: {},
             year: {},
         };
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'first-creator';
         el.selectedSort = 'creator';
@@ -732,8 +750,8 @@ describe('Collection Browser', () => {
         el.selectedCreatorFilter = 'X';
         await el.updateComplete;
         await el.initialSearchComplete;
-        expect(searchService.searchParams?.query).to.equal('first-creator');
-        expect(searchService.searchParams?.filters).to.deep.equal({
+        expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.equal('first-creator');
+        expect((_b = searchService.searchParams) === null || _b === void 0 ? void 0 : _b.filters).to.deep.equal({
             collection: {
                 foo: 'inc',
             },
@@ -746,52 +764,46 @@ describe('Collection Browser', () => {
             },
         });
     });
-    it('applies correct TV search filter for commercials', async () => {
+    it('applies correct search filter when TV clip filter set to commercials', async () => {
+        var _a, _b, _c;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'tv-fields';
         el.searchType = SearchType.TV;
-        el.selectedFacets = {
-            clip_type: {
-                commercial: { key: 'commercial', count: 1, state: 'selected' },
-            },
-        };
+        el.tvClipFilter = 'commercials';
         await el.updateComplete;
         await el.initialSearchComplete;
-        expect(searchService.searchParams?.filters?.clip_type?.commercial).to.equal(FilterConstraint.INCLUDE);
+        expect((_c = (_b = (_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.filters) === null || _b === void 0 ? void 0 : _b.ad_id) === null || _c === void 0 ? void 0 : _c['*']).to.equal(FilterConstraint.INCLUDE);
     });
-    it('applies correct TV search filter for fact checks', async () => {
+    it('applies correct search filter when TV clip filter set to factchecks', async () => {
+        var _a, _b, _c;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'tv-fields';
         el.searchType = SearchType.TV;
-        el.selectedFacets = {
-            clip_type: {
-                'fact check': { key: 'fact check', count: 1, state: 'selected' },
-            },
-        };
+        el.tvClipFilter = 'factchecks';
         await el.updateComplete;
         await el.initialSearchComplete;
-        expect(searchService.searchParams?.filters?.clip_type?.['fact check']).to.equal(FilterConstraint.INCLUDE);
+        expect((_c = (_b = (_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.filters) === null || _b === void 0 ? void 0 : _b.factcheck) === null || _c === void 0 ? void 0 : _c['*']).to.equal(FilterConstraint.INCLUDE);
     });
-    it('applies correct TV search filter for quotes', async () => {
+    it('applies correct search filter when TV clip filter set to quotes', async () => {
+        var _a, _b, _c;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'tv-fields';
         el.searchType = SearchType.TV;
-        el.selectedFacets = {
-            clip_type: { quote: { key: 'quote', count: 1, state: 'selected' } },
-        };
+        el.tvClipFilter = 'quotes';
         await el.updateComplete;
         await el.initialSearchComplete;
-        expect(searchService.searchParams?.filters?.clip_type?.quote).to.equal(FilterConstraint.INCLUDE);
+        expect((_c = (_b = (_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.filters) === null || _b === void 0 ? void 0 : _b.clip) === null || _c === void 0 ? void 0 : _c['1']).to.equal(FilterConstraint.INCLUDE);
     });
     it('resets letter filters when query changes', async () => {
+        var _a, _b, _c, _d, _e, _f, _g;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'first-creator';
         el.selectedSort = 'creator';
@@ -800,34 +812,35 @@ describe('Collection Browser', () => {
         await el.updateComplete;
         await el.initialSearchComplete;
         await nextTick();
-        expect(searchService.searchParams?.query).to.equal('first-creator');
-        expect(searchService.searchParams?.filters?.firstCreator?.X).to.equal(FilterConstraint.INCLUDE);
+        expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.equal('first-creator');
+        expect((_d = (_c = (_b = searchService.searchParams) === null || _b === void 0 ? void 0 : _b.filters) === null || _c === void 0 ? void 0 : _c.firstCreator) === null || _d === void 0 ? void 0 : _d.X).to.equal(FilterConstraint.INCLUDE);
         el.baseQuery = 'collection:foo';
         await el.updateComplete;
         await nextTick();
-        expect(searchService.searchParams?.query).to.equal('collection:foo');
-        expect(searchService.searchParams?.filters?.firstCreator).not.to.exist;
+        expect((_e = searchService.searchParams) === null || _e === void 0 ? void 0 : _e.query).to.equal('collection:foo');
+        expect((_g = (_f = searchService.searchParams) === null || _f === void 0 ? void 0 : _f.filters) === null || _g === void 0 ? void 0 : _g.firstCreator).not.to.exist;
     });
     it('sets date range query when date picker selection changed', async () => {
+        var _a, _b, _c;
         const searchService = new MockSearchService();
         const mockAnalyticsHandler = new MockAnalyticsHandler();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .analyticsHandler=${mockAnalyticsHandler}
-        .suppressPlaceholders=${true}
-      >
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .analyticsHandler=${mockAnalyticsHandler}
+        .suppressPlaceholders=${true}
+      >
       </collection-browser>`);
         el.baseQuery = 'years'; // Includes year_histogram aggregation in response
         el.showHistogramDatePicker = true;
         await el.updateComplete;
-        const facets = el.shadowRoot?.querySelector('collection-facets');
-        await facets?.updateComplete;
+        const facets = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('collection-facets');
+        await (facets === null || facets === void 0 ? void 0 : facets.updateComplete);
         // Wait for the date picker to be rendered (which may take until the next tick)
         await nextTick();
-        const histogram = facets?.shadowRoot?.querySelector('histogram-date-range');
+        const histogram = (_b = facets === null || facets === void 0 ? void 0 : facets.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('histogram-date-range');
         expect(histogram, 'histogram exists').to.exist;
         // Enter a new min date into the date picker
-        const minDateInput = histogram.shadowRoot?.querySelector('#date-min');
+        const minDateInput = (_c = histogram.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#date-min');
         const pressEnterEvent = new KeyboardEvent('keyup', {
             key: 'Enter',
         });
@@ -842,24 +855,25 @@ describe('Collection Browser', () => {
         expect(el.maxSelectedDate).to.equal('2009');
     });
     it('sets date range query when monthly date picker selection changed', async () => {
+        var _a, _b, _c;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .suppressPlaceholders=${true}
-      >
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .suppressPlaceholders=${true}
+      >
       </collection-browser>`);
         el.baseQuery = 'months'; // Includes date_histogram aggregation in response
         el.searchType = SearchType.TV;
         el.showHistogramDatePicker = true;
         await el.updateComplete;
-        const facets = el.shadowRoot?.querySelector('collection-facets');
-        await facets?.updateComplete;
+        const facets = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('collection-facets');
+        await (facets === null || facets === void 0 ? void 0 : facets.updateComplete);
         // Wait for the date picker to be rendered (which may take until the next tick)
         await nextTick();
-        const histogram = facets?.shadowRoot?.querySelector('histogram-date-range');
+        const histogram = (_b = facets === null || facets === void 0 ? void 0 : facets.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('histogram-date-range');
         expect(histogram, 'histogram exists').to.exist;
         // Enter a new min date into the date picker
-        const minDateInput = histogram.shadowRoot?.querySelector('#date-min');
+        const minDateInput = (_c = histogram.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#date-min');
         const pressEnterEvent = new KeyboardEvent('keyup', {
             key: 'Enter',
         });
@@ -874,11 +888,12 @@ describe('Collection Browser', () => {
         expect(el.maxSelectedDate).to.equal('2002-12');
     });
     it('emits event when results start and end loading', async () => {
+        var _a, _b, _c, _d;
         const spy = sinon.spy();
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        @searchResultsLoadingChanged=${spy}
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        @searchResultsLoadingChanged=${spy}
       ></collection-browser>`);
         spy.resetHistory();
         el.baseQuery = 'collection:foo';
@@ -886,14 +901,15 @@ describe('Collection Browser', () => {
         await el.initialSearchComplete;
         // Should initially emit loading=true, then later emit loading=false
         expect(spy.callCount).to.equal(2);
-        expect(spy.firstCall.firstArg?.detail?.loading).to.equal(true);
-        expect(spy.secondCall.firstArg?.detail?.loading).to.equal(false);
+        expect((_b = (_a = spy.firstCall.firstArg) === null || _a === void 0 ? void 0 : _a.detail) === null || _b === void 0 ? void 0 : _b.loading).to.equal(true);
+        expect((_d = (_c = spy.secondCall.firstArg) === null || _c === void 0 ? void 0 : _c.detail) === null || _d === void 0 ? void 0 : _d.loading).to.equal(false);
     });
     it('collapses extra set of quotes around href field', async () => {
+        var _a;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .baseNavigationUrl=${''}
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .baseNavigationUrl=${''}
       ></collection-browser>`);
         el.baseQuery = 'extra-quoted-href';
         await el.updateComplete;
@@ -901,20 +917,21 @@ describe('Collection Browser', () => {
         await el.updateComplete;
         await aTimeout(50);
         // Original href q param starts/ends with %22%22, but should be collapsed to %22 before render
-        expect(el.dataSource.getTileModelAt(0)?.href).to.equal('/details/foo?q=%22quoted+query%22');
+        expect((_a = el.dataSource.getTileModelAt(0)) === null || _a === void 0 ? void 0 : _a.href).to.equal('/details/foo?q=%22quoted+query%22');
     });
     it('sets default sort from collection metadata', async () => {
+        var _a;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .baseNavigationUrl=${''}
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .baseNavigationUrl=${''}
       ></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');
+        const sortBar = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('sort-filter-bar');
         expect(sortBar).to.exist;
         expect(sortBar.defaultSortField).to.equal(SortField.title);
         expect(sortBar.defaultSortDirection).to.equal('asc');
@@ -922,17 +939,18 @@ describe('Collection Browser', () => {
         expect(sortBar.sortDirection).to.be.null;
     });
     it('sets default sort from collection metadata in "-field" format', async () => {
+        var _a;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .baseNavigationUrl=${''}
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .baseNavigationUrl=${''}
       ></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');
+        const sortBar = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('sort-filter-bar');
         expect(sortBar).to.exist;
         expect(sortBar.defaultSortField).to.equal(SortField.dateadded);
         expect(sortBar.defaultSortDirection).to.equal('desc');
@@ -940,8 +958,8 @@ describe('Collection Browser', () => {
         expect(sortBar.sortDirection).to.be.null;
     });
     it('falls back to weekly views default sorting on profiles when tab not set', async () => {
-        const el = await fixture(html `<collection-browser
-        .withinProfile=${'@foobar'}
+        const el = await fixture(html `<collection-browser
+        .withinProfile=${'@foobar'}
       ></collection-browser>`);
         el.applyDefaultProfileSort();
         expect(el.defaultSortParam).to.deep.equal({
@@ -950,10 +968,11 @@ describe('Collection Browser', () => {
         });
     });
     it('uses relevance sort as default when a query is set', async () => {
+        var _a;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .baseNavigationUrl=${''}
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .baseNavigationUrl=${''}
       ></collection-browser>`);
         el.withinCollection = 'default-sort';
         el.baseQuery = 'default-sort';
@@ -961,7 +980,7 @@ describe('Collection Browser', () => {
         await el.initialSearchComplete;
         await el.updateComplete;
         await aTimeout(50);
-        const sortBar = el.shadowRoot?.querySelector('sort-filter-bar');
+        const sortBar = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('sort-filter-bar');
         expect(sortBar).to.exist;
         expect(sortBar.defaultSortField).to.equal(SortField.relevance);
         expect(sortBar.defaultSortDirection).to.be.null;
@@ -969,17 +988,18 @@ describe('Collection Browser', () => {
         expect(sortBar.sortDirection).to.be.null;
     });
     it('uses date favorited sort as default when targeting fav- collection', async () => {
+        var _a;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .baseNavigationUrl=${''}
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .baseNavigationUrl=${''}
       ></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');
+        const sortBar = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('sort-filter-bar');
         expect(sortBar).to.exist;
         expect(sortBar.defaultSortField).to.equal(SortField.datefavorited);
         expect(sortBar.defaultSortDirection).to.equal('desc');
@@ -987,8 +1007,9 @@ describe('Collection Browser', () => {
         expect(sortBar.sortDirection).to.be.null;
     });
     it('scrolls to page', async () => {
+        var _a;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         // Infinite scroller won't exist unless there's a base query.
         // First ensure that we don't throw errors when it doesn't exist.
@@ -998,7 +1019,7 @@ describe('Collection Browser', () => {
         el.baseQuery = 'collection:foo';
         await el.updateComplete;
         await nextTick();
-        const infiniteScroller = el.shadowRoot?.querySelector('infinite-scroller');
+        const infiniteScroller = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('infinite-scroller');
         expect(infiniteScroller).to.exist;
         const oldScrollToCell = infiniteScroller.scrollToCell;
         const spy = sinon.spy();
@@ -1008,14 +1029,15 @@ describe('Collection Browser', () => {
         infiniteScroller.scrollToCell = oldScrollToCell;
     });
     it('shows mobile facets in mobile view', async () => {
+        var _a, _b;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .mobileBreakpoint=${9999}
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .mobileBreakpoint=${9999}
       ></collection-browser>`);
         el.baseQuery = 'collection:foo';
         await el.updateComplete;
-        const contentContainer = el.shadowRoot?.querySelector('#content-container');
+        const contentContainer = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#content-container');
         el.handleResize({
             target: contentContainer,
             contentRect: contentContainer.getBoundingClientRect(),
@@ -1024,21 +1046,22 @@ describe('Collection Browser', () => {
             devicePixelContentBoxSize: [],
         });
         await el.updateComplete;
-        const mobileFacets = el.shadowRoot?.querySelector('#mobile-filter-collapse');
+        const mobileFacets = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#mobile-filter-collapse');
         expect(mobileFacets).to.exist;
     });
     it('fires analytics when mobile facets toggled', async () => {
+        var _a, _b;
         const searchService = new MockSearchService();
         const analyticsHandler = new MockAnalyticsHandler();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .analyticsHandler=${analyticsHandler}
-        .searchContext=${'foobar-context'}
-        .mobileBreakpoint=${9999}
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .analyticsHandler=${analyticsHandler}
+        .searchContext=${'foobar-context'}
+        .mobileBreakpoint=${9999}
       ></collection-browser>`);
         el.baseQuery = 'collection:foo';
         await el.updateComplete;
-        const contentContainer = el.shadowRoot?.querySelector('#content-container');
+        const contentContainer = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#content-container');
         el.handleResize({
             target: contentContainer,
             contentRect: contentContainer.getBoundingClientRect(),
@@ -1047,7 +1070,7 @@ describe('Collection Browser', () => {
             devicePixelContentBoxSize: [],
         });
         await el.updateComplete;
-        const mobileFacets = el.shadowRoot?.querySelector('#mobile-filter-collapse');
+        const mobileFacets = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#mobile-filter-collapse');
         expect(mobileFacets).to.exist;
         // We set up a Promise to wait for the 'toggle' event on the collapser,
         // which is what triggers the analytics.
@@ -1074,9 +1097,9 @@ describe('Collection Browser', () => {
     });
     it('sets parent collections to prop when searching a collection', async () => {
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .withinCollection=${'fake'}
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .withinCollection=${'fake'}
       ></collection-browser>`);
         el.baseQuery = 'parent-collections';
         await el.updateComplete;
@@ -1086,9 +1109,9 @@ describe('Collection Browser', () => {
     });
     it('recognizes TV collections', async () => {
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .withinCollection=${'TV-FOO'}
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .withinCollection=${'TV-FOO'}
       ></collection-browser>`);
         el.baseQuery = 'tv-collection';
         await el.updateComplete;
@@ -1097,18 +1120,19 @@ describe('Collection Browser', () => {
         expect(el.isTVCollection).to.be.true;
     });
     it('refreshes when certain properties change - with some analytics event sampling', async () => {
+        var _a;
         const mockAnalyticsHandler = new MockAnalyticsHandler();
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .analyticsHandler=${mockAnalyticsHandler}
-        .searchService=${searchService}
+        const el = await fixture(html `<collection-browser
+        .analyticsHandler=${mockAnalyticsHandler}
+        .searchService=${searchService}
       ></collection-browser>`);
         const infiniteScrollerRefreshSpy = sinon.spy();
         // Infinite scroller won't exist unless there's a base query
         el.baseQuery = 'collection:foo';
         await el.updateComplete;
         await nextTick();
-        const infiniteScroller = el.shadowRoot?.querySelector('infinite-scroller');
+        const infiniteScroller = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('infinite-scroller');
         infiniteScroller.reload = infiniteScrollerRefreshSpy;
         expect(infiniteScrollerRefreshSpy.called).to.be.false;
         expect(infiniteScrollerRefreshSpy.callCount).to.equal(0);
@@ -1145,13 +1169,14 @@ describe('Collection Browser', () => {
         expect(infiniteScrollerRefreshSpy.callCount, '6th Infinite Scroller Refresh').to.equal(6);
     });
     it('query the search service for single result', async () => {
+        var _a, _b;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'single-result';
         await el.updateComplete;
         await el.initialSearchComplete;
-        expect(el.shadowRoot?.querySelector('#big-results-label')?.textContent).to.contains('Result');
+        expect((_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#big-results-label')) === null || _b === void 0 ? void 0 : _b.textContent).to.contains('Result');
     });
     it('`searchContext` prop helps describe where component is being used', async () => {
         const el = await fixture(html `<collection-browser></collection-browser>`);
@@ -1163,6 +1188,7 @@ describe('Collection Browser', () => {
         expect(el.getAttribute('searchcontext')).to.equal('unicorn-search');
     });
     it('respects the initial set of URL parameters for a general search', async () => {
+        var _a, _b, _c, _d, _e, _f;
         const url = new URL(window.location.href);
         const { searchParams } = url;
         searchParams.set('query', 'foo');
@@ -1174,20 +1200,21 @@ describe('Collection Browser', () => {
         searchParams.append('and[]', 'year:[2000 TO 2010]');
         window.history.replaceState({}, '', url);
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         await el.initialSearchComplete;
         await el.updateComplete;
         expect(el.baseQuery).to.equal('foo');
         expect(el.searchType).to.equal(SearchType.FULLTEXT);
         expect(el.selectedSort).to.equal(SortField.title);
-        expect(el.selectedFacets?.mediatype?.data?.state).to.equal('hidden');
-        expect(el.selectedFacets?.subject?.baz?.state).to.equal('selected');
+        expect((_c = (_b = (_a = el.selectedFacets) === null || _a === void 0 ? void 0 : _a.mediatype) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.state).to.equal('hidden');
+        expect((_f = (_e = (_d = el.selectedFacets) === null || _d === void 0 ? void 0 : _d.subject) === null || _e === void 0 ? void 0 : _e.baz) === null || _f === void 0 ? void 0 : _f.state).to.equal('selected');
         expect(el.selectedTitleFilter).to.equal('X');
         expect(el.minSelectedDate).to.equal('2000');
         expect(el.maxSelectedDate).to.equal('2010');
     });
     it('respects the initial set of URL parameters within a collection', async () => {
+        var _a, _b, _c, _d, _e, _f;
         const url = new URL(window.location.href);
         const { searchParams } = url;
         searchParams.set('query', 'foo');
@@ -1199,10 +1226,10 @@ describe('Collection Browser', () => {
         searchParams.append('and[]', 'year:[2000 TO 2010]');
         window.history.replaceState({}, '', url);
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .withinCollection=${'foobar'}
-      >
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .withinCollection=${'foobar'}
+      >
       </collection-browser>`);
         await el.initialSearchComplete;
         await el.updateComplete;
@@ -1210,13 +1237,14 @@ describe('Collection Browser', () => {
         expect(el.baseQuery).to.equal('foo');
         expect(el.searchType).to.equal(SearchType.FULLTEXT);
         expect(el.selectedSort).to.equal(SortField.title);
-        expect(el.selectedFacets?.mediatype?.data?.state).to.equal('hidden');
-        expect(el.selectedFacets?.subject?.baz?.state).to.equal('selected');
+        expect((_c = (_b = (_a = el.selectedFacets) === null || _a === void 0 ? void 0 : _a.mediatype) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.state).to.equal('hidden');
+        expect((_f = (_e = (_d = el.selectedFacets) === null || _d === void 0 ? void 0 : _d.subject) === null || _e === void 0 ? void 0 : _e.baz) === null || _f === void 0 ? void 0 : _f.state).to.equal('selected');
         expect(el.selectedTitleFilter).to.equal('X');
         expect(el.minSelectedDate).to.equal('2000');
         expect(el.maxSelectedDate).to.equal('2010');
     });
     it('respects the initial set of URL parameters within a profile page', async () => {
+        var _a, _b, _c, _d, _e, _f;
         const url = new URL(window.location.href);
         const { searchParams } = url;
         searchParams.set('query', 'foo');
@@ -1226,11 +1254,11 @@ describe('Collection Browser', () => {
         searchParams.append('and[]', 'year:[2000 TO 2010]');
         window.history.replaceState({}, '', url);
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .withinProfile=${'@foobar'}
-        .profileElement=${'uploads'}
-      >
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .withinProfile=${'@foobar'}
+        .profileElement=${'uploads'}
+      >
       </collection-browser>`);
         await el.initialSearchComplete;
         await el.updateComplete;
@@ -1238,13 +1266,14 @@ describe('Collection Browser', () => {
         expect(el.profileElement).to.equal('uploads');
         expect(el.baseQuery).to.equal('foo');
         expect(el.searchType).to.equal(SearchType.DEFAULT);
-        expect(el.selectedFacets?.mediatype?.data?.state).to.equal('hidden');
-        expect(el.selectedFacets?.subject?.baz?.state).to.equal('selected');
+        expect((_c = (_b = (_a = el.selectedFacets) === null || _a === void 0 ? void 0 : _a.mediatype) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.state).to.equal('hidden');
+        expect((_f = (_e = (_d = el.selectedFacets) === null || _d === void 0 ? void 0 : _d.subject) === null || _e === void 0 ? void 0 : _e.baz) === null || _f === void 0 ? void 0 : _f.state).to.equal('selected');
         expect(el.selectedTitleFilter).to.equal('X');
         expect(el.minSelectedDate).to.equal('2000');
         expect(el.maxSelectedDate).to.equal('2010');
     });
     it('clears filters except sort when query changes for a general search', async () => {
+        var _a, _b, _c, _d;
         const url = new URL(window.location.href);
         const { searchParams } = url;
         searchParams.set('query', 'foo');
@@ -1256,7 +1285,7 @@ describe('Collection Browser', () => {
         searchParams.append('and[]', 'year:[2000 TO 2010]');
         window.history.replaceState({}, '', url);
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         await el.initialSearchComplete;
         await el.updateComplete;
@@ -1265,13 +1294,14 @@ describe('Collection Browser', () => {
         expect(el.baseQuery).to.equal('bar');
         expect(el.searchType).to.equal(SearchType.FULLTEXT);
         expect(el.selectedSort).to.equal(SortField.title);
-        expect(el.selectedFacets?.mediatype?.data).not.to.exist;
-        expect(el.selectedFacets?.subject?.baz).not.to.exist;
+        expect((_b = (_a = el.selectedFacets) === null || _a === void 0 ? void 0 : _a.mediatype) === null || _b === void 0 ? void 0 : _b.data).not.to.exist;
+        expect((_d = (_c = el.selectedFacets) === null || _c === void 0 ? void 0 : _c.subject) === null || _d === void 0 ? void 0 : _d.baz).not.to.exist;
         expect(el.selectedTitleFilter).not.to.exist;
         expect(el.minSelectedDate).not.to.exist;
         expect(el.maxSelectedDate).not.to.exist;
     });
     it('clears filters except sort when query changes within a collection', async () => {
+        var _a, _b, _c, _d;
         const url = new URL(window.location.href);
         const { searchParams } = url;
         searchParams.set('query', 'foo');
@@ -1283,10 +1313,10 @@ describe('Collection Browser', () => {
         searchParams.append('and[]', 'year:[2000 TO 2010]');
         window.history.replaceState({}, '', url);
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .withinCollection=${'foobar'}
-      >
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .withinCollection=${'foobar'}
+      >
       </collection-browser>`);
         el.baseQuery = 'bar';
         await el.updateComplete;
@@ -1294,13 +1324,14 @@ describe('Collection Browser', () => {
         expect(el.baseQuery).to.equal('bar');
         expect(el.searchType).to.equal(SearchType.FULLTEXT);
         expect(el.selectedSort).to.equal(SortField.title);
-        expect(el.selectedFacets?.mediatype?.data).not.to.exist;
-        expect(el.selectedFacets?.subject?.baz).not.to.exist;
+        expect((_b = (_a = el.selectedFacets) === null || _a === void 0 ? void 0 : _a.mediatype) === null || _b === void 0 ? void 0 : _b.data).not.to.exist;
+        expect((_d = (_c = el.selectedFacets) === null || _c === void 0 ? void 0 : _c.subject) === null || _d === void 0 ? void 0 : _d.baz).not.to.exist;
         expect(el.selectedTitleFilter).not.to.exist;
         expect(el.minSelectedDate).not.to.exist;
         expect(el.maxSelectedDate).not.to.exist;
     });
     it('clears filters *including* sort when target collection changes', async () => {
+        var _a, _b, _c, _d;
         const url = new URL(window.location.href);
         const { searchParams } = url;
         searchParams.set('query', 'foo');
@@ -1312,10 +1343,10 @@ describe('Collection Browser', () => {
         searchParams.append('and[]', 'year:[2000 TO 2010]');
         window.history.replaceState({}, '', url);
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .withinCollection=${'foobar'}
-      >
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .withinCollection=${'foobar'}
+      >
       </collection-browser>`);
         el.withinCollection = 'bar';
         await el.updateComplete;
@@ -1323,19 +1354,20 @@ describe('Collection Browser', () => {
         expect(el.baseQuery).to.equal('foo');
         expect(el.searchType).to.equal(SearchType.FULLTEXT);
         expect(el.selectedSort).to.equal(SortField.default);
-        expect(el.selectedFacets?.mediatype?.data).not.to.exist;
-        expect(el.selectedFacets?.subject?.baz).not.to.exist;
+        expect((_b = (_a = el.selectedFacets) === null || _a === void 0 ? void 0 : _a.mediatype) === null || _b === void 0 ? void 0 : _b.data).not.to.exist;
+        expect((_d = (_c = el.selectedFacets) === null || _c === void 0 ? void 0 : _c.subject) === null || _d === void 0 ? void 0 : _d.baz).not.to.exist;
         expect(el.selectedTitleFilter).not.to.exist;
         expect(el.minSelectedDate).not.to.exist;
         expect(el.maxSelectedDate).not.to.exist;
     });
     it('correctly retrieves web archive hits', async () => {
+        var _a, _b, _c;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .withinProfile=${'@foo'}
-        .profileElement=${'web_archives'}
-      >
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .withinProfile=${'@foo'}
+        .profileElement=${'web_archives'}
+      >
       </collection-browser>`);
         el.baseQuery = 'web-archive';
         await el.updateComplete;
@@ -1343,70 +1375,74 @@ describe('Collection Browser', () => {
         await nextTick();
         console.log('\n\n*****\n\n*****\n\n', el.dataSource.getAllPages(), '\n\n*****\n\n*****\n\n');
         expect(el.dataSource.totalResults, 'total results').to.equal(1);
-        expect(el.dataSource.getTileModelAt(0)?.title).to.equal('https://example.com');
-        expect(el.dataSource.getTileModelAt(0)?.captureDates?.length, 'capture dates').to.equal(1);
+        expect((_a = el.dataSource.getTileModelAt(0)) === null || _a === void 0 ? void 0 : _a.title).to.equal('https://example.com');
+        expect((_c = (_b = el.dataSource.getTileModelAt(0)) === null || _b === void 0 ? void 0 : _b.captureDates) === null || _c === void 0 ? void 0 : _c.length, 'capture dates').to.equal(1);
     });
     it('shows dropdown accordion in facet sidebar when opt-in strategy is specified', async () => {
+        var _a;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        facetLoadStrategy=${'opt-in'}
-      >
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        facetLoadStrategy=${'opt-in'}
+      >
       </collection-browser>`);
         el.baseQuery = 'foo';
         await el.updateComplete;
         await el.initialSearchComplete;
-        const facetsDropdown = el.shadowRoot?.querySelector('.desktop-facets-dropdown');
+        const facetsDropdown = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.desktop-facets-dropdown');
         expect(facetsDropdown).to.exist;
     });
     it('shows temporarily unavailable message when facets suppressed', async () => {
+        var _a, _b;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        facetLoadStrategy=${'off'}
-      >
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        facetLoadStrategy=${'off'}
+      >
       </collection-browser>`);
         el.baseQuery = 'foo';
         await el.updateComplete;
         await el.initialSearchComplete;
-        const facetsMsg = el.shadowRoot?.querySelector('.facets-message');
+        const facetsMsg = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.facets-message');
         expect(facetsMsg).to.exist;
-        expect(facetsMsg?.textContent?.trim()).to.equal('Facets are temporarily unavailable.');
+        expect((_b = facetsMsg === null || facetsMsg === void 0 ? void 0 : facetsMsg.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Facets are temporarily unavailable.');
     });
     it('shows manage bar interface instead of sort bar when in manage view', async () => {
+        var _a, _b, _c, _d;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'foo';
         await el.updateComplete;
         await el.initialSearchComplete;
         el.isManageView = true;
         await el.updateComplete;
-        expect(el.shadowRoot?.querySelector('manage-bar')).to.exist;
-        expect(el.shadowRoot?.querySelector('sort-filter-bar')).not.to.exist;
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('manage-bar')).to.exist;
+        expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('sort-filter-bar')).not.to.exist;
         el.isManageView = false;
         await el.updateComplete;
-        expect(el.shadowRoot?.querySelector('manage-bar')).not.to.exist;
-        expect(el.shadowRoot?.querySelector('sort-filter-bar')).to.exist;
+        expect((_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('manage-bar')).not.to.exist;
+        expect((_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('sort-filter-bar')).to.exist;
     });
     it('switches to grid display mode when manage view activated', async () => {
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .baseQuery=${'foo'}
-        .displayMode=${'list-detail'}
-      >
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .baseQuery=${'foo'}
+        .displayMode=${'list-detail'}
+      >
       </collection-browser>`);
         el.isManageView = true;
         await el.updateComplete;
         expect(el.displayMode).to.equal('grid');
     });
     it('can remove all checked tiles', async () => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .baseNavigationUrl=${''}
-      >
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .baseNavigationUrl=${''}
+      >
       </collection-browser>`);
         el.baseQuery = 'foo';
         el.pageSize = 1; // To hit the edge case of a page break while offsetting tiles
@@ -1414,40 +1450,38 @@ describe('Collection Browser', () => {
         await el.initialSearchComplete;
         el.isManageView = true;
         await el.updateComplete;
-        const infiniteScroller = el.shadowRoot?.querySelector('infinite-scroller');
+        const infiniteScroller = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('infinite-scroller');
         expect(infiniteScroller).to.exist;
-        let tiles = infiniteScroller.shadowRoot?.querySelectorAll('tile-dispatcher');
+        let tiles = (_b = infiniteScroller.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelectorAll('tile-dispatcher');
         expect(tiles).to.exist;
-        expect(tiles?.length).to.equal(2);
+        expect(tiles === null || tiles === void 0 ? void 0 : tiles.length).to.equal(2);
         const firstTile = tiles[0];
-        const firstTileLink = firstTile.shadowRoot?.querySelector('a[href]');
-        expect(firstTile.model?.identifier).to.equal('foo');
+        const firstTileLink = (_c = firstTile.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('a[href]');
+        expect((_d = firstTile.model) === null || _d === void 0 ? void 0 : _d.identifier).to.equal('foo');
         expect(firstTileLink).to.exist;
         // No effect if no tiles checked
         el.removeCheckedTiles();
         await el.updateComplete;
-        tiles = infiniteScroller.shadowRoot?.querySelectorAll('tile-dispatcher');
+        tiles = (_e = infiniteScroller.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelectorAll('tile-dispatcher');
         expect(tiles).to.exist;
-        expect(tiles?.length).to.equal(2);
+        expect(tiles === null || tiles === void 0 ? void 0 : tiles.length).to.equal(2);
         // Check the first tile
         firstTileLink.click();
-        expect(firstTile.model?.checked).to.be.true;
+        expect((_f = firstTile.model) === null || _f === void 0 ? void 0 : _f.checked).to.be.true;
         // Remove checked tiles and verify that we only kept the second tile
         el.removeCheckedTiles();
         await el.updateComplete;
-        expect(el?.dataSource?.size, 'data source count').to.equal(1);
-        tiles = el.shadowRoot
-            ?.querySelector('infinite-scroller')
-            .shadowRoot?.querySelectorAll('tile-dispatcher');
+        expect((_g = el === null || el === void 0 ? void 0 : el.dataSource) === null || _g === void 0 ? void 0 : _g.size, 'data source count').to.equal(1);
+        tiles = (_j = (_h = el.shadowRoot) === null || _h === void 0 ? void 0 : _h.querySelector('infinite-scroller').shadowRoot) === null || _j === void 0 ? void 0 : _j.querySelectorAll('tile-dispatcher');
         expect(tiles).to.exist;
         expect(tiles.length, 'tile count after `el.removeCheckedTiles()`').to.equal(1);
     });
     it('can check/uncheck all tiles', async () => {
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .baseNavigationUrl=${''}
-      >
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .baseNavigationUrl=${''}
+      >
       </collection-browser>`);
         el.baseQuery = 'foo';
         await el.updateComplete;
@@ -1464,48 +1498,50 @@ describe('Collection Browser', () => {
         expect(el.dataSource.uncheckedTileModels.length).to.equal(2);
     });
     it('emits event when manage view state changes', async () => {
+        var _a, _b;
         const spy = sinon.spy();
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .baseNavigationUrl=${''}
-        @manageModeChanged=${spy}
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .baseNavigationUrl=${''}
+        @manageModeChanged=${spy}
       ></collection-browser>`);
         el.isManageView = true;
         await el.updateComplete;
         expect(spy.callCount).to.equal(1);
-        expect(spy.args[0][0]?.detail).to.be.true;
+        expect((_a = spy.args[0][0]) === null || _a === void 0 ? void 0 : _a.detail).to.be.true;
         el.isManageView = false;
         await el.updateComplete;
         expect(spy.callCount).to.equal(2);
-        expect(spy.args[1][0]?.detail).to.be.false;
+        expect((_b = spy.args[1][0]) === null || _b === void 0 ? void 0 : _b.detail).to.be.false;
     });
     it('emits event when item removal requested', async () => {
+        var _a, _b, _c, _d, _e;
         const spy = sinon.spy();
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .baseNavigationUrl=${''}
-        @itemRemovalRequested=${spy}
-      >
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .baseNavigationUrl=${''}
+        @itemRemovalRequested=${spy}
+      >
       </collection-browser>`);
         el.baseQuery = 'foo';
         await el.updateComplete;
         await el.initialSearchComplete;
         el.isManageView = true;
         await el.updateComplete;
-        const infiniteScroller = el.shadowRoot?.querySelector('infinite-scroller');
+        const infiniteScroller = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('infinite-scroller');
         expect(infiniteScroller).to.exist;
-        const tiles = infiniteScroller.shadowRoot?.querySelectorAll('tile-dispatcher');
+        const tiles = (_b = infiniteScroller.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelectorAll('tile-dispatcher');
         expect(tiles).to.exist.and.have.length(2);
         const firstTile = tiles[0];
-        const firstTileLink = firstTile.shadowRoot?.querySelector('a[href]');
-        expect(firstTile.model?.identifier).to.equal('foo');
+        const firstTileLink = (_c = firstTile.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('a[href]');
+        expect((_d = firstTile.model) === null || _d === void 0 ? void 0 : _d.identifier).to.equal('foo');
         expect(firstTileLink).to.exist;
         // Check the first tile
         firstTileLink.click();
         await el.updateComplete;
-        const manageBar = el.shadowRoot?.querySelector('manage-bar');
+        const manageBar = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('manage-bar');
         expect(manageBar).to.exist;
         // Emit remove event from manage bar
         manageBar.dispatchEvent(new CustomEvent('removeItems'));
@@ -1515,18 +1551,19 @@ describe('Collection Browser', () => {
         expect(spy.args[0][0].detail.items[0]).to.equal('foo');
     });
     it('disables manage view when manage bar cancelled', async () => {
+        var _a;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .baseNavigationUrl=${''}
-      >
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .baseNavigationUrl=${''}
+      >
       </collection-browser>`);
         el.baseQuery = 'foo';
         await el.updateComplete;
         await el.initialSearchComplete;
         el.isManageView = true;
         await el.updateComplete;
-        const manageBar = el.shadowRoot?.querySelector('manage-bar');
+        const manageBar = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('manage-bar');
         expect(manageBar).to.exist;
         // Emit remove event from manage bar
         manageBar.dispatchEvent(new CustomEvent('cancel'));
@@ -1534,117 +1571,124 @@ describe('Collection Browser', () => {
         expect(el.isManageView).to.be.false;
     });
     it('enable/disable manage view delete button when you selectAll/unselectAll', async () => {
+        var _a, _b, _c, _d;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'foo';
         await el.updateComplete;
         await el.initialSearchComplete;
         el.isManageView = true;
         await el.updateComplete;
-        const manageBar = el.shadowRoot?.querySelector('manage-bar');
+        const manageBar = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('manage-bar');
         expect(manageBar).to.exist;
         // disable button exists
-        expect(manageBar?.shadowRoot?.querySelector('.danger:disabled')).to.be
+        expect((_b = manageBar === null || manageBar === void 0 ? void 0 : manageBar.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.danger:disabled')).to.be
             .exist;
         // Emit remove event from manage bar
         manageBar.dispatchEvent(new CustomEvent('selectAll'));
         await el.updateComplete;
         // disable button does not exists
-        expect(manageBar?.shadowRoot?.querySelector('.danger:disabled')).to.be.not
+        expect((_c = manageBar === null || manageBar === void 0 ? void 0 : manageBar.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.danger:disabled')).to.be.not
             .exist;
         // Emit remove event from manage bar
         manageBar.dispatchEvent(new CustomEvent('unselectAll'));
         await el.updateComplete;
         // disable button exists again
-        expect(manageBar?.shadowRoot?.querySelector('.danger:disabled')).to.be
+        expect((_d = manageBar === null || manageBar === void 0 ? void 0 : manageBar.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.danger:disabled')).to.be
             .exist;
     });
     it('shows Blurring checkbox for admin users', async () => {
+        var _a;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .baseNavigationUrl=${''}
-        .searchService=${searchService}
-      >
+        const el = await fixture(html `<collection-browser
+        .baseNavigationUrl=${''}
+        .searchService=${searchService}
+      >
       </collection-browser>`);
         el.baseQuery = 'archive-org-user-loggedin';
         await el.updateComplete;
         await el.initialSearchComplete;
-        const blurringCheck = el.shadowRoot?.querySelector('#tile-blur-check');
+        const blurringCheck = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#tile-blur-check');
         expect(blurringCheck).to.exist;
         expect(blurringCheck.checked).to.be.true;
     });
     it('unchecks Blurring checkbox for admin users with blurring preference off', async () => {
+        var _a;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .baseNavigationUrl=${''}
-        .searchService=${searchService}
-      >
+        const el = await fixture(html `<collection-browser
+        .baseNavigationUrl=${''}
+        .searchService=${searchService}
+      >
       </collection-browser>`);
         el.baseQuery = 'archive-org-user-loggedin-noblur';
         await el.updateComplete;
         await el.initialSearchComplete;
-        const blurringCheck = el.shadowRoot?.querySelector('#tile-blur-check');
+        const blurringCheck = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#tile-blur-check');
         expect(blurringCheck).to.exist;
         expect(blurringCheck.checked).to.be.false;
     });
     it('toggles blur state when Blurring checkbox is toggled', async () => {
+        var _a, _b, _c;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .baseNavigationUrl=${''}
-        .searchService=${searchService}
-      >
+        const el = await fixture(html `<collection-browser
+        .baseNavigationUrl=${''}
+        .searchService=${searchService}
+      >
       </collection-browser>`);
         el.baseQuery = 'archive-org-user-loggedin';
         await el.updateComplete;
         await el.initialSearchComplete;
-        const blurringCheck = el.shadowRoot?.querySelector('#tile-blur-check');
+        const blurringCheck = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#tile-blur-check');
         expect(blurringCheck).to.exist;
         blurringCheck.dispatchEvent(new PointerEvent('click'));
         await el.updateComplete;
-        const infiniteScroller = el.shadowRoot?.querySelector('infinite-scroller');
-        const firstTile = infiniteScroller?.shadowRoot?.querySelector('tile-dispatcher');
+        const infiniteScroller = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('infinite-scroller');
+        const firstTile = (_c = infiniteScroller === null || infiniteScroller === void 0 ? void 0 : infiniteScroller.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('tile-dispatcher');
         expect(firstTile.suppressBlurring).to.be.true;
     });
     it('applies loans tab properties to sort bar', async () => {
+        var _a;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .baseNavigationUrl=${''}
-        .searchService=${searchService}
-        .enableSortOptionsSlot=${true}
-      >
+        const el = await fixture(html `<collection-browser
+        .baseNavigationUrl=${''}
+        .searchService=${searchService}
+        .enableSortOptionsSlot=${true}
+      >
       </collection-browser>`);
         el.baseQuery = 'collection:foo';
         await el.updateComplete;
         await aTimeout(10);
-        const sortBar = el.shadowRoot?.querySelector('sort-filter-bar');
-        expect(sortBar?.enableSortOptionsSlot, 'show loans in sort bar').to.be.true;
+        const sortBar = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('sort-filter-bar');
+        expect(sortBar === null || sortBar === void 0 ? void 0 : sortBar.enableSortOptionsSlot, 'show loans in sort bar').to.be.true;
         expect(el.enableSortOptionsSlot, 'collection browser is loans tab').to.be
             .true;
         const loansTabSlot = sortBar.querySelector('slot[name="sort-options"]');
         expect(loansTabSlot).to.exist;
     });
     it('can suppress presence of result count', async () => {
+        var _a;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        suppressResultCount
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        suppressResultCount
       ></collection-browser>`);
         el.baseQuery = 'collection:foo';
         await el.updateComplete;
         await el.initialSearchComplete;
-        const resultCount = el.shadowRoot?.querySelector('#results-total');
+        const resultCount = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#results-total');
         expect(resultCount).not.to.exist;
     });
     it('can suppress presence of result tiles', async () => {
+        var _a;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        suppressResultTiles
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        suppressResultTiles
       ></collection-browser>`);
         el.baseQuery = 'collection:foo';
         await el.updateComplete;
-        const infiniteScroller = el.shadowRoot?.querySelector('infinite-scroller');
+        const infiniteScroller = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('infinite-scroller');
         expect(infiniteScroller).not.to.exist;
     });
     it('fetch larger result on search page for admin user to manage items', async () => {
@@ -1653,7 +1697,7 @@ describe('Collection Browser', () => {
             asyncResponse: true,
             resultsSpy,
         });
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         const numberOfPages = 15;
         el.baseQuery = 'jack';