@internetarchive/collection-browser 4.0.2-alpha-webdev8209.0 → 4.1.0-alpha-webdev8164.0

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

@@ -3,6 +3,7 @@ import { html } from 'lit';
 import '../../src/collection-facets/more-facets-content';
 import { MockSearchService } from '../mocks/mock-search-service';
 import { MockAnalyticsHandler } from '../mocks/mock-analytics-handler';
+import { Aggregation } from '@internetarchive/search-service';
 const selectedFacetsGroup = {
     title: 'Media Type',
     key: 'mediatype',
@@ -38,16 +39,23 @@ describe('More facets content', () => {
         await el.updateComplete;
         expect(el.shadowRoot?.querySelector('.facets-loader')).to.exist;
     });
-    it('should render pagination for more facets', async () => {
+    it('should NOT render pagination when facet count < 1000', async () => {
         const searchService = new MockSearchService();
         const el = await fixture(html `<more-facets-content
         .searchService=${searchService}
       ></more-facets-content>`);
         el.facetKey = 'year';
-        el.query = 'more-facets'; // Produces a response with 40+ aggregations for multiple pages
+        el.query = 'more-facets'; // Produces a response with 45 aggregations (< 1000)
         await el.updateComplete;
         await aTimeout(50); // Give it a moment to perform the (mock) search query after the initial update
-        expect(el.shadowRoot?.querySelectorAll('more-facets-pagination')).to.exist;
+        // Verify pagination component is NOT present (horizontal scroll mode)
+        expect(el.shadowRoot?.querySelector('more-facets-pagination')).to.not.exist;
+        // Verify horizontal scroll mode CSS class is applied
+        expect(el.shadowRoot?.querySelector('.facets-content.horizontal-scroll-mode')).to.exist;
+        // Verify footer still exists with buttons
+        expect(el.shadowRoot?.querySelector('.footer')).to.exist;
+        expect(el.shadowRoot?.querySelector('.btn-cancel')).to.exist;
+        expect(el.shadowRoot?.querySelector('.btn-submit')).to.exist;
     });
     it('query for more facets content using search service', async () => {
         const searchService = new MockSearchService();
@@ -155,5 +163,148 @@ describe('More facets content', () => {
         expect(mockAnalyticsHandler.callAction).to.equal('applyMoreFacetsModal');
         expect(mockAnalyticsHandler.callLabel).to.equal('collection');
     });
+    it('should have horizontal scrolling enabled', async () => {
+        const searchService = new MockSearchService();
+        const el = await fixture(html `<more-facets-content
+        .searchService=${searchService}
+      ></more-facets-content>`);
+        el.facetKey = 'year';
+        el.query = 'more-facets';
+        await el.updateComplete;
+        await aTimeout(50);
+        const facetsContent = el.shadowRoot?.querySelector('.facets-content');
+        const styles = window.getComputedStyle(facetsContent);
+        expect(styles.overflowX).to.equal('auto');
+        expect(styles.overflowY).to.equal('hidden');
+    });
+    it('should have horizontal container wrapper', async () => {
+        const searchService = new MockSearchService();
+        const el = await fixture(html `<more-facets-content
+        .searchService=${searchService}
+      ></more-facets-content>`);
+        el.facetKey = 'year';
+        el.query = 'more-facets';
+        await el.updateComplete;
+        await aTimeout(50);
+        const container = el.shadowRoot?.querySelector('.facets-horizontal-container');
+        expect(container).to.exist;
+        const facetsTemplate = container?.querySelector('facets-template');
+        expect(facetsTemplate).to.exist;
+    });
+    it('should render pagination when facet count >= 1000', async () => {
+        // Manually create aggregations with 1000+ facets
+        const buckets = [];
+        for (let i = 0; i < 1000; i++) {
+            buckets.push({ key: `value-${i}`, doc_count: i + 1 });
+        }
+        const el = await fixture(html `<more-facets-content
+        .facetKey=${'subject'}
+        .selectedFacets=${{
+            mediatype: {},
+            lending: {},
+            year: {},
+            subject: {},
+            collection: {},
+            creator: {},
+            language: {},
+        }}
+      ></more-facets-content>`);
+        // @ts-expect-error - accessing private property for testing
+        el.aggregations = {
+            subject: new Aggregation({ buckets }),
+        };
+        el.facetsLoading = false;
+        await el.updateComplete;
+        // Verify pagination component IS present
+        expect(el.shadowRoot?.querySelector('more-facets-pagination')).to.exist;
+        // Verify pagination mode CSS class is applied
+        expect(el.shadowRoot?.querySelector('.facets-content.pagination-mode')).to
+            .exist;
+        // Verify horizontal container wrapper does NOT exist in pagination mode
+        expect(el.shadowRoot?.querySelector('.facets-horizontal-container')).to.not
+            .exist;
+    });
+    it('pagination page change should send analytics event', async () => {
+        const mockAnalyticsHandler = new MockAnalyticsHandler();
+        // Manually create aggregations with 1000+ facets
+        const buckets = [];
+        for (let i = 0; i < 1000; i++) {
+            buckets.push({ key: `value-${i}`, doc_count: i + 1 });
+        }
+        const el = await fixture(html `<more-facets-content
+        .facetKey=${'subject'}
+        .selectedFacets=${{
+            mediatype: {},
+            lending: {},
+            year: {},
+            subject: {},
+            collection: {},
+            creator: {},
+            language: {},
+        }}
+        .analyticsHandler=${mockAnalyticsHandler}
+      ></more-facets-content>`);
+        // @ts-expect-error - accessing private property for testing
+        el.aggregations = {
+            subject: new Aggregation({ buckets }),
+        };
+        el.facetsLoading = false;
+        await el.updateComplete;
+        // Get the pagination component
+        const pagination = el.shadowRoot?.querySelector('more-facets-pagination');
+        expect(pagination).to.exist;
+        // Simulate clicking page 2
+        pagination.currentPage = 2;
+        await pagination.updateComplete;
+        // Verify analytics event was sent
+        expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');
+        expect(mockAnalyticsHandler.callAction).to.equal('moreFacetsPageChange');
+        expect(mockAnalyticsHandler.callLabel).to.equal('2');
+    });
+    it('should show clear button when filter text is present', async () => {
+        const searchService = new MockSearchService();
+        const el = await fixture(html `<more-facets-content
+        .facetKey=${'year'}
+        .query=${'more-facets'}
+        .searchService=${searchService}
+        .selectedFacets=${yearSelectedFacets}
+      ></more-facets-content>`);
+        await el.updateComplete;
+        await aTimeout(50);
+        // Initially, no clear button should exist
+        expect(el.shadowRoot?.querySelector('.filter-clear-btn')).to.not.exist;
+        // Type into the filter input
+        const filterInput = el.shadowRoot?.querySelector('#facet-filter');
+        expect(filterInput).to.exist;
+        filterInput.value = 'test';
+        filterInput.dispatchEvent(new Event('input'));
+        await el.updateComplete;
+        // Now clear button should exist
+        expect(el.shadowRoot?.querySelector('.filter-clear-btn')).to.exist;
+    });
+    it('should clear filter text when clear button is clicked', async () => {
+        const searchService = new MockSearchService();
+        const el = await fixture(html `<more-facets-content
+        .facetKey=${'year'}
+        .query=${'more-facets'}
+        .searchService=${searchService}
+        .selectedFacets=${yearSelectedFacets}
+      ></more-facets-content>`);
+        await el.updateComplete;
+        await aTimeout(50);
+        // Type into the filter input
+        const filterInput = el.shadowRoot?.querySelector('#facet-filter');
+        filterInput.value = 'test';
+        filterInput.dispatchEvent(new Event('input'));
+        await el.updateComplete;
+        // Click the clear button
+        const clearBtn = el.shadowRoot?.querySelector('.filter-clear-btn');
+        expect(clearBtn).to.exist;
+        clearBtn.click();
+        await el.updateComplete;
+        // Filter input should be empty and clear button should be gone
+        expect(filterInput.value).to.equal('');
+        expect(el.shadowRoot?.querySelector('.filter-clear-btn')).to.not.exist;
+    });
 });
 //# sourceMappingURL=more-facets-content.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"more-facets-content.test.js","sourceRoot":"","sources":["../../../test/collection-facets/more-facets-content.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { aTimeout, expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport type { MoreFacetsContent } from '../../src/collection-facets/more-facets-content';\nimport '../../src/collection-facets/more-facets-content';\nimport { MockSearchService } from '../mocks/mock-search-service';\nimport { MockAnalyticsHandler } from '../mocks/mock-analytics-handler';\nimport type { FacetsTemplate } from '../../src/collection-facets/facets-template';\nimport type { SelectedFacets } from '../../src/models';\n\nconst selectedFacetsGroup = {\n  title: 'Media Type',\n  key: 'mediatype',\n  buckets: [\n    { displayText: 'audio', key: 'audio', count: 1001, state: 'none' },\n    { displayText: 'movies', key: 'movies', count: 901, state: 'none' },\n    { displayText: 'texts', key: 'texts', count: 2101, state: 'none' },\n    { displayText: 'data', key: 'data', count: 230, state: 'none' },\n    { displayText: 'web', key: 'web', count: 453, state: 'none' },\n  ],\n};\n\nconst yearSelectedFacets: SelectedFacets = {\n  mediatype: {},\n  lending: {},\n  year: {\n    '2000': { key: '2000', count: 5, state: 'selected' },\n  },\n  subject: {},\n  collection: {},\n  creator: {},\n  language: {},\n};\n\ndescribe('More facets content', () => {\n  it('should render more facets template', async () => {\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content></more-facets-content>`,\n    );\n\n    el.facetsLoading = false;\n    await el.updateComplete;\n\n    expect(el.shadowRoot?.querySelector('.facets-content')).to.exist;\n  });\n\n  it('should render more facets loader template', async () => {\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content></more-facets-content>`,\n    );\n\n    el.facetsLoading = true;\n    await el.updateComplete;\n\n    expect(el.shadowRoot?.querySelector('.facets-loader')).to.exist;\n  });\n\n  it('should render pagination for more facets', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .searchService=${searchService}\n      ></more-facets-content>`,\n    );\n\n    el.facetKey = 'year';\n    el.query = 'more-facets'; // Produces a response with 40+ aggregations for multiple pages\n    await el.updateComplete;\n    await aTimeout(50); // Give it a moment to perform the (mock) search query after the initial update\n\n    expect(el.shadowRoot?.querySelectorAll('more-facets-pagination')).to.exist;\n  });\n\n  it('query for more facets content using search service', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .searchService=${searchService}\n      ></more-facets-content>`,\n    );\n\n    el.facetKey = 'collection';\n    el.query = 'collection-aggregations';\n    await el.updateComplete;\n\n    expect(searchService.searchParams?.query).to.equal(\n      'collection-aggregations',\n    );\n  });\n\n  it('queries for more facets using search service within a collection (no query)', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .searchService=${searchService}\n        .pageSpecifierParams=${{\n          pageType: 'collection_details',\n          pageTarget: 'foobar',\n        }}\n      ></more-facets-content>`,\n    );\n\n    el.facetKey = 'subject';\n    await el.updateComplete;\n\n    expect(searchService.searchParams?.query).to.be.empty;\n    expect(searchService.searchParams?.pageTarget).to.equal('foobar');\n  });\n\n  it('queries for more facets using search service within a collection (with query)', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .searchService=${searchService}\n        .pageSpecifierParams=${{\n          pageType: 'collection_details',\n          pageTarget: 'foobar',\n        }}\n      ></more-facets-content>`,\n    );\n\n    el.facetKey = 'subject';\n    el.query = 'title:hello';\n    await el.updateComplete;\n\n    expect(searchService.searchParams?.query).to.equal('title:hello');\n    expect(searchService.searchParams?.pageTarget).to.equal('foobar');\n  });\n\n  it('filter raw selectedFacets object', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .searchService=${searchService}\n        .selectedFacets=${selectedFacetsGroup}\n      ></more-facets-content>`,\n    );\n\n    el.facetKey = 'collection';\n    el.query = 'title:hello';\n    await el.updateComplete;\n\n    expect(searchService.searchParams?.query).to.equal('title:hello');\n  });\n\n  it('combines selectedFacets and aggregationFacets and renders on modal', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .facetKey=${'year'}\n        .query=${'more-facets'}\n        .searchService=${searchService}\n        .selectedFacets=${yearSelectedFacets}\n      ></more-facets-content>`,\n    );\n\n    const facetsTemplate = el.shadowRoot?.querySelector(\n      'facets-template',\n    ) as FacetsTemplate;\n    expect(facetsTemplate).to.exist;\n\n    const { facetGroup } = facetsTemplate;\n    expect(facetGroup?.key).to.equal('year');\n    expect(facetGroup?.title).to.equal('Year');\n\n    // First bucket is the one that was included in the selected facets\n    const firstBucket = facetGroup?.buckets[0];\n    expect(firstBucket?.key).to.equal('2000');\n    expect(firstBucket?.count).to.equal(5);\n\n    // Second bucket is the most recent year, since year facets default to descending order of year\n    const secondBucket = facetGroup?.buckets[1];\n    expect(secondBucket?.key).to.equal('2024');\n    expect(secondBucket?.count).to.equal(5);\n  });\n\n  it('cancel button clicked event', async () => {\n    const searchService = new MockSearchService();\n    const mockAnalyticsHandler = new MockAnalyticsHandler();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .facetKey=${'collection'}\n        .query=${'collection-aggregations'}\n        .searchService=${searchService}\n        .analyticsHandler=${mockAnalyticsHandler}\n      ></more-facets-content>`,\n    );\n\n    // select cancel button\n    const cancelButton = el.shadowRoot?.querySelector(\n      '.footer > .btn-cancel',\n    ) as HTMLButtonElement;\n    expect(cancelButton).to.exist;\n    cancelButton?.click();\n\n    expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');\n    expect(mockAnalyticsHandler.callAction).to.equal('closeMoreFacetsModal');\n    expect(mockAnalyticsHandler.callLabel).to.equal('collection');\n  });\n\n  it('facet apply button clicked event', async () => {\n    const searchService = new MockSearchService();\n    const mockAnalyticsHandler = new MockAnalyticsHandler();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .facetKey=${'collection'}\n        .query=${'collection-aggregations'}\n        .searchService=${searchService}\n        .analyticsHandler=${mockAnalyticsHandler}\n      ></more-facets-content>`,\n    );\n\n    // select submit button\n    const submitButton = el.shadowRoot?.querySelector(\n      '.footer > .btn-submit',\n    ) as HTMLButtonElement;\n    expect(submitButton).to.exist;\n    submitButton?.click();\n\n    expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');\n    expect(mockAnalyticsHandler.callAction).to.equal('applyMoreFacetsModal');\n    expect(mockAnalyticsHandler.callLabel).to.equal('collection');\n  });\n});\n"]}
+{"version":3,"file":"more-facets-content.test.js","sourceRoot":"","sources":["../../../test/collection-facets/more-facets-content.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,OAAO,iDAAiD,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAGvE,OAAO,EAAE,WAAW,EAAe,MAAM,iCAAiC,CAAC;AAE3E,MAAM,mBAAmB,GAAG;IAC1B,KAAK,EAAE,YAAY;IACnB,GAAG,EAAE,WAAW;IAChB,OAAO,EAAE;QACP,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE;QAClE,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE;QACnE,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE;QAClE,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE;QAC/D,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE;KAC9D;CACF,CAAC;AAEF,MAAM,kBAAkB,GAAmB;IACzC,SAAS,EAAE,EAAE;IACb,OAAO,EAAE,EAAE;IACX,IAAI,EAAE;QACJ,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE;KACrD;IACD,OAAO,EAAE,EAAE;IACX,UAAU,EAAE,EAAE;IACd,OAAO,EAAE,EAAE;IACX,QAAQ,EAAE,EAAE;CACb,CAAC;AAEF,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACnC,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;QAClD,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,6CAA6C,CAClD,CAAC;QAEF,EAAE,CAAC,aAAa,GAAG,KAAK,CAAC;QACzB,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;QACzD,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,6CAA6C,CAClD,CAAC;QAEF,EAAE,CAAC,aAAa,GAAG,IAAI,CAAC;QACxB,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAClE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sDAAsD,EAAE,KAAK,IAAI,EAAE;QACpE,MAAM,aAAa,GAAG,IAAI,iBAAiB,EAAE,CAAC;QAE9C,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA;yBACe,aAAa;8BACR,CACzB,CAAC;QAEF,EAAE,CAAC,QAAQ,GAAG,MAAM,CAAC;QACrB,EAAE,CAAC,KAAK,GAAG,aAAa,CAAC,CAAC,oDAAoD;QAC9E,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,+EAA+E;QAEnG,sEAAsE;QACtE,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC;QAE5E,qDAAqD;QACrD,MAAM,CACJ,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,wCAAwC,CAAC,CACvE,CAAC,EAAE,CAAC,KAAK,CAAC;QAEX,0CAA0C;QAC1C,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACzD,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC7D,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oDAAoD,EAAE,KAAK,IAAI,EAAE;QAClE,MAAM,aAAa,GAAG,IAAI,iBAAiB,EAAE,CAAC;QAE9C,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA;yBACe,aAAa;8BACR,CACzB,CAAC;QAEF,EAAE,CAAC,QAAQ,GAAG,YAAY,CAAC;QAC3B,EAAE,CAAC,KAAK,GAAG,yBAAyB,CAAC;QACrC,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,MAAM,CAAC,aAAa,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAChD,yBAAyB,CAC1B,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6EAA6E,EAAE,KAAK,IAAI,EAAE;QAC3F,MAAM,aAAa,GAAG,IAAI,iBAAiB,EAAE,CAAC;QAE9C,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA;yBACe,aAAa;+BACP;YACrB,QAAQ,EAAE,oBAAoB;YAC9B,UAAU,EAAE,QAAQ;SACrB;8BACqB,CACzB,CAAC;QAEF,EAAE,CAAC,QAAQ,GAAG,SAAS,CAAC;QACxB,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,MAAM,CAAC,aAAa,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QACtD,MAAM,CAAC,aAAa,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IACpE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+EAA+E,EAAE,KAAK,IAAI,EAAE;QAC7F,MAAM,aAAa,GAAG,IAAI,iBAAiB,EAAE,CAAC;QAE9C,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA;yBACe,aAAa;+BACP;YACrB,QAAQ,EAAE,oBAAoB;YAC9B,UAAU,EAAE,QAAQ;SACrB;8BACqB,CACzB,CAAC;QAEF,EAAE,CAAC,QAAQ,GAAG,SAAS,CAAC;QACxB,EAAE,CAAC,KAAK,GAAG,aAAa,CAAC;QACzB,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,MAAM,CAAC,aAAa,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;QAClE,MAAM,CAAC,aAAa,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IACpE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,aAAa,GAAG,IAAI,iBAAiB,EAAE,CAAC;QAE9C,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA;yBACe,aAAa;0BACZ,mBAAmB;8BACf,CACzB,CAAC;QAEF,EAAE,CAAC,QAAQ,GAAG,YAAY,CAAC;QAC3B,EAAE,CAAC,KAAK,GAAG,aAAa,CAAC;QACzB,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,MAAM,CAAC,aAAa,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IACpE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oEAAoE,EAAE,KAAK,IAAI,EAAE;QAClF,MAAM,aAAa,GAAG,IAAI,iBAAiB,EAAE,CAAC;QAE9C,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA;oBACU,MAAM;iBACT,aAAa;yBACL,aAAa;0BACZ,kBAAkB;8BACd,CACzB,CAAC;QAEF,MAAM,cAAc,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CACjD,iBAAiB,CACA,CAAC;QACpB,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAEhC,MAAM,EAAE,UAAU,EAAE,GAAG,cAAc,CAAC;QACtC,MAAM,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACzC,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAE3C,mEAAmE;QACnE,MAAM,WAAW,GAAG,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;QAC3C,MAAM,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAC1C,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAEvC,+FAA+F;QAC/F,MAAM,YAAY,GAAG,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;QAC5C,MAAM,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAC3C,MAAM,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;QAC3C,MAAM,aAAa,GAAG,IAAI,iBAAiB,EAAE,CAAC;QAC9C,MAAM,oBAAoB,GAAG,IAAI,oBAAoB,EAAE,CAAC;QAExD,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA;oBACU,YAAY;iBACf,yBAAyB;yBACjB,aAAa;4BACV,oBAAoB;8BAClB,CACzB,CAAC;QAEF,uBAAuB;QACvB,MAAM,YAAY,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CAC/C,uBAAuB,CACH,CAAC;QACvB,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC9B,YAAY,EAAE,KAAK,EAAE,CAAC;QAEtB,MAAM,CAAC,oBAAoB,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC;QACzE,MAAM,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,sBAAsB,CAAC,CAAC;QACzE,MAAM,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,aAAa,GAAG,IAAI,iBAAiB,EAAE,CAAC;QAC9C,MAAM,oBAAoB,GAAG,IAAI,oBAAoB,EAAE,CAAC;QAExD,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA;oBACU,YAAY;iBACf,yBAAyB;yBACjB,aAAa;4BACV,oBAAoB;8BAClB,CACzB,CAAC;QAEF,uBAAuB;QACvB,MAAM,YAAY,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CAC/C,uBAAuB,CACH,CAAC;QACvB,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC9B,YAAY,EAAE,KAAK,EAAE,CAAC;QAEtB,MAAM,CAAC,oBAAoB,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC;QACzE,MAAM,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,sBAAsB,CAAC,CAAC;QACzE,MAAM,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;QACxD,MAAM,aAAa,GAAG,IAAI,iBAAiB,EAAE,CAAC;QAE9C,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA;yBACe,aAAa;8BACR,CACzB,CAAC;QAEF,EAAE,CAAC,QAAQ,GAAG,MAAM,CAAC;QACrB,EAAE,CAAC,KAAK,GAAG,aAAa,CAAC;QACzB,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,QAAQ,CAAC,EAAE,CAAC,CAAC;QAEnB,MAAM,aAAa,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CAChD,iBAAiB,CACH,CAAC;QACjB,MAAM,MAAM,GAAG,MAAM,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC;QAEtD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAC1C,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;QACxD,MAAM,aAAa,GAAG,IAAI,iBAAiB,EAAE,CAAC;QAE9C,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA;yBACe,aAAa;8BACR,CACzB,CAAC;QAEF,EAAE,CAAC,QAAQ,GAAG,MAAM,CAAC;QACrB,EAAE,CAAC,KAAK,GAAG,aAAa,CAAC;QACzB,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,QAAQ,CAAC,EAAE,CAAC,CAAC;QAEnB,MAAM,SAAS,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CAC5C,8BAA8B,CAC/B,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAE3B,MAAM,cAAc,GAAG,SAAS,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;QACnE,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAClC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mDAAmD,EAAE,KAAK,IAAI,EAAE;QACjE,iDAAiD;QACjD,MAAM,OAAO,GAAa,EAAE,CAAC;QAC7B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC;YAC9B,OAAO,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,SAAS,CAAC,EAAE,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QACxD,CAAC;QAED,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA;oBACU,SAAS;0BACH;YAChB,SAAS,EAAE,EAAE;YACb,OAAO,EAAE,EAAE;YACX,IAAI,EAAE,EAAE;YACR,OAAO,EAAE,EAAE;YACX,UAAU,EAAE,EAAE;YACd,OAAO,EAAE,EAAE;YACX,QAAQ,EAAE,EAAE;SACb;8BACqB,CACzB,CAAC;QAEF,4DAA4D;QAC5D,EAAE,CAAC,YAAY,GAAG;YAChB,OAAO,EAAE,IAAI,WAAW,CAAC,EAAE,OAAO,EAAE,CAAC;SACtC,CAAC;QACF,EAAE,CAAC,aAAa,GAAG,KAAK,CAAC;QACzB,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,yCAAyC;QACzC,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAExE,8CAA8C;QAC9C,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,iCAAiC,CAAC,CAAC,CAAC,EAAE;aACvE,KAAK,CAAC;QAET,wEAAwE;QACxE,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,8BAA8B,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG;aACxE,KAAK,CAAC;IACX,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oDAAoD,EAAE,KAAK,IAAI,EAAE;QAClE,MAAM,oBAAoB,GAAG,IAAI,oBAAoB,EAAE,CAAC;QAExD,iDAAiD;QACjD,MAAM,OAAO,GAAa,EAAE,CAAC;QAC7B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC;YAC9B,OAAO,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,SAAS,CAAC,EAAE,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QACxD,CAAC;QAED,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA;oBACU,SAAS;0BACH;YAChB,SAAS,EAAE,EAAE;YACb,OAAO,EAAE,EAAE;YACX,IAAI,EAAE,EAAE;YACR,OAAO,EAAE,EAAE;YACX,UAAU,EAAE,EAAE;YACd,OAAO,EAAE,EAAE;YACX,QAAQ,EAAE,EAAE;SACb;4BACmB,oBAAoB;8BAClB,CACzB,CAAC;QAEF,4DAA4D;QAC5D,EAAE,CAAC,YAAY,GAAG;YAChB,OAAO,EAAE,IAAI,WAAW,CAAC,EAAE,OAAO,EAAE,CAAC;SACtC,CAAC;QACF,EAAE,CAAC,aAAa,GAAG,KAAK,CAAC;QACzB,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,+BAA+B;QAC/B,MAAM,UAAU,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CAC7C,wBAAwB,CAClB,CAAC;QACT,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAE5B,2BAA2B;QAC3B,UAAU,CAAC,WAAW,GAAG,CAAC,CAAC;QAC3B,MAAM,UAAU,CAAC,cAAc,CAAC;QAEhC,kCAAkC;QAClC,MAAM,CAAC,oBAAoB,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC;QACzE,MAAM,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,sBAAsB,CAAC,CAAC;QACzE,MAAM,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sDAAsD,EAAE,KAAK,IAAI,EAAE;QACpE,MAAM,aAAa,GAAG,IAAI,iBAAiB,EAAE,CAAC;QAE9C,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA;oBACU,MAAM;iBACT,aAAa;yBACL,aAAa;0BACZ,kBAAkB;8BACd,CACzB,CAAC;QAEF,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,QAAQ,CAAC,EAAE,CAAC,CAAC;QAEnB,0CAA0C;QAC1C,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC;QAEvE,6BAA6B;QAC7B,MAAM,WAAW,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CAC9C,eAAe,CACI,CAAC;QACtB,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAE7B,WAAW,CAAC,KAAK,GAAG,MAAM,CAAC;QAC3B,WAAW,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC9C,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,gCAAgC;QAChC,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IACrE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uDAAuD,EAAE,KAAK,IAAI,EAAE;QACrE,MAAM,aAAa,GAAG,IAAI,iBAAiB,EAAE,CAAC;QAE9C,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA;oBACU,MAAM;iBACT,aAAa;yBACL,aAAa;0BACZ,kBAAkB;8BACd,CACzB,CAAC;QAEF,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,QAAQ,CAAC,EAAE,CAAC,CAAC;QAEnB,6BAA6B;QAC7B,MAAM,WAAW,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CAC9C,eAAe,CACI,CAAC;QACtB,WAAW,CAAC,KAAK,GAAG,MAAM,CAAC;QAC3B,WAAW,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC9C,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,yBAAyB;QACzB,MAAM,QAAQ,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CAC3C,mBAAmB,CACC,CAAC;QACvB,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC1B,QAAQ,CAAC,KAAK,EAAE,CAAC;QACjB,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,+DAA+D;QAC/D,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QACvC,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC;IACzE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { aTimeout, expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport type { MoreFacetsContent } from '../../src/collection-facets/more-facets-content';\nimport '../../src/collection-facets/more-facets-content';\nimport { MockSearchService } from '../mocks/mock-search-service';\nimport { MockAnalyticsHandler } from '../mocks/mock-analytics-handler';\nimport type { FacetsTemplate } from '../../src/collection-facets/facets-template';\nimport type { SelectedFacets } from '../../src/models';\nimport { Aggregation, type Bucket } from '@internetarchive/search-service';\n\nconst selectedFacetsGroup = {\n  title: 'Media Type',\n  key: 'mediatype',\n  buckets: [\n    { displayText: 'audio', key: 'audio', count: 1001, state: 'none' },\n    { displayText: 'movies', key: 'movies', count: 901, state: 'none' },\n    { displayText: 'texts', key: 'texts', count: 2101, state: 'none' },\n    { displayText: 'data', key: 'data', count: 230, state: 'none' },\n    { displayText: 'web', key: 'web', count: 453, state: 'none' },\n  ],\n};\n\nconst yearSelectedFacets: SelectedFacets = {\n  mediatype: {},\n  lending: {},\n  year: {\n    '2000': { key: '2000', count: 5, state: 'selected' },\n  },\n  subject: {},\n  collection: {},\n  creator: {},\n  language: {},\n};\n\ndescribe('More facets content', () => {\n  it('should render more facets template', async () => {\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content></more-facets-content>`,\n    );\n\n    el.facetsLoading = false;\n    await el.updateComplete;\n\n    expect(el.shadowRoot?.querySelector('.facets-content')).to.exist;\n  });\n\n  it('should render more facets loader template', async () => {\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content></more-facets-content>`,\n    );\n\n    el.facetsLoading = true;\n    await el.updateComplete;\n\n    expect(el.shadowRoot?.querySelector('.facets-loader')).to.exist;\n  });\n\n  it('should NOT render pagination when facet count < 1000', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .searchService=${searchService}\n      ></more-facets-content>`,\n    );\n\n    el.facetKey = 'year';\n    el.query = 'more-facets'; // Produces a response with 45 aggregations (< 1000)\n    await el.updateComplete;\n    await aTimeout(50); // Give it a moment to perform the (mock) search query after the initial update\n\n    // Verify pagination component is NOT present (horizontal scroll mode)\n    expect(el.shadowRoot?.querySelector('more-facets-pagination')).to.not.exist;\n\n    // Verify horizontal scroll mode CSS class is applied\n    expect(\n      el.shadowRoot?.querySelector('.facets-content.horizontal-scroll-mode'),\n    ).to.exist;\n\n    // Verify footer still exists with buttons\n    expect(el.shadowRoot?.querySelector('.footer')).to.exist;\n    expect(el.shadowRoot?.querySelector('.btn-cancel')).to.exist;\n    expect(el.shadowRoot?.querySelector('.btn-submit')).to.exist;\n  });\n\n  it('query for more facets content using search service', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .searchService=${searchService}\n      ></more-facets-content>`,\n    );\n\n    el.facetKey = 'collection';\n    el.query = 'collection-aggregations';\n    await el.updateComplete;\n\n    expect(searchService.searchParams?.query).to.equal(\n      'collection-aggregations',\n    );\n  });\n\n  it('queries for more facets using search service within a collection (no query)', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .searchService=${searchService}\n        .pageSpecifierParams=${{\n          pageType: 'collection_details',\n          pageTarget: 'foobar',\n        }}\n      ></more-facets-content>`,\n    );\n\n    el.facetKey = 'subject';\n    await el.updateComplete;\n\n    expect(searchService.searchParams?.query).to.be.empty;\n    expect(searchService.searchParams?.pageTarget).to.equal('foobar');\n  });\n\n  it('queries for more facets using search service within a collection (with query)', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .searchService=${searchService}\n        .pageSpecifierParams=${{\n          pageType: 'collection_details',\n          pageTarget: 'foobar',\n        }}\n      ></more-facets-content>`,\n    );\n\n    el.facetKey = 'subject';\n    el.query = 'title:hello';\n    await el.updateComplete;\n\n    expect(searchService.searchParams?.query).to.equal('title:hello');\n    expect(searchService.searchParams?.pageTarget).to.equal('foobar');\n  });\n\n  it('filter raw selectedFacets object', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .searchService=${searchService}\n        .selectedFacets=${selectedFacetsGroup}\n      ></more-facets-content>`,\n    );\n\n    el.facetKey = 'collection';\n    el.query = 'title:hello';\n    await el.updateComplete;\n\n    expect(searchService.searchParams?.query).to.equal('title:hello');\n  });\n\n  it('combines selectedFacets and aggregationFacets and renders on modal', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .facetKey=${'year'}\n        .query=${'more-facets'}\n        .searchService=${searchService}\n        .selectedFacets=${yearSelectedFacets}\n      ></more-facets-content>`,\n    );\n\n    const facetsTemplate = el.shadowRoot?.querySelector(\n      'facets-template',\n    ) as FacetsTemplate;\n    expect(facetsTemplate).to.exist;\n\n    const { facetGroup } = facetsTemplate;\n    expect(facetGroup?.key).to.equal('year');\n    expect(facetGroup?.title).to.equal('Year');\n\n    // First bucket is the one that was included in the selected facets\n    const firstBucket = facetGroup?.buckets[0];\n    expect(firstBucket?.key).to.equal('2000');\n    expect(firstBucket?.count).to.equal(5);\n\n    // Second bucket is the most recent year, since year facets default to descending order of year\n    const secondBucket = facetGroup?.buckets[1];\n    expect(secondBucket?.key).to.equal('2024');\n    expect(secondBucket?.count).to.equal(5);\n  });\n\n  it('cancel button clicked event', async () => {\n    const searchService = new MockSearchService();\n    const mockAnalyticsHandler = new MockAnalyticsHandler();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .facetKey=${'collection'}\n        .query=${'collection-aggregations'}\n        .searchService=${searchService}\n        .analyticsHandler=${mockAnalyticsHandler}\n      ></more-facets-content>`,\n    );\n\n    // select cancel button\n    const cancelButton = el.shadowRoot?.querySelector(\n      '.footer > .btn-cancel',\n    ) as HTMLButtonElement;\n    expect(cancelButton).to.exist;\n    cancelButton?.click();\n\n    expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');\n    expect(mockAnalyticsHandler.callAction).to.equal('closeMoreFacetsModal');\n    expect(mockAnalyticsHandler.callLabel).to.equal('collection');\n  });\n\n  it('facet apply button clicked event', async () => {\n    const searchService = new MockSearchService();\n    const mockAnalyticsHandler = new MockAnalyticsHandler();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .facetKey=${'collection'}\n        .query=${'collection-aggregations'}\n        .searchService=${searchService}\n        .analyticsHandler=${mockAnalyticsHandler}\n      ></more-facets-content>`,\n    );\n\n    // select submit button\n    const submitButton = el.shadowRoot?.querySelector(\n      '.footer > .btn-submit',\n    ) as HTMLButtonElement;\n    expect(submitButton).to.exist;\n    submitButton?.click();\n\n    expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');\n    expect(mockAnalyticsHandler.callAction).to.equal('applyMoreFacetsModal');\n    expect(mockAnalyticsHandler.callLabel).to.equal('collection');\n  });\n\n  it('should have horizontal scrolling enabled', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .searchService=${searchService}\n      ></more-facets-content>`,\n    );\n\n    el.facetKey = 'year';\n    el.query = 'more-facets';\n    await el.updateComplete;\n    await aTimeout(50);\n\n    const facetsContent = el.shadowRoot?.querySelector(\n      '.facets-content',\n    ) as HTMLElement;\n    const styles = window.getComputedStyle(facetsContent);\n\n    expect(styles.overflowX).to.equal('auto');\n    expect(styles.overflowY).to.equal('hidden');\n  });\n\n  it('should have horizontal container wrapper', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .searchService=${searchService}\n      ></more-facets-content>`,\n    );\n\n    el.facetKey = 'year';\n    el.query = 'more-facets';\n    await el.updateComplete;\n    await aTimeout(50);\n\n    const container = el.shadowRoot?.querySelector(\n      '.facets-horizontal-container',\n    );\n    expect(container).to.exist;\n\n    const facetsTemplate = container?.querySelector('facets-template');\n    expect(facetsTemplate).to.exist;\n  });\n\n  it('should render pagination when facet count >= 1000', async () => {\n    // Manually create aggregations with 1000+ facets\n    const buckets: Bucket[] = [];\n    for (let i = 0; i < 1000; i++) {\n      buckets.push({ key: `value-${i}`, doc_count: i + 1 });\n    }\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .facetKey=${'subject'}\n        .selectedFacets=${{\n          mediatype: {},\n          lending: {},\n          year: {},\n          subject: {},\n          collection: {},\n          creator: {},\n          language: {},\n        }}\n      ></more-facets-content>`,\n    );\n\n    // @ts-expect-error - accessing private property for testing\n    el.aggregations = {\n      subject: new Aggregation({ buckets }),\n    };\n    el.facetsLoading = false;\n    await el.updateComplete;\n\n    // Verify pagination component IS present\n    expect(el.shadowRoot?.querySelector('more-facets-pagination')).to.exist;\n\n    // Verify pagination mode CSS class is applied\n    expect(el.shadowRoot?.querySelector('.facets-content.pagination-mode')).to\n      .exist;\n\n    // Verify horizontal container wrapper does NOT exist in pagination mode\n    expect(el.shadowRoot?.querySelector('.facets-horizontal-container')).to.not\n      .exist;\n  });\n\n  it('pagination page change should send analytics event', async () => {\n    const mockAnalyticsHandler = new MockAnalyticsHandler();\n\n    // Manually create aggregations with 1000+ facets\n    const buckets: Bucket[] = [];\n    for (let i = 0; i < 1000; i++) {\n      buckets.push({ key: `value-${i}`, doc_count: i + 1 });\n    }\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .facetKey=${'subject'}\n        .selectedFacets=${{\n          mediatype: {},\n          lending: {},\n          year: {},\n          subject: {},\n          collection: {},\n          creator: {},\n          language: {},\n        }}\n        .analyticsHandler=${mockAnalyticsHandler}\n      ></more-facets-content>`,\n    );\n\n    // @ts-expect-error - accessing private property for testing\n    el.aggregations = {\n      subject: new Aggregation({ buckets }),\n    };\n    el.facetsLoading = false;\n    await el.updateComplete;\n\n    // Get the pagination component\n    const pagination = el.shadowRoot?.querySelector(\n      'more-facets-pagination',\n    ) as any;\n    expect(pagination).to.exist;\n\n    // Simulate clicking page 2\n    pagination.currentPage = 2;\n    await pagination.updateComplete;\n\n    // Verify analytics event was sent\n    expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');\n    expect(mockAnalyticsHandler.callAction).to.equal('moreFacetsPageChange');\n    expect(mockAnalyticsHandler.callLabel).to.equal('2');\n  });\n\n  it('should show clear button when filter text is present', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .facetKey=${'year'}\n        .query=${'more-facets'}\n        .searchService=${searchService}\n        .selectedFacets=${yearSelectedFacets}\n      ></more-facets-content>`,\n    );\n\n    await el.updateComplete;\n    await aTimeout(50);\n\n    // Initially, no clear button should exist\n    expect(el.shadowRoot?.querySelector('.filter-clear-btn')).to.not.exist;\n\n    // Type into the filter input\n    const filterInput = el.shadowRoot?.querySelector(\n      '#facet-filter',\n    ) as HTMLInputElement;\n    expect(filterInput).to.exist;\n\n    filterInput.value = 'test';\n    filterInput.dispatchEvent(new Event('input'));\n    await el.updateComplete;\n\n    // Now clear button should exist\n    expect(el.shadowRoot?.querySelector('.filter-clear-btn')).to.exist;\n  });\n\n  it('should clear filter text when clear button is clicked', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .facetKey=${'year'}\n        .query=${'more-facets'}\n        .searchService=${searchService}\n        .selectedFacets=${yearSelectedFacets}\n      ></more-facets-content>`,\n    );\n\n    await el.updateComplete;\n    await aTimeout(50);\n\n    // Type into the filter input\n    const filterInput = el.shadowRoot?.querySelector(\n      '#facet-filter',\n    ) as HTMLInputElement;\n    filterInput.value = 'test';\n    filterInput.dispatchEvent(new Event('input'));\n    await el.updateComplete;\n\n    // Click the clear button\n    const clearBtn = el.shadowRoot?.querySelector(\n      '.filter-clear-btn',\n    ) as HTMLButtonElement;\n    expect(clearBtn).to.exist;\n    clearBtn.click();\n    await el.updateComplete;\n\n    // Filter input should be empty and clear button should be gone\n    expect(filterInput.value).to.equal('');\n    expect(el.shadowRoot?.querySelector('.filter-clear-btn')).to.not.exist;\n  });\n});\n"]}

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

@@ -122,5 +122,65 @@ describe('More facets pagination', () => {
             expect(el.currentPage).to.equal(6); // brings us forward 1 page
         });
     });
+    describe('Compact mode', () => {
+        it('shows all pages when size <= 3', async () => {
+            const el = await fixture(html `<more-facets-pagination
+          .size=${3}
+          .compact=${true}
+        ></more-facets-pagination>`);
+            await el.updateComplete;
+            expect(el.pages).to.deep.equal([1, 2, 3]);
+        });
+        it('shows first, prev, current, next, ..., last for middle page', async () => {
+            const el = await fixture(html `<more-facets-pagination
+          .size=${20}
+          .currentPage=${10}
+          .compact=${true}
+        ></more-facets-pagination>`);
+            await el.updateComplete;
+            // first, ..., prev, current, next, ..., last
+            expect(el.pages).to.deep.equal([1, 0, 9, 10, 11, 0, 20]);
+        });
+        it('shows correct pages when on page 1', async () => {
+            const el = await fixture(html `<more-facets-pagination
+          .size=${20}
+          .currentPage=${1}
+          .compact=${true}
+        ></more-facets-pagination>`);
+            await el.updateComplete;
+            // first (current), next, ..., last
+            expect(el.pages).to.deep.equal([1, 2, 0, 20]);
+        });
+        it('shows correct pages when on last page', async () => {
+            const el = await fixture(html `<more-facets-pagination
+          .size=${20}
+          .currentPage=${20}
+          .compact=${true}
+        ></more-facets-pagination>`);
+            await el.updateComplete;
+            // first, ..., prev, last (current)
+            expect(el.pages).to.deep.equal([1, 0, 19, 20]);
+        });
+        it('shows correct pages when on page 2', async () => {
+            const el = await fixture(html `<more-facets-pagination
+          .size=${20}
+          .currentPage=${2}
+          .compact=${true}
+        ></more-facets-pagination>`);
+            await el.updateComplete;
+            // first, current, next, ..., last
+            expect(el.pages).to.deep.equal([1, 2, 3, 0, 20]);
+        });
+        it('shows correct pages when on second-to-last page', async () => {
+            const el = await fixture(html `<more-facets-pagination
+          .size=${20}
+          .currentPage=${19}
+          .compact=${true}
+        ></more-facets-pagination>`);
+            await el.updateComplete;
+            // first, ..., prev, current, last
+            expect(el.pages).to.deep.equal([1, 0, 18, 19, 20]);
+        });
+    });
 });
 //# sourceMappingURL=more-facets-pagination.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"more-facets-pagination.test.js","sourceRoot":"","sources":["../../../test/collection-facets/more-facets-pagination.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture, oneEvent } from '@open-wc/testing';\nimport { html } from 'lit';\nimport sinon from 'sinon';\nimport '../../src/collection-facets/more-facets-pagination';\nimport type { MoreFacetsPagination } from '../../src/collection-facets/more-facets-pagination';\n\nafterEach(() => {\n  sinon.restore();\n});\n\ndescribe('More facets pagination', () => {\n  describe('5 pages or less', () => {\n    it('shows all pages', async () => {\n      const el = await fixture<MoreFacetsPagination>(\n        html`<more-facets-pagination .size=${5}></more-facets-pagination>`,\n      );\n\n      await el.updateComplete;\n\n      const pageButtons = el.shadowRoot?.querySelectorAll(\n        'button[data-page]',\n      ) as NodeList;\n      expect(pageButtons.length).to.greaterThan(0);\n\n      pageButtons.forEach((button, index) => {\n        expect(button.textContent).to.contain(index + 1);\n      });\n    });\n  });\n\n  it('should render pagination template', async () => {\n    const el = await fixture<MoreFacetsPagination>(\n      html`<more-facets-pagination .size=${10}></more-facets-pagination>`,\n    );\n\n    await el.updateComplete;\n\n    expect(el.shadowRoot?.querySelector('.facets-pagination')).to.exist;\n    expect(el.shadowRoot?.querySelector('.arrow-icon')).to.exist;\n  });\n\n  it('should render page numbers', async () => {\n    const el = await fixture<MoreFacetsPagination>(\n      html`<more-facets-pagination .size=${3}></more-facets-pagination>`,\n    );\n\n    await el.updateComplete;\n\n    const pageNumberElement = el.shadowRoot?.querySelector('.page-numbers');\n    expect(pageNumberElement).to.exist;\n    expect(pageNumberElement?.querySelectorAll('button').length).to.equal(3);\n  });\n\n  it('check current page and total pages', async () => {\n    const el = await fixture<MoreFacetsPagination>(\n      html`<more-facets-pagination\n        .size=${4}\n        .currentPage=${2}\n      ></more-facets-pagination>`,\n    );\n\n    await el.updateComplete;\n\n    const pageNumberElement = el.shadowRoot?.querySelector('.page-numbers');\n    expect(pageNumberElement).to.exist;\n    expect(\n      pageNumberElement\n        ?.querySelectorAll('button')[1]\n        .classList.contains('current'),\n    ).to.be.true;\n    expect(el.pages?.length).to.equal(4);\n  });\n\n  it('get page numbers based of size and currentPage', async () => {\n    const el = await fixture<MoreFacetsPagination>(\n      html`<more-facets-pagination\n        .size=${4}\n        .currentPage=${2}\n      ></more-facets-pagination>`,\n    );\n\n    await el.updateComplete;\n\n    expect(el.pages?.length).to.equal(4);\n  });\n\n  describe('Selecting a page', () => {\n    it('fires event', async () => {\n      const el = await fixture<MoreFacetsPagination>(\n        html`<more-facets-pagination></more-facets-pagination>`,\n      );\n\n      await el.updateComplete;\n\n      setTimeout(() =>\n        el.dispatchEvent(\n          new CustomEvent('pageNumberClicked', { detail: { page: 15 } }),\n        ),\n      );\n      const { detail } = await oneEvent(el, 'pageNumberClicked');\n      expect(detail?.page).to.equal(15);\n    });\n    it('sets off side effects with `onChange`', async () => {\n      const el = await fixture<MoreFacetsPagination>(\n        html`<more-facets-pagination\n          .size=${'10'}\n          .currentPage=${2}\n        ></more-facets-pagination>`,\n      );\n\n      expect(el.currentPage).to.equal(2); // confirm current page\n\n      const fake1 = sinon.fake();\n      const fake2 = sinon.fake();\n      el.observePageCount = fake1;\n      el.emitPageClick = fake2;\n\n      // select first page button\n      const pageButton = el.shadowRoot?.querySelector(\n        '.page-numbers > button',\n      ) as HTMLButtonElement;\n      // confirm button isn't selected\n      expect(pageButton.classList.contains('current')).to.be.false;\n      pageButton.click();\n\n      await el.updateComplete;\n\n      expect(fake1.callCount).to.equal(1);\n      expect(fake2.callCount).to.equal(1);\n      expect(el.currentPage).to.equal(1); // brings us back to currentPage\n      // confirm button is selected\n      expect(pageButton.classList.contains('current')).to.be.true;\n    });\n  });\n\n  describe('Using Arrows', () => {\n    it('going backwards', async () => {\n      const el = await fixture<MoreFacetsPagination>(\n        html`<more-facets-pagination\n          .size=${'10'}\n          .currentPage=${2}\n        ></more-facets-pagination>`,\n      );\n\n      expect(el.currentPage).to.equal(2); // confirm current page\n\n      const fake1 = sinon.fake();\n      const fake2 = sinon.fake();\n      el.observePageCount = fake1;\n      el.emitPageClick = fake2;\n\n      // select first page button\n      const rewindButton = el.shadowRoot?.querySelector(\n        '.facets-pagination > button.rewind',\n      ) as HTMLButtonElement;\n      rewindButton.click();\n\n      await el.updateComplete;\n\n      expect(fake1.callCount).to.equal(1);\n      expect(fake2.callCount).to.equal(1);\n      expect(el.currentPage).to.equal(1); // brings us back 1 page\n      // confirm button is selected\n      expect(\n        (\n          el.shadowRoot?.querySelector(\n            '.page-numbers > button[data-page=\"1\"]',\n          ) as HTMLButtonElement\n        ).classList.contains('current'),\n      ).to.be.true;\n    });\n\n    it('going forwards', async () => {\n      const el = await fixture<MoreFacetsPagination>(\n        html`<more-facets-pagination\n          .size=${'10'}\n          .currentPage=${5}\n        ></more-facets-pagination>`,\n      );\n\n      expect(el.currentPage).to.equal(5); // confirm current page\n\n      const fake1 = sinon.fake();\n      const fake2 = sinon.fake();\n      el.observePageCount = fake1;\n      el.emitPageClick = fake2;\n\n      // select first page button\n      const forwardButton = el.shadowRoot?.querySelector(\n        '.facets-pagination > button.forward',\n      ) as HTMLButtonElement;\n      forwardButton.click();\n\n      await el.updateComplete;\n\n      expect(fake1.callCount).to.equal(1);\n      expect(fake2.callCount).to.equal(1);\n      expect(el.currentPage).to.equal(6); // brings us forward 1 page\n    });\n  });\n});\n"]}
