@internetarchive/collection-browser 0.2.15 → 0.2.16

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

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

package/dist/test/icon-overlay.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-overlay.test.js","sourceRoot":"","sources":["../../test/icon-overlay.test.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAG3B,OAAO,mCAAmC,CAAC;AAE3C,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;IACtC,EAAE,CAAC,8CAA8C,EAAE,KAAK,IAAI,EAAE;;QAC5D,MAAM,EAAE,GAAG,MAAM,OAAO,CAAc,IAAI,CAAA;gCACd,KAAK,mBAAmB,IAAI;KACvD,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,MAAA,MAAA,MAAA,EAAE,CAAC,UAAU,0CAC1B,aAAa,CAAC,KAAK,CAAC,0CACpB,aAAa,CAAC,OAAO,CAAC,0CAAE,WAAW,CAAC;QACxC,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,0BAA0B,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;;QAC1D,MAAM,EAAE,GAAG,MAAM,OAAO,CAAc,IAAI,CAAA;gCACd,KAAK,mBAAmB,KAAK;KACxD,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,MAAA,MAAA,MAAA,EAAE,CAAC,UAAU,0CAC1B,aAAa,CAAC,KAAK,CAAC,0CACpB,aAAa,CAAC,OAAO,CAAC,0CAAE,WAAW,CAAC;QACxC,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,8BAA8B,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;;QAC1D,MAAM,EAAE,GAAG,MAAM,OAAO,CAAc,IAAI,CAAA;gCACd,IAAI,mBAAmB,IAAI;KACtD,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,MAAA,MAAA,MAAA,EAAE,CAAC,UAAU,0CAC1B,aAAa,CAAC,KAAK,CAAC,0CACpB,aAAa,CAAC,OAAO,CAAC,0CAAE,WAAW,CAAC;QACxC,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,8BAA8B,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["/* eslint-disable import/no-duplicates */\nimport { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport type { IconOverlay } from '../src/tiles/overlay/icon-overlay';\n\nimport '../src/tiles/overlay/icon-overlay';\n\ndescribe('Icon Overlay component', () => {\n  it('should render component if loggedIn required', async () => {\n    const el = await fixture<IconOverlay>(html`\n      <icon-overlay .loggedIn=${false} .loginRequired=${true}> </icon-overlay>\n    `);\n\n    const svgTitle = el.shadowRoot\n      ?.querySelector('svg')\n      ?.querySelector('title')?.textContent;\n    expect(svgTitle).to.equal('Log in to view this item');\n  });\n\n  it('should render component if content warning', async () => {\n    const el = await fixture<IconOverlay>(html`\n      <icon-overlay .loggedIn=${false} .loginRequired=${false}> </icon-overlay>\n    `);\n\n    const svgTitle = el.shadowRoot\n      ?.querySelector('svg')\n      ?.querySelector('title')?.textContent;\n    expect(svgTitle).to.equal('Content may be inappropriate');\n  });\n\n  it('should render component if content warning', async () => {\n    const el = await fixture<IconOverlay>(html`\n      <icon-overlay .loggedIn=${true} .loginRequired=${true}> </icon-overlay>\n    `);\n\n    const svgTitle = el.shadowRoot\n      ?.querySelector('svg')\n      ?.querySelector('title')?.textContent;\n    expect(svgTitle).to.equal('Content may be inappropriate');\n  });\n});\n"]}

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

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

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

@@ -0,0 +1,73 @@
+/* eslint-disable import/no-duplicates */
+import { expect, fixture } from '@open-wc/testing';
+import { html } from 'lit';
+import '../src/tiles/item-image';
+const baseImageUrl = 'https://archive.org';
+const testBookModel = {
+    collections: [],
+    commentCount: 0,
+    creators: [],
+    favCount: 0,
+    identifier: '18730130BloomfieldRecordCompleteIssue',
+    itemCount: 0,
+    mediatype: 'texts',
+    subjects: [],
+    title: 'Sample Waveform',
+    viewCount: 0,
+    loginRequired: false,
+    contentWarning: false,
+};
+const testAudioModel = {
+    collections: [],
+    commentCount: 0,
+    creators: [],
+    favCount: 0,
+    identifier: 'dwd2015-01-24',
+    itemCount: 0,
+    mediatype: 'audio',
+    subjects: [],
+    title: 'Sample Waveform',
+    viewCount: 0,
+    loginRequired: false,
+    contentWarning: false,
+};
+describe('ItemImage component', () => {
+    it('should render initial component', async () => {
+        var _a, _b;
+        const el = await fixture(html `
+      <item-image
+        .isListTile=${false}
+        .isCompactTile=${false}
+        .model=${testBookModel}
+        .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 el = await fixture(html `
+      <item-image
+        .isListTile=${false}
+        .isCompactTile=${false}
+        .model=${testAudioModel}
+        .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);
+    });
+});
+//# sourceMappingURL=item-image.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"item-image.test.js","sourceRoot":"","sources":["../../test/item-image.test.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAK3B,OAAO,yBAAyB,CAAC;AAEjC,MAAM,YAAY,GAAG,qBAAqB,CAAC;AAC3C,MAAM,aAAa,GAAc;IAC/B,WAAW,EAAE,EAAE;IACf,YAAY,EAAE,CAAC;IACf,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,CAAC;IACX,UAAU,EAAE,uCAAuC;IACnD,SAAS,EAAE,CAAC;IACZ,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,EAAE;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,CAAC;IACZ,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,KAAK;CACtB,CAAC;AAEF,MAAM,cAAc,GAAc;IAChC,WAAW,EAAE,EAAE;IACf,YAAY,EAAE,CAAC;IACf,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,CAAC;IACX,UAAU,EAAE,eAAe;IAC3B,SAAS,EAAE,CAAC;IACZ,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,EAAE;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,CAAC;IACZ,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,KAAK;CACtB,CAAC;AAEF,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACnC,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;;QAC/C,MAAM,EAAE,GAAG,MAAM,OAAO,CAAY,IAAI,CAAA;;sBAEtB,KAAK;yBACF,KAAK;iBACb,aAAa;wBACN,YAAY;;;KAG/B,CAAC,CAAC;QAEH,MAAM,UAAU,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,cAAc,CAAC,CAAC;QAChE,MAAM,YAAY,GAAG,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,aAAa,CAAC,KAAK,CAAC,0CAAE,SAAS,CAAC;QAEjE,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC5B,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;;QAChE,MAAM,EAAE,GAAG,MAAM,OAAO,CAAY,IAAI,CAAA;;sBAEtB,KAAK;yBACF,KAAK;iBACb,cAAc;wBACP,YAAY;;;KAG/B,CAAC,CAAC;QAEH,MAAM,UAAU,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,cAAc,CAAC,CAAC;QAChE,MAAM,KAAK,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,aAAa,CAAC,KAAK,CAAC,CAAC;QAC/C,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC5B,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAEvB,mEAAmE;QACnE,UAAU,CAAC,GAAG,EAAE;YACd,MAAM,YAAY,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,CAAC;YACtC,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;QAC5C,CAAC,EAAE,IAAI,CAAC,CAAC;IACX,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["/* eslint-disable import/no-duplicates */\nimport { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\n\nimport type { 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 = {\n  collections: [],\n  commentCount: 0,\n  creators: [],\n  favCount: 0,\n  identifier: '18730130BloomfieldRecordCompleteIssue',\n  itemCount: 0,\n  mediatype: 'texts',\n  subjects: [],\n  title: 'Sample Waveform',\n  viewCount: 0,\n  loginRequired: false,\n  contentWarning: false,\n};\n\nconst testAudioModel: TileModel = {\n  collections: [],\n  commentCount: 0,\n  creators: [],\n  favCount: 0,\n  identifier: 'dwd2015-01-24',\n  itemCount: 0,\n  mediatype: 'audio',\n  subjects: [],\n  title: 'Sample Waveform',\n  viewCount: 0,\n  loginRequired: false,\n  contentWarning: false,\n};\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"]}

package/dist/test/mediatype-config.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/mediatype-config.test.js

@@ -0,0 +1,17 @@
+import { expect } from '@open-wc/testing';
+import { mediatypeConfig } from '../src/mediatype/mediatype-config';
+describe('mediatypeConfig', () => {
+    it('returns undefined', () => {
+        expect(mediatypeConfig['']).to.equal(undefined);
+        expect(mediatypeConfig.test).to.equal(undefined);
+        expect(mediatypeConfig.media).to.equal(undefined);
+        expect(mediatypeConfig.testing).to.equal(undefined);
+    });
+    it('returns audio', () => {
+        expect(mediatypeConfig.audio).to.exist;
+        expect(mediatypeConfig.audio.color).to.exist;
+        expect(mediatypeConfig.audio.icon).to.exist;
+        expect(mediatypeConfig.audio.text).to.exist;
+    });
+});
+//# sourceMappingURL=mediatype-config.test.js.map

package/dist/test/mediatype-config.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mediatype-config.test.js","sourceRoot":"","sources":["../../test/mediatype-config.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAEpE,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;QAC3B,MAAM,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAChD,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACjD,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAClD,MAAM,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IACtD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE;QACvB,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACvC,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC7C,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC5C,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAC9C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { expect } from '@open-wc/testing';\nimport { mediatypeConfig } from '../src/mediatype/mediatype-config';\n\ndescribe('mediatypeConfig', () => {\n  it('returns undefined', () => {\n    expect(mediatypeConfig['']).to.equal(undefined);\n    expect(mediatypeConfig.test).to.equal(undefined);\n    expect(mediatypeConfig.media).to.equal(undefined);\n    expect(mediatypeConfig.testing).to.equal(undefined);\n  });\n\n  it('returns audio', () => {\n    expect(mediatypeConfig.audio).to.exist;\n    expect(mediatypeConfig.audio.color).to.exist;\n    expect(mediatypeConfig.audio.icon).to.exist;\n    expect(mediatypeConfig.audio.text).to.exist;\n  });\n});\n"]}

package/dist/test/mocks/mock-collection-name-cache.d.ts

@@ -0,0 +1,7 @@
+import type { CollectionNameCacheInterface } from '@internetarchive/collection-name-cache';
+export declare class MockCollectionNameCache implements CollectionNameCacheInterface {
+    collectionNamesRequested: string[];
+    preloadIdentifiersRequested: string[];
+    collectionNameFor(identifier: string): Promise<string | null>;
+    preloadIdentifiers(identifiers: string[]): Promise<void>;
+}

package/dist/test/mocks/mock-collection-name-cache.js

@@ -0,0 +1,14 @@
+export class MockCollectionNameCache {
+    constructor() {
+        this.collectionNamesRequested = [];
+        this.preloadIdentifiersRequested = [];
+    }
+    async collectionNameFor(identifier) {
+        this.collectionNamesRequested.push(identifier);
+        return `${identifier}-name`;
+    }
+    async preloadIdentifiers(identifiers) {
+        this.preloadIdentifiersRequested = identifiers;
+    }
+}
+//# sourceMappingURL=mock-collection-name-cache.js.map

package/dist/test/mocks/mock-collection-name-cache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mock-collection-name-cache.js","sourceRoot":"","sources":["../../../test/mocks/mock-collection-name-cache.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,uBAAuB;IAApC;QACE,6BAAwB,GAAa,EAAE,CAAC;QAExC,gCAA2B,GAAa,EAAE,CAAC;IAU7C,CAAC;IARC,KAAK,CAAC,iBAAiB,CAAC,UAAkB;QACxC,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC/C,OAAO,GAAG,UAAU,OAAO,CAAC;IAC9B,CAAC;IAED,KAAK,CAAC,kBAAkB,CAAC,WAAqB;QAC5C,IAAI,CAAC,2BAA2B,GAAG,WAAW,CAAC;IACjD,CAAC;CACF","sourcesContent":["import type { CollectionNameCacheInterface } from '@internetarchive/collection-name-cache';\n\nexport class MockCollectionNameCache implements CollectionNameCacheInterface {\n  collectionNamesRequested: string[] = [];\n\n  preloadIdentifiersRequested: string[] = [];\n\n  async collectionNameFor(identifier: string): Promise<string | null> {\n    this.collectionNamesRequested.push(identifier);\n    return `${identifier}-name`;\n  }\n\n  async preloadIdentifiers(identifiers: string[]): Promise<void> {\n    this.preloadIdentifiersRequested = identifiers;\n  }\n}\n"]}

package/dist/test/mocks/mock-search-responses.d.ts

@@ -0,0 +1,3 @@
+import type { Result } from '@internetarchive/result-type';
+import { SearchResponse, SearchServiceError } from '@internetarchive/search-service';
+export declare const mockSuccessResponse: Result<SearchResponse, SearchServiceError>;

package/dist/test/mocks/mock-search-responses.js

@@ -0,0 +1,32 @@
+import { Metadata, } from '@internetarchive/search-service';
+export const mockSuccessResponse = {
+    success: {
+        rawResponse: {},
+        response: {
+            numFound: 2,
+            docs: [
+                new Metadata({
+                    identifier: 'foo',
+                    collections_raw: ['foo', 'bar'],
+                }),
+                new Metadata({
+                    identifier: 'bar',
+                    collections_raw: ['baz', 'boop'],
+                }),
+            ],
+            start: 0,
+        },
+        responseHeader: {
+            status: 0,
+            QTime: 0,
+            params: {
+                query: 'collection:foo',
+                qin: 'collection:foo',
+                fields: 'identifier, collections_raw',
+                wt: 'foo',
+                start: 0,
+            },
+        },
+    },
+};
+//# sourceMappingURL=mock-search-responses.js.map

package/dist/test/mocks/mock-search-responses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mock-search-responses.js","sourceRoot":"","sources":["../../../test/mocks/mock-search-responses.ts"],"names":[],"mappings":"AACA,OAAO,EACL,QAAQ,GAGT,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,mBAAmB,GAA+C;IAC7E,OAAO,EAAE;QACP,WAAW,EAAE,EAAE;QACf,QAAQ,EAAE;YACR,QAAQ,EAAE,CAAC;YACX,IAAI,EAAE;gBACJ,IAAI,QAAQ,CAAC;oBACX,UAAU,EAAE,KAAK;oBACjB,eAAe,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;iBAChC,CAAC;gBACF,IAAI,QAAQ,CAAC;oBACX,UAAU,EAAE,KAAK;oBACjB,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC;iBACjC,CAAC;aACH;YACD,KAAK,EAAE,CAAC;SACT;QACD,cAAc,EAAE;YACd,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,CAAC;YACR,MAAM,EAAE;gBACN,KAAK,EAAE,gBAAgB;gBACvB,GAAG,EAAE,gBAAgB;gBACrB,MAAM,EAAE,6BAA6B;gBACrC,EAAE,EAAE,KAAK;gBACT,KAAK,EAAE,CAAC;aACT;SACF;KACF;CACF,CAAC","sourcesContent":["import type { Result } from '@internetarchive/result-type';\nimport {\n  Metadata,\n  SearchResponse,\n  SearchServiceError,\n} from '@internetarchive/search-service';\n\nexport const mockSuccessResponse: Result<SearchResponse, SearchServiceError> = {\n  success: {\n    rawResponse: {},\n    response: {\n      numFound: 2,\n      docs: [\n        new Metadata({\n          identifier: 'foo',\n          collections_raw: ['foo', 'bar'],\n        }),\n        new Metadata({\n          identifier: 'bar',\n          collections_raw: ['baz', 'boop'],\n        }),\n      ],\n      start: 0,\n    },\n    responseHeader: {\n      status: 0,\n      QTime: 0,\n      params: {\n        query: 'collection:foo',\n        qin: 'collection:foo',\n        fields: 'identifier, collections_raw',\n        wt: 'foo',\n        start: 0,\n      },\n    },\n  },\n};\n"]}

package/dist/test/mocks/mock-search-service.d.ts

@@ -0,0 +1,8 @@
+import type { Result } from '@internetarchive/result-type';
+import type { MetadataResponse, SearchParams, SearchResponse, SearchServiceInterface, SearchServiceError } from '@internetarchive/search-service';
+export declare class MockSearchService implements SearchServiceInterface {
+    searchParams?: SearchParams;
+    search(params: SearchParams): Promise<Result<SearchResponse, SearchServiceError>>;
+    fetchMetadata(identifier: string): Promise<Result<MetadataResponse, SearchServiceError>>;
+    fetchMetadataValue<T>(identifier: string, keypath: string): Promise<Result<T, SearchServiceError>>;
+}

package/dist/test/mocks/mock-search-service.js

@@ -0,0 +1,16 @@
+import { mockSuccessResponse } from './mock-search-responses';
+export class MockSearchService {
+    async search(params) {
+        this.searchParams = params;
+        return mockSuccessResponse;
+    }
+    async fetchMetadata(identifier) {
+        console.debug('fetchMetadata', identifier);
+        throw new Error('Method not implemented.');
+    }
+    async fetchMetadataValue(identifier, keypath) {
+        console.debug('fetchMetadataValue', identifier, keypath);
+        throw new Error('Method not implemented.');
+    }
+}
+//# sourceMappingURL=mock-search-service.js.map

package/dist/test/mocks/mock-search-service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mock-search-service.js","sourceRoot":"","sources":["../../../test/mocks/mock-search-service.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,OAAO,iBAAiB;IAG5B,KAAK,CAAC,MAAM,CACV,MAAoB;QAEpB,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC;QAC3B,OAAO,mBAAmB,CAAC;IAC7B,CAAC;IAED,KAAK,CAAC,aAAa,CACjB,UAAkB;QAElB,OAAO,CAAC,KAAK,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;QAC3C,MAAM,IAAI,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAC7C,CAAC;IAED,KAAK,CAAC,kBAAkB,CACtB,UAAkB,EAClB,OAAe;QAEf,OAAO,CAAC,KAAK,CAAC,oBAAoB,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC;QACzD,MAAM,IAAI,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAC7C,CAAC;CACF","sourcesContent":["import type { Result } from '@internetarchive/result-type';\nimport type {\n  MetadataResponse,\n  SearchParams,\n  SearchResponse,\n  SearchServiceInterface,\n  SearchServiceError,\n} from '@internetarchive/search-service';\nimport { mockSuccessResponse } from './mock-search-responses';\n\nexport class MockSearchService implements SearchServiceInterface {\n  searchParams?: SearchParams;\n\n  async search(\n    params: SearchParams\n  ): Promise<Result<SearchResponse, SearchServiceError>> {\n    this.searchParams = params;\n    return mockSuccessResponse;\n  }\n\n  async fetchMetadata(\n    identifier: string\n  ): Promise<Result<MetadataResponse, SearchServiceError>> {\n    console.debug('fetchMetadata', identifier);\n    throw new Error('Method not implemented.');\n  }\n\n  async fetchMetadataValue<T>(\n    identifier: string,\n    keypath: string\n  ): Promise<Result<T, SearchServiceError>> {\n    console.debug('fetchMetadataValue', identifier, keypath);\n    throw new Error('Method not implemented.');\n  }\n}\n"]}

package/dist/test/sort-filter-bar/sort-filter-bar.test.d.ts

@@ -0,0 +1 @@
+import '../../src/sort-filter-bar/sort-filter-bar';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"sort-filter-bar.test.js","sourceRoot":"","sources":["../../../test/sort-filter-bar/sort-filter-bar.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 { SortFilterBar } from '../../src/sort-filter-bar/sort-filter-bar';\nimport type { SortField } from '../../src/models';\n\nimport '../../src/sort-filter-bar/sort-filter-bar';\n\ndescribe('Sort direction buttons', () => {\n  it('should render sort direction button', async () => {\n    const el = await fixture<SortFilterBar>(html`\n      <sort-filter-bar> </sort-filter-bar>\n    `);\n\n    el.sortDirection = 'asc'; // selected sort\n    await el.updateComplete;\n\n    const sortDirectionButtonList = el.shadowRoot?.querySelector(\n      '#sort-direction-selector'\n    );\n\n    const sortByAscButton = sortDirectionButtonList?.querySelector(\n      '#sort-ascending-btn'\n    );\n    expect(sortByAscButton).to.exist;\n    // ascending order button is selected\n    expect(sortByAscButton?.getAttribute('class')).to.equal(\n      'sort-button selected'\n    );\n\n    const sortByDescButton = sortDirectionButtonList?.querySelector(\n      '#sort-descending-btn'\n    );\n    expect(sortByDescButton).to.exist;\n    // descending order button is not selected\n    expect(sortByDescButton?.getAttribute('class')).to.not.equal(\n      'sort-button selected'\n    );\n  });\n});\n\ndescribe('Sort selector default buttons', async () => {\n  const el = await fixture<SortFilterBar>(html`\n    <sort-filter-bar> </sort-filter-bar>\n  `);\n  const sortSelectorContainer = el.shadowRoot?.querySelector(\n    '#desktop-sort-selector'\n  );\n\n  it('should render sort-by label', async () => {\n    expect(sortSelectorContainer?.children.item(0)?.textContent).to.equal(\n      'Sort By'\n    );\n  });\n\n  it('should render default relevance-sort selector', async () => {\n    const defaultSortSelector = sortSelectorContainer?.children\n      .item(1)\n      ?.querySelector('a');\n    expect(defaultSortSelector?.textContent).to.contain('Relevance');\n    expect(defaultSortSelector?.getAttribute('class')).to.equal('selected');\n  });\n\n  it('should render default view-sort selector', async () => {\n    const defaultSortSelector = sortSelectorContainer?.children\n      .item(2)\n      ?.querySelector('a');\n    expect(defaultSortSelector?.textContent).to.contain('Weekly Views');\n  });\n\n  it('should render active view-sort selectors', async () => {\n    el.selectedSort = 'alltimeview' as SortField;\n    await el.updateComplete;\n\n    const defaultSortSelector =\n      sortSelectorContainer?.querySelector('a.selected');\n    expect(defaultSortSelector?.textContent).to.contain('All-time Views');\n  });\n\n  it('should render default title-sort selector', async () => {\n    const defaultSortSelector = sortSelectorContainer?.children\n      .item(3)\n      ?.querySelector('a');\n    expect(defaultSortSelector?.textContent).to.contain('Title');\n  });\n\n  it('should render default date-sort selector', async () => {\n    const defaultSortSelector = sortSelectorContainer?.children\n      .item(4)\n      ?.querySelector('a');\n    expect(defaultSortSelector?.textContent).to.contain('Date Published');\n  });\n\n  it('should render active date-sort selectors', async () => {\n    el.selectedSort = 'datereviewed' as SortField;\n    await el.updateComplete;\n\n    const defaultSortSelector =\n      sortSelectorContainer?.querySelector('a.selected');\n    expect(defaultSortSelector?.textContent).to.contain('Date Reviewed');\n  });\n\n  it('should render default creator-sort selector', async () => {\n    const defaultSortSelector = sortSelectorContainer?.children\n      .item(5)\n      ?.querySelector('a');\n    expect(defaultSortSelector?.textContent).to.contain('Creator');\n  });\n\n  it('click event on view-sort selector', async () => {\n    const defaultSortSelector = sortSelectorContainer?.children\n      .item(2)\n      ?.querySelector('a');\n\n    await defaultSortSelector?.click();\n    expect(el.selectedSort).to.equal('weeklyview');\n  });\n\n  it('click event on title selector', async () => {\n    const defaultSortSelector = sortSelectorContainer?.children\n      .item(3)\n      ?.querySelector('a');\n\n    await defaultSortSelector?.click();\n    expect(el.selectedSort).to.equal('title');\n  });\n\n  it('click event on date-sort selector', async () => {\n    const defaultSortSelector = sortSelectorContainer?.children\n      .item(4)\n      ?.querySelector('a');\n\n    await defaultSortSelector?.click();\n    expect(el.selectedSort).to.equal('date');\n  });\n\n  it('click event on creator selector', async () => {\n    const defaultSortSelector = sortSelectorContainer?.children\n      .item(5)\n      ?.querySelector('a');\n\n    await defaultSortSelector?.click();\n    expect(el.selectedSort).to.equal('creator');\n  });\n});\n\ndescribe('Display mode/style buttons', () => {\n  it('should render all display mode buttons', async () => {\n    const el = await fixture<SortFilterBar>(html`\n      <sort-filter-bar> </sort-filter-bar>\n    `);\n\n    const displayModeButtonList = el.shadowRoot\n      ?.querySelector('#display-style-selector')\n      ?.querySelector('ul');\n\n    const gridButton = displayModeButtonList?.children\n      .item(0)\n      ?.querySelector('#grid-button');\n    expect(gridButton).to.exist;\n\n    const detailListButton = displayModeButtonList?.children\n      .item(1)\n      ?.querySelector('#list-detail-button');\n    expect(detailListButton).to.exist;\n\n    const compactListButton = displayModeButtonList?.children\n      .item(2)\n      ?.querySelector('#list-compact-button');\n    expect(compactListButton).to.exist;\n  });\n\n  it('should active current display mode', async () => {\n    const el = await fixture<SortFilterBar>(html`\n      <sort-filter-bar> </sort-filter-bar>\n    `);\n\n    el.displayMode = 'grid';\n    await el.updateComplete;\n\n    const displayModeTitle = el.shadowRoot\n      ?.querySelector('#display-style-selector')\n      ?.querySelector('button.active')\n      ?.getAttribute('title');\n    expect(displayModeTitle).to.equal('Tile view');\n  });\n});\n"]}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"text-overlay.test.js","sourceRoot":"","sources":["../../test/text-overlay.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 { TextOverlay } from '../src/tiles/overlay/text-overlay';\n\nimport '../src/tiles/overlay/text-overlay';\n\ndescribe('Text Overlay component', () => {\n  it('should render initial component', async () => {\n    const el = await fixture<TextOverlay>(html`<text-overlay></text-overlay>`);\n\n    const overlay = el.shadowRoot?.querySelector('.overlay');\n    const noPreview = el.shadowRoot?.querySelector('.no-preview');\n\n    expect(overlay).to.exist;\n    expect(noPreview).to.exist;\n  });\n\n  it('should render component if loggedIn required', async () => {\n    const el = await fixture<TextOverlay>(html`\n      <text-overlay .loggedIn=${false} .loginRequired=${true}> </text-overlay>\n    `);\n\n    const overlay = el.shadowRoot?.querySelector('.overlay');\n    const noPreview = el.shadowRoot?.querySelector('.no-preview');\n\n    expect(overlay).to.exist;\n    expect(noPreview).to.exist;\n    expect(noPreview?.textContent).to.equal('Log in\\nto view this item');\n  });\n\n  it('should render component if content warning', async () => {\n    const el = await fixture<TextOverlay>(html`\n      <text-overlay .loggedIn=${false} .loginRequired=${false}> </text-overlay>\n    `);\n\n    const overlay = el.shadowRoot?.querySelector('.overlay');\n    const noPreview = el.shadowRoot?.querySelector('.no-preview');\n\n    expect(overlay).to.exist;\n    expect(noPreview).to.exist;\n    expect(noPreview?.textContent).to.equal('Content may be inappropriate');\n  });\n\n  it('should render component if content warning', async () => {\n    const el = await fixture<TextOverlay>(html`\n      <text-overlay .loggedIn=${true} .loginRequired=${true}> </text-overlay>\n    `);\n\n    const overlay = el.shadowRoot?.querySelector('.overlay');\n    const noPreview = el.shadowRoot?.querySelector('.no-preview');\n\n    expect(overlay).to.exist;\n    expect(noPreview).to.exist;\n    expect(noPreview?.textContent).to.equal('Content may be inappropriate');\n  });\n});\n"]}

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

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

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

@@ -0,0 +1,42 @@
+/* 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'}
+          .itemCount=${1}
+          .favCount=${2}
+          .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);
+    });
+});
+//# sourceMappingURL=tile-stats.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tile-stats.test.js","sourceRoot":"","sources":["../../test/tile-stats.test.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAG3B,OAAO,8BAA8B,CAAC;AAEtC,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;;QAC/C,MAAM,EAAE,GAAG,MAAM,OAAO,CAAY,IAAI,CAAA,2BAA2B,CAAC,CAAC;QAErE,MAAM,SAAS,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,aAAa,CAAC,CAAC;QAC9D,MAAM,QAAQ,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,YAAY,CAAC,CAAC;QAC5D,MAAM,aAAa,GAAG,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,iBAAiB,CAAC;QAElD,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC3B,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC1B,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;;QAClD,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA;;uBAEa,SAAS;uBACT,CAAC;sBACF,CAAC;0BACG,CAAC;;;OAGpB,CACF,CAAC;QAEF,MAAM,QAAQ,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,YAAY,CAAC,CAAC;QAE5D,MAAM,aAAa,GAAG,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACjD,sCAAsC;QACtC,MAAM,aAAa,GAAG,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,CACrC,IAAI,CAAC,CAAC,CAAC,0CACN,aAAa,CAAC,cAAc,CAAC,0CAAE,WAAW,CAAC;QAC/C,qCAAqC;QACrC,MAAM,kBAAkB,GAAG,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,CAC1C,IAAI,CAAC,CAAC,CAAC,0CACN,aAAa,CAAC,cAAc,CAAC,0CAAE,WAAW,CAAC;QAC/C,sCAAsC;QACtC,MAAM,gBAAgB,GAAG,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,CACxC,IAAI,CAAC,CAAC,CAAC,0CACN,aAAa,CAAC,cAAc,CAAC,0CAAE,WAAW,CAAC;QAE/C,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAE/B,qGAAqG;QACrG,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;QAC1C,MAAM,CAAC,kBAAkB,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;QAC/C,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["/* eslint-disable import/no-duplicates */\nimport { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport type { TileStats } from '../src/tiles/grid/tile-stats';\n\nimport '../src/tiles/grid/tile-stats';\n\ndescribe('Tile Stats', () => {\n  it('should render initial component', async () => {\n    const el = await fixture<TileStats>(html`<tile-stats></tile-stats>`);\n\n    const itemStats = el.shadowRoot?.querySelector('.item-stats');\n    const statsRow = el.shadowRoot?.querySelector('#stats-row');\n    const statsRowCount = statsRow?.childElementCount;\n\n    expect(itemStats).to.exist;\n    expect(statsRow).to.exist;\n    expect(statsRowCount).to.equal(4);\n  });\n\n  it('should render component with value', async () => {\n    const el = await fixture<TileStats>(\n      html`\n        <tile-stats\n          .mediatype=${'account'}\n          .itemCount=${1}\n          .favCount=${2}\n          .commentCount=${3}\n        >\n        </tile-stats>\n      `\n    );\n\n    const statsRow = el.shadowRoot?.querySelector('#stats-row');\n\n    const mediatypeStat = statsRow?.children.item(0);\n    // get second column item in stats row\n    const itemStatCount = statsRow?.children\n      .item(1)\n      ?.querySelector('.status-text')?.textContent;\n    // get third column item in stats row\n    const favoritesStatCount = statsRow?.children\n      .item(2)\n      ?.querySelector('.status-text')?.textContent;\n    // get fourth column item in stats row\n    const reviewsStatCount = statsRow?.children\n      .item(3)\n      ?.querySelector('.status-text')?.textContent;\n\n    expect(mediatypeStat).to.exist;\n\n    // Snapshot testing - reference: https://open-wc.org/docs/testing/semantic-dom-diff/#snapshot-testing\n    expect(itemStatCount).to.equalSnapshot(1);\n    expect(favoritesStatCount).to.equalSnapshot(2);\n    expect(reviewsStatCount).to.equalSnapshot(3);\n  });\n});\n"]}

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

@@ -0,0 +1 @@
+import '../../../src/tiles/grid/item-tile';