@internetarchive/collection-browser 1.14.1-alpha.0 → 1.14.2

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 component if loggedIn required', async () => {
-        var _a, _b, _c;
+/* 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 component if loggedIn required', async () => {
+        var _a, _b, _c;
         const el = await fixture(html `
       <icon-overlay .loggedIn=${false} .loginRequired=${true}> </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 if content warning', 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 if content warning', async () => {
+        var _a, _b, _c;
         const el = await fixture(html `
       <icon-overlay .loggedIn=${false} .loginRequired=${false}> </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');
-    });
-    it('should render component if content warning', 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('Content may be inappropriate');
+    });
+    it('should render component if content warning', async () => {
+        var _a, _b, _c;
         const el = await fixture(html `
       <icon-overlay .loggedIn=${true} .loginRequired=${true}> </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';

package/dist/test/image-block.test.js

@@ -1,16 +1,16 @@
-/* eslint-disable import/no-duplicates */
-import { expect, fixture } from '@open-wc/testing';
-import { html } from 'lit';
-import '../src/tiles/image-block';
-describe('Image block component', () => {
-    it('should render component grid display mode', async () => {
-        var _a, _b, _c;
+/* eslint-disable import/no-duplicates */
+import { expect, fixture } from '@open-wc/testing';
+import { html } from 'lit';
+import '../src/tiles/image-block';
+describe('Image block component', () => {
+    it('should render component grid display mode', async () => {
+        var _a, _b, _c;
         const el = await fixture(html `
       <image-block
-        .model=${{
-            loggedInRequired: true,
-            contentWarning: true,
-            identifier: 'goody',
+        .model=${{
+            loggedInRequired: true,
+            contentWarning: true,
+            identifier: 'goody',
         }}
         .baseImageUrl=${'https://archive.org'}
         .isCompactTile=${false}
@@ -19,22 +19,22 @@ describe('Image block component', () => {
         .loggedIn=${false}
       >
       </image-block>
-    `);
-        const viewSize = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.grid');
-        const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('item-image');
-        const textOverlay = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('text-overlay');
-        expect(viewSize).to.exist;
-        expect(itemImage).to.exist;
-        expect(textOverlay).to.exist;
-    });
-    it('should render component list display mode', async () => {
-        var _a, _b, _c;
+    `);
+        const viewSize = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.grid');
+        const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('item-image');
+        const textOverlay = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('text-overlay');
+        expect(viewSize).to.exist;
+        expect(itemImage).to.exist;
+        expect(textOverlay).to.exist;
+    });
+    it('should render component list display mode', async () => {
+        var _a, _b, _c;
         const el = await fixture(html `
       <image-block
-        .model=${{
-            loggedInRequired: true,
-            contentWarning: true,
-            identifier: 'goody',
+        .model=${{
+            loggedInRequired: true,
+            contentWarning: true,
+            identifier: 'goody',
         }}
         .baseImageUrl=${'https://archive.org'}
         .isCompactTile=${false}
@@ -43,22 +43,22 @@ describe('Image block component', () => {
         .loggedIn=${false}
       >
       </image-block>
-    `);
-        const viewSize = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.list.desktop');
-        const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('item-image');
-        const iconOverlay = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('icon-overlay');
-        expect(viewSize).to.exist;
-        expect(itemImage).to.exist;
-        expect(iconOverlay).to.exist;
-    });
-    it('should render component compact display mode', async () => {
-        var _a, _b, _c;
+    `);
+        const viewSize = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.list.desktop');
+        const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('item-image');
+        const iconOverlay = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('icon-overlay');
+        expect(viewSize).to.exist;
+        expect(itemImage).to.exist;
+        expect(iconOverlay).to.exist;
+    });
+    it('should render component compact display mode', async () => {
+        var _a, _b, _c;
         const el = await fixture(html `
       <image-block
-        .model=${{
-            loggedInRequired: true,
-            contentWarning: true,
-            identifier: 'goody',
+        .model=${{
+            loggedInRequired: true,
+            contentWarning: true,
+            identifier: 'goody',
         }}
         .baseImageUrl=${'https://archive.org'}
         .isCompactTile=${true}
@@ -67,13 +67,13 @@ describe('Image block component', () => {
         .loggedIn=${false}
       >
       </image-block>
-    `);
-        const viewSize = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.list-compact.desktop');
-        const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('item-image');
-        const iconOverlay = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('icon-overlay');
-        expect(viewSize).to.exist;
-        expect(itemImage).to.exist;
-        expect(iconOverlay).to.exist;
-    });
-});
+    `);
+        const viewSize = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.list-compact.desktop');
+        const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('item-image');
+        const iconOverlay = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('icon-overlay');
+        expect(viewSize).to.exist;
+        expect(itemImage).to.exist;
+        expect(iconOverlay).to.exist;
+    });
+});
 //# sourceMappingURL=image-block.test.js.map

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

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