+{"version":3,"file":"more-facets-pagination.test.js","sourceRoot":"","sources":["../../../test/collection-facets/more-facets-pagination.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture, oneEvent } from '@open-wc/testing';\nimport { html } from 'lit';\nimport sinon from 'sinon';\nimport '../../src/collection-facets/more-facets-pagination';\nimport type { MoreFacetsPagination } from '../../src/collection-facets/more-facets-pagination';\n\nafterEach(() => {\n  sinon.restore();\n});\n\ndescribe('More facets pagination', () => {\n  describe('5 pages or less', () => {\n    it('shows all pages', async () => {\n      const el = await fixture<MoreFacetsPagination>(\n        html`<more-facets-pagination .size=${5}></more-facets-pagination>`,\n      );\n\n      await el.updateComplete;\n\n      const pageButtons = el.shadowRoot?.querySelectorAll(\n        'button[data-page]',\n      ) as NodeList;\n      expect(pageButtons.length).to.greaterThan(0);\n\n      pageButtons.forEach((button, index) => {\n        expect(button.textContent).to.contain(index + 1);\n      });\n    });\n  });\n\n  it('should render pagination template', async () => {\n    const el = await fixture<MoreFacetsPagination>(\n      html`<more-facets-pagination .size=${10}></more-facets-pagination>`,\n    );\n\n    await el.updateComplete;\n\n    expect(el.shadowRoot?.querySelector('.facets-pagination')).to.exist;\n    expect(el.shadowRoot?.querySelector('.arrow-icon')).to.exist;\n  });\n\n  it('should render page numbers', async () => {\n    const el = await fixture<MoreFacetsPagination>(\n      html`<more-facets-pagination .size=${3}></more-facets-pagination>`,\n    );\n\n    await el.updateComplete;\n\n    const pageNumberElement = el.shadowRoot?.querySelector('.page-numbers');\n    expect(pageNumberElement).to.exist;\n    expect(pageNumberElement?.querySelectorAll('button').length).to.equal(3);\n  });\n\n  it('check current page and total pages', async () => {\n    const el = await fixture<MoreFacetsPagination>(\n      html`<more-facets-pagination\n        .size=${4}\n        .currentPage=${2}\n      ></more-facets-pagination>`,\n    );\n\n    await el.updateComplete;\n\n    const pageNumberElement = el.shadowRoot?.querySelector('.page-numbers');\n    expect(pageNumberElement).to.exist;\n    expect(\n      pageNumberElement\n        ?.querySelectorAll('button')[1]\n        .classList.contains('current'),\n    ).to.be.true;\n    expect(el.pages?.length).to.equal(4);\n  });\n\n  it('get page numbers based of size and currentPage', async () => {\n    const el = await fixture<MoreFacetsPagination>(\n      html`<more-facets-pagination\n        .size=${4}\n        .currentPage=${2}\n      ></more-facets-pagination>`,\n    );\n\n    await el.updateComplete;\n\n    expect(el.pages?.length).to.equal(4);\n  });\n\n  describe('Selecting a page', () => {\n    it('fires event', async () => {\n      const el = await fixture<MoreFacetsPagination>(\n        html`<more-facets-pagination></more-facets-pagination>`,\n      );\n\n      await el.updateComplete;\n\n      setTimeout(() =>\n        el.dispatchEvent(\n          new CustomEvent('pageNumberClicked', { detail: { page: 15 } }),\n        ),\n      );\n      const { detail } = await oneEvent(el, 'pageNumberClicked');\n      expect(detail?.page).to.equal(15);\n    });\n    it('sets off side effects with `onChange`', async () => {\n      const el = await fixture<MoreFacetsPagination>(\n        html`<more-facets-pagination\n          .size=${'10'}\n          .currentPage=${2}\n        ></more-facets-pagination>`,\n      );\n\n      expect(el.currentPage).to.equal(2); // confirm current page\n\n      const fake1 = sinon.fake();\n      const fake2 = sinon.fake();\n      el.observePageCount = fake1;\n      el.emitPageClick = fake2;\n\n      // select first page button\n      const pageButton = el.shadowRoot?.querySelector(\n        '.page-numbers > button',\n      ) as HTMLButtonElement;\n      // confirm button isn't selected\n      expect(pageButton.classList.contains('current')).to.be.false;\n      pageButton.click();\n\n      await el.updateComplete;\n\n      expect(fake1.callCount).to.equal(1);\n      expect(fake2.callCount).to.equal(1);\n      expect(el.currentPage).to.equal(1); // brings us back to currentPage\n      // confirm button is selected\n      expect(pageButton.classList.contains('current')).to.be.true;\n    });\n  });\n\n  describe('Using Arrows', () => {\n    it('going backwards', async () => {\n      const el = await fixture<MoreFacetsPagination>(\n        html`<more-facets-pagination\n          .size=${'10'}\n          .currentPage=${2}\n        ></more-facets-pagination>`,\n      );\n\n      expect(el.currentPage).to.equal(2); // confirm current page\n\n      const fake1 = sinon.fake();\n      const fake2 = sinon.fake();\n      el.observePageCount = fake1;\n      el.emitPageClick = fake2;\n\n      // select first page button\n      const rewindButton = el.shadowRoot?.querySelector(\n        '.facets-pagination > button.rewind',\n      ) as HTMLButtonElement;\n      rewindButton.click();\n\n      await el.updateComplete;\n\n      expect(fake1.callCount).to.equal(1);\n      expect(fake2.callCount).to.equal(1);\n      expect(el.currentPage).to.equal(1); // brings us back 1 page\n      // confirm button is selected\n      expect(\n        (\n          el.shadowRoot?.querySelector(\n            '.page-numbers > button[data-page=\"1\"]',\n          ) as HTMLButtonElement\n        ).classList.contains('current'),\n      ).to.be.true;\n    });\n\n    it('going forwards', async () => {\n      const el = await fixture<MoreFacetsPagination>(\n        html`<more-facets-pagination\n          .size=${'10'}\n          .currentPage=${5}\n        ></more-facets-pagination>`,\n      );\n\n      expect(el.currentPage).to.equal(5); // confirm current page\n\n      const fake1 = sinon.fake();\n      const fake2 = sinon.fake();\n      el.observePageCount = fake1;\n      el.emitPageClick = fake2;\n\n      // select first page button\n      const forwardButton = el.shadowRoot?.querySelector(\n        '.facets-pagination > button.forward',\n      ) as HTMLButtonElement;\n      forwardButton.click();\n\n      await el.updateComplete;\n\n      expect(fake1.callCount).to.equal(1);\n      expect(fake2.callCount).to.equal(1);\n      expect(el.currentPage).to.equal(6); // brings us forward 1 page\n    });\n  });\n\n  describe('Compact mode', () => {\n    it('shows all pages when size <= 3', async () => {\n      const el = await fixture<MoreFacetsPagination>(\n        html`<more-facets-pagination\n          .size=${3}\n          .compact=${true}\n        ></more-facets-pagination>`,\n      );\n\n      await el.updateComplete;\n      expect(el.pages).to.deep.equal([1, 2, 3]);\n    });\n\n    it('shows first, prev, current, next, ..., last for middle page', async () => {\n      const el = await fixture<MoreFacetsPagination>(\n        html`<more-facets-pagination\n          .size=${20}\n          .currentPage=${10}\n          .compact=${true}\n        ></more-facets-pagination>`,\n      );\n\n      await el.updateComplete;\n      // first, ..., prev, current, next, ..., last\n      expect(el.pages).to.deep.equal([1, 0, 9, 10, 11, 0, 20]);\n    });\n\n    it('shows correct pages when on page 1', async () => {\n      const el = await fixture<MoreFacetsPagination>(\n        html`<more-facets-pagination\n          .size=${20}\n          .currentPage=${1}\n          .compact=${true}\n        ></more-facets-pagination>`,\n      );\n\n      await el.updateComplete;\n      // first (current), next, ..., last\n      expect(el.pages).to.deep.equal([1, 2, 0, 20]);\n    });\n\n    it('shows correct pages when on last page', async () => {\n      const el = await fixture<MoreFacetsPagination>(\n        html`<more-facets-pagination\n          .size=${20}\n          .currentPage=${20}\n          .compact=${true}\n        ></more-facets-pagination>`,\n      );\n\n      await el.updateComplete;\n      // first, ..., prev, last (current)\n      expect(el.pages).to.deep.equal([1, 0, 19, 20]);\n    });\n\n    it('shows correct pages when on page 2', async () => {\n      const el = await fixture<MoreFacetsPagination>(\n        html`<more-facets-pagination\n          .size=${20}\n          .currentPage=${2}\n          .compact=${true}\n        ></more-facets-pagination>`,\n      );\n\n      await el.updateComplete;\n      // first, current, next, ..., last\n      expect(el.pages).to.deep.equal([1, 2, 3, 0, 20]);\n    });\n\n    it('shows correct pages when on second-to-last page', async () => {\n      const el = await fixture<MoreFacetsPagination>(\n        html`<more-facets-pagination\n          .size=${20}\n          .currentPage=${19}\n          .compact=${true}\n        ></more-facets-pagination>`,\n      );\n\n      await el.updateComplete;\n      // first, ..., prev, current, last\n      expect(el.pages).to.deep.equal([1, 0, 18, 19, 20]);\n    });\n  });\n});\n"]}

