@internetarchive/collection-browser 2.7.12 → 2.7.13-alpha2

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

@@ -1,16 +1,15 @@
-/* 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;
+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 +18,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 +42,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 +66,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 +89,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 +109,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 +128,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 +149,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 +170,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 +189,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/image-block.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-block.test.js","sourceRoot":"","sources":["../../test/image-block.test.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable import/no-duplicates */\nimport { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport type { ImageBlock } from '../src/tiles/image-block';\nimport type { TextOverlay } from '../src/tiles/overlay/text-overlay';\n\nimport '../src/tiles/image-block';\n\ndescribe('Image block component', () => {\n  it('should render component grid display mode', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          loginRequired: true,\n          contentWarning: true,\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${false}\n        .isListTile=${false}\n        .viewSize=${'grid'}\n        .loggedIn=${false}\n      >\n      </image-block>\n    `);\n\n    const viewSize = el.shadowRoot?.querySelector('.grid');\n    const itemImage = el.shadowRoot?.querySelector('item-image');\n    const textOverlay = el.shadowRoot?.querySelector('text-overlay');\n\n    expect(viewSize).to.exist;\n    expect(itemImage).to.exist;\n    expect(textOverlay).to.exist;\n  });\n\n  it('should render component list display mode', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          loginRequired: true,\n          contentWarning: true,\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${false}\n        .isListTile=${true}\n        .viewSize=${'desktop'}\n        .loggedIn=${false}\n      >\n      </image-block>\n    `);\n\n    const viewSize = el.shadowRoot?.querySelector('.list.desktop');\n    const itemImage = el.shadowRoot?.querySelector('item-image');\n    const iconOverlay = el.shadowRoot?.querySelector('icon-overlay');\n\n    expect(viewSize).to.exist;\n    expect(itemImage).to.exist;\n    expect(iconOverlay).to.exist;\n  });\n\n  it('should render component compact display mode', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          loginRequired: true,\n          contentWarning: true,\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${true}\n        .isListTile=${true}\n        .viewSize=${'desktop'}\n        .loggedIn=${false}\n      >\n      </image-block>\n    `);\n\n    const viewSize = el.shadowRoot?.querySelector('.list-compact.desktop');\n    const itemImage = el.shadowRoot?.querySelector('item-image');\n    const iconOverlay = el.shadowRoot?.querySelector('icon-overlay');\n\n    expect(viewSize).to.exist;\n    expect(itemImage).to.exist;\n    expect(iconOverlay).to.exist;\n  });\n\n  it('should render a login-required overlay if model requires it and not logged in', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          loginRequired: true,\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${false}\n        .isListTile=${false}\n        .viewSize=${'desktop'}\n        .loggedIn=${false}\n      >\n      </image-block>\n    `);\n\n    const textOverlay = el.shadowRoot?.querySelector(\n      'text-overlay'\n    ) as TextOverlay;\n    expect(textOverlay).to.exist;\n    expect(textOverlay.type).to.equal('login-required');\n  });\n\n  it('should render no overlay if logged in and model only requires login', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          loginRequired: true,\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${false}\n        .isListTile=${false}\n        .viewSize=${'desktop'}\n        .loggedIn=${true}\n      >\n      </image-block>\n    `);\n\n    const textOverlay = el.shadowRoot?.querySelector(\n      'text-overlay'\n    ) as TextOverlay;\n    expect(textOverlay).not.to.exist;\n  });\n\n  it('should render a content-warning overlay if model requires it and no login overlay is present', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          contentWarning: true,\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${false}\n        .isListTile=${false}\n        .viewSize=${'desktop'}\n        .loggedIn=${false}\n      >\n      </image-block>\n    `);\n\n    const textOverlay = el.shadowRoot?.querySelector(\n      'text-overlay'\n    ) as TextOverlay;\n    expect(textOverlay).to.exist;\n    expect(textOverlay.type).to.equal('content-warning');\n  });\n\n  it('should prioritize login-required overlay over content-warning if both required and logged out', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          loginRequired: true,\n          contentWarning: true,\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${false}\n        .isListTile=${false}\n        .viewSize=${'desktop'}\n        .loggedIn=${false}\n      >\n      </image-block>\n    `);\n\n    const textOverlay = el.shadowRoot?.querySelector(\n      'text-overlay'\n    ) as TextOverlay;\n    expect(textOverlay).to.exist;\n    expect(textOverlay.type).to.equal('login-required');\n  });\n\n  it('should show content-warning overlay if both types required and logged in', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          loginRequired: true,\n          contentWarning: true,\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${false}\n        .isListTile=${false}\n        .viewSize=${'desktop'}\n        .loggedIn=${true}\n      >\n      </image-block>\n    `);\n\n    const textOverlay = el.shadowRoot?.querySelector(\n      'text-overlay'\n    ) as TextOverlay;\n    expect(textOverlay).to.exist;\n    expect(textOverlay.type).to.equal('content-warning');\n  });\n\n  it('should render no overlay if neither loginRequired nor contentWarning flag present', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${false}\n        .isListTile=${false}\n        .viewSize=${'desktop'}\n        .loggedIn=${false}\n      >\n      </image-block>\n    `);\n\n    const textOverlay = el.shadowRoot?.querySelector(\n      'text-overlay'\n    ) as TextOverlay;\n    expect(textOverlay).not.to.exist;\n  });\n});\n"]}
+{"version":3,"file":"image-block.test.js","sourceRoot":"","sources":["../../test/image-block.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport type { ImageBlock } from '../src/tiles/image-block';\nimport type { TextOverlay } from '../src/tiles/overlay/text-overlay';\n\nimport '../src/tiles/image-block';\n\ndescribe('Image block component', () => {\n  it('should render component grid display mode', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          loginRequired: true,\n          contentWarning: true,\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${false}\n        .isListTile=${false}\n        .viewSize=${'grid'}\n        .loggedIn=${false}\n      >\n      </image-block>\n    `);\n\n    const viewSize = el.shadowRoot?.querySelector('.grid');\n    const itemImage = el.shadowRoot?.querySelector('item-image');\n    const textOverlay = el.shadowRoot?.querySelector('text-overlay');\n\n    expect(viewSize).to.exist;\n    expect(itemImage).to.exist;\n    expect(textOverlay).to.exist;\n  });\n\n  it('should render component list display mode', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          loginRequired: true,\n          contentWarning: true,\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${false}\n        .isListTile=${true}\n        .viewSize=${'desktop'}\n        .loggedIn=${false}\n      >\n      </image-block>\n    `);\n\n    const viewSize = el.shadowRoot?.querySelector('.list.desktop');\n    const itemImage = el.shadowRoot?.querySelector('item-image');\n    const iconOverlay = el.shadowRoot?.querySelector('icon-overlay');\n\n    expect(viewSize).to.exist;\n    expect(itemImage).to.exist;\n    expect(iconOverlay).to.exist;\n  });\n\n  it('should render component compact display mode', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          loginRequired: true,\n          contentWarning: true,\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${true}\n        .isListTile=${true}\n        .viewSize=${'desktop'}\n        .loggedIn=${false}\n      >\n      </image-block>\n    `);\n\n    const viewSize = el.shadowRoot?.querySelector('.list-compact.desktop');\n    const itemImage = el.shadowRoot?.querySelector('item-image');\n    const iconOverlay = el.shadowRoot?.querySelector('icon-overlay');\n\n    expect(viewSize).to.exist;\n    expect(itemImage).to.exist;\n    expect(iconOverlay).to.exist;\n  });\n\n  it('should render a login-required overlay if model requires it and not logged in', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          loginRequired: true,\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${false}\n        .isListTile=${false}\n        .viewSize=${'desktop'}\n        .loggedIn=${false}\n      >\n      </image-block>\n    `);\n\n    const textOverlay = el.shadowRoot?.querySelector(\n      'text-overlay',\n    ) as TextOverlay;\n    expect(textOverlay).to.exist;\n    expect(textOverlay.type).to.equal('login-required');\n  });\n\n  it('should render no overlay if logged in and model only requires login', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          loginRequired: true,\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${false}\n        .isListTile=${false}\n        .viewSize=${'desktop'}\n        .loggedIn=${true}\n      >\n      </image-block>\n    `);\n\n    const textOverlay = el.shadowRoot?.querySelector(\n      'text-overlay',\n    ) as TextOverlay;\n    expect(textOverlay).not.to.exist;\n  });\n\n  it('should render a content-warning overlay if model requires it and no login overlay is present', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          contentWarning: true,\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${false}\n        .isListTile=${false}\n        .viewSize=${'desktop'}\n        .loggedIn=${false}\n      >\n      </image-block>\n    `);\n\n    const textOverlay = el.shadowRoot?.querySelector(\n      'text-overlay',\n    ) as TextOverlay;\n    expect(textOverlay).to.exist;\n    expect(textOverlay.type).to.equal('content-warning');\n  });\n\n  it('should prioritize login-required overlay over content-warning if both required and logged out', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          loginRequired: true,\n          contentWarning: true,\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${false}\n        .isListTile=${false}\n        .viewSize=${'desktop'}\n        .loggedIn=${false}\n      >\n      </image-block>\n    `);\n\n    const textOverlay = el.shadowRoot?.querySelector(\n      'text-overlay',\n    ) as TextOverlay;\n    expect(textOverlay).to.exist;\n    expect(textOverlay.type).to.equal('login-required');\n  });\n\n  it('should show content-warning overlay if both types required and logged in', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          loginRequired: true,\n          contentWarning: true,\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${false}\n        .isListTile=${false}\n        .viewSize=${'desktop'}\n        .loggedIn=${true}\n      >\n      </image-block>\n    `);\n\n    const textOverlay = el.shadowRoot?.querySelector(\n      'text-overlay',\n    ) as TextOverlay;\n    expect(textOverlay).to.exist;\n    expect(textOverlay.type).to.equal('content-warning');\n  });\n\n  it('should render no overlay if neither loginRequired nor contentWarning flag present', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${false}\n        .isListTile=${false}\n        .viewSize=${'desktop'}\n        .loggedIn=${false}\n      >\n      </image-block>\n    `);\n\n    const textOverlay = el.shadowRoot?.querySelector(\n      'text-overlay',\n    ) as TextOverlay;\n    expect(textOverlay).not.to.exist;\n  });\n});\n"]}

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,43 @@
-/* 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;
+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 +46,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 +62,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 +82,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 +97,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 +113,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/item-image.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"item-image.test.js","sourceRoot":"","sources":["../../test/item-image.test.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable import/no-duplicates */\nimport { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\n\nimport { TileModel } from '../src/models';\nimport type { ItemImage } from '../src/tiles/item-image';\n\nimport '../src/tiles/item-image';\n\nconst baseImageUrl = 'https://archive.org';\nconst testBookModel: TileModel = new TileModel({});\ntestBookModel.checked = false;\ntestBookModel.collections = [];\ntestBookModel.commentCount = 0;\ntestBookModel.creators = [];\ntestBookModel.favCount = 0;\ntestBookModel.identifier = '18730130BloomfieldRecordCompleteIssue';\ntestBookModel.itemCount = 0;\ntestBookModel.mediatype = 'texts';\ntestBookModel.subjects = [];\ntestBookModel.title = 'Sample Waveform';\ntestBookModel.viewCount = 0;\ntestBookModel.loginRequired = false;\ntestBookModel.contentWarning = false;\ntestBookModel.collectionFilesCount = 0;\ntestBookModel.collectionSize = 0;\n\nconst testAudioModel: TileModel = new TileModel({});\ntestAudioModel.checked = false;\ntestAudioModel.collections = [];\ntestAudioModel.commentCount = 0;\ntestAudioModel.creators = [];\ntestAudioModel.favCount = 0;\ntestAudioModel.identifier = 'dwd2015-01-24';\ntestAudioModel.itemCount = 0;\ntestAudioModel.mediatype = 'audio';\ntestAudioModel.subjects = [];\ntestAudioModel.title = 'Sample Waveform';\ntestAudioModel.viewCount = 0;\ntestAudioModel.loginRequired = false;\ntestAudioModel.contentWarning = false;\ntestAudioModel.collectionFilesCount = 0;\ntestAudioModel.collectionSize = 0;\n\ndescribe('ItemImage component', () => {\n  it('should render initial component', async () => {\n    const el = await fixture<ItemImage>(html`\n      <item-image\n        .isListTile=${false}\n        .isCompactTile=${false}\n        .model=${testBookModel}\n        .baseImageUrl=${baseImageUrl}\n      >\n      </item-image>\n    `);\n\n    const dropShadow = el.shadowRoot?.querySelector('.drop-shadow');\n    const imgClassName = dropShadow?.querySelector('img')?.className;\n\n    expect(dropShadow).to.exist;\n    expect(imgClassName).to.eql(' contain ');\n  });\n\n  it('should render component if mediatype is waveform', async () => {\n    const el = await fixture<ItemImage>(html`\n      <item-image\n        .isListTile=${false}\n        .isCompactTile=${false}\n        .model=${testAudioModel}\n        .baseImageUrl=${baseImageUrl}\n      >\n      </item-image>\n    `);\n\n    const dropShadow = el.shadowRoot?.querySelector('.drop-shadow');\n    const image = dropShadow?.querySelector('img');\n    expect(dropShadow).to.exist;\n    expect(image).to.exist;\n\n    // simulate image onLoad event check if image className is waveform\n    setTimeout(() => {\n      const imgClassName = image?.className;\n      expect(imgClassName).to.eql(' waveform ');\n    }, 1000);\n  });\n\n  it('should not fetch image with undefined base url', async () => {\n    const el = await fixture<ItemImage>(html`\n      <item-image\n        .isListTile=${false}\n        .isCompactTile=${false}\n        .model=${testBookModel}\n      >\n      </item-image>\n    `);\n\n    // Doesn't set the image src if base url is undefined\n    const img = el.shadowRoot?.querySelector('img');\n    expect(img).to.exist;\n    expect(img?.getAttribute('src')).not.to.exist;\n  });\n\n  it('should not fetch image with undefined model', async () => {\n    const el = await fixture<ItemImage>(html`\n      <item-image\n        .isListTile=${false}\n        .isCompactTile=${false}\n        .baseImageUrl=${baseImageUrl}\n      >\n      </item-image>\n    `);\n\n    // Doesn't set the image src if model is not present\n    const img = el.shadowRoot?.querySelector('img');\n    expect(img).to.exist;\n    expect(img?.getAttribute('src')).not.to.exist;\n  });\n\n  it('should not fetch image with undefined identifier', async () => {\n    const el = await fixture<ItemImage>(html`\n      <item-image\n        .isListTile=${false}\n        .isCompactTile=${false}\n        .model=${{}}\n        .baseImageUrl=${baseImageUrl}\n      >\n      </item-image>\n    `);\n\n    // Doesn't set the image src if identifier is not present\n    const img = el.shadowRoot?.querySelector('img');\n    expect(img).to.exist;\n    expect(img?.getAttribute('src')).not.to.exist;\n  });\n});\n"]}
+{"version":3,"file":"item-image.test.js","sourceRoot":"","sources":["../../test/item-image.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\n\nimport { TileModel } from '../src/models';\nimport type { ItemImage } from '../src/tiles/item-image';\n\nimport '../src/tiles/item-image';\n\nconst baseImageUrl = 'https://archive.org';\nconst testBookModel: TileModel = new TileModel({});\ntestBookModel.checked = false;\ntestBookModel.collections = [];\ntestBookModel.commentCount = 0;\ntestBookModel.creators = [];\ntestBookModel.favCount = 0;\ntestBookModel.identifier = '18730130BloomfieldRecordCompleteIssue';\ntestBookModel.itemCount = 0;\ntestBookModel.mediatype = 'texts';\ntestBookModel.subjects = [];\ntestBookModel.title = 'Sample Waveform';\ntestBookModel.viewCount = 0;\ntestBookModel.loginRequired = false;\ntestBookModel.contentWarning = false;\ntestBookModel.collectionFilesCount = 0;\ntestBookModel.collectionSize = 0;\n\nconst testAudioModel: TileModel = new TileModel({});\ntestAudioModel.checked = false;\ntestAudioModel.collections = [];\ntestAudioModel.commentCount = 0;\ntestAudioModel.creators = [];\ntestAudioModel.favCount = 0;\ntestAudioModel.identifier = 'dwd2015-01-24';\ntestAudioModel.itemCount = 0;\ntestAudioModel.mediatype = 'audio';\ntestAudioModel.subjects = [];\ntestAudioModel.title = 'Sample Waveform';\ntestAudioModel.viewCount = 0;\ntestAudioModel.loginRequired = false;\ntestAudioModel.contentWarning = false;\ntestAudioModel.collectionFilesCount = 0;\ntestAudioModel.collectionSize = 0;\n\ndescribe('ItemImage component', () => {\n  it('should render initial component', async () => {\n    const el = await fixture<ItemImage>(html`\n      <item-image\n        .isListTile=${false}\n        .isCompactTile=${false}\n        .model=${testBookModel}\n        .baseImageUrl=${baseImageUrl}\n      >\n      </item-image>\n    `);\n\n    const dropShadow = el.shadowRoot?.querySelector('.drop-shadow');\n    const imgClassName = dropShadow?.querySelector('img')?.className;\n\n    expect(dropShadow).to.exist;\n    expect(imgClassName).to.eql(' contain ');\n  });\n\n  it('should render component if mediatype is waveform', async () => {\n    const el = await fixture<ItemImage>(html`\n      <item-image\n        .isListTile=${false}\n        .isCompactTile=${false}\n        .model=${testAudioModel}\n        .baseImageUrl=${baseImageUrl}\n      >\n      </item-image>\n    `);\n\n    const dropShadow = el.shadowRoot?.querySelector('.drop-shadow');\n    const image = dropShadow?.querySelector('img');\n    expect(dropShadow).to.exist;\n    expect(image).to.exist;\n\n    // simulate image onLoad event check if image className is waveform\n    setTimeout(() => {\n      const imgClassName = image?.className;\n      expect(imgClassName).to.eql(' waveform ');\n    }, 1000);\n  });\n\n  it('should not fetch image with undefined base url', async () => {\n    const el = await fixture<ItemImage>(html`\n      <item-image\n        .isListTile=${false}\n        .isCompactTile=${false}\n        .model=${testBookModel}\n      >\n      </item-image>\n    `);\n\n    // Doesn't set the image src if base url is undefined\n    const img = el.shadowRoot?.querySelector('img');\n    expect(img).to.exist;\n    expect(img?.getAttribute('src')).not.to.exist;\n  });\n\n  it('should not fetch image with undefined model', async () => {\n    const el = await fixture<ItemImage>(html`\n      <item-image\n        .isListTile=${false}\n        .isCompactTile=${false}\n        .baseImageUrl=${baseImageUrl}\n      >\n      </item-image>\n    `);\n\n    // Doesn't set the image src if model is not present\n    const img = el.shadowRoot?.querySelector('img');\n    expect(img).to.exist;\n    expect(img?.getAttribute('src')).not.to.exist;\n  });\n\n  it('should not fetch image with undefined identifier', async () => {\n    const el = await fixture<ItemImage>(html`\n      <item-image\n        .isListTile=${false}\n        .isCompactTile=${false}\n        .model=${{}}\n        .baseImageUrl=${baseImageUrl}\n      >\n      </item-image>\n    `);\n\n    // Doesn't set the image src if identifier is not present\n    const img = el.shadowRoot?.querySelector('img');\n    expect(img).to.exist;\n    expect(img?.getAttribute('src')).not.to.exist;\n  });\n});\n"]}

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

@@ -1,2 +1,2 @@
-import '../../src/manage/manage-bar';
-import '@internetarchive/modal-manager';
+import '../../src/manage/manage-bar';
+import '@internetarchive/modal-manager';