@internetarchive/collection-browser 2.6.7-alpha.3 → 2.7.0

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,43 +1,43 @@
-/* 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, _c, _d;
-        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');
-        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).to.exist;
-    });
-    it('should render component with login-required type', async () => {
-        var _a, _b, _c, _d, _e;
+/* 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, _c, _d;
+        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');
+        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).to.exist;
+    });
+    it('should render component with login-required type', async () => {
+        var _a, _b, _c, _d, _e;
         const el = await fixture(html `
       <text-overlay .type=${'login-required'}></text-overlay>
-    `);
-        const iconOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.icon-overlay');
-        const textOverlay = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.text-overlay');
-        const svgTitle = (_e = (_d = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('svg')) === null || _d === void 0 ? void 0 : _d.querySelector('title')) === null || _e === void 0 ? void 0 : _e.textContent;
-        expect(iconOverlay).to.exist;
-        expect(svgTitle).to.equal('Log in to view this item');
-        expect(textOverlay === null || textOverlay === void 0 ? void 0 : textOverlay.textContent).to.equal('Log in to view this item');
-    });
-    it('should render component with content-warning type', async () => {
-        var _a, _b, _c, _d, _e;
+    `);
+        const iconOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.icon-overlay');
+        const textOverlay = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.text-overlay');
+        const svgTitle = (_e = (_d = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('svg')) === null || _d === void 0 ? void 0 : _d.querySelector('title')) === null || _e === void 0 ? void 0 : _e.textContent;
+        expect(iconOverlay).to.exist;
+        expect(svgTitle).to.equal('Log in to view this item');
+        expect(textOverlay === null || textOverlay === void 0 ? void 0 : textOverlay.textContent).to.equal('Log in to view this item');
+    });
+    it('should render component with content-warning type', async () => {
+        var _a, _b, _c, _d, _e;
         const el = await fixture(html `
       <text-overlay .type=${'content-warning'}></text-overlay>
-    `);
-        const iconOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.icon-overlay');
-        const textOverlay = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.text-overlay');
-        const svgTitle = (_e = (_d = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('svg')) === null || _d === void 0 ? void 0 : _d.querySelector('title')) === null || _e === void 0 ? void 0 : _e.textContent;
-        expect(iconOverlay).to.exist;
-        expect(svgTitle).to.equal('Content may be inappropriate');
-        expect(textOverlay === null || textOverlay === void 0 ? void 0 : textOverlay.textContent).to.equal('Content may be inappropriate');
-    });
-});
+    `);
+        const iconOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.icon-overlay');
+        const textOverlay = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.text-overlay');
+        const svgTitle = (_e = (_d = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('svg')) === null || _d === void 0 ? void 0 : _d.querySelector('title')) === null || _e === void 0 ? void 0 : _e.textContent;
+        expect(iconOverlay).to.exist;
+        expect(svgTitle).to.equal('Content may be inappropriate');
+        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('.snippet-view');
-        // 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('.snippet-view');
-        // 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('.snippet-view');
+        // 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('.snippet-view');
+        // 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('.snippet-view');
-        // 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('.snippet-view');
+        // 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('.snippet-view');
-        // 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('.snippet-view');
+        // 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,23 +23,23 @@ 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);
-    });
-    it('should render view count for non-account items', async () => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+      `);
+        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);
+    });
+    it('should render view count for non-account items', async () => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         const el = await fixture(html `
         <tile-stats
           .mediatype=${'texts'}
@@ -48,57 +48,57 @@ describe('Tile Stats', () => {
           .commentCount=${6}
         >
         </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 viewStatCount = (_d = (_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) === null || _d === void 0 ? void 0 : _d.trim();
-        // get third column item in stats row
-        const favoritesStatCount = (_g = (_f = (_e = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(2)) === null || _e === void 0 ? void 0 : _e.querySelector('.status-text')) === null || _f === void 0 ? void 0 : _f.textContent) === null || _g === void 0 ? void 0 : _g.trim();
-        // get fourth column item in stats row
-        const reviewsStatCount = (_k = (_j = (_h = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(3)) === null || _h === void 0 ? void 0 : _h.querySelector('.status-text')) === null || _j === void 0 ? void 0 : _j.textContent) === null || _k === void 0 ? void 0 : _k.trim();
-        expect(mediatypeStat).to.exist;
-        expect(viewStatCount).to.match(/Views:\s+4/);
-        expect(favoritesStatCount).to.match(/Favorites:\s+5/);
-        expect(reviewsStatCount).to.match(/Reviews:\s+6/);
-    });
-    it('handles missing counts gracefully', async () => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+      `);
+        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 viewStatCount = (_d = (_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) === null || _d === void 0 ? void 0 : _d.trim();
+        // get third column item in stats row
+        const favoritesStatCount = (_g = (_f = (_e = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(2)) === null || _e === void 0 ? void 0 : _e.querySelector('.status-text')) === null || _f === void 0 ? void 0 : _f.textContent) === null || _g === void 0 ? void 0 : _g.trim();
+        // get fourth column item in stats row
+        const reviewsStatCount = (_k = (_j = (_h = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(3)) === null || _h === void 0 ? void 0 : _h.querySelector('.status-text')) === null || _j === void 0 ? void 0 : _j.textContent) === null || _k === void 0 ? void 0 : _k.trim();
+        expect(mediatypeStat).to.exist;
+        expect(viewStatCount).to.match(/Views:\s+4/);
+        expect(favoritesStatCount).to.match(/Favorites:\s+5/);
+        expect(reviewsStatCount).to.match(/Reviews:\s+6/);
+    });
+    it('handles missing counts gracefully', async () => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         const el = await fixture(html `
         <tile-stats .mediatype=${'texts'} .favCount=${5} .commentCount=${6}>
         </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 viewStatCount = (_d = (_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) === null || _d === void 0 ? void 0 : _d.trim();
-        // get third column item in stats row
-        const favoritesStatCount = (_g = (_f = (_e = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(2)) === null || _e === void 0 ? void 0 : _e.querySelector('.status-text')) === null || _f === void 0 ? void 0 : _f.textContent) === null || _g === void 0 ? void 0 : _g.trim();
-        // get fourth column item in stats row
-        const reviewsStatCount = (_k = (_j = (_h = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(3)) === null || _h === void 0 ? void 0 : _h.querySelector('.status-text')) === null || _j === void 0 ? void 0 : _j.textContent) === null || _k === void 0 ? void 0 : _k.trim();
-        expect(mediatypeStat).to.exist;
-        expect(viewStatCount).to.match(/Views:\s+0/);
-        expect(favoritesStatCount).to.match(/Favorites:\s+5/);
-        expect(reviewsStatCount).to.match(/Reviews:\s+6/);
-    });
-    it('handles missing counts gracefully for accounts', async () => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+      `);
+        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 viewStatCount = (_d = (_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) === null || _d === void 0 ? void 0 : _d.trim();
+        // get third column item in stats row
+        const favoritesStatCount = (_g = (_f = (_e = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(2)) === null || _e === void 0 ? void 0 : _e.querySelector('.status-text')) === null || _f === void 0 ? void 0 : _f.textContent) === null || _g === void 0 ? void 0 : _g.trim();
+        // get fourth column item in stats row
+        const reviewsStatCount = (_k = (_j = (_h = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(3)) === null || _h === void 0 ? void 0 : _h.querySelector('.status-text')) === null || _j === void 0 ? void 0 : _j.textContent) === null || _k === void 0 ? void 0 : _k.trim();
+        expect(mediatypeStat).to.exist;
+        expect(viewStatCount).to.match(/Views:\s+0/);
+        expect(favoritesStatCount).to.match(/Favorites:\s+5/);
+        expect(reviewsStatCount).to.match(/Reviews:\s+6/);
+    });
+    it('handles missing counts gracefully for accounts', async () => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         const el = await fixture(html `
         <tile-stats .mediatype=${'account'} .favCount=${5} .commentCount=${6}>
         </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 = (_d = (_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) === null || _d === void 0 ? void 0 : _d.trim();
-        // get third column item in stats row
-        const favoritesStatCount = (_g = (_f = (_e = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(2)) === null || _e === void 0 ? void 0 : _e.querySelector('.status-text')) === null || _f === void 0 ? void 0 : _f.textContent) === null || _g === void 0 ? void 0 : _g.trim();
-        // get fourth column item in stats row
-        const reviewsStatCount = (_k = (_j = (_h = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(3)) === null || _h === void 0 ? void 0 : _h.querySelector('.status-text')) === null || _j === void 0 ? void 0 : _j.textContent) === null || _k === void 0 ? void 0 : _k.trim();
-        expect(mediatypeStat).to.exist;
-        expect(itemStatCount).to.match(/Uploads:\s+0/);
-        expect(favoritesStatCount).to.match(/Favorites:\s+5/);
-        expect(reviewsStatCount).to.match(/Reviews:\s+6/);
-    });
-});
+      `);
+        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 = (_d = (_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) === null || _d === void 0 ? void 0 : _d.trim();
+        // get third column item in stats row
+        const favoritesStatCount = (_g = (_f = (_e = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(2)) === null || _e === void 0 ? void 0 : _e.querySelector('.status-text')) === null || _f === void 0 ? void 0 : _f.textContent) === null || _g === void 0 ? void 0 : _g.trim();
+        // get fourth column item in stats row
+        const reviewsStatCount = (_k = (_j = (_h = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(3)) === null || _h === void 0 ? void 0 : _h.querySelector('.status-text')) === null || _j === void 0 ? void 0 : _j.textContent) === null || _k === void 0 ? void 0 : _k.trim();
+        expect(mediatypeStat).to.exist;
+        expect(itemStatCount).to.match(/Uploads:\s+0/);
+        expect(favoritesStatCount).to.match(/Favorites:\s+5/);
+        expect(reviewsStatCount).to.match(/Reviews:\s+6/);
+    });
+});
 //# sourceMappingURL=tile-stats.test.js.map

package/dist/test/tiles/grid/account-tile.test.d.ts

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

package/dist/test/tiles/grid/account-tile.test.js

@@ -1,97 +1,97 @@
-/* eslint-disable import/no-duplicates */
-import { expect, fixture } from '@open-wc/testing';
-import sinon from 'sinon';
-import { html } from 'lit';
-import '../../../src/tiles/grid/account-tile';
-describe('Account Tile', () => {
-    it('should render initial component', async () => {
-        var _a, _b, _c, _d;
-        const el = await fixture(html `<account-tile></account-tile>`);
-        const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
-        const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('image-block');
-        const itemArchivist = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.archivist-since');
-        const tileStats = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('tile-stats');
-        expect(itemInfo).to.exist;
-        expect(itemImage).to.exist;
-        expect(itemArchivist).to.exist;
-        expect(tileStats).to.exist;
-    });
-    it('should render with title element', async () => {
-        var _a, _b, _c;
+/* eslint-disable import/no-duplicates */
+import { expect, fixture } from '@open-wc/testing';
+import sinon from 'sinon';
+import { html } from 'lit';
+import '../../../src/tiles/grid/account-tile';
+describe('Account Tile', () => {
+    it('should render initial component', async () => {
+        var _a, _b, _c, _d;
+        const el = await fixture(html `<account-tile></account-tile>`);
+        const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
+        const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('image-block');
+        const itemArchivist = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.archivist-since');
+        const tileStats = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('tile-stats');
+        expect(itemInfo).to.exist;
+        expect(itemImage).to.exist;
+        expect(itemArchivist).to.exist;
+        expect(tileStats).to.exist;
+    });
+    it('should render with title element', async () => {
+        var _a, _b, _c;
         const el = await fixture(html `
       <account-tile
-        .model=${{
-            identifier: '@jack-sparrow',
+        .model=${{
+            identifier: '@jack-sparrow',
         }}
       >
       </account-tile>
-    `);
-        await el.updateComplete;
-        const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
-        const accountTitle = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#title');
-        expect(itemInfo).to.exist;
-        expect(accountTitle).to.exist;
-        expect((_c = accountTitle === null || accountTitle === void 0 ? void 0 : accountTitle.querySelector('.truncated')) === null || _c === void 0 ? void 0 : _c.textContent).to.equal('@jack-sparrow');
-    });
-    it('should render with archivist-since date element', async () => {
-        var _a;
+    `);
+        await el.updateComplete;
+        const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
+        const accountTitle = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#title');
+        expect(itemInfo).to.exist;
+        expect(accountTitle).to.exist;
+        expect((_c = accountTitle === null || accountTitle === void 0 ? void 0 : accountTitle.querySelector('.truncated')) === null || _c === void 0 ? void 0 : _c.textContent).to.equal('@jack-sparrow');
+    });
+    it('should render with archivist-since date element', async () => {
+        var _a;
         const el = await fixture(html `
       <account-tile
-        .model=${{
-            dateAdded: new Date('2022-02-02'),
+        .model=${{
+            dateAdded: new Date('2022-02-02'),
         }}
       >
       </account-tile>
-    `);
-        await el.updateComplete;
-        const itemArchivist = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.archivist-since');
-        expect(itemArchivist === null || itemArchivist === void 0 ? void 0 : itemArchivist.textContent).contains('Archivist since 2022');
-    });
-    it('should render with tile-stats element', async () => {
-        var _a, _b;
+    `);
+        await el.updateComplete;
+        const itemArchivist = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.archivist-since');
+        expect(itemArchivist === null || itemArchivist === void 0 ? void 0 : itemArchivist.textContent).contains('Archivist since 2022');
+    });
+    it('should render with tile-stats element', async () => {
+        var _a, _b;
         const el = await fixture(html `
       <account-tile
-        .model=${{
-            identifier: '@jack-sparrow',
-            mediatype: 'account',
-            itemCount: 999,
-            favCount: 100,
-            commentCount: 3,
+        .model=${{
+            identifier: '@jack-sparrow',
+            mediatype: 'account',
+            itemCount: 999,
+            favCount: 100,
+            commentCount: 3,
         }}
       >
       </account-tile>
-    `);
-        await el.updateComplete;
-        const tileStats = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('tile-stats');
-        const statsElements = (_b = tileStats === null || tileStats === void 0 ? void 0 : tileStats.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#stats-row');
-        expect(tileStats).to.exist;
-        expect(statsElements).to.exist;
-        const downloads = statsElements === null || statsElements === void 0 ? void 0 : statsElements.querySelectorAll('.col')[1].querySelector('.status-text');
-        expect(downloads === null || downloads === void 0 ? void 0 : downloads.textContent).contains(999);
-        const favorites = statsElements === null || statsElements === void 0 ? void 0 : statsElements.querySelectorAll('.col')[2].querySelector('.status-text');
-        expect(favorites === null || favorites === void 0 ? void 0 : favorites.textContent).contains(100);
-        const reviewCounts = statsElements === null || statsElements === void 0 ? void 0 : statsElements.querySelectorAll('.col')[3].querySelector('.status-text');
-        expect(reviewCounts === null || reviewCounts === void 0 ? void 0 : reviewCounts.textContent).contains(3);
-    });
-    it('should render info button when showInfoButton flag is set', async () => {
-        var _a;
+    `);
+        await el.updateComplete;
+        const tileStats = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('tile-stats');
+        const statsElements = (_b = tileStats === null || tileStats === void 0 ? void 0 : tileStats.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#stats-row');
+        expect(tileStats).to.exist;
+        expect(statsElements).to.exist;
+        const downloads = statsElements === null || statsElements === void 0 ? void 0 : statsElements.querySelectorAll('.col')[1].querySelector('.status-text');
+        expect(downloads === null || downloads === void 0 ? void 0 : downloads.textContent).contains(999);
+        const favorites = statsElements === null || statsElements === void 0 ? void 0 : statsElements.querySelectorAll('.col')[2].querySelector('.status-text');
+        expect(favorites === null || favorites === void 0 ? void 0 : favorites.textContent).contains(100);
+        const reviewCounts = statsElements === null || statsElements === void 0 ? void 0 : statsElements.querySelectorAll('.col')[3].querySelector('.status-text');
+        expect(reviewCounts === null || reviewCounts === void 0 ? void 0 : reviewCounts.textContent).contains(3);
+    });
+    it('should render info button when showInfoButton flag is set', async () => {
+        var _a;
         const el = await fixture(html `
       <account-tile ?showInfoButton=${true}> </account-tile>
-    `);
-        const infoButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.info-button');
-        expect(infoButton).to.exist;
-    });
-    it('should dispatch event when info button tapped', async () => {
-        var _a;
-        const infoButtonSpy = sinon.spy();
+    `);
+        const infoButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.info-button');
+        expect(infoButton).to.exist;
+    });
+    it('should dispatch event when info button tapped', async () => {
+        var _a;
+        const infoButtonSpy = sinon.spy();
         const el = await fixture(html `
       <account-tile ?showInfoButton=${true} @infoButtonPressed=${infoButtonSpy}>
       </account-tile>
-    `);
-        const infoButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.info-button');
-        infoButton.click();
-        await el.updateComplete;
-        expect(infoButtonSpy.callCount).to.equal(1);
-    });
-});
+    `);
+        const infoButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.info-button');
+        infoButton.click();
+        await el.updateComplete;
+        expect(infoButtonSpy.callCount).to.equal(1);
+    });
+});
 //# sourceMappingURL=account-tile.test.js.map

package/dist/test/tiles/grid/collection-tile.test.d.ts

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