@internetarchive/collection-browser 2.7.0 → 2.7.1-alpha.1

package/dist/test/data-source/collection-browser-data-source.test.d.ts

@@ -1 +1 @@
-import '../../src/collection-browser';
+import '../../src/collection-browser';

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

@@ -1,92 +1,92 @@
-import { expect, fixture } from '@open-wc/testing';
-import { html } from 'lit';
-import sinon from 'sinon';
-import { ItemHit, SearchType } from '@internetarchive/search-service';
-import { CollectionBrowserDataSource } from '../../src/data-source/collection-browser-data-source';
-import { TileModel } from '../../src/models';
-import '../../src/collection-browser';
-import { MockSearchService } from '../mocks/mock-search-service';
-const dataPage = [
-    new TileModel(new ItemHit({
-        fields: {
-            identifier: 'foo',
-        },
-    })),
-    new TileModel(new ItemHit({
-        fields: {
-            identifier: 'bar',
-        },
-    })),
-];
-describe('Collection Browser Data Source', () => {
-    let host;
-    beforeEach(async () => {
+import { expect, fixture } from '@open-wc/testing';
+import { html } from 'lit';
+import sinon from 'sinon';
+import { ItemHit, SearchType } from '@internetarchive/search-service';
+import { CollectionBrowserDataSource } from '../../src/data-source/collection-browser-data-source';
+import { TileModel } from '../../src/models';
+import '../../src/collection-browser';
+import { MockSearchService } from '../mocks/mock-search-service';
+const dataPage = [
+    new TileModel(new ItemHit({
+        fields: {
+            identifier: 'foo',
+        },
+    })),
+    new TileModel(new ItemHit({
+        fields: {
+            identifier: 'bar',
+        },
+    })),
+];
+describe('Collection Browser Data Source', () => {
+    let host;
+    beforeEach(async () => {
         host = await fixture(html `
       <collection-browser></collection-browser>
-    `);
-    });
-    it('can add and retrieve data pages', () => {
-        const dataSource = new CollectionBrowserDataSource(host);
-        dataSource.addPage(1, dataPage);
-        expect(Object.keys(dataSource.getAllPages()).length).to.equal(1);
-        expect(dataSource.getPage(1).length).to.equal(2);
-        expect(dataSource.getPage(1)[0].identifier).to.equal('foo');
-        expect(dataSource.getPage(1)[1].identifier).to.equal('bar');
-    });
-    it('can add data split across multiple pages', () => {
-        const dataSource = new CollectionBrowserDataSource(host, 3);
-        const doubledDataPage = [...dataPage, ...dataPage];
-        dataSource.addMultiplePages(1, doubledDataPage);
-        expect(Object.keys(dataSource.getAllPages()).length).to.equal(2);
-        expect(dataSource.getPage(1).length).to.equal(3);
-        expect(dataSource.getPage(2).length).to.equal(1);
-        expect(dataSource.getPage(1)[0].identifier).to.equal('foo');
-        expect(dataSource.getPage(1)[1].identifier).to.equal('bar');
-        expect(dataSource.getPage(1)[2].identifier).to.equal('foo');
-        expect(dataSource.getPage(2)[0].identifier).to.equal('bar');
-    });
-    it('resets data when changing page size', () => {
-        const dataSource = new CollectionBrowserDataSource(host);
-        dataSource.addPage(1, dataPage);
-        dataSource.setPageSize(100);
-        expect(Object.keys(dataSource.getAllPages()).length).to.equal(0);
-        expect(dataSource.getPageSize()).to.equal(100);
-    });
-    it('can be installed on the host', async () => {
-        const dataSource = new CollectionBrowserDataSource(host);
-        dataSource.addPage(1, dataPage);
-        host.installDataSourceAndQueryState(dataSource, {
-            searchType: SearchType.METADATA,
-            sortDirection: null,
-            selectedTitleFilter: null,
-            selectedCreatorFilter: null,
-            baseQuery: 'foobar',
-        });
-        await host.updateComplete;
-        expect(host.dataSource).to.equal(dataSource);
-        expect(host.baseQuery).to.equal('foobar');
-        host.removeController(dataSource);
-    });
-    it('can suppress further fetches', async () => {
-        host.searchService = new MockSearchService();
-        const pageFetchSpy = sinon.spy();
-        const dataSource = new CollectionBrowserDataSource(host);
-        dataSource.fetchPage = pageFetchSpy;
-        dataSource.addPage(1, dataPage);
-        dataSource.setFetchesSuppressed(true);
-        dataSource.handleQueryChange();
-        expect(pageFetchSpy.callCount).to.equal(0);
-    });
-    it('refreshes prefix filter counts', () => {
-        const dataSource = new CollectionBrowserDataSource(host);
-        dataSource.addPage(1, dataPage);
-        dataSource.prefixFilterCountMap = {
-            title: {
-                X: 10,
-            },
-        };
-        dataSource.refreshLetterCounts();
-        expect(dataSource.prefixFilterCountMap).to.deep.equal({});
-    });
-});
+    `);
+    });
+    it('can add and retrieve data pages', () => {
+        const dataSource = new CollectionBrowserDataSource(host);
+        dataSource.addPage(1, dataPage);
+        expect(Object.keys(dataSource.getAllPages()).length).to.equal(1);
+        expect(dataSource.getPage(1).length).to.equal(2);
+        expect(dataSource.getPage(1)[0].identifier).to.equal('foo');
+        expect(dataSource.getPage(1)[1].identifier).to.equal('bar');
+    });
+    it('can add data split across multiple pages', () => {
+        const dataSource = new CollectionBrowserDataSource(host, 3);
+        const doubledDataPage = [...dataPage, ...dataPage];
+        dataSource.addMultiplePages(1, doubledDataPage);
+        expect(Object.keys(dataSource.getAllPages()).length).to.equal(2);
+        expect(dataSource.getPage(1).length).to.equal(3);
+        expect(dataSource.getPage(2).length).to.equal(1);
+        expect(dataSource.getPage(1)[0].identifier).to.equal('foo');
+        expect(dataSource.getPage(1)[1].identifier).to.equal('bar');
+        expect(dataSource.getPage(1)[2].identifier).to.equal('foo');
+        expect(dataSource.getPage(2)[0].identifier).to.equal('bar');
+    });
+    it('resets data when changing page size', () => {
+        const dataSource = new CollectionBrowserDataSource(host);
+        dataSource.addPage(1, dataPage);
+        dataSource.setPageSize(100);
+        expect(Object.keys(dataSource.getAllPages()).length).to.equal(0);
+        expect(dataSource.getPageSize()).to.equal(100);
+    });
+    it('can be installed on the host', async () => {
+        const dataSource = new CollectionBrowserDataSource(host);
+        dataSource.addPage(1, dataPage);
+        host.installDataSourceAndQueryState(dataSource, {
+            searchType: SearchType.METADATA,
+            sortDirection: null,
+            selectedTitleFilter: null,
+            selectedCreatorFilter: null,
+            baseQuery: 'foobar',
+        });
+        await host.updateComplete;
+        expect(host.dataSource).to.equal(dataSource);
+        expect(host.baseQuery).to.equal('foobar');
+        host.removeController(dataSource);
+    });
+    it('can suppress further fetches', async () => {
+        host.searchService = new MockSearchService();
+        const pageFetchSpy = sinon.spy();
+        const dataSource = new CollectionBrowserDataSource(host);
+        dataSource.fetchPage = pageFetchSpy;
+        dataSource.addPage(1, dataPage);
+        dataSource.setFetchesSuppressed(true);
+        dataSource.handleQueryChange();
+        expect(pageFetchSpy.callCount).to.equal(0);
+    });
+    it('refreshes prefix filter counts', () => {
+        const dataSource = new CollectionBrowserDataSource(host);
+        dataSource.addPage(1, dataPage);
+        dataSource.prefixFilterCountMap = {
+            title: {
+                X: 10,
+            },
+        };
+        dataSource.refreshLetterCounts();
+        expect(dataSource.prefixFilterCountMap).to.deep.equal({});
+    });
+});
 //# sourceMappingURL=collection-browser-data-source.test.js.map

package/dist/test/empty-placeholder.test.d.ts

@@ -1 +1 @@
-import '../src/empty-placeholder';
+import '../src/empty-placeholder';

package/dist/test/empty-placeholder.test.js

@@ -1,64 +1,64 @@
-/* eslint-disable import/no-duplicates */
-import { expect, fixture } from '@open-wc/testing';
-import { html } from 'lit';
-import '../src/empty-placeholder';
-describe('Empty Placeholder', () => {
-    it('should render with empty-query placeholder', async () => {
-        var _a;
-        const el = await fixture(html `<empty-placeholder></empty-placeholder>`);
-        el.placeholderType = 'empty-query';
-        await el.updateComplete;
-        const placeholderElem = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.placeholder');
-        expect(placeholderElem).to.exist;
-        expect(placeholderElem).to.have.class('empty-query');
-    });
-    it('should render with empty-collection placeholder', async () => {
-        var _a;
-        const el = await fixture(html `<empty-placeholder></empty-placeholder>`);
-        el.placeholderType = 'empty-collection';
-        await el.updateComplete;
-        const placeholderElem = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.placeholder');
-        expect(placeholderElem).to.exist;
-        expect(placeholderElem).to.have.class('empty-collection');
-    });
-    it('should render with no-results placeholder', async () => {
-        var _a;
-        const el = await fixture(html `<empty-placeholder></empty-placeholder>`);
-        el.placeholderType = 'no-results';
-        await el.updateComplete;
-        const placeholderElem = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.placeholder');
-        expect(placeholderElem).to.exist;
-        expect(placeholderElem).to.have.class('no-results');
-    });
-    it('should render with query-error placeholder', async () => {
-        var _a;
-        const el = await fixture(html `<empty-placeholder></empty-placeholder>`);
-        el.placeholderType = 'query-error';
-        await el.updateComplete;
-        const placeholderElem = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.placeholder');
-        expect(placeholderElem).to.exist;
-        expect(placeholderElem).to.have.class('query-error');
-    });
-    it('should render with collection-error placeholder', async () => {
-        var _a;
-        const el = await fixture(html `<empty-placeholder></empty-placeholder>`);
-        el.placeholderType = 'collection-error';
-        await el.updateComplete;
-        const placeholderElem = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.placeholder');
-        expect(placeholderElem).to.exist;
-        expect(placeholderElem).to.have.class('collection-error');
-    });
-    it('should not render any empty placeholder', async () => {
-        var _a, _b, _c, _d, _e, _f;
-        const el = await fixture(html `<empty-placeholder></empty-placeholder>`);
-        el.placeholderType = null;
-        await el.updateComplete;
-        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.placeholder')).to.not.exist;
-        expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.empty-query')).to.not.exist;
-        expect((_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.empty-collection')).to.not.exist;
-        expect((_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.no-results')).to.not.exist;
-        expect((_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('.query-error')).to.not.exist;
-        expect((_f = el.shadowRoot) === null || _f === void 0 ? void 0 : _f.querySelector('.collection-error')).to.not.exist;
-    });
-});
+/* eslint-disable import/no-duplicates */
+import { expect, fixture } from '@open-wc/testing';
+import { html } from 'lit';
+import '../src/empty-placeholder';
+describe('Empty Placeholder', () => {
+    it('should render with empty-query placeholder', async () => {
+        var _a;
+        const el = await fixture(html `<empty-placeholder></empty-placeholder>`);
+        el.placeholderType = 'empty-query';
+        await el.updateComplete;
+        const placeholderElem = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.placeholder');
+        expect(placeholderElem).to.exist;
+        expect(placeholderElem).to.have.class('empty-query');
+    });
+    it('should render with empty-collection placeholder', async () => {
+        var _a;
+        const el = await fixture(html `<empty-placeholder></empty-placeholder>`);
+        el.placeholderType = 'empty-collection';
+        await el.updateComplete;
+        const placeholderElem = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.placeholder');
+        expect(placeholderElem).to.exist;
+        expect(placeholderElem).to.have.class('empty-collection');
+    });
+    it('should render with no-results placeholder', async () => {
+        var _a;
+        const el = await fixture(html `<empty-placeholder></empty-placeholder>`);
+        el.placeholderType = 'no-results';
+        await el.updateComplete;
+        const placeholderElem = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.placeholder');
+        expect(placeholderElem).to.exist;
+        expect(placeholderElem).to.have.class('no-results');
+    });
+    it('should render with query-error placeholder', async () => {
+        var _a;
+        const el = await fixture(html `<empty-placeholder></empty-placeholder>`);
+        el.placeholderType = 'query-error';
+        await el.updateComplete;
+        const placeholderElem = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.placeholder');
+        expect(placeholderElem).to.exist;
+        expect(placeholderElem).to.have.class('query-error');
+    });
+    it('should render with collection-error placeholder', async () => {
+        var _a;
+        const el = await fixture(html `<empty-placeholder></empty-placeholder>`);
+        el.placeholderType = 'collection-error';
+        await el.updateComplete;
+        const placeholderElem = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.placeholder');
+        expect(placeholderElem).to.exist;
+        expect(placeholderElem).to.have.class('collection-error');
+    });
+    it('should not render any empty placeholder', async () => {
+        var _a, _b, _c, _d, _e, _f;
+        const el = await fixture(html `<empty-placeholder></empty-placeholder>`);
+        el.placeholderType = null;
+        await el.updateComplete;
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.placeholder')).to.not.exist;
+        expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.empty-query')).to.not.exist;
+        expect((_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.empty-collection')).to.not.exist;
+        expect((_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.no-results')).to.not.exist;
+        expect((_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('.query-error')).to.not.exist;
+        expect((_f = el.shadowRoot) === null || _f === void 0 ? void 0 : _f.querySelector('.collection-error')).to.not.exist;
+    });
+});
 //# sourceMappingURL=empty-placeholder.test.js.map

package/dist/test/expanded-date-picker.test.d.ts

@@ -1 +1 @@
-import '../src/expanded-date-picker';
+import '../src/expanded-date-picker';

package/dist/test/expanded-date-picker.test.js

@@ -1,43 +1,43 @@
-import { ModalManager, ModalManagerMode, } from '@internetarchive/modal-manager';
-import { expect, fixture } from '@open-wc/testing';
-import { html } from 'lit';
-import sinon from 'sinon';
-import '../src/expanded-date-picker';
-import { MockAnalyticsHandler } from './mocks/mock-analytics-handler';
-import { analyticsActions, analyticsCategories, } from '../src/utils/analytics-events';
-describe('Expanded Date Picker', () => {
-    it('should render with a date picker and Apply button', async () => {
-        var _a, _b;
-        const el = await fixture(html `<expanded-date-picker></expanded-date-picker>`);
-        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#date-picker')).to.exist;
-        expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#apply-btn')).to.exist;
-    });
-    it('should update its min/max selected date when date picker changes', async () => {
-        var _a;
+import { ModalManager, ModalManagerMode, } from '@internetarchive/modal-manager';
+import { expect, fixture } from '@open-wc/testing';
+import { html } from 'lit';
+import sinon from 'sinon';
+import '../src/expanded-date-picker';
+import { MockAnalyticsHandler } from './mocks/mock-analytics-handler';
+import { analyticsActions, analyticsCategories, } from '../src/utils/analytics-events';
+describe('Expanded Date Picker', () => {
+    it('should render with a date picker and Apply button', async () => {
+        var _a, _b;
+        const el = await fixture(html `<expanded-date-picker></expanded-date-picker>`);
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#date-picker')).to.exist;
+        expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#apply-btn')).to.exist;
+    });
+    it('should update its min/max selected date when date picker changes', async () => {
+        var _a;
         const el = await fixture(html `<expanded-date-picker
         .buckets=${[1, 2, 3, 4, 5]}
         .minDate=${'1'}
         .maxDate=${'5'}
         .minSelectedDate=${'1'}
         .maxSelectedDate=${'5'}
-      ></expanded-date-picker>`);
-        const datePicker = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#date-picker');
-        expect(datePicker).to.exist;
-        datePicker.minSelectedDate = '2';
-        datePicker.maxSelectedDate = '4';
-        datePicker.dispatchEvent(new CustomEvent('histogramDateRangeUpdated', {
-            detail: {
-                minDate: datePicker.minSelectedDate,
-                maxDate: datePicker.maxSelectedDate,
-            },
-        }));
-        await el.updateComplete;
-        expect(el.minSelectedDate).to.equal('2');
-        expect(el.maxSelectedDate).to.equal('4');
-    });
-    it('should emit an event when a date range is applied', async () => {
-        var _a;
-        const applySpy = sinon.spy();
+      ></expanded-date-picker>`);
+        const datePicker = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#date-picker');
+        expect(datePicker).to.exist;
+        datePicker.minSelectedDate = '2';
+        datePicker.maxSelectedDate = '4';
+        datePicker.dispatchEvent(new CustomEvent('histogramDateRangeUpdated', {
+            detail: {
+                minDate: datePicker.minSelectedDate,
+                maxDate: datePicker.maxSelectedDate,
+            },
+        }));
+        await el.updateComplete;
+        expect(el.minSelectedDate).to.equal('2');
+        expect(el.maxSelectedDate).to.equal('4');
+    });
+    it('should emit an event when a date range is applied', async () => {
+        var _a;
+        const applySpy = sinon.spy();
         const el = await fixture(html `<expanded-date-picker
         .buckets=${[1, 2, 3, 4, 5]}
         .minDate=${'1'}
@@ -45,19 +45,19 @@ describe('Expanded Date Picker', () => {
         .minSelectedDate=${'1'}
         .maxSelectedDate=${'5'}
         @histogramDateRangeApplied=${applySpy}
-      ></expanded-date-picker>`);
-        const applyBtn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#apply-btn');
-        expect(applyBtn).to.exist;
-        applyBtn.click();
-        await el.updateComplete;
-        expect(applySpy.callCount).to.equal(1);
-        expect(applySpy.calledWithMatch({ detail: { minDate: '1', maxDate: '5' } }));
-    });
-    it('should close its modal and emit close event when date range applied', async () => {
-        var _a;
-        const modalManager = new ModalManager();
-        modalManager.mode = ModalManagerMode.Open;
-        const modalClosed = sinon.spy();
+      ></expanded-date-picker>`);
+        const applyBtn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#apply-btn');
+        expect(applyBtn).to.exist;
+        applyBtn.click();
+        await el.updateComplete;
+        expect(applySpy.callCount).to.equal(1);
+        expect(applySpy.calledWithMatch({ detail: { minDate: '1', maxDate: '5' } }));
+    });
+    it('should close its modal and emit close event when date range applied', async () => {
+        var _a;
+        const modalManager = new ModalManager();
+        modalManager.mode = ModalManagerMode.Open;
+        const modalClosed = sinon.spy();
         const el = await fixture(html `<expanded-date-picker
         .buckets=${[1, 2, 3, 4, 5]}
         .minDate=${'1'}
@@ -66,16 +66,16 @@ describe('Expanded Date Picker', () => {
         .maxSelectedDate=${'5'}
         .modalManager=${modalManager}
         @modalClosed=${modalClosed}
-      ></expanded-date-picker>`);
-        const applyBtn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#apply-btn');
-        expect(applyBtn).to.exist;
-        applyBtn.click();
-        await el.updateComplete;
-        expect(modalManager.getMode()).to.equal(ModalManagerMode.Closed);
-        expect(modalClosed.callCount).to.equal(1);
-    });
-    it('closes the modal when Esc key is pressed', async () => {
-        var _a;
+      ></expanded-date-picker>`);
+        const applyBtn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#apply-btn');
+        expect(applyBtn).to.exist;
+        applyBtn.click();
+        await el.updateComplete;
+        expect(modalManager.getMode()).to.equal(ModalManagerMode.Closed);
+        expect(modalClosed.callCount).to.equal(1);
+    });
+    it('closes the modal when Esc key is pressed', async () => {
+        var _a;
         const el = await fixture(html `<expanded-date-picker
         .buckets=${[1, 2, 3, 4, 5]}
         .minDate=${'1'}
@@ -83,47 +83,47 @@ describe('Expanded Date Picker', () => {
         .minSelectedDate=${'1'}
         .maxSelectedDate=${'5'}
         .modalManager=${new ModalManager()}
-      ></expanded-date-picker>`);
-        const closeModalSpy = sinon.spy(el.modalManager, 'closeModal');
-        // Dispatch an Esc keydown event
-        document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape' }));
-        await el.updateComplete;
-        expect(closeModalSpy.callCount).to.equal(1);
-        expect((_a = el.modalManager) === null || _a === void 0 ? void 0 : _a.classList.contains('expanded-date-picker')).to.be
-            .false;
-    });
-    it('sends analytics when date range is applied', async () => {
-        var _a, _b;
-        const analyticsHandler = new MockAnalyticsHandler();
+      ></expanded-date-picker>`);
+        const closeModalSpy = sinon.spy(el.modalManager, 'closeModal');
+        // Dispatch an Esc keydown event
+        document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape' }));
+        await el.updateComplete;
+        expect(closeModalSpy.callCount).to.equal(1);
+        expect((_a = el.modalManager) === null || _a === void 0 ? void 0 : _a.classList.contains('expanded-date-picker')).to.be
+            .false;
+    });
+    it('sends analytics when date range is applied', async () => {
+        var _a, _b;
+        const analyticsHandler = new MockAnalyticsHandler();
         const el = await fixture(html `<expanded-date-picker
         .buckets=${[1, 2, 3, 4, 5]}
         .minDate=${'1'}
         .maxDate=${'5'}
         .analyticsHandler=${analyticsHandler}
-      ></expanded-date-picker>`);
-        const applyBtn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#apply-btn');
-        expect(applyBtn).to.exist;
-        applyBtn.click();
-        await el.updateComplete;
-        expect(analyticsHandler.callCategory).to.equal(analyticsCategories.default);
-        expect(analyticsHandler.callAction).to.equal(analyticsActions.histogramChangedFromModal);
-        expect(analyticsHandler.callLabel).to.equal(window.location.href);
-        const datePicker = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#date-picker');
-        expect(datePicker).to.exist;
-        datePicker.minSelectedDate = '2';
-        datePicker.maxSelectedDate = '5';
-        datePicker.dispatchEvent(new CustomEvent('histogramDateRangeUpdated', {
-            detail: {
-                minDate: datePicker.minSelectedDate,
-                maxDate: datePicker.maxSelectedDate,
-            },
-        }));
-        await el.updateComplete;
-        applyBtn.click();
-        await el.updateComplete;
-        expect(analyticsHandler.callCategory).to.equal(analyticsCategories.default);
-        expect(analyticsHandler.callAction).to.equal(analyticsActions.histogramChangedFromModal);
-        expect(analyticsHandler.callLabel).to.equal(window.location.href);
-    });
-});
+      ></expanded-date-picker>`);
+        const applyBtn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#apply-btn');
+        expect(applyBtn).to.exist;
+        applyBtn.click();
+        await el.updateComplete;
+        expect(analyticsHandler.callCategory).to.equal(analyticsCategories.default);
+        expect(analyticsHandler.callAction).to.equal(analyticsActions.histogramChangedFromModal);
+        expect(analyticsHandler.callLabel).to.equal(window.location.href);
+        const datePicker = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#date-picker');
+        expect(datePicker).to.exist;
+        datePicker.minSelectedDate = '2';
+        datePicker.maxSelectedDate = '5';
+        datePicker.dispatchEvent(new CustomEvent('histogramDateRangeUpdated', {
+            detail: {
+                minDate: datePicker.minSelectedDate,
+                maxDate: datePicker.maxSelectedDate,
+            },
+        }));
+        await el.updateComplete;
+        applyBtn.click();
+        await el.updateComplete;
+        expect(analyticsHandler.callCategory).to.equal(analyticsCategories.default);
+        expect(analyticsHandler.callAction).to.equal(analyticsActions.histogramChangedFromModal);
+        expect(analyticsHandler.callLabel).to.equal(window.location.href);
+    });
+});
 //# sourceMappingURL=expanded-date-picker.test.js.map

package/dist/test/icon-overlay.test.d.ts

@@ -1 +1 @@
-import '../src/tiles/overlay/icon-overlay';
+import '../src/tiles/overlay/icon-overlay';

package/dist/test/icon-overlay.test.js

@@ -1,31 +1,31 @@
-/* eslint-disable import/no-duplicates */
-import { expect, fixture } from '@open-wc/testing';
-import { html } from 'lit';
-import '../src/tiles/overlay/icon-overlay';
-describe('Icon Overlay component', () => {
-    it('should render basic component', async () => {
-        var _a;
+/* eslint-disable import/no-duplicates */
+import { expect, fixture } from '@open-wc/testing';
+import { html } from 'lit';
+import '../src/tiles/overlay/icon-overlay';
+describe('Icon Overlay component', () => {
+    it('should render basic component', async () => {
+        var _a;
         const el = await fixture(html `
       <icon-overlay></icon-overlay>
-    `);
-        const overlayDiv = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.icon-overlay');
-        expect(overlayDiv).to.exist;
-    });
-    it('should render component with login-required type', async () => {
-        var _a, _b, _c;
+    `);
+        const overlayDiv = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.icon-overlay');
+        expect(overlayDiv).to.exist;
+    });
+    it('should render component with login-required type', async () => {
+        var _a, _b, _c;
         const el = await fixture(html `
       <icon-overlay .type=${'login-required'}></icon-overlay>
-    `);
-        const svgTitle = (_c = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('svg')) === null || _b === void 0 ? void 0 : _b.querySelector('title')) === null || _c === void 0 ? void 0 : _c.textContent;
-        expect(svgTitle).to.equal('Log in to view this item');
-    });
-    it('should render component with content-warning type', async () => {
-        var _a, _b, _c;
+    `);
+        const svgTitle = (_c = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('svg')) === null || _b === void 0 ? void 0 : _b.querySelector('title')) === null || _c === void 0 ? void 0 : _c.textContent;
+        expect(svgTitle).to.equal('Log in to view this item');
+    });
+    it('should render component with content-warning type', async () => {
+        var _a, _b, _c;
         const el = await fixture(html `
       <icon-overlay .type=${'content-warning'}></icon-overlay>
-    `);
-        const svgTitle = (_c = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('svg')) === null || _b === void 0 ? void 0 : _b.querySelector('title')) === null || _c === void 0 ? void 0 : _c.textContent;
-        expect(svgTitle).to.equal('Content may be inappropriate');
-    });
-});
+    `);
+        const svgTitle = (_c = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('svg')) === null || _b === void 0 ? void 0 : _b.querySelector('title')) === null || _c === void 0 ? void 0 : _c.textContent;
+        expect(svgTitle).to.equal('Content may be inappropriate');
+    });
+});
 //# sourceMappingURL=icon-overlay.test.js.map

package/dist/test/image-block.test.d.ts

@@ -1 +1 @@
-import '../src/tiles/image-block';
+import '../src/tiles/image-block';