package/eslint.config.mjs

@@ -1,53 +1,53 @@
-import typescriptEslint from '@typescript-eslint/eslint-plugin';
-import html from 'eslint-plugin-html';
-import tsParser from '@typescript-eslint/parser';
-import path from 'node:path';
-import { fileURLToPath } from 'node:url';
-import js from '@eslint/js';
-import { FlatCompat } from '@eslint/eslintrc';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-const compat = new FlatCompat({
-  baseDirectory: __dirname,
-  recommendedConfig: js.configs.recommended,
-  allConfig: js.configs.all,
-});
-
-export default [
-  ...compat.extends('plugin:@typescript-eslint/recommended'),
-  {
-    plugins: {
-      '@typescript-eslint': typescriptEslint,
-      html,
-    },
-
-    languageOptions: {
-      parser: tsParser,
-    },
-
-    settings: {
-      'import/resolver': {
-        node: {
-          extensions: ['.ts', '.tsx'],
-          moduleDirectory: ['node_modules', 'src', 'demo'],
-        },
-      },
-    },
-
-    rules: {
-      '@typescript-eslint/no-unsafe-function-type': 'warn',
-      '@typescript-eslint/no-unused-vars': 'warn',
-      '@typescript-eslint/no-explicit-any': 'warn',
-    },
-  },
-  {
-    ignores: ['**/*.js', '**/*.mjs', '**/*.d.ts'],
-  },
-  {
-    files: ['**/*.test.ts'],
-    rules: {
-      '@typescript-eslint/no-unused-expressions': 'off',
-    },
-  },
-];
+import typescriptEslint from '@typescript-eslint/eslint-plugin';
+import html from 'eslint-plugin-html';
+import tsParser from '@typescript-eslint/parser';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import js from '@eslint/js';
+import { FlatCompat } from '@eslint/eslintrc';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all,
+});
+
+export default [
+  ...compat.extends('plugin:@typescript-eslint/recommended'),
+  {
+    plugins: {
+      '@typescript-eslint': typescriptEslint,
+      html,
+    },
+
+    languageOptions: {
+      parser: tsParser,
+    },
+
+    settings: {
+      'import/resolver': {
+        node: {
+          extensions: ['.ts', '.tsx'],
+          moduleDirectory: ['node_modules', 'src', 'demo'],
+        },
+      },
+    },
+
+    rules: {
+      '@typescript-eslint/no-unsafe-function-type': 'warn',
+      '@typescript-eslint/no-unused-vars': 'warn',
+      '@typescript-eslint/no-explicit-any': 'warn',
+    },
+  },
+  {
+    ignores: ['**/*.js', '**/*.mjs', '**/*.d.ts'],
+  },
+  {
+    files: ['**/*.test.ts'],
+    rules: {
+      '@typescript-eslint/no-unused-expressions': 'off',
+    },
+  },
+];

package/index.html

@@ -1,24 +1,24 @@
-<!doctype html>
-<html lang="en-GB">
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width,initial-scale=1">
-  <style>
-    html {
-      font-size: 10px; /* This is to match petabox's base font size */
-      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-    }
-
-    body {
-      background: #F5F5F7;
-      color: #2C2C2C;
-      line-height: 1.42857143; /* Same as production */
-    }
-  </style>
-
-</head>
-<body>
-  <app-root></app-root>
-  <script type="module" src="./src/app-root"></script>
-</body>
-</html>
+<!doctype html>
+<html lang="en-GB">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <style>
+    html {
+      font-size: 10px; /* This is to match petabox's base font size */
+      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+    }
+
+    body {
+      background: #F5F5F7;
+      color: #2C2C2C;
+      line-height: 1.42857143; /* Same as production */
+    }
+  </style>
+
+</head>
+<body>
+  <app-root></app-root>
+  <script type="module" src="./src/app-root"></script>
+</body>
+</html>

package/index.ts

@@ -18,7 +18,6 @@ export { ItemTile } from './src/tiles/grid/item-tile';
 export { TileList } from './src/tiles/list/tile-list';
 export { TileListCompact } from './src/tiles/list/tile-list-compact';
 export { TileDispatcher } from './src/tiles/tile-dispatcher';
-export { LayoutType } from './src/tiles/models';
 export {
   SmartQueryHeuristic,
   KeywordFacetMap,