@internetarchive/collection-browser 2.7.5-alpha.4 → 2.7.5-alpha2

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=${{
-            loginRequired: true,
-            contentWarning: true,
-            identifier: 'goody',
+        .model=${{
+            loginRequired: 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=${{
-            loginRequired: true,
-            contentWarning: true,
-            identifier: 'goody',
+        .model=${{
+            loginRequired: 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=${{
-            loginRequired: true,
-            contentWarning: true,
-            identifier: 'goody',
+        .model=${{
+            loginRequired: true,
+            contentWarning: true,
+            identifier: 'goody',
         }}
         .baseImageUrl=${'https://archive.org'}
         .isCompactTile=${true}
@@ -67,21 +67,21 @@ 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;
-    });
-    it('should render a login-required overlay if model requires it and not logged in', async () => {
-        var _a;
+    `);
+        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;
+    });
+    it('should render a login-required overlay if model requires it and not logged in', async () => {
+        var _a;
         const el = await fixture(html `
       <image-block
-        .model=${{
-            loginRequired: true,
-            identifier: 'goody',
+        .model=${{
+            loginRequired: true,
+            identifier: 'goody',
         }}
         .baseImageUrl=${'https://archive.org'}
         .isCompactTile=${false}
@@ -90,18 +90,18 @@ describe('Image block component', () => {
         .loggedIn=${false}
       >
       </image-block>
-    `);
-        const textOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-overlay');
-        expect(textOverlay).to.exist;
-        expect(textOverlay.type).to.equal('login-required');
-    });
-    it('should render no overlay if logged in and model only requires login', async () => {
-        var _a;
+    `);
+        const textOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-overlay');
+        expect(textOverlay).to.exist;
+        expect(textOverlay.type).to.equal('login-required');
+    });
+    it('should render no overlay if logged in and model only requires login', async () => {
+        var _a;
         const el = await fixture(html `
       <image-block
-        .model=${{
-            loginRequired: true,
-            identifier: 'goody',
+        .model=${{
+            loginRequired: true,
+            identifier: 'goody',
         }}
         .baseImageUrl=${'https://archive.org'}
         .isCompactTile=${false}
@@ -110,17 +110,17 @@ describe('Image block component', () => {
         .loggedIn=${true}
       >
       </image-block>
-    `);
-        const textOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-overlay');
-        expect(textOverlay).not.to.exist;
-    });
-    it('should render a content-warning overlay if model requires it and no login overlay is present', async () => {
-        var _a;
+    `);
+        const textOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-overlay');
+        expect(textOverlay).not.to.exist;
+    });
+    it('should render a content-warning overlay if model requires it and no login overlay is present', async () => {
+        var _a;
         const el = await fixture(html `
       <image-block
-        .model=${{
-            contentWarning: true,
-            identifier: 'goody',
+        .model=${{
+            contentWarning: true,
+            identifier: 'goody',
         }}
         .baseImageUrl=${'https://archive.org'}
         .isCompactTile=${false}
@@ -129,19 +129,19 @@ describe('Image block component', () => {
         .loggedIn=${false}
       >
       </image-block>
-    `);
-        const textOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-overlay');
-        expect(textOverlay).to.exist;
-        expect(textOverlay.type).to.equal('content-warning');
-    });
-    it('should prioritize login-required overlay over content-warning if both required and logged out', async () => {
-        var _a;
+    `);
+        const textOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-overlay');
+        expect(textOverlay).to.exist;
+        expect(textOverlay.type).to.equal('content-warning');
+    });
+    it('should prioritize login-required overlay over content-warning if both required and logged out', async () => {
+        var _a;
         const el = await fixture(html `
       <image-block
-        .model=${{
-            loginRequired: true,
-            contentWarning: true,
-            identifier: 'goody',
+        .model=${{
+            loginRequired: true,
+            contentWarning: true,
+            identifier: 'goody',
         }}
         .baseImageUrl=${'https://archive.org'}
         .isCompactTile=${false}
@@ -150,19 +150,19 @@ describe('Image block component', () => {
         .loggedIn=${false}
       >
       </image-block>
-    `);
-        const textOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-overlay');
-        expect(textOverlay).to.exist;
-        expect(textOverlay.type).to.equal('login-required');
-    });
-    it('should show content-warning overlay if both types required and logged in', async () => {
-        var _a;
+    `);
+        const textOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-overlay');
+        expect(textOverlay).to.exist;
+        expect(textOverlay.type).to.equal('login-required');
+    });
+    it('should show content-warning overlay if both types required and logged in', async () => {
+        var _a;
         const el = await fixture(html `
       <image-block
-        .model=${{
-            loginRequired: true,
-            contentWarning: true,
-            identifier: 'goody',
+        .model=${{
+            loginRequired: true,
+            contentWarning: true,
+            identifier: 'goody',
         }}
         .baseImageUrl=${'https://archive.org'}
         .isCompactTile=${false}
@@ -171,17 +171,17 @@ describe('Image block component', () => {
         .loggedIn=${true}
       >
       </image-block>
-    `);
-        const textOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-overlay');
-        expect(textOverlay).to.exist;
-        expect(textOverlay.type).to.equal('content-warning');
-    });
-    it('should render no overlay if neither loginRequired nor contentWarning flag present', async () => {
-        var _a;
+    `);
+        const textOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-overlay');
+        expect(textOverlay).to.exist;
+        expect(textOverlay.type).to.equal('content-warning');
+    });
+    it('should render no overlay if neither loginRequired nor contentWarning flag present', async () => {
+        var _a;
         const el = await fixture(html `
       <image-block
-        .model=${{
-            identifier: 'goody',
+        .model=${{
+            identifier: 'goody',
         }}
         .baseImageUrl=${'https://archive.org'}
         .isCompactTile=${false}
@@ -190,9 +190,9 @@ describe('Image block component', () => {
         .loggedIn=${false}
       >
       </image-block>
-    `);
-        const textOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-overlay');
-        expect(textOverlay).not.to.exist;
-    });
-});
+    `);
+        const textOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-overlay');
+        expect(textOverlay).not.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';

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

@@ -1,44 +1,44 @@
-/* eslint-disable import/no-duplicates */
-import { expect, fixture } from '@open-wc/testing';
-import { html } from 'lit';
-import { TileModel } from '../src/models';
-import '../src/tiles/item-image';
-const baseImageUrl = 'https://archive.org';
-const testBookModel = new TileModel({});
-testBookModel.checked = false;
-testBookModel.collections = [];
-testBookModel.commentCount = 0;
-testBookModel.creators = [];
-testBookModel.favCount = 0;
-testBookModel.identifier = '18730130BloomfieldRecordCompleteIssue';
-testBookModel.itemCount = 0;
-testBookModel.mediatype = 'texts';
-testBookModel.subjects = [];
-testBookModel.title = 'Sample Waveform';
-testBookModel.viewCount = 0;
-testBookModel.loginRequired = false;
-testBookModel.contentWarning = false;
-testBookModel.collectionFilesCount = 0;
-testBookModel.collectionSize = 0;
-const testAudioModel = new TileModel({});
-testAudioModel.checked = false;
-testAudioModel.collections = [];
-testAudioModel.commentCount = 0;
-testAudioModel.creators = [];
-testAudioModel.favCount = 0;
-testAudioModel.identifier = 'dwd2015-01-24';
-testAudioModel.itemCount = 0;
-testAudioModel.mediatype = 'audio';
-testAudioModel.subjects = [];
-testAudioModel.title = 'Sample Waveform';
-testAudioModel.viewCount = 0;
-testAudioModel.loginRequired = false;
-testAudioModel.contentWarning = false;
-testAudioModel.collectionFilesCount = 0;
-testAudioModel.collectionSize = 0;
-describe('ItemImage component', () => {
-    it('should render initial component', async () => {
-        var _a, _b;
+/* eslint-disable import/no-duplicates */
+import { expect, fixture } from '@open-wc/testing';
+import { html } from 'lit';
+import { TileModel } from '../src/models';
+import '../src/tiles/item-image';
+const baseImageUrl = 'https://archive.org';
+const testBookModel = new TileModel({});
+testBookModel.checked = false;
+testBookModel.collections = [];
+testBookModel.commentCount = 0;
+testBookModel.creators = [];
+testBookModel.favCount = 0;
+testBookModel.identifier = '18730130BloomfieldRecordCompleteIssue';
+testBookModel.itemCount = 0;
+testBookModel.mediatype = 'texts';
+testBookModel.subjects = [];
+testBookModel.title = 'Sample Waveform';
+testBookModel.viewCount = 0;
+testBookModel.loginRequired = false;
+testBookModel.contentWarning = false;
+testBookModel.collectionFilesCount = 0;
+testBookModel.collectionSize = 0;
+const testAudioModel = new TileModel({});
+testAudioModel.checked = false;
+testAudioModel.collections = [];
+testAudioModel.commentCount = 0;
+testAudioModel.creators = [];
+testAudioModel.favCount = 0;
+testAudioModel.identifier = 'dwd2015-01-24';
+testAudioModel.itemCount = 0;
+testAudioModel.mediatype = 'audio';
+testAudioModel.subjects = [];
+testAudioModel.title = 'Sample Waveform';
+testAudioModel.viewCount = 0;
+testAudioModel.loginRequired = false;
+testAudioModel.contentWarning = false;
+testAudioModel.collectionFilesCount = 0;
+testAudioModel.collectionSize = 0;
+describe('ItemImage component', () => {
+    it('should render initial component', async () => {
+        var _a, _b;
         const el = await fixture(html `
       <item-image
         .isListTile=${false}
@@ -47,14 +47,14 @@ describe('ItemImage component', () => {
         .baseImageUrl=${baseImageUrl}
       >
       </item-image>
-    `);
-        const dropShadow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.drop-shadow');
-        const imgClassName = (_b = dropShadow === null || dropShadow === void 0 ? void 0 : dropShadow.querySelector('img')) === null || _b === void 0 ? void 0 : _b.className;
-        expect(dropShadow).to.exist;
-        expect(imgClassName).to.eql(' contain ');
-    });
-    it('should render component if mediatype is waveform', async () => {
-        var _a;
+    `);
+        const dropShadow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.drop-shadow');
+        const imgClassName = (_b = dropShadow === null || dropShadow === void 0 ? void 0 : dropShadow.querySelector('img')) === null || _b === void 0 ? void 0 : _b.className;
+        expect(dropShadow).to.exist;
+        expect(imgClassName).to.eql(' contain ');
+    });
+    it('should render component if mediatype is waveform', async () => {
+        var _a;
         const el = await fixture(html `
       <item-image
         .isListTile=${false}
@@ -63,19 +63,19 @@ describe('ItemImage component', () => {
         .baseImageUrl=${baseImageUrl}
       >
       </item-image>
-    `);
-        const dropShadow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.drop-shadow');
-        const image = dropShadow === null || dropShadow === void 0 ? void 0 : dropShadow.querySelector('img');
-        expect(dropShadow).to.exist;
-        expect(image).to.exist;
-        // simulate image onLoad event check if image className is waveform
-        setTimeout(() => {
-            const imgClassName = image === null || image === void 0 ? void 0 : image.className;
-            expect(imgClassName).to.eql(' waveform ');
-        }, 1000);
-    });
-    it('should not fetch image with undefined base url', async () => {
-        var _a;
+    `);
+        const dropShadow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.drop-shadow');
+        const image = dropShadow === null || dropShadow === void 0 ? void 0 : dropShadow.querySelector('img');
+        expect(dropShadow).to.exist;
+        expect(image).to.exist;
+        // simulate image onLoad event check if image className is waveform
+        setTimeout(() => {
+            const imgClassName = image === null || image === void 0 ? void 0 : image.className;
+            expect(imgClassName).to.eql(' waveform ');
+        }, 1000);
+    });
+    it('should not fetch image with undefined base url', async () => {
+        var _a;
         const el = await fixture(html `
       <item-image
         .isListTile=${false}
@@ -83,14 +83,14 @@ describe('ItemImage component', () => {
         .model=${testBookModel}
       >
       </item-image>
-    `);
-        // Doesn't set the image src if base url is undefined
-        const img = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('img');
-        expect(img).to.exist;
-        expect(img === null || img === void 0 ? void 0 : img.getAttribute('src')).not.to.exist;
-    });
-    it('should not fetch image with undefined model', async () => {
-        var _a;
+    `);
+        // Doesn't set the image src if base url is undefined
+        const img = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('img');
+        expect(img).to.exist;
+        expect(img === null || img === void 0 ? void 0 : img.getAttribute('src')).not.to.exist;
+    });
+    it('should not fetch image with undefined model', async () => {
+        var _a;
         const el = await fixture(html `
       <item-image
         .isListTile=${false}
@@ -98,14 +98,14 @@ describe('ItemImage component', () => {
         .baseImageUrl=${baseImageUrl}
       >
       </item-image>
-    `);
-        // Doesn't set the image src if model is not present
-        const img = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('img');
-        expect(img).to.exist;
-        expect(img === null || img === void 0 ? void 0 : img.getAttribute('src')).not.to.exist;
-    });
-    it('should not fetch image with undefined identifier', async () => {
-        var _a;
+    `);
+        // Doesn't set the image src if model is not present
+        const img = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('img');
+        expect(img).to.exist;
+        expect(img === null || img === void 0 ? void 0 : img.getAttribute('src')).not.to.exist;
+    });
+    it('should not fetch image with undefined identifier', async () => {
+        var _a;
         const el = await fixture(html `
       <item-image
         .isListTile=${false}
@@ -114,11 +114,11 @@ describe('ItemImage component', () => {
         .baseImageUrl=${baseImageUrl}
       >
       </item-image>
-    `);
-        // Doesn't set the image src if identifier is not present
-        const img = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('img');
-        expect(img).to.exist;
-        expect(img === null || img === void 0 ? void 0 : img.getAttribute('src')).not.to.exist;
-    });
-});
+    `);
+        // Doesn't set the image src if identifier is not present
+        const img = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('img');
+        expect(img).to.exist;
+        expect(img === null || img === void 0 ? void 0 : img.getAttribute('src')).not.to.exist;
+    });
+});
 //# sourceMappingURL=item-image.test.js.map

package/dist/test/manage/manage-bar.test.d.ts

@@ -1 +1 @@
-import '../../src/manage/manage-bar';
+import '../../src/manage/manage-bar';