@internetarchive/collection-browser 0.2.20-alpha.1 → 0.2.21

package/dist/src/models.js.map

@@ -1 +1 @@
-{"version":3,"file":"models.js","sourceRoot":"","sources":["../../src/models.ts"],"names":[],"mappings":"AA6CA;;GAEG;AACH,MAAM,CAAN,IAAY,SAUX;AAVD,WAAY,SAAS;IACnB,oCAAyB,CAAA;IACzB,wCAA6B,CAAA;IAC7B,sCAA2B,CAAA;IAC3B,4BAAiB,CAAA;IACjB,0CAA+B,CAAA;IAC/B,0BAAe,CAAA;IACf,0CAA+B,CAAA;IAC/B,oCAAyB,CAAA;IACzB,gCAAqB,CAAA;AACvB,CAAC,EAVW,SAAS,KAAT,SAAS,QAUpB;AAeD,MAAM,CAAC,MAAM,oBAAoB,GAE7B;IACF,SAAS,EAAE,WAAW;IACtB,WAAW,EAAE,gBAAgB;IAC7B,UAAU,EAAE,cAAc;IAC1B,KAAK,EAAE,OAAO;IACd,YAAY,EAAE,eAAe;IAC7B,IAAI,EAAE,gBAAgB;IACtB,YAAY,EAAE,eAAe;IAC7B,SAAS,EAAE,YAAY;IACvB,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAEjC;IACF,SAAS,EAAE,IAAI;IACf,WAAW,EAAE,WAAW;IACxB,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,aAAa;IACpB,YAAY,EAAE,YAAY;IAC1B,IAAI,EAAE,MAAM;IACZ,YAAY,EAAE,YAAY;IAC1B,SAAS,EAAE,WAAW;IACtB,OAAO,EAAE,eAAe;CACzB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAEjC;IACF,IAAI,EAAE,SAAS,CAAC,UAAU;IAC1B,SAAS,EAAE,SAAS,CAAC,WAAW;IAChC,WAAW,EAAE,SAAS,CAAC,KAAK;IAC5B,IAAI,EAAE,SAAS,CAAC,IAAI;IACpB,UAAU,EAAE,SAAS,CAAC,YAAY;IAClC,UAAU,EAAE,SAAS,CAAC,YAAY;IAClC,SAAS,EAAE,SAAS,CAAC,SAAS;IAC9B,aAAa,EAAE,SAAS,CAAC,OAAO;CACjC,CAAC;AAmCF,MAAM,CAAC,MAAM,qBAAqB,GAAmB;IACnD,OAAO,EAAE,EAAE;IACX,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE,EAAE;IACX,UAAU,EAAE,EAAE;IACd,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAmB;IAClD,OAAO,EAAE,EAAE;IACX,SAAS,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE;IAC/B,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE,EAAE;IACX,UAAU,EAAE,EAAE;IACd,IAAI,EAAE,EAAE;CACT,CAAC","sourcesContent":["import type { MediaType } from '@internetarchive/field-parsers';\n\nexport interface TileModel {\n  averageRating?: number;\n  collectionIdentifier?: string;\n  collectionName?: string;\n  collections: string[];\n  commentCount: number;\n  creator?: string;\n  creators: string[];\n  dateAdded?: Date; // Date added to public search (software-defined) [from: addeddate]\n  dateArchived?: Date; // Date archived (software-defined) item created on archive.org [from: publicdate]\n  datePublished?: Date; // Date work published in the world (user-defined) [from: date]\n  dateReviewed?: Date; // Date reviewed (user-created) most recent review [from: reviewdate]\n  description?: string;\n  favCount: number;\n  identifier: string;\n  issue?: string;\n  itemCount: number;\n  mediatype: MediaType;\n  source?: string;\n  snippets?: string[];\n  subjects: string[];\n  title: string;\n  viewCount: number;\n  volume?: string;\n  loginRequired: boolean;\n  contentWarning: boolean;\n}\n\nexport type CollectionDisplayMode = 'grid' | 'list-compact' | 'list-detail';\n\nexport type TileDisplayMode =\n  | 'grid'\n  | 'list-compact'\n  | 'list-detail'\n  | 'list-header';\n\n/**\n * This is mainly used to set the cookies for the collection display mode.\n *\n * It allows the user to set different modes for different contexts (collection page, search page, etc).\n */\nexport type CollectionBrowserContext = 'collection' | 'search';\n\n/**\n * The sort fields shown in the sort filter bar\n */\nexport enum SortField {\n  'relevance' = 'relevance',\n  'alltimeview' = 'alltimeview',\n  'weeklyview' = 'weeklyview',\n  'title' = 'title',\n  'datearchived' = 'datearchived',\n  'date' = 'date',\n  'datereviewed' = 'datereviewed',\n  'dateadded' = 'dateadded',\n  'creator' = 'creator',\n}\n\n/**\n * The metadata fields we sort by that map to the SortFields above\n */\nexport type MetadataSortField =\n  | 'downloads'\n  | 'week'\n  | 'titleSorter'\n  | 'date'\n  | 'creatorSorter'\n  | 'publicdate'\n  | 'reviewdate'\n  | 'addeddate';\n\nexport const SortFieldDisplayName: {\n  [key in SortField]: string;\n} = {\n  relevance: 'Relevance',\n  alltimeview: 'All-time Views',\n  weeklyview: 'Weekly Views',\n  title: 'Title',\n  datearchived: 'Date Archived',\n  date: 'Date Published',\n  datereviewed: 'Date Reviewed',\n  dateadded: 'Date Added',\n  creator: 'Creator',\n};\n\n/**\n * Maps the SortField above to the corresponding Metadata field in the API.\n */\nexport const SortFieldToMetadataField: {\n  [key in SortField]: MetadataSortField | null;\n} = {\n  relevance: null,\n  alltimeview: 'downloads',\n  weeklyview: 'week',\n  title: 'titleSorter',\n  datearchived: 'publicdate',\n  date: 'date',\n  datereviewed: 'reviewdate',\n  dateadded: 'addeddate',\n  creator: 'creatorSorter',\n};\n\n/**\n * Maps the Metadata field to the corresponding SortField field in the API.\n */\nexport const MetadataFieldToSortField: {\n  [key in MetadataSortField]: SortField;\n} = {\n  week: SortField.weeklyview,\n  downloads: SortField.alltimeview,\n  titleSorter: SortField.title,\n  date: SortField.date,\n  publicdate: SortField.datearchived,\n  reviewdate: SortField.datereviewed,\n  addeddate: SortField.dateadded,\n  creatorSorter: SortField.creator,\n};\n\nexport type FacetOption =\n  | 'subject'\n  | 'mediatype'\n  | 'language'\n  | 'creator'\n  | 'collection'\n  | 'year';\n\nexport type SelectedFacetState = 'selected' | 'hidden';\n\nexport type FacetState = SelectedFacetState | 'none';\n\nexport interface FacetBucket {\n  // for some facets, we augment the key with a display value\n  displayText?: string;\n  key: string;\n  count: number;\n  state: FacetState;\n}\n\nexport interface FacetGroup {\n  title: string;\n  key: FacetOption;\n  buckets: FacetBucket[];\n}\n\nexport type FacetValue = string;\n\nexport type SelectedFacets = Record<\n  FacetOption,\n  Record<FacetValue, SelectedFacetState>\n>;\n\nexport const defaultSelectedFacets: SelectedFacets = {\n  subject: {},\n  mediatype: {},\n  language: {},\n  creator: {},\n  collection: {},\n  year: {},\n};\n\nexport const mockedSelectedFacets: SelectedFacets = {\n  subject: {},\n  mediatype: { data: 'selected' },\n  language: {},\n  creator: {},\n  collection: {},\n  year: {},\n};\n"]}
+{"version":3,"file":"models.js","sourceRoot":"","sources":["../../src/models.ts"],"names":[],"mappings":"AA6CA;;GAEG;AACH,MAAM,CAAN,IAAY,SAUX;AAVD,WAAY,SAAS;IACnB,oCAAyB,CAAA;IACzB,wCAA6B,CAAA;IAC7B,sCAA2B,CAAA;IAC3B,4BAAiB,CAAA;IACjB,0CAA+B,CAAA;IAC/B,0BAAe,CAAA;IACf,0CAA+B,CAAA;IAC/B,oCAAyB,CAAA;IACzB,gCAAqB,CAAA;AACvB,CAAC,EAVW,SAAS,KAAT,SAAS,QAUpB;AAeD,MAAM,CAAC,MAAM,oBAAoB,GAE7B;IACF,SAAS,EAAE,WAAW;IACtB,WAAW,EAAE,gBAAgB;IAC7B,UAAU,EAAE,cAAc;IAC1B,KAAK,EAAE,OAAO;IACd,YAAY,EAAE,eAAe;IAC7B,IAAI,EAAE,gBAAgB;IACtB,YAAY,EAAE,eAAe;IAC7B,SAAS,EAAE,YAAY;IACvB,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAEjC;IACF,SAAS,EAAE,IAAI;IACf,WAAW,EAAE,WAAW;IACxB,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,aAAa;IACpB,YAAY,EAAE,YAAY;IAC1B,IAAI,EAAE,MAAM;IACZ,YAAY,EAAE,YAAY;IAC1B,SAAS,EAAE,WAAW;IACtB,OAAO,EAAE,eAAe;CACzB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAEjC;IACF,IAAI,EAAE,SAAS,CAAC,UAAU;IAC1B,SAAS,EAAE,SAAS,CAAC,WAAW;IAChC,WAAW,EAAE,SAAS,CAAC,KAAK;IAC5B,IAAI,EAAE,SAAS,CAAC,IAAI;IACpB,UAAU,EAAE,SAAS,CAAC,YAAY;IAClC,UAAU,EAAE,SAAS,CAAC,YAAY;IAClC,SAAS,EAAE,SAAS,CAAC,SAAS;IAC9B,aAAa,EAAE,SAAS,CAAC,OAAO;CACjC,CAAC;AAmCF,MAAM,CAAC,MAAM,qBAAqB,GAAmB;IACnD,OAAO,EAAE,EAAE;IACX,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE,EAAE;IACX,UAAU,EAAE,EAAE;IACd,IAAI,EAAE,EAAE;CACT,CAAC","sourcesContent":["import type { MediaType } from '@internetarchive/field-parsers';\n\nexport interface TileModel {\n  averageRating?: number;\n  collectionIdentifier?: string;\n  collectionName?: string;\n  collections: string[];\n  commentCount: number;\n  creator?: string;\n  creators: string[];\n  dateAdded?: Date; // Date added to public search (software-defined) [from: addeddate]\n  dateArchived?: Date; // Date archived (software-defined) item created on archive.org [from: publicdate]\n  datePublished?: Date; // Date work published in the world (user-defined) [from: date]\n  dateReviewed?: Date; // Date reviewed (user-created) most recent review [from: reviewdate]\n  description?: string;\n  favCount: number;\n  identifier: string;\n  issue?: string;\n  itemCount: number;\n  mediatype: MediaType;\n  source?: string;\n  snippets?: string[];\n  subjects: string[];\n  title: string;\n  viewCount: number;\n  volume?: string;\n  loginRequired: boolean;\n  contentWarning: boolean;\n}\n\nexport type CollectionDisplayMode = 'grid' | 'list-compact' | 'list-detail';\n\nexport type TileDisplayMode =\n  | 'grid'\n  | 'list-compact'\n  | 'list-detail'\n  | 'list-header';\n\n/**\n * This is mainly used to set the cookies for the collection display mode.\n *\n * It allows the user to set different modes for different contexts (collection page, search page, etc).\n */\nexport type CollectionBrowserContext = 'collection' | 'search';\n\n/**\n * The sort fields shown in the sort filter bar\n */\nexport enum SortField {\n  'relevance' = 'relevance',\n  'alltimeview' = 'alltimeview',\n  'weeklyview' = 'weeklyview',\n  'title' = 'title',\n  'datearchived' = 'datearchived',\n  'date' = 'date',\n  'datereviewed' = 'datereviewed',\n  'dateadded' = 'dateadded',\n  'creator' = 'creator',\n}\n\n/**\n * The metadata fields we sort by that map to the SortFields above\n */\nexport type MetadataSortField =\n  | 'downloads'\n  | 'week'\n  | 'titleSorter'\n  | 'date'\n  | 'creatorSorter'\n  | 'publicdate'\n  | 'reviewdate'\n  | 'addeddate';\n\nexport const SortFieldDisplayName: {\n  [key in SortField]: string;\n} = {\n  relevance: 'Relevance',\n  alltimeview: 'All-time Views',\n  weeklyview: 'Weekly Views',\n  title: 'Title',\n  datearchived: 'Date Archived',\n  date: 'Date Published',\n  datereviewed: 'Date Reviewed',\n  dateadded: 'Date Added',\n  creator: 'Creator',\n};\n\n/**\n * Maps the SortField above to the corresponding Metadata field in the API.\n */\nexport const SortFieldToMetadataField: {\n  [key in SortField]: MetadataSortField | null;\n} = {\n  relevance: null,\n  alltimeview: 'downloads',\n  weeklyview: 'week',\n  title: 'titleSorter',\n  datearchived: 'publicdate',\n  date: 'date',\n  datereviewed: 'reviewdate',\n  dateadded: 'addeddate',\n  creator: 'creatorSorter',\n};\n\n/**\n * Maps the Metadata field to the corresponding SortField field in the API.\n */\nexport const MetadataFieldToSortField: {\n  [key in MetadataSortField]: SortField;\n} = {\n  week: SortField.weeklyview,\n  downloads: SortField.alltimeview,\n  titleSorter: SortField.title,\n  date: SortField.date,\n  publicdate: SortField.datearchived,\n  reviewdate: SortField.datereviewed,\n  addeddate: SortField.dateadded,\n  creatorSorter: SortField.creator,\n};\n\nexport type FacetOption =\n  | 'subject'\n  | 'mediatype'\n  | 'language'\n  | 'creator'\n  | 'collection'\n  | 'year';\n\nexport type SelectedFacetState = 'selected' | 'hidden';\n\nexport type FacetState = SelectedFacetState | 'none';\n\nexport interface FacetBucket {\n  // for some facets, we augment the key with a display value\n  displayText?: string;\n  key: string;\n  count: number;\n  state: FacetState;\n}\n\nexport interface FacetGroup {\n  title: string;\n  key: FacetOption;\n  buckets: FacetBucket[];\n}\n\nexport type FacetValue = string;\n\nexport type SelectedFacets = Record<\n  FacetOption,\n  Record<FacetValue, SelectedFacetState>\n>;\n\nexport const defaultSelectedFacets: SelectedFacets = {\n  subject: {},\n  mediatype: {},\n  language: {},\n  creator: {},\n  collection: {},\n  year: {},\n};\n"]}

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

@@ -3,10 +3,11 @@ import { expect, fixture } from '@open-wc/testing';
 import { html } from 'lit';
 import sinon from 'sinon';
 import '../src/collection-browser';
-import { defaultSelectedFacets, mockedSelectedFacets, } from '../src/models';
+import { defaultSelectedFacets, } from '../src/models';
 import { MockSearchService } from './mocks/mock-search-service';
 import { MockCollectionNameCache } from './mocks/mock-collection-name-cache';
 import { MockAnalyticsHandler } from './mocks/mock-analytics-handler';
+import { analyticsCategories } from '../src/utils/analytics-events';
 describe('Collection Browser', () => {
     it('clear existing filter for facets & sort-bar', async () => {
         const el = await fixture(html `<collection-browser></collection-browser>`);
@@ -20,52 +21,88 @@ describe('Collection Browser', () => {
         expect(el.selectedCreatorFilter).to.null;
         expect(el.selectedTitleFilter).to.null;
     });
+    it('filterBy creator with analytics', async () => {
+        const mockAnalyticsHandler = new MockAnalyticsHandler();
+        const el = await fixture(html `<collection-browser .analyticsHandler=${mockAnalyticsHandler}>
+      </collection-browser>`);
+        el.searchContext = 'betaSearchService';
+        el.selectedCreatorFilter = 'A';
+        await el.updateComplete;
+        expect(mockAnalyticsHandler.callCategory).to.equal('betaSearchService');
+        expect(mockAnalyticsHandler.callAction).to.equal('filterByCreator');
+        expect(mockAnalyticsHandler.callLabel).to.equal('start-A');
+        el.clearFilters();
+        await el.updateComplete;
+        expect(el.selectedTitleFilter).to.null;
+        expect(mockAnalyticsHandler.callCategory).to.equal('betaSearchService');
+        expect(mockAnalyticsHandler.callAction).to.equal('filterByCreator');
+        expect(mockAnalyticsHandler.callLabel).to.equal('clear-A');
+    });
     it('filterBy title with analytics', async () => {
         const mockAnalyticsHandler = new MockAnalyticsHandler();
         const el = await fixture(html `<collection-browser .analyticsHandler=${mockAnalyticsHandler}>
       </collection-browser>`);
+        el.searchContext = 'beta-search-service';
         el.selectedSort = 'title';
         el.selectedTitleFilter = 'A';
         await el.updateComplete;
-        expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');
+        expect(mockAnalyticsHandler.callCategory).to.equal('beta-search-service');
         expect(mockAnalyticsHandler.callAction).to.equal('filterByTitle');
         expect(mockAnalyticsHandler.callLabel).to.equal('start-A');
         el.clearFilters();
         await el.updateComplete;
         expect(el.selectedTitleFilter).to.null;
-        expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');
+        expect(mockAnalyticsHandler.callCategory).to.equal('beta-search-service');
         expect(mockAnalyticsHandler.callAction).to.equal('filterByTitle');
         expect(mockAnalyticsHandler.callLabel).to.equal('clear-A');
     });
     it('selected facets with analytics - not negative facets', async () => {
         const mockAnalyticsHandler = new MockAnalyticsHandler();
+        const mockedSelectedFacets = {
+            subject: {},
+            mediatype: { data: 'selected' },
+            language: {},
+            creator: {},
+            collection: {},
+            year: {},
+        };
         const el = await fixture(html `<collection-browser .analyticsHandler=${mockAnalyticsHandler}>
       </collection-browser>`);
+        el.searchContext = 'search-service';
         el.selectedFacets = mockedSelectedFacets;
         await el.updateComplete;
         el.facetClickHandler('mediatype', true, false);
-        expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');
+        expect(mockAnalyticsHandler.callCategory).to.equal('search-service');
         expect(mockAnalyticsHandler.callAction).to.equal('facetSelected');
         expect(mockAnalyticsHandler.callLabel).to.equal('mediatype');
         el.facetClickHandler('mediatype', false, false);
         expect(el.selectedFacets).to.equal(mockedSelectedFacets);
-        expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');
+        expect(mockAnalyticsHandler.callCategory).to.equal('search-service');
         expect(mockAnalyticsHandler.callAction).to.equal('facetDeselected');
         expect(mockAnalyticsHandler.callLabel).to.equal('mediatype');
     });
     it('selected facets with analytics - negative facets', async () => {
         const mockAnalyticsHandler = new MockAnalyticsHandler();
+        const mockedSelectedFacets = {
+            subject: {},
+            mediatype: { data: 'selected' },
+            language: {},
+            creator: {},
+            collection: {},
+            year: {},
+        };
         const el = await fixture(html `<collection-browser .analyticsHandler=${mockAnalyticsHandler}>
       </collection-browser>`);
+        el.searchContext = 'beta-search-service';
         el.selectedFacets = mockedSelectedFacets;
         await el.updateComplete;
         el.facetClickHandler('mediatype', true, true);
-        expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');
+        expect(mockAnalyticsHandler.callCategory).to.equal('beta-search-service');
         expect(mockAnalyticsHandler.callAction).to.equal('facetNegativeSelected');
         expect(mockAnalyticsHandler.callLabel).to.equal('mediatype');
         el.facetClickHandler('mediatype', false, true);
         expect(el.selectedFacets).to.equal(mockedSelectedFacets);
-        expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');
+        expect(mockAnalyticsHandler.callCategory).to.equal('beta-search-service');
         expect(mockAnalyticsHandler.callAction).to.equal('facetNegativeDeselected');
         expect(mockAnalyticsHandler.callLabel).to.equal('mediatype');
     });
@@ -84,9 +121,8 @@ describe('Collection Browser', () => {
     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}
-      ></collection-browser>`);
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+      </collection-browser>`);
         el.baseQuery = 'collection:foo';
         await el.updateComplete;
         expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.equal('collection:foo');
@@ -134,9 +170,10 @@ describe('Collection Browser', () => {
         expect(infiniteScrollerRefreshSpy.callCount).to.equal(2);
         // testing: `displayMode`
         el.displayMode = 'list-compact';
+        el.searchContext = 'beta-search';
         await el.updateComplete;
         expect(infiniteScrollerRefreshSpy.callCount).to.equal(3);
-        expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');
+        expect(mockAnalyticsHandler.callCategory).to.equal('beta-search');
         expect(mockAnalyticsHandler.callAction).to.equal('displayMode');
         expect(mockAnalyticsHandler.callLabel).to.equal('list-compact');
         el.displayMode = 'list-detail';
@@ -157,12 +194,20 @@ describe('Collection Browser', () => {
     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}
-      ></collection-browser>`);
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+      </collection-browser>`);
         el.baseQuery = 'single-result';
         await el.updateComplete;
         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>`);
+        expect(el.searchContext).to.equal(analyticsCategories.default);
+        el.searchContext = 'unicorn-search';
+        await el.updateComplete;
+        expect(el.searchContext).to.equal('unicorn-search');
+        // property is reflected as attribute
+        expect(el.getAttribute('searchcontext')).to.equal('unicorn-search');
+    });
 });
 //# sourceMappingURL=collection-browser.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"collection-browser.test.js","sourceRoot":"","sources":["../../test/collection-browser.test.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable import/no-duplicates */\nimport { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport sinon from 'sinon';\nimport type { InfiniteScroller } from '@internetarchive/infinite-scroller';\nimport type { CollectionBrowser } from '../src/collection-browser';\nimport '../src/collection-browser';\nimport {\n  defaultSelectedFacets,\n  mockedSelectedFacets,\n  SortField,\n} from '../src/models';\nimport { MockSearchService } from './mocks/mock-search-service';\nimport { MockCollectionNameCache } from './mocks/mock-collection-name-cache';\nimport { MockAnalyticsHandler } from './mocks/mock-analytics-handler';\n\ndescribe('Collection Browser', () => {\n  it('clear existing filter for facets & sort-bar', async () => {\n    const el = await fixture<CollectionBrowser>(\n      html`<collection-browser></collection-browser>`\n    );\n\n    el.selectedSort = 'title' as SortField;\n    await el.updateComplete;\n    el.clearFilters();\n\n    expect(el.selectedFacets).to.equal(defaultSelectedFacets);\n    expect(el.selectedSort).to.equal('relevance');\n    expect(el.sortDirection).to.null;\n    expect(el.sortParam).to.null;\n    expect(el.selectedCreatorFilter).to.null;\n    expect(el.selectedTitleFilter).to.null;\n  });\n\n  it('filterBy title with analytics', async () => {\n    const mockAnalyticsHandler = new MockAnalyticsHandler();\n    const el = await fixture<CollectionBrowser>(\n      html`<collection-browser .analyticsHandler=${mockAnalyticsHandler}>\n      </collection-browser>`\n    );\n\n    el.selectedSort = 'title' as SortField;\n    el.selectedTitleFilter = 'A';\n    await el.updateComplete;\n\n    expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');\n    expect(mockAnalyticsHandler.callAction).to.equal('filterByTitle');\n    expect(mockAnalyticsHandler.callLabel).to.equal('start-A');\n\n    el.clearFilters();\n    await el.updateComplete;\n\n    expect(el.selectedTitleFilter).to.null;\n    expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');\n    expect(mockAnalyticsHandler.callAction).to.equal('filterByTitle');\n    expect(mockAnalyticsHandler.callLabel).to.equal('clear-A');\n  });\n\n  it('selected facets with analytics - not negative facets', async () => {\n    const mockAnalyticsHandler = new MockAnalyticsHandler();\n    const el = await fixture<CollectionBrowser>(\n      html`<collection-browser .analyticsHandler=${mockAnalyticsHandler}>\n      </collection-browser>`\n    );\n\n    el.selectedFacets = mockedSelectedFacets;\n    await el.updateComplete;\n\n    el.facetClickHandler('mediatype', true, false);\n    expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');\n    expect(mockAnalyticsHandler.callAction).to.equal('facetSelected');\n    expect(mockAnalyticsHandler.callLabel).to.equal('mediatype');\n\n    el.facetClickHandler('mediatype', false, false);\n    expect(el.selectedFacets).to.equal(mockedSelectedFacets);\n    expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');\n    expect(mockAnalyticsHandler.callAction).to.equal('facetDeselected');\n    expect(mockAnalyticsHandler.callLabel).to.equal('mediatype');\n  });\n\n  it('selected facets with analytics - negative facets', async () => {\n    const mockAnalyticsHandler = new MockAnalyticsHandler();\n    const el = await fixture<CollectionBrowser>(\n      html`<collection-browser .analyticsHandler=${mockAnalyticsHandler}>\n      </collection-browser>`\n    );\n\n    el.selectedFacets = mockedSelectedFacets;\n    await el.updateComplete;\n\n    el.facetClickHandler('mediatype', true, true);\n    expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');\n    expect(mockAnalyticsHandler.callAction).to.equal('facetNegativeSelected');\n    expect(mockAnalyticsHandler.callLabel).to.equal('mediatype');\n\n    el.facetClickHandler('mediatype', false, true);\n    expect(el.selectedFacets).to.equal(mockedSelectedFacets);\n    expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');\n    expect(mockAnalyticsHandler.callAction).to.equal('facetNegativeDeselected');\n    expect(mockAnalyticsHandler.callLabel).to.equal('mediatype');\n  });\n\n  it('should render with a sort bar, facets, and infinite scroller', async () => {\n    const el = await fixture<CollectionBrowser>(\n      html`<collection-browser></collection-browser>`\n    );\n\n    el.baseQuery = 'hello';\n    await el.updateComplete;\n\n    const facets = el.shadowRoot?.querySelector('collection-facets');\n    const sortBar = el.shadowRoot?.querySelector('sort-filter-bar');\n    const infiniteScroller = el.shadowRoot?.querySelector('infinite-scroller');\n    expect(facets).to.exist;\n    expect(sortBar).to.exist;\n    expect(infiniteScroller).to.exist;\n  });\n\n  it('queries the search service when given a base query', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<CollectionBrowser>(\n      html`<collection-browser\n        .searchService=${searchService}\n      ></collection-browser>`\n    );\n\n    el.baseQuery = 'collection:foo';\n    await el.updateComplete;\n\n    expect(searchService.searchParams?.query).to.equal('collection:foo');\n    expect(\n      el.shadowRoot?.querySelector('#big-results-label')?.textContent\n    ).to.contains('Results');\n  });\n\n  it('queries for collection names after a fetch', async () => {\n    const searchService = new MockSearchService();\n    const collectionNameCache = new MockCollectionNameCache();\n\n    const el = await fixture<CollectionBrowser>(\n      html`<collection-browser\n        .searchService=${searchService}\n        .collectionNameCache=${collectionNameCache}\n      >\n      </collection-browser>`\n    );\n\n    el.baseQuery = 'blahblah';\n    await el.updateComplete;\n\n    expect(collectionNameCache.preloadIdentifiersRequested).to.deep.equal([\n      'foo',\n      'bar',\n      'baz',\n      'boop',\n    ]);\n  });\n\n  it('refreshes when certain properties change - with some analytics event sampling', async () => {\n    const mockAnalyticsHandler = new MockAnalyticsHandler();\n    const searchService = new MockSearchService();\n    const collectionNameCache = new MockCollectionNameCache();\n    const el = await fixture<CollectionBrowser>(\n      html`<collection-browser\n        .analyticsHandler=${mockAnalyticsHandler}\n        .searchService=${searchService}\n        .collectionNameCache=${collectionNameCache}\n      ></collection-browser>`\n    );\n    const infiniteScrollerRefreshSpy = sinon.spy();\n\n    const infiniteScroller = el.shadowRoot?.querySelector('infinite-scroller');\n    (infiniteScroller as InfiniteScroller).reload = infiniteScrollerRefreshSpy;\n    expect(infiniteScrollerRefreshSpy.called).to.be.false;\n    expect(infiniteScrollerRefreshSpy.callCount).to.equal(0);\n\n    // testing: `loggedIn`\n    el.loggedIn = true;\n    await el.updateComplete;\n    expect(infiniteScrollerRefreshSpy.called).to.be.true;\n    expect(infiniteScrollerRefreshSpy.callCount).to.equal(1);\n\n    el.loggedIn = false;\n    await el.updateComplete;\n    expect(infiniteScrollerRefreshSpy.callCount).to.equal(2);\n\n    // testing: `displayMode`\n    el.displayMode = 'list-compact';\n    await el.updateComplete;\n    expect(infiniteScrollerRefreshSpy.callCount).to.equal(3);\n\n    expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');\n    expect(mockAnalyticsHandler.callAction).to.equal('displayMode');\n    expect(mockAnalyticsHandler.callLabel).to.equal('list-compact');\n\n    el.displayMode = 'list-detail';\n    await el.updateComplete;\n    expect(infiniteScrollerRefreshSpy.callCount).to.equal(4);\n\n    expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');\n    expect(mockAnalyticsHandler.callAction).to.equal('displayMode');\n    expect(mockAnalyticsHandler.callLabel).to.equal('list-detail');\n\n    // testing: `baseNavigationUrl`\n    el.baseNavigationUrl = 'https://funtestsite.com';\n    await el.updateComplete;\n    expect(infiniteScrollerRefreshSpy.callCount).to.equal(5);\n\n    // testing: `baseImageUrl`\n    el.baseImageUrl = 'https://funtestsiteforimages.com';\n    await el.updateComplete;\n    expect(infiniteScrollerRefreshSpy.callCount).to.equal(6);\n  });\n\n  it('query the search service for single result', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<CollectionBrowser>(\n      html`<collection-browser\n        .searchService=${searchService}\n      ></collection-browser>`\n    );\n\n    el.baseQuery = 'single-result';\n    await el.updateComplete;\n\n    expect(\n      el.shadowRoot?.querySelector('#big-results-label')?.textContent\n    ).to.contains('Result');\n  });\n});\n"]}
+{"version":3,"file":"collection-browser.test.js","sourceRoot":"","sources":["../../test/collection-browser.test.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable import/no-duplicates */\nimport { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport sinon from 'sinon';\nimport type { InfiniteScroller } from '@internetarchive/infinite-scroller';\nimport type { CollectionBrowser } from '../src/collection-browser';\nimport '../src/collection-browser';\nimport {\n  defaultSelectedFacets,\n  SelectedFacets,\n  SortField,\n} from '../src/models';\nimport { MockSearchService } from './mocks/mock-search-service';\nimport { MockCollectionNameCache } from './mocks/mock-collection-name-cache';\nimport { MockAnalyticsHandler } from './mocks/mock-analytics-handler';\nimport { analyticsCategories } from '../src/utils/analytics-events';\n\ndescribe('Collection Browser', () => {\n  it('clear existing filter for facets & sort-bar', async () => {\n    const el = await fixture<CollectionBrowser>(\n      html`<collection-browser></collection-browser>`\n    );\n\n    el.selectedSort = 'title' as SortField;\n    await el.updateComplete;\n    el.clearFilters();\n\n    expect(el.selectedFacets).to.equal(defaultSelectedFacets);\n    expect(el.selectedSort).to.equal('relevance');\n    expect(el.sortDirection).to.null;\n    expect(el.sortParam).to.null;\n    expect(el.selectedCreatorFilter).to.null;\n    expect(el.selectedTitleFilter).to.null;\n  });\n\n  it('filterBy creator with analytics', async () => {\n    const mockAnalyticsHandler = new MockAnalyticsHandler();\n    const el = await fixture<CollectionBrowser>(\n      html`<collection-browser .analyticsHandler=${mockAnalyticsHandler}>\n      </collection-browser>`\n    );\n\n    el.searchContext = 'betaSearchService';\n    el.selectedCreatorFilter = 'A';\n    await el.updateComplete;\n\n    expect(mockAnalyticsHandler.callCategory).to.equal('betaSearchService');\n    expect(mockAnalyticsHandler.callAction).to.equal('filterByCreator');\n    expect(mockAnalyticsHandler.callLabel).to.equal('start-A');\n\n    el.clearFilters();\n    await el.updateComplete;\n\n    expect(el.selectedTitleFilter).to.null;\n    expect(mockAnalyticsHandler.callCategory).to.equal('betaSearchService');\n    expect(mockAnalyticsHandler.callAction).to.equal('filterByCreator');\n    expect(mockAnalyticsHandler.callLabel).to.equal('clear-A');\n  });\n\n  it('filterBy title with analytics', async () => {\n    const mockAnalyticsHandler = new MockAnalyticsHandler();\n    const el = await fixture<CollectionBrowser>(\n      html`<collection-browser .analyticsHandler=${mockAnalyticsHandler}>\n      </collection-browser>`\n    );\n\n    el.searchContext = 'beta-search-service';\n    el.selectedSort = 'title' as SortField;\n    el.selectedTitleFilter = 'A';\n    await el.updateComplete;\n\n    expect(mockAnalyticsHandler.callCategory).to.equal('beta-search-service');\n    expect(mockAnalyticsHandler.callAction).to.equal('filterByTitle');\n    expect(mockAnalyticsHandler.callLabel).to.equal('start-A');\n\n    el.clearFilters();\n    await el.updateComplete;\n\n    expect(el.selectedTitleFilter).to.null;\n    expect(mockAnalyticsHandler.callCategory).to.equal('beta-search-service');\n    expect(mockAnalyticsHandler.callAction).to.equal('filterByTitle');\n    expect(mockAnalyticsHandler.callLabel).to.equal('clear-A');\n  });\n\n  it('selected facets with analytics - not negative facets', async () => {\n    const mockAnalyticsHandler = new MockAnalyticsHandler();\n    const mockedSelectedFacets: SelectedFacets = {\n      subject: {},\n      mediatype: { data: 'selected' },\n      language: {},\n      creator: {},\n      collection: {},\n      year: {},\n    };\n\n    const el = await fixture<CollectionBrowser>(\n      html`<collection-browser .analyticsHandler=${mockAnalyticsHandler}>\n      </collection-browser>`\n    );\n\n    el.searchContext = 'search-service';\n    el.selectedFacets = mockedSelectedFacets;\n    await el.updateComplete;\n\n    el.facetClickHandler('mediatype', true, false);\n    expect(mockAnalyticsHandler.callCategory).to.equal('search-service');\n    expect(mockAnalyticsHandler.callAction).to.equal('facetSelected');\n    expect(mockAnalyticsHandler.callLabel).to.equal('mediatype');\n\n    el.facetClickHandler('mediatype', false, false);\n    expect(el.selectedFacets).to.equal(mockedSelectedFacets);\n    expect(mockAnalyticsHandler.callCategory).to.equal('search-service');\n    expect(mockAnalyticsHandler.callAction).to.equal('facetDeselected');\n    expect(mockAnalyticsHandler.callLabel).to.equal('mediatype');\n  });\n\n  it('selected facets with analytics - negative facets', async () => {\n    const mockAnalyticsHandler = new MockAnalyticsHandler();\n    const mockedSelectedFacets: SelectedFacets = {\n      subject: {},\n      mediatype: { data: 'selected' },\n      language: {},\n      creator: {},\n      collection: {},\n      year: {},\n    };\n\n    const el = await fixture<CollectionBrowser>(\n      html`<collection-browser .analyticsHandler=${mockAnalyticsHandler}>\n      </collection-browser>`\n    );\n\n    el.searchContext = 'beta-search-service';\n    el.selectedFacets = mockedSelectedFacets;\n    await el.updateComplete;\n\n    el.facetClickHandler('mediatype', true, true);\n    expect(mockAnalyticsHandler.callCategory).to.equal('beta-search-service');\n    expect(mockAnalyticsHandler.callAction).to.equal('facetNegativeSelected');\n    expect(mockAnalyticsHandler.callLabel).to.equal('mediatype');\n\n    el.facetClickHandler('mediatype', false, true);\n    expect(el.selectedFacets).to.equal(mockedSelectedFacets);\n    expect(mockAnalyticsHandler.callCategory).to.equal('beta-search-service');\n    expect(mockAnalyticsHandler.callAction).to.equal('facetNegativeDeselected');\n    expect(mockAnalyticsHandler.callLabel).to.equal('mediatype');\n  });\n\n  it('should render with a sort bar, facets, and infinite scroller', async () => {\n    const el = await fixture<CollectionBrowser>(\n      html`<collection-browser></collection-browser>`\n    );\n\n    el.baseQuery = 'hello';\n    await el.updateComplete;\n\n    const facets = el.shadowRoot?.querySelector('collection-facets');\n    const sortBar = el.shadowRoot?.querySelector('sort-filter-bar');\n    const infiniteScroller = el.shadowRoot?.querySelector('infinite-scroller');\n    expect(facets).to.exist;\n    expect(sortBar).to.exist;\n    expect(infiniteScroller).to.exist;\n  });\n\n  it('queries the search service when given a base query', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<CollectionBrowser>(\n      html`<collection-browser .searchService=${searchService}>\n      </collection-browser>`\n    );\n\n    el.baseQuery = 'collection:foo';\n    await el.updateComplete;\n\n    expect(searchService.searchParams?.query).to.equal('collection:foo');\n    expect(\n      el.shadowRoot?.querySelector('#big-results-label')?.textContent\n    ).to.contains('Results');\n  });\n\n  it('queries for collection names after a fetch', async () => {\n    const searchService = new MockSearchService();\n    const collectionNameCache = new MockCollectionNameCache();\n\n    const el = await fixture<CollectionBrowser>(\n      html`<collection-browser\n        .searchService=${searchService}\n        .collectionNameCache=${collectionNameCache}\n      >\n      </collection-browser>`\n    );\n\n    el.baseQuery = 'blahblah';\n    await el.updateComplete;\n\n    expect(collectionNameCache.preloadIdentifiersRequested).to.deep.equal([\n      'foo',\n      'bar',\n      'baz',\n      'boop',\n    ]);\n  });\n\n  it('refreshes when certain properties change - with some analytics event sampling', async () => {\n    const mockAnalyticsHandler = new MockAnalyticsHandler();\n    const searchService = new MockSearchService();\n    const collectionNameCache = new MockCollectionNameCache();\n    const el = await fixture<CollectionBrowser>(\n      html`<collection-browser\n        .analyticsHandler=${mockAnalyticsHandler}\n        .searchService=${searchService}\n        .collectionNameCache=${collectionNameCache}\n      ></collection-browser>`\n    );\n    const infiniteScrollerRefreshSpy = sinon.spy();\n\n    const infiniteScroller = el.shadowRoot?.querySelector('infinite-scroller');\n    (infiniteScroller as InfiniteScroller).reload = infiniteScrollerRefreshSpy;\n    expect(infiniteScrollerRefreshSpy.called).to.be.false;\n    expect(infiniteScrollerRefreshSpy.callCount).to.equal(0);\n\n    // testing: `loggedIn`\n    el.loggedIn = true;\n    await el.updateComplete;\n    expect(infiniteScrollerRefreshSpy.called).to.be.true;\n    expect(infiniteScrollerRefreshSpy.callCount).to.equal(1);\n\n    el.loggedIn = false;\n    await el.updateComplete;\n    expect(infiniteScrollerRefreshSpy.callCount).to.equal(2);\n\n    // testing: `displayMode`\n    el.displayMode = 'list-compact';\n    el.searchContext = 'beta-search';\n    await el.updateComplete;\n    expect(infiniteScrollerRefreshSpy.callCount).to.equal(3);\n\n    expect(mockAnalyticsHandler.callCategory).to.equal('beta-search');\n    expect(mockAnalyticsHandler.callAction).to.equal('displayMode');\n    expect(mockAnalyticsHandler.callLabel).to.equal('list-compact');\n\n    el.displayMode = 'list-detail';\n    await el.updateComplete;\n    expect(infiniteScrollerRefreshSpy.callCount).to.equal(4);\n\n    expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');\n    expect(mockAnalyticsHandler.callAction).to.equal('displayMode');\n    expect(mockAnalyticsHandler.callLabel).to.equal('list-detail');\n\n    // testing: `baseNavigationUrl`\n    el.baseNavigationUrl = 'https://funtestsite.com';\n    await el.updateComplete;\n    expect(infiniteScrollerRefreshSpy.callCount).to.equal(5);\n\n    // testing: `baseImageUrl`\n    el.baseImageUrl = 'https://funtestsiteforimages.com';\n    await el.updateComplete;\n    expect(infiniteScrollerRefreshSpy.callCount).to.equal(6);\n  });\n\n  it('query the search service for single result', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<CollectionBrowser>(\n      html`<collection-browser .searchService=${searchService}>\n      </collection-browser>`\n    );\n\n    el.baseQuery = 'single-result';\n    await el.updateComplete;\n\n    expect(\n      el.shadowRoot?.querySelector('#big-results-label')?.textContent\n    ).to.contains('Result');\n  });\n\n  it('`searchContext` prop helps describe where component is being used', async () => {\n    const el = await fixture<CollectionBrowser>(\n      html`<collection-browser></collection-browser>`\n    );\n\n    expect(el.searchContext).to.equal(analyticsCategories.default);\n\n    el.searchContext = 'unicorn-search';\n    await el.updateComplete;\n\n    expect(el.searchContext).to.equal('unicorn-search');\n\n    // property is reflected as attribute\n    expect(el.getAttribute('searchcontext')).to.equal('unicorn-search');\n  });\n});\n"]}

package/dist/test/collection-facets.test.d.ts

@@ -0,0 +1 @@
+import '../src/collection-facets';

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

@@ -0,0 +1,119 @@
+/* eslint-disable import/no-duplicates */
+import { expect, fixture } from '@open-wc/testing';
+import { html } from 'lit';
+import '../src/collection-facets';
+describe('Collection Facets', () => {
+    it('renders aggregations as facets', async () => {
+        var _a, _b, _c;
+        const el = await fixture(html `<collection-facets></collection-facets>`);
+        const aggs = {
+            'user_aggs__terms__field:subjectSorter__size:1': {
+                buckets: [
+                    {
+                        key: 'foo',
+                        doc_count: 5,
+                    },
+                ],
+            },
+        };
+        el.aggregations = aggs;
+        await el.updateComplete;
+        const facetGroups = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.facet-group');
+        expect(facetGroups === null || facetGroups === void 0 ? void 0 : facetGroups.length).to.equal(1);
+        const titleFacetGroup = facetGroups === null || facetGroups === void 0 ? void 0 : facetGroups[0];
+        const facetGroupHeader = titleFacetGroup === null || titleFacetGroup === void 0 ? void 0 : titleFacetGroup.querySelector('h1');
+        expect((_b = facetGroupHeader === null || facetGroupHeader === void 0 ? void 0 : facetGroupHeader.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Subject');
+        const titleFacetRow = titleFacetGroup === null || titleFacetGroup === void 0 ? void 0 : titleFacetGroup.querySelector('.facet-row');
+        expect((_c = titleFacetRow === null || titleFacetRow === void 0 ? void 0 : titleFacetRow.textContent) === null || _c === void 0 ? void 0 : _c.trim()).to.satisfy((text) => /^foo\s*5$/.test(text));
+    });
+    it('renders multiple aggregation types', async () => {
+        var _a;
+        const el = await fixture(html `<collection-facets></collection-facets>`);
+        const aggs = {
+            'user_aggs__terms__field:subjectSorter__size:1': {
+                buckets: [
+                    {
+                        key: 'foo',
+                        doc_count: 5,
+                    },
+                ],
+            },
+            'user_aggs__terms__field:mediatypeSorter__size:1': {
+                buckets: [
+                    {
+                        key: 'bar',
+                        doc_count: 10,
+                    },
+                ],
+            },
+        };
+        el.aggregations = aggs;
+        await el.updateComplete;
+        const facetGroups = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.facet-group');
+        expect(facetGroups === null || facetGroups === void 0 ? void 0 : facetGroups.length).to.equal(2);
+    });
+    it('renders collection facets as links', async () => {
+        var _a, _b;
+        const el = await fixture(html `<collection-facets></collection-facets>`);
+        const aggs = {
+            'user_aggs__terms__field:collection__size:1': {
+                buckets: [
+                    {
+                        key: 'foo',
+                        doc_count: 5,
+                    },
+                ],
+            },
+        };
+        el.aggregations = aggs;
+        await el.updateComplete;
+        const collectionName = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('async-collection-name');
+        expect(collectionName === null || collectionName === void 0 ? void 0 : collectionName.parentElement).to.be.instanceOf(HTMLAnchorElement);
+        expect((_b = collectionName === null || collectionName === void 0 ? void 0 : collectionName.parentElement) === null || _b === void 0 ? void 0 : _b.getAttribute('href')).to.equal('/details/foo');
+    });
+    it('renders non-collection facets without links', async () => {
+        var _a;
+        const el = await fixture(html `<collection-facets></collection-facets>`);
+        const aggs = {
+            'user_aggs__terms__field:subjectSorter__size:1': {
+                buckets: [
+                    {
+                        key: 'foo',
+                        doc_count: 5,
+                    },
+                ],
+            },
+        };
+        el.aggregations = aggs;
+        await el.updateComplete;
+        const collectionName = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('async-collection-name');
+        expect(collectionName === null || collectionName === void 0 ? void 0 : collectionName.parentElement).to.not.be.instanceOf(HTMLAnchorElement);
+    });
+    it('toggles selected facets on click', async () => {
+        var _a, _b, _c;
+        const el = await fixture(html `<collection-facets></collection-facets>`);
+        const aggs = {
+            'user_aggs__terms__field:subjectSorter__size:1': {
+                buckets: [
+                    {
+                        key: 'foo',
+                        doc_count: 5,
+                    },
+                ],
+            },
+        };
+        el.aggregations = aggs;
+        await el.updateComplete;
+        const checkbox = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.select-facet-checkbox');
+        expect(checkbox.checked).to.be.false;
+        // Select the facet
+        checkbox === null || checkbox === void 0 ? void 0 : checkbox.click();
+        await el.updateComplete;
+        expect((_b = el.selectedFacets) === null || _b === void 0 ? void 0 : _b.subject.foo).to.equal('selected');
+        // Unselect the facet
+        checkbox === null || checkbox === void 0 ? void 0 : checkbox.click();
+        await el.updateComplete;
+        expect((_c = el.selectedFacets) === null || _c === void 0 ? void 0 : _c.subject.foo).to.be.undefined;
+    });
+});
+//# sourceMappingURL=collection-facets.test.js.map

package/dist/test/collection-facets.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collection-facets.test.js","sourceRoot":"","sources":["../../test/collection-facets.test.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAG3B,OAAO,0BAA0B,CAAC;AAElC,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IACjC,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;;QAC9C,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,yCAAyC,CAC9C,CAAC;QAEF,MAAM,IAAI,GAAgC;YACxC,+CAA+C,EAAE;gBAC/C,OAAO,EAAE;oBACP;wBACE,GAAG,EAAE,KAAK;wBACV,SAAS,EAAE,CAAC;qBACb;iBACF;aACF;SACF,CAAC;QAEF,EAAE,CAAC,YAAY,GAAG,IAAI,CAAC;QACvB,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,MAAM,WAAW,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;QACpE,MAAM,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAExC,MAAM,eAAe,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,CAAC,CAAC,CAAC;QACzC,MAAM,gBAAgB,GAAG,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,aAAa,CAAC,IAAI,CAAC,CAAC;QAC9D,MAAM,CAAC,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,WAAW,0CAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAElE,MAAM,aAAa,GAAG,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,aAAa,CAAC,YAAY,CAAC,CAAC;QACnE,MAAM,CAAC,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,WAAW,0CAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,IAAY,EAAE,EAAE,CACrE,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CACvB,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;;QAClD,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,yCAAyC,CAC9C,CAAC;QAEF,MAAM,IAAI,GAAgC;YACxC,+CAA+C,EAAE;gBAC/C,OAAO,EAAE;oBACP;wBACE,GAAG,EAAE,KAAK;wBACV,SAAS,EAAE,CAAC;qBACb;iBACF;aACF;YACD,iDAAiD,EAAE;gBACjD,OAAO,EAAE;oBACP;wBACE,GAAG,EAAE,KAAK;wBACV,SAAS,EAAE,EAAE;qBACd;iBACF;aACF;SACF,CAAC;QAEF,EAAE,CAAC,YAAY,GAAG,IAAI,CAAC;QACvB,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,MAAM,WAAW,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;QACpE,MAAM,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;;QAClD,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,yCAAyC,CAC9C,CAAC;QAEF,MAAM,IAAI,GAAgC;YACxC,4CAA4C,EAAE;gBAC5C,OAAO,EAAE;oBACP;wBACE,GAAG,EAAE,KAAK;wBACV,SAAS,EAAE,CAAC;qBACb;iBACF;aACF;SACF,CAAC;QAEF,EAAE,CAAC,YAAY,GAAG,IAAI,CAAC;QACvB,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,MAAM,cAAc,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CACjD,uBAAuB,CACxB,CAAC;QACF,MAAM,CAAC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,aAAa,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;QAC1E,MAAM,CAAC,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,aAAa,0CAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAClE,cAAc,CACf,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;;QAC3D,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,yCAAyC,CAC9C,CAAC;QAEF,MAAM,IAAI,GAAgC;YACxC,+CAA+C,EAAE;gBAC/C,OAAO,EAAE;oBACP;wBACE,GAAG,EAAE,KAAK;wBACV,SAAS,EAAE,CAAC;qBACb;iBACF;aACF;SACF,CAAC;QAEF,EAAE,CAAC,YAAY,GAAG,IAAI,CAAC;QACvB,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,MAAM,cAAc,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CACjD,uBAAuB,CACxB,CAAC;QACF,MAAM,CAAC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,aAAa,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,UAAU,CACxD,iBAAiB,CAClB,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;;QAChD,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,yCAAyC,CAC9C,CAAC;QAEF,MAAM,IAAI,GAAgC;YACxC,+CAA+C,EAAE;gBAC/C,OAAO,EAAE;oBACP;wBACE,GAAG,EAAE,KAAK;wBACV,SAAS,EAAE,CAAC;qBACb;iBACF;aACF;SACF,CAAC;QAEF,EAAE,CAAC,YAAY,GAAG,IAAI,CAAC;QACvB,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,MAAM,QAAQ,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAC3C,wBAAwB,CACL,CAAC;QACtB,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QAErC,mBAAmB;QACnB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,EAAE,CAAC;QAClB,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,MAAM,CAAC,MAAA,EAAE,CAAC,cAAc,0CAAE,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QAE5D,qBAAqB;QACrB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,EAAE,CAAC;QAClB,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,MAAM,CAAC,MAAA,EAAE,CAAC,cAAc,0CAAE,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC;IACzD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["/* eslint-disable import/no-duplicates */\nimport { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport type { Aggregation } from '@internetarchive/search-service';\nimport type { CollectionFacets } from '../src/collection-facets';\nimport '../src/collection-facets';\n\ndescribe('Collection Facets', () => {\n  it('renders aggregations as facets', async () => {\n    const el = await fixture<CollectionFacets>(\n      html`<collection-facets></collection-facets>`\n    );\n\n    const aggs: Record<string, Aggregation> = {\n      'user_aggs__terms__field:subjectSorter__size:1': {\n        buckets: [\n          {\n            key: 'foo',\n            doc_count: 5,\n          },\n        ],\n      },\n    };\n\n    el.aggregations = aggs;\n    await el.updateComplete;\n\n    const facetGroups = el.shadowRoot?.querySelectorAll('.facet-group');\n    expect(facetGroups?.length).to.equal(1);\n\n    const titleFacetGroup = facetGroups?.[0];\n    const facetGroupHeader = titleFacetGroup?.querySelector('h1');\n    expect(facetGroupHeader?.textContent?.trim()).to.equal('Subject');\n\n    const titleFacetRow = titleFacetGroup?.querySelector('.facet-row');\n    expect(titleFacetRow?.textContent?.trim()).to.satisfy((text: string) =>\n      /^foo\\s*5$/.test(text)\n    );\n  });\n\n  it('renders multiple aggregation types', async () => {\n    const el = await fixture<CollectionFacets>(\n      html`<collection-facets></collection-facets>`\n    );\n\n    const aggs: Record<string, Aggregation> = {\n      'user_aggs__terms__field:subjectSorter__size:1': {\n        buckets: [\n          {\n            key: 'foo',\n            doc_count: 5,\n          },\n        ],\n      },\n      'user_aggs__terms__field:mediatypeSorter__size:1': {\n        buckets: [\n          {\n            key: 'bar',\n            doc_count: 10,\n          },\n        ],\n      },\n    };\n\n    el.aggregations = aggs;\n    await el.updateComplete;\n\n    const facetGroups = el.shadowRoot?.querySelectorAll('.facet-group');\n    expect(facetGroups?.length).to.equal(2);\n  });\n\n  it('renders collection facets as links', async () => {\n    const el = await fixture<CollectionFacets>(\n      html`<collection-facets></collection-facets>`\n    );\n\n    const aggs: Record<string, Aggregation> = {\n      'user_aggs__terms__field:collection__size:1': {\n        buckets: [\n          {\n            key: 'foo',\n            doc_count: 5,\n          },\n        ],\n      },\n    };\n\n    el.aggregations = aggs;\n    await el.updateComplete;\n\n    const collectionName = el.shadowRoot?.querySelector(\n      'async-collection-name'\n    );\n    expect(collectionName?.parentElement).to.be.instanceOf(HTMLAnchorElement);\n    expect(collectionName?.parentElement?.getAttribute('href')).to.equal(\n      '/details/foo'\n    );\n  });\n\n  it('renders non-collection facets without links', async () => {\n    const el = await fixture<CollectionFacets>(\n      html`<collection-facets></collection-facets>`\n    );\n\n    const aggs: Record<string, Aggregation> = {\n      'user_aggs__terms__field:subjectSorter__size:1': {\n        buckets: [\n          {\n            key: 'foo',\n            doc_count: 5,\n          },\n        ],\n      },\n    };\n\n    el.aggregations = aggs;\n    await el.updateComplete;\n\n    const collectionName = el.shadowRoot?.querySelector(\n      'async-collection-name'\n    );\n    expect(collectionName?.parentElement).to.not.be.instanceOf(\n      HTMLAnchorElement\n    );\n  });\n\n  it('toggles selected facets on click', async () => {\n    const el = await fixture<CollectionFacets>(\n      html`<collection-facets></collection-facets>`\n    );\n\n    const aggs: Record<string, Aggregation> = {\n      'user_aggs__terms__field:subjectSorter__size:1': {\n        buckets: [\n          {\n            key: 'foo',\n            doc_count: 5,\n          },\n        ],\n      },\n    };\n\n    el.aggregations = aggs;\n    await el.updateComplete;\n\n    const checkbox = el.shadowRoot?.querySelector(\n      '.select-facet-checkbox'\n    ) as HTMLInputElement;\n    expect(checkbox.checked).to.be.false;\n\n    // Select the facet\n    checkbox?.click();\n    await el.updateComplete;\n\n    expect(el.selectedFacets?.subject.foo).to.equal('selected');\n\n    // Unselect the facet\n    checkbox?.click();\n    await el.updateComplete;\n\n    expect(el.selectedFacets?.subject.foo).to.be.undefined;\n  });\n});\n"]}

package/package.json

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

package/src/app-root.ts

@@ -346,6 +346,7 @@ export class AppRoot extends LitElement {
   static styles = css`
     :host {
       display: block;
+      --ia-theme-link-color: #4b64ff;
     }
 
     input,

package/src/collection-browser.ts

@@ -107,6 +107,10 @@ export class CollectionBrowser
 
   @property({ type: Boolean }) showHistogramDatePicker = false;
 
+  /** describes where this component is being used */
+  @property({ type: String, reflect: true }) searchContext: string =
+    analyticsCategories.default;
+
   @property({ type: Object })
   collectionNameCache?: CollectionNameCacheInterface;
 
@@ -374,11 +378,11 @@ export class CollectionBrowser
     this.currentPage = 1;
   }
 
-  private sendSortByAnaltyics(prevSortDirection: SortDirection | null): void {
+  private sendSortByAnalytics(prevSortDirection: SortDirection | null): void {
     const directionCleared = prevSortDirection && !this.sortDirection;
 
     this.analyticsHandler?.sendEventNoSampling({
-      category: analyticsCategories.default,
+      category: this.searchContext,
       action: analyticsActions.sortBy,
       label: `${this.selectedSort}${
         this.sortDirection || directionCleared ? `-${this.sortDirection}` : ''
@@ -404,7 +408,7 @@ export class CollectionBrowser
 
     if (this.displayMode) {
       this.analyticsHandler?.sendEventNoSampling({
-        category: analyticsCategories.default,
+        category: this.searchContext,
         action: analyticsActions.displayMode,
         label: this.displayMode,
       });
@@ -421,7 +425,7 @@ export class CollectionBrowser
     const cleared = prevSelectedLetter && this.selectedTitleFilter === null;
 
     this.analyticsHandler?.sendEventNoSampling({
-      category: analyticsCategories.default,
+      category: this.searchContext,
       action: analyticsActions.filterByTitle,
       label: cleared
         ? `clear-${prevSelectedLetter}`
@@ -447,7 +451,7 @@ export class CollectionBrowser
     const cleared = prevSelectedLetter && this.selectedCreatorFilter === null;
 
     this.analyticsHandler?.sendEventNoSampling({
-      category: analyticsCategories.default,
+      category: this.searchContext,
       action: analyticsActions.filterByCreator,
       label: cleared
         ? `clear-${prevSelectedLetter}`
@@ -570,7 +574,7 @@ export class CollectionBrowser
 
     if (this.dateRangeQueryClause) {
       this.analyticsHandler?.sendEventNoSampling({
-        category: analyticsCategories.default,
+        category: this.searchContext,
         action: analyticsActions.histogramChanged,
         label: this.dateRangeQueryClause,
       });
@@ -610,7 +614,7 @@ export class CollectionBrowser
     }
     if (changed.has('selectedSort') || changed.has('sortDirection')) {
       const prevSortDirection = changed.get('sortDirection') as SortDirection;
-      this.sendSortByAnaltyics(prevSortDirection);
+      this.sendSortByAnalytics(prevSortDirection);
       this.selectedSortChanged();
     }
     if (changed.has('selectedTitleFilter')) {
@@ -842,7 +846,6 @@ export class CollectionBrowser
   private get facetQuery(): string | undefined {
     if (!this.selectedFacets) return undefined;
     const facetQuery = [];
-    // console.log('selectedFacets: ', this.selectedFacets);
     for (const [facetName, facetValues] of Object.entries(
       this.selectedFacets
     )) {
@@ -880,7 +883,7 @@ export class CollectionBrowser
   ): void {
     if (negative) {
       this.analyticsHandler?.sendEventNoSampling({
-        category: analyticsCategories.default,
+        category: this.searchContext,
         action: facetSelected
           ? analyticsActions.facetNegativeSelected
           : analyticsActions.facetNegativeDeselected,
@@ -888,7 +891,7 @@ export class CollectionBrowser
       });
     } else {
       this.analyticsHandler?.sendEventNoSampling({
-        category: analyticsCategories.default,
+        category: this.searchContext,
         action: facetSelected
           ? analyticsActions.facetSelected
           : analyticsActions.facetDeselected,
@@ -1240,16 +1243,18 @@ export class CollectionBrowser
     return title ?? '';
   }
 
-  /** callback when a result is selected */
+  /**
+   * Callback when a result is selected
+   */
   resultSelected(event: CustomEvent<TileModel>): void {
     this.analyticsHandler?.sendEventNoSampling({
-      category: analyticsCategories.default,
+      category: this.searchContext,
       action: analyticsActions.resultSelected,
-      label: event.detail.mediatype === 'collection' ? 'collection' : 'item',
+      label: event.detail.mediatype,
     });
 
     this.analyticsHandler?.sendEventNoSampling({
-      category: analyticsCategories.default,
+      category: this.searchContext,
       action: analyticsActions.resultSelected,
       label: `page-${this.currentPage}`,
     });

package/src/collection-facets.ts

@@ -360,11 +360,17 @@ export class CollectionFacets extends LitElement {
               facetGroup.key !== 'collection'
                 ? html`${bucket.displayText ?? bucket.key}`
                 : html`
-                    <async-collection-name
-                      .collectionNameCache=${this.collectionNameCache}
-                      .identifier=${bucket.key}
-                      placeholder="-"
-                    ></async-collection-name>
+                    <a
+                      href="/details/${bucket.key}"
+                      title="Open collection in new tab"
+                      target="_blank"
+                    >
+                      <async-collection-name
+                        .collectionNameCache=${this.collectionNameCache}
+                        .identifier=${bucket.key}
+                        placeholder="-"
+                      ></async-collection-name>
+                    </a>
                   `;
 
             const facetHidden = bucket.state === 'hidden';
@@ -617,6 +623,16 @@ export class CollectionFacets extends LitElement {
       .hide-facet-icon.active .eye {
         display: none;
       }
+
+      a:link,
+      a:visited {
+        text-decoration: none;
+        color: var(--ia-theme-link-color);
+      }
+
+      a:hover {
+        text-decoration: underline;
+      }
     `;
   }
 }

package/src/models.ts

@@ -159,12 +159,3 @@ export const defaultSelectedFacets: SelectedFacets = {
   collection: {},
   year: {},
 };
-
-export const mockedSelectedFacets: SelectedFacets = {
-  subject: {},
-  mediatype: { data: 'selected' },
-  language: {},
-  creator: {},
-  collection: {},
-  year: {},
-};