@internetarchive/collection-browser 0.4.1 → 0.4.3-alpha.1

package/dist/test/sort-filter-bar/sort-filter-bar.test.js

@@ -1,154 +1,154 @@
-/* eslint-disable import/no-duplicates */
-import { expect, fixture } from '@open-wc/testing';
-import { html } from 'lit';
-import '../../src/sort-filter-bar/sort-filter-bar';
-describe('Sort direction buttons', () => {
-    it('should render sort direction button', async () => {
-        var _a;
+/* eslint-disable import/no-duplicates */
+import { expect, fixture } from '@open-wc/testing';
+import { html } from 'lit';
+import '../../src/sort-filter-bar/sort-filter-bar';
+describe('Sort direction buttons', () => {
+    it('should render sort direction button', async () => {
+        var _a;
         const el = await fixture(html `
       <sort-filter-bar> </sort-filter-bar>
-    `);
-        el.sortDirection = 'asc'; // selected sort
-        await el.updateComplete;
-        const sortDirectionButtonList = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#sort-direction-selector');
-        const sortByAscButton = sortDirectionButtonList === null || sortDirectionButtonList === void 0 ? void 0 : sortDirectionButtonList.querySelector('#sort-ascending-btn');
-        expect(sortByAscButton).to.exist;
-        // ascending order button is selected
-        expect(sortByAscButton === null || sortByAscButton === void 0 ? void 0 : sortByAscButton.getAttribute('class')).to.equal('sort-button selected');
-        const sortByDescButton = sortDirectionButtonList === null || sortDirectionButtonList === void 0 ? void 0 : sortDirectionButtonList.querySelector('#sort-descending-btn');
-        expect(sortByDescButton).to.exist;
-        // descending order button is not selected
-        expect(sortByDescButton === null || sortByDescButton === void 0 ? void 0 : sortByDescButton.getAttribute('class')).to.not.equal('sort-button selected');
-    });
-});
-describe('Sort selector default buttons', async () => {
-    var _a;
+    `);
+        el.sortDirection = 'asc'; // selected sort
+        await el.updateComplete;
+        const sortDirectionButtonList = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#sort-direction-selector');
+        const sortByAscButton = sortDirectionButtonList === null || sortDirectionButtonList === void 0 ? void 0 : sortDirectionButtonList.querySelector('#sort-ascending-btn');
+        expect(sortByAscButton).to.exist;
+        // ascending order button is selected
+        expect(sortByAscButton === null || sortByAscButton === void 0 ? void 0 : sortByAscButton.getAttribute('class')).to.equal('sort-button selected');
+        const sortByDescButton = sortDirectionButtonList === null || sortDirectionButtonList === void 0 ? void 0 : sortDirectionButtonList.querySelector('#sort-descending-btn');
+        expect(sortByDescButton).to.exist;
+        // descending order button is not selected
+        expect(sortByDescButton === null || sortByDescButton === void 0 ? void 0 : sortByDescButton.getAttribute('class')).to.not.equal('sort-button selected');
+    });
+});
+describe('Sort selector default buttons', async () => {
+    var _a;
     const el = await fixture(html `
     <sort-filter-bar> </sort-filter-bar>
-  `);
-    const sortSelectorContainer = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#desktop-sort-selector');
-    it('should render sort-by label', async () => {
-        var _a;
-        expect((_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(0)) === null || _a === void 0 ? void 0 : _a.textContent).to.equal('Sort By');
-    });
-    it('should render default relevance-sort selector', async () => {
-        var _a;
-        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(1)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
-        expect(defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.textContent).to.contain('Relevance');
-        expect(defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.getAttribute('class')).to.equal('selected');
-    });
-    it('should render default view-sort selector', async () => {
-        var _a;
-        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(2)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
-        expect(defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.textContent).to.contain('Weekly Views');
-    });
-    it('should render active view-sort selectors', async () => {
-        el.selectedSort = 'alltimeview';
-        await el.updateComplete;
-        const defaultSortSelector = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.querySelector('a.selected');
-        expect(defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.textContent).to.contain('All-time Views');
-    });
-    it('should render default title-sort selector', async () => {
-        var _a;
-        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(3)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
-        expect(defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.textContent).to.contain('Title');
-    });
-    it('should render default date-sort selector', async () => {
-        var _a;
-        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(4)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
-        expect(defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.textContent).to.contain('Date Published');
-    });
-    it('should render active date-sort selectors', async () => {
-        el.selectedSort = 'datereviewed';
-        await el.updateComplete;
-        const defaultSortSelector = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.querySelector('a.selected');
-        expect(defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.textContent).to.contain('Date Reviewed');
-    });
-    it('should render default creator-sort selector', async () => {
-        var _a;
-        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(5)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
-        expect(defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.textContent).to.contain('Creator');
-    });
-    it('click event on view-sort selector', async () => {
-        var _a;
-        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(2)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
-        await (defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.click());
-        expect(el.selectedSort).to.equal('weeklyview');
-    });
-    it('click event on title selector', async () => {
-        var _a;
-        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(3)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
-        await (defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.click());
-        expect(el.selectedSort).to.equal('title');
-    });
-    it('click event on date-sort selector', async () => {
-        var _a;
-        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(4)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
-        await (defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.click());
-        expect(el.selectedSort).to.equal('date');
-    });
-    it('click event on creator selector', async () => {
-        var _a;
-        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(5)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
-        await (defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.click());
-        expect(el.selectedSort).to.equal('creator');
-    });
-});
-describe('Display mode/style buttons', () => {
-    it('should render all display mode buttons', async () => {
-        var _a, _b, _c, _d, _e;
+  `);
+    const sortSelectorContainer = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#desktop-sort-selector');
+    it('should render sort-by label', async () => {
+        var _a;
+        expect((_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(0)) === null || _a === void 0 ? void 0 : _a.textContent).to.equal('Sort By');
+    });
+    it('should render default relevance-sort selector', async () => {
+        var _a;
+        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(1)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
+        expect(defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.textContent).to.contain('Relevance');
+        expect(defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.getAttribute('class')).to.equal('selected');
+    });
+    it('should render default view-sort selector', async () => {
+        var _a;
+        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(2)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
+        expect(defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.textContent).to.contain('Weekly Views');
+    });
+    it('should render active view-sort selectors', async () => {
+        el.selectedSort = 'alltimeview';
+        await el.updateComplete;
+        const defaultSortSelector = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.querySelector('a.selected');
+        expect(defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.textContent).to.contain('All-time Views');
+    });
+    it('should render default title-sort selector', async () => {
+        var _a;
+        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(3)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
+        expect(defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.textContent).to.contain('Title');
+    });
+    it('should render default date-sort selector', async () => {
+        var _a;
+        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(4)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
+        expect(defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.textContent).to.contain('Date Published');
+    });
+    it('should render active date-sort selectors', async () => {
+        el.selectedSort = 'datereviewed';
+        await el.updateComplete;
+        const defaultSortSelector = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.querySelector('a.selected');
+        expect(defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.textContent).to.contain('Date Reviewed');
+    });
+    it('should render default creator-sort selector', async () => {
+        var _a;
+        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(5)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
+        expect(defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.textContent).to.contain('Creator');
+    });
+    it('click event on view-sort selector', async () => {
+        var _a;
+        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(2)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
+        await (defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.click());
+        expect(el.selectedSort).to.equal('weeklyview');
+    });
+    it('click event on title selector', async () => {
+        var _a;
+        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(3)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
+        await (defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.click());
+        expect(el.selectedSort).to.equal('title');
+    });
+    it('click event on date-sort selector', async () => {
+        var _a;
+        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(4)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
+        await (defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.click());
+        expect(el.selectedSort).to.equal('date');
+    });
+    it('click event on creator selector', async () => {
+        var _a;
+        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(5)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
+        await (defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.click());
+        expect(el.selectedSort).to.equal('creator');
+    });
+});
+describe('Display mode/style buttons', () => {
+    it('should render all display mode buttons', async () => {
+        var _a, _b, _c, _d, _e;
         const el = await fixture(html `
       <sort-filter-bar> </sort-filter-bar>
-    `);
-        const displayModeButtonList = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#display-style-selector')) === null || _b === void 0 ? void 0 : _b.querySelector('ul');
-        const gridButton = (_c = displayModeButtonList === null || displayModeButtonList === void 0 ? void 0 : displayModeButtonList.children.item(0)) === null || _c === void 0 ? void 0 : _c.querySelector('#grid-button');
-        expect(gridButton).to.exist;
-        const detailListButton = (_d = displayModeButtonList === null || displayModeButtonList === void 0 ? void 0 : displayModeButtonList.children.item(1)) === null || _d === void 0 ? void 0 : _d.querySelector('#list-detail-button');
-        expect(detailListButton).to.exist;
-        const compactListButton = (_e = displayModeButtonList === null || displayModeButtonList === void 0 ? void 0 : displayModeButtonList.children.item(2)) === null || _e === void 0 ? void 0 : _e.querySelector('#list-compact-button');
-        expect(compactListButton).to.exist;
-    });
-    it('should active current display mode', async () => {
-        var _a, _b, _c;
+    `);
+        const displayModeButtonList = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#display-style-selector')) === null || _b === void 0 ? void 0 : _b.querySelector('ul');
+        const gridButton = (_c = displayModeButtonList === null || displayModeButtonList === void 0 ? void 0 : displayModeButtonList.children.item(0)) === null || _c === void 0 ? void 0 : _c.querySelector('#grid-button');
+        expect(gridButton).to.exist;
+        const detailListButton = (_d = displayModeButtonList === null || displayModeButtonList === void 0 ? void 0 : displayModeButtonList.children.item(1)) === null || _d === void 0 ? void 0 : _d.querySelector('#list-detail-button');
+        expect(detailListButton).to.exist;
+        const compactListButton = (_e = displayModeButtonList === null || displayModeButtonList === void 0 ? void 0 : displayModeButtonList.children.item(2)) === null || _e === void 0 ? void 0 : _e.querySelector('#list-compact-button');
+        expect(compactListButton).to.exist;
+    });
+    it('should active current display mode', async () => {
+        var _a, _b, _c;
         const el = await fixture(html `
       <sort-filter-bar> </sort-filter-bar>
-    `);
-        el.displayMode = 'grid';
-        await el.updateComplete;
-        const displayModeTitle = (_c = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#display-style-selector')) === null || _b === void 0 ? void 0 : _b.querySelector('button.active')) === null || _c === void 0 ? void 0 : _c.getAttribute('title');
-        expect(displayModeTitle).to.equal('Tile view');
-    });
-});
-describe('Sort/filter bar letter behavior', () => {
-    it('sets the selected title letter when clicked', async () => {
-        var _a, _b, _c;
+    `);
+        el.displayMode = 'grid';
+        await el.updateComplete;
+        const displayModeTitle = (_c = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#display-style-selector')) === null || _b === void 0 ? void 0 : _b.querySelector('button.active')) === null || _c === void 0 ? void 0 : _c.getAttribute('title');
+        expect(displayModeTitle).to.equal('Tile view');
+    });
+});
+describe('Sort/filter bar letter behavior', () => {
+    it('sets the selected title letter when clicked', async () => {
+        var _a, _b, _c;
         const el = await fixture(html `
       <sort-filter-bar></sort-filter-bar>
-    `);
-        el.selectedSort = 'title';
-        el.prefixFilterCountMap = { title: { T: 1 }, creator: {} };
-        await el.updateComplete;
-        const alphaBar = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('alpha-bar');
-        const letterLink = (_b = alphaBar === null || alphaBar === void 0 ? void 0 : alphaBar.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('li > a[href]');
-        expect((_c = letterLink === null || letterLink === void 0 ? void 0 : letterLink.textContent) === null || _c === void 0 ? void 0 : _c.trim()).to.equal('T');
-        letterLink === null || letterLink === void 0 ? void 0 : letterLink.click();
-        await el.updateComplete;
-        expect(el.selectedTitleFilter).to.equal('T');
-    });
-    it('sets the selected creator letter when clicked', async () => {
-        var _a, _b, _c;
+    `);
+        el.selectedSort = 'title';
+        el.prefixFilterCountMap = { title: { T: 1 }, creator: {} };
+        await el.updateComplete;
+        const alphaBar = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('alpha-bar');
+        const letterLink = (_b = alphaBar === null || alphaBar === void 0 ? void 0 : alphaBar.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('li > a[href]');
+        expect((_c = letterLink === null || letterLink === void 0 ? void 0 : letterLink.textContent) === null || _c === void 0 ? void 0 : _c.trim()).to.equal('T');
+        letterLink === null || letterLink === void 0 ? void 0 : letterLink.click();
+        await el.updateComplete;
+        expect(el.selectedTitleFilter).to.equal('T');
+    });
+    it('sets the selected creator letter when clicked', async () => {
+        var _a, _b, _c;
         const el = await fixture(html `
       <sort-filter-bar></sort-filter-bar>
-    `);
-        el.selectedSort = 'creator';
-        el.prefixFilterCountMap = { title: {}, creator: { C: 1 } };
-        await el.updateComplete;
-        const alphaBar = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('alpha-bar');
-        const letterLink = (_b = alphaBar === null || alphaBar === void 0 ? void 0 : alphaBar.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('li > a[href]');
-        expect((_c = letterLink === null || letterLink === void 0 ? void 0 : letterLink.textContent) === null || _c === void 0 ? void 0 : _c.trim()).to.equal('C');
-        letterLink === null || letterLink === void 0 ? void 0 : letterLink.click();
-        await el.updateComplete;
-        expect(el.selectedCreatorFilter).to.equal('C');
-    });
-});
+    `);
+        el.selectedSort = 'creator';
+        el.prefixFilterCountMap = { title: {}, creator: { C: 1 } };
+        await el.updateComplete;
+        const alphaBar = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('alpha-bar');
+        const letterLink = (_b = alphaBar === null || alphaBar === void 0 ? void 0 : alphaBar.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('li > a[href]');
+        expect((_c = letterLink === null || letterLink === void 0 ? void 0 : letterLink.textContent) === null || _c === void 0 ? void 0 : _c.trim()).to.equal('C');
+        letterLink === null || letterLink === void 0 ? void 0 : letterLink.click();
+        await el.updateComplete;
+        expect(el.selectedCreatorFilter).to.equal('C');
+    });
+});
 //# sourceMappingURL=sort-filter-bar.test.js.map

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

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

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

@@ -1,55 +1,55 @@
-/* eslint-disable import/no-duplicates */
-import { expect, fixture } from '@open-wc/testing';
-import { html } from 'lit';
-import '../src/tiles/overlay/text-overlay';
-describe('Text Overlay component', () => {
-    it('should render initial component', async () => {
-        var _a, _b;
-        const el = await fixture(html `<text-overlay></text-overlay>`);
-        const overlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.overlay');
-        const noPreview = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.no-preview');
-        expect(overlay).to.exist;
-        expect(noPreview).to.exist;
-    });
-    it('should render component if loggedIn required', async () => {
-        var _a, _b, _c, _d;
+/* eslint-disable import/no-duplicates */
+import { expect, fixture } from '@open-wc/testing';
+import { html } from 'lit';
+import '../src/tiles/overlay/text-overlay';
+describe('Text Overlay component', () => {
+    it('should render initial component', async () => {
+        var _a, _b;
+        const el = await fixture(html `<text-overlay></text-overlay>`);
+        const overlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.overlay');
+        const noPreview = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.no-preview');
+        expect(overlay).to.exist;
+        expect(noPreview).to.exist;
+    });
+    it('should render component if loggedIn required', async () => {
+        var _a, _b, _c, _d;
         const el = await fixture(html `
       <text-overlay .loggedIn=${false} .loginRequired=${true}> </text-overlay>
-    `);
-        const overlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.overlay');
-        const noPreview = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.no-preview');
-        const iconOverlay = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.icon-overlay');
-        const textOverlay = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.text-overlay');
-        expect(overlay).to.exist;
-        expect(noPreview).to.exist;
-        expect(iconOverlay).to.exist;
-        expect(textOverlay === null || textOverlay === void 0 ? void 0 : textOverlay.textContent).to.equal('Log in to view this item');
-    });
-    it('should render component if content warning', async () => {
-        var _a, _b, _c, _d;
+    `);
+        const overlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.overlay');
+        const noPreview = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.no-preview');
+        const iconOverlay = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.icon-overlay');
+        const textOverlay = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.text-overlay');
+        expect(overlay).to.exist;
+        expect(noPreview).to.exist;
+        expect(iconOverlay).to.exist;
+        expect(textOverlay === null || textOverlay === void 0 ? void 0 : textOverlay.textContent).to.equal('Log in to view this item');
+    });
+    it('should render component if content warning', async () => {
+        var _a, _b, _c, _d;
         const el = await fixture(html `
       <text-overlay .loggedIn=${false} .loginRequired=${false}> </text-overlay>
-    `);
-        const overlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.overlay');
-        const noPreview = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.no-preview');
-        const iconOverlay = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.icon-overlay');
-        const textOverlay = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.text-overlay');
-        expect(overlay).to.exist;
-        expect(noPreview).to.exist;
-        expect(iconOverlay).to.exist;
-        expect(textOverlay === null || textOverlay === void 0 ? void 0 : textOverlay.textContent).to.equal('Content may be inappropriate');
-    });
-    it('should render component if content warning', async () => {
-        var _a, _b, _c;
+    `);
+        const overlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.overlay');
+        const noPreview = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.no-preview');
+        const iconOverlay = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.icon-overlay');
+        const textOverlay = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.text-overlay');
+        expect(overlay).to.exist;
+        expect(noPreview).to.exist;
+        expect(iconOverlay).to.exist;
+        expect(textOverlay === null || textOverlay === void 0 ? void 0 : textOverlay.textContent).to.equal('Content may be inappropriate');
+    });
+    it('should render component if content warning', async () => {
+        var _a, _b, _c;
         const el = await fixture(html `
       <text-overlay .loggedIn=${true} .loginRequired=${true}> </text-overlay>
-    `);
-        const overlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.overlay');
-        const noPreview = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.no-preview');
-        const textOverlay = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.text-overlay');
-        expect(overlay).to.exist;
-        expect(noPreview).to.exist;
-        expect(textOverlay === null || textOverlay === void 0 ? void 0 : textOverlay.textContent).to.equal('Content may be inappropriate');
-    });
-});
+    `);
+        const overlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.overlay');
+        const noPreview = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.no-preview');
+        const textOverlay = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.text-overlay');
+        expect(overlay).to.exist;
+        expect(noPreview).to.exist;
+        expect(textOverlay === null || textOverlay === void 0 ? void 0 : textOverlay.textContent).to.equal('Content may be inappropriate');
+    });
+});
 //# sourceMappingURL=text-overlay.test.js.map

package/dist/test/text-snippet-block.test.d.ts

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

package/dist/test/text-snippet-block.test.js

@@ -1,64 +1,64 @@
-/* eslint-disable import/no-duplicates */
-import { expect, fixture } from '@open-wc/testing';
-import { html } from 'lit';
-import '../src/tiles/text-snippet-block';
-describe('TextSnippetBlock component', () => {
-    it('should render initial component', async () => {
-        var _a, _b;
-        const el = await fixture(html `<text-snippet-block></text-snippet-block>`);
-        // No content if no snippets
-        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.children.length).to.equal(0);
-        // Content appears if there are snippets
-        el.snippets = ['text'];
-        await el.updateComplete;
-        const container = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.container');
-        expect(container).to.exist;
-    });
-    it('should render marked snippets', async () => {
-        var _a;
-        const snippets = [
-            'some {{{snippet}}} text',
-            'some {{{other}}} {{{snippet}}} text',
-        ];
-        const el = await fixture(html `<text-snippet-block .snippets=${snippets}></text-snippet-block>`);
-        const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.container');
-        // Has the correct number of snippets and highlights
-        expect(container === null || container === void 0 ? void 0 : container.children.length).to.equal(snippets.length);
-        expect(container === null || container === void 0 ? void 0 : container.querySelectorAll('mark').length).to.equal(3);
-    });
-    it('should render marked snippets containing newlines', async () => {
-        var _a;
-        const snippets = [
-            'some {{{snippet}}} text',
-            'some {{{other}}} {{{snippet\n text}}}',
-        ];
-        const el = await fixture(html `<text-snippet-block .snippets=${snippets}></text-snippet-block>`);
-        const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.container');
-        // Has the correct number of snippets and highlights
-        expect(container === null || container === void 0 ? void 0 : container.children.length).to.equal(snippets.length);
-        expect(container === null || container === void 0 ? void 0 : container.querySelectorAll('mark').length).to.equal(3);
-    });
-    it('should render correctly in grid mode', async () => {
-        var _a;
+/* eslint-disable import/no-duplicates */
+import { expect, fixture } from '@open-wc/testing';
+import { html } from 'lit';
+import '../src/tiles/text-snippet-block';
+describe('TextSnippetBlock component', () => {
+    it('should render initial component', async () => {
+        var _a, _b;
+        const el = await fixture(html `<text-snippet-block></text-snippet-block>`);
+        // No content if no snippets
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.children.length).to.equal(0);
+        // Content appears if there are snippets
+        el.snippets = ['text'];
+        await el.updateComplete;
+        const container = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.container');
+        expect(container).to.exist;
+    });
+    it('should render marked snippets', async () => {
+        var _a;
+        const snippets = [
+            'some {{{snippet}}} text',
+            'some {{{other}}} {{{snippet}}} text',
+        ];
+        const el = await fixture(html `<text-snippet-block .snippets=${snippets}></text-snippet-block>`);
+        const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.container');
+        // Has the correct number of snippets and highlights
+        expect(container === null || container === void 0 ? void 0 : container.children.length).to.equal(snippets.length);
+        expect(container === null || container === void 0 ? void 0 : container.querySelectorAll('mark').length).to.equal(3);
+    });
+    it('should render marked snippets containing newlines', async () => {
+        var _a;
+        const snippets = [
+            'some {{{snippet}}} text',
+            'some {{{other}}} {{{snippet\n text}}}',
+        ];
+        const el = await fixture(html `<text-snippet-block .snippets=${snippets}></text-snippet-block>`);
+        const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.container');
+        // Has the correct number of snippets and highlights
+        expect(container === null || container === void 0 ? void 0 : container.children.length).to.equal(snippets.length);
+        expect(container === null || container === void 0 ? void 0 : container.querySelectorAll('mark').length).to.equal(3);
+    });
+    it('should render correctly in grid mode', async () => {
+        var _a;
         const el = await fixture(html `<text-snippet-block
         viewsize="grid"
         .snippets=${['text']}
-      ></text-snippet-block>`);
-        const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.container');
-        // Applies the right container classes
-        expect(container === null || container === void 0 ? void 0 : container.classList.contains('grid')).to.be.true;
-        expect(container === null || container === void 0 ? void 0 : container.classList.contains('list')).to.be.false;
-    });
-    it('should render correctly in list mode', async () => {
-        var _a;
+      ></text-snippet-block>`);
+        const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.container');
+        // Applies the right container classes
+        expect(container === null || container === void 0 ? void 0 : container.classList.contains('grid')).to.be.true;
+        expect(container === null || container === void 0 ? void 0 : container.classList.contains('list')).to.be.false;
+    });
+    it('should render correctly in list mode', async () => {
+        var _a;
         const el = await fixture(html `<text-snippet-block
         viewsize="list"
         .snippets=${['text']}
-      ></text-snippet-block>`);
-        const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.container');
-        // Applies the right container classes
-        expect(container === null || container === void 0 ? void 0 : container.classList.contains('list')).to.be.true;
-        expect(container === null || container === void 0 ? void 0 : container.classList.contains('grid')).to.be.false;
-    });
-});
+      ></text-snippet-block>`);
+        const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.container');
+        // Applies the right container classes
+        expect(container === null || container === void 0 ? void 0 : container.classList.contains('list')).to.be.true;
+        expect(container === null || container === void 0 ? void 0 : container.classList.contains('grid')).to.be.false;
+    });
+});
 //# sourceMappingURL=text-snippet-block.test.js.map

package/dist/test/tile-stats.test.d.ts

@@ -1 +1 @@
-import '../src/tiles/grid/tile-stats';
+import '../src/tiles/grid/tile-stats';

package/dist/test/tile-stats.test.js

@@ -1,20 +1,20 @@
-/* eslint-disable import/no-duplicates */
-import { expect, fixture } from '@open-wc/testing';
-import { html } from 'lit';
-import '../src/tiles/grid/tile-stats';
-describe('Tile Stats', () => {
-    it('should render initial component', async () => {
-        var _a, _b;
-        const el = await fixture(html `<tile-stats></tile-stats>`);
-        const itemStats = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-stats');
-        const statsRow = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#stats-row');
-        const statsRowCount = statsRow === null || statsRow === void 0 ? void 0 : statsRow.childElementCount;
-        expect(itemStats).to.exist;
-        expect(statsRow).to.exist;
-        expect(statsRowCount).to.equal(4);
-    });
-    it('should render component with value', async () => {
-        var _a, _b, _c, _d, _e, _f, _g;
+/* eslint-disable import/no-duplicates */
+import { expect, fixture } from '@open-wc/testing';
+import { html } from 'lit';
+import '../src/tiles/grid/tile-stats';
+describe('Tile Stats', () => {
+    it('should render initial component', async () => {
+        var _a, _b;
+        const el = await fixture(html `<tile-stats></tile-stats>`);
+        const itemStats = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-stats');
+        const statsRow = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#stats-row');
+        const statsRowCount = statsRow === null || statsRow === void 0 ? void 0 : statsRow.childElementCount;
+        expect(itemStats).to.exist;
+        expect(statsRow).to.exist;
+        expect(statsRowCount).to.equal(4);
+    });
+    it('should render component with value', async () => {
+        var _a, _b, _c, _d, _e, _f, _g;
         const el = await fixture(html `
         <tile-stats
           .mediatype=${'account'}
@@ -23,20 +23,20 @@ describe('Tile Stats', () => {
           .commentCount=${3}
         >
         </tile-stats>
-      `);
-        const statsRow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#stats-row');
-        const mediatypeStat = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(0);
-        // get second column item in stats row
-        const itemStatCount = (_c = (_b = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(1)) === null || _b === void 0 ? void 0 : _b.querySelector('.status-text')) === null || _c === void 0 ? void 0 : _c.textContent;
-        // get third column item in stats row
-        const favoritesStatCount = (_e = (_d = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(2)) === null || _d === void 0 ? void 0 : _d.querySelector('.status-text')) === null || _e === void 0 ? void 0 : _e.textContent;
-        // get fourth column item in stats row
-        const reviewsStatCount = (_g = (_f = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(3)) === null || _f === void 0 ? void 0 : _f.querySelector('.status-text')) === null || _g === void 0 ? void 0 : _g.textContent;
-        expect(mediatypeStat).to.exist;
-        // Snapshot testing - reference: https://open-wc.org/docs/testing/semantic-dom-diff/#snapshot-testing
-        expect(itemStatCount).to.equalSnapshot(1);
-        expect(favoritesStatCount).to.equalSnapshot(2);
-        expect(reviewsStatCount).to.equalSnapshot(3);
-    });
-});
+      `);
+        const statsRow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#stats-row');
+        const mediatypeStat = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(0);
+        // get second column item in stats row
+        const itemStatCount = (_c = (_b = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(1)) === null || _b === void 0 ? void 0 : _b.querySelector('.status-text')) === null || _c === void 0 ? void 0 : _c.textContent;
+        // get third column item in stats row
+        const favoritesStatCount = (_e = (_d = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(2)) === null || _d === void 0 ? void 0 : _d.querySelector('.status-text')) === null || _e === void 0 ? void 0 : _e.textContent;
+        // get fourth column item in stats row
+        const reviewsStatCount = (_g = (_f = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(3)) === null || _f === void 0 ? void 0 : _f.querySelector('.status-text')) === null || _g === void 0 ? void 0 : _g.textContent;
+        expect(mediatypeStat).to.exist;
+        // Snapshot testing - reference: https://open-wc.org/docs/testing/semantic-dom-diff/#snapshot-testing
+        expect(itemStatCount).to.equalSnapshot(1);
+        expect(favoritesStatCount).to.equalSnapshot(2);
+        expect(reviewsStatCount).to.equalSnapshot(3);
+    });
+});
 //# sourceMappingURL=tile-stats.test.js.map