@internetarchive/collection-browser 3.4.1-alpha-webdev7761.2 → 3.4.1-alpha-webdev7761.4

package/dist/test/tiles/tile-mediatype-icon.test.js

@@ -8,58 +8,52 @@ describe('Mediatype Icon', () => {
         model = new TileModel({});
     });
     it('renders component', async () => {
-        var _a;
         model.mediatype = 'texts';
         const el = await fixture(html `
       <tile-mediatype-icon .model=${model}></tile-mediatype-icon>
     `);
-        const iconDiv = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#icon');
+        const iconDiv = el.shadowRoot?.querySelector('#icon');
         expect(iconDiv).to.exist;
     });
     it('renders basic mediatype correctly', async () => {
-        var _a;
         model.mediatype = 'movies';
         const el = await fixture(html `
       <tile-mediatype-icon .model=${model}></tile-mediatype-icon>
     `);
-        const iconDiv = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#icon');
+        const iconDiv = el.shadowRoot?.querySelector('#icon');
         expect(iconDiv.title).to.equal('Movie');
         expect(iconDiv.getAttribute('style')).to.include('#f1644b');
         expect(iconDiv.children[0]).to.be.instanceOf(SVGElement);
     });
     it('renders TV mediatype', async () => {
-        var _a;
         model.mediatype = 'movies';
         model.collections = ['tvnews'];
         const el = await fixture(html `
       <tile-mediatype-icon .model=${model}></tile-mediatype-icon>
     `);
-        const iconDiv = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#icon');
+        const iconDiv = el.shadowRoot?.querySelector('#icon');
         expect(iconDiv.title).to.equal('TV');
     });
     it('renders TV Commercial mediatype for TV items with ad ids', async () => {
-        var _a;
         model.mediatype = 'movies';
         model.collections = ['tvnews'];
         model.adIds = ['foo'];
         const el = await fixture(html `
       <tile-mediatype-icon .model=${model}></tile-mediatype-icon>
     `);
-        const iconDiv = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#icon');
+        const iconDiv = el.shadowRoot?.querySelector('#icon');
         expect(iconDiv.title).to.equal('TV Commercial');
     });
     it('renders TV Commercial mediatype for TV items in tv_ads collection', async () => {
-        var _a;
         model.mediatype = 'movies';
         model.collections = ['tvnews', 'tv_ads'];
         const el = await fixture(html `
       <tile-mediatype-icon .model=${model}></tile-mediatype-icon>
     `);
-        const iconDiv = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#icon');
+        const iconDiv = el.shadowRoot?.querySelector('#icon');
         expect(iconDiv.title).to.equal('TV Commercial');
     });
     it('renders TV Fact Check mediatype for TV search results with fact check URLs', async () => {
-        var _a;
         model.hitType = 'tv_clip';
         model.hitRequestSource = 'search_query';
         model.mediatype = 'movies';
@@ -68,11 +62,10 @@ describe('Mediatype Icon', () => {
         const el = await fixture(html `
       <tile-mediatype-icon .model=${model}></tile-mediatype-icon>
     `);
-        const iconDiv = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#icon');
+        const iconDiv = el.shadowRoot?.querySelector('#icon');
         expect(iconDiv.title).to.equal('TV Fact Check');
     });
     it('renders TV Fact Check mediatype for TV search results in factchecked collection', async () => {
-        var _a;
         model.hitType = 'tv_clip';
         model.hitRequestSource = 'search_query';
         model.mediatype = 'movies';
@@ -80,11 +73,10 @@ describe('Mediatype Icon', () => {
         const el = await fixture(html `
       <tile-mediatype-icon .model=${model}></tile-mediatype-icon>
     `);
-        const iconDiv = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#icon');
+        const iconDiv = el.shadowRoot?.querySelector('#icon');
         expect(iconDiv.title).to.equal('TV Fact Check');
     });
     it('does not use TV Fact Check mediatype for non-search results', async () => {
-        var _a;
         model.hitType = 'tv_clip';
         model.hitRequestSource = 'collection_members';
         model.mediatype = 'movies';
@@ -93,11 +85,10 @@ describe('Mediatype Icon', () => {
         const el = await fixture(html `
       <tile-mediatype-icon .model=${model}></tile-mediatype-icon>
     `);
-        const iconDiv = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#icon');
+        const iconDiv = el.shadowRoot?.querySelector('#icon');
         expect(iconDiv.title).to.equal('TV');
     });
     it('renders TV Quote mediatype for TV search results that are clips', async () => {
-        var _a;
         model.hitType = 'tv_clip';
         model.hitRequestSource = 'search_query';
         model.mediatype = 'movies';
@@ -106,11 +97,10 @@ describe('Mediatype Icon', () => {
         const el = await fixture(html `
       <tile-mediatype-icon .model=${model}></tile-mediatype-icon>
     `);
-        const iconDiv = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#icon');
+        const iconDiv = el.shadowRoot?.querySelector('#icon');
         expect(iconDiv.title).to.equal('TV Quote');
     });
     it('does not use TV Quote mediatype for non-search results', async () => {
-        var _a;
         model.hitType = 'tv_clip';
         model.hitRequestSource = 'collection_members';
         model.mediatype = 'movies';
@@ -119,26 +109,24 @@ describe('Mediatype Icon', () => {
         const el = await fixture(html `
       <tile-mediatype-icon .model=${model}></tile-mediatype-icon>
     `);
-        const iconDiv = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#icon');
+        const iconDiv = el.shadowRoot?.querySelector('#icon');
         expect(iconDiv.title).to.equal('TV');
     });
     it('renders radio mediatype', async () => {
-        var _a;
         model.mediatype = 'audio';
         model.collections = ['radio'];
         const el = await fixture(html `
       <tile-mediatype-icon .model=${model}></tile-mediatype-icon>
     `);
-        const iconDiv = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#icon');
+        const iconDiv = el.shadowRoot?.querySelector('#icon');
         expect(iconDiv.title).to.equal('Radio');
     });
     it('renders no icon if mediatype is unrecognized', async () => {
-        var _a;
         model.mediatype = 'foobar';
         const el = await fixture(html `
       <tile-mediatype-icon .model=${model}></tile-mediatype-icon>
     `);
-        const iconDiv = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#icon');
+        const iconDiv = el.shadowRoot?.querySelector('#icon');
         expect(iconDiv).not.to.exist;
     });
 });

package/dist/test/tiles/tile-mediatype-icon.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile-mediatype-icon.test.js","sourceRoot":"","sources":["../../../test/tiles/tile-mediatype-icon.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport type { TileMediatypeIcon } from '../../src/tiles/tile-mediatype-icon';\n\nimport '../../src/tiles/tile-mediatype-icon';\nimport { TileModel } from '../../src/models';\nimport { MediaType } from '@internetarchive/field-parsers';\n\ndescribe('Mediatype Icon', () => {\n  let model: TileModel;\n  beforeEach(() => {\n    model = new TileModel({});\n  });\n\n  it('renders component', async () => {\n    model.mediatype = 'texts';\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon');\n    expect(iconDiv).to.exist;\n  });\n\n  it('renders basic mediatype correctly', async () => {\n    model.mediatype = 'movies';\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon') as HTMLDivElement;\n    expect(iconDiv.title).to.equal('Movie');\n    expect(iconDiv.getAttribute('style')).to.include('#f1644b');\n    expect(iconDiv.children[0]).to.be.instanceOf(SVGElement);\n  });\n\n  it('renders TV mediatype', async () => {\n    model.mediatype = 'movies';\n    model.collections = ['tvnews'];\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon') as HTMLDivElement;\n    expect(iconDiv.title).to.equal('TV');\n  });\n\n  it('renders TV Commercial mediatype for TV items with ad ids', async () => {\n    model.mediatype = 'movies';\n    model.collections = ['tvnews'];\n    model.adIds = ['foo'];\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon') as HTMLDivElement;\n    expect(iconDiv.title).to.equal('TV Commercial');\n  });\n\n  it('renders TV Commercial mediatype for TV items in tv_ads collection', async () => {\n    model.mediatype = 'movies';\n    model.collections = ['tvnews', 'tv_ads'];\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon') as HTMLDivElement;\n    expect(iconDiv.title).to.equal('TV Commercial');\n  });\n\n  it('renders TV Fact Check mediatype for TV search results with fact check URLs', async () => {\n    model.hitType = 'tv_clip';\n    model.hitRequestSource = 'search_query';\n    model.mediatype = 'movies';\n    model.collections = ['tvnews'];\n    model.factChecks = ['https://example.com'];\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon') as HTMLDivElement;\n    expect(iconDiv.title).to.equal('TV Fact Check');\n  });\n\n  it('renders TV Fact Check mediatype for TV search results in factchecked collection', async () => {\n    model.hitType = 'tv_clip';\n    model.hitRequestSource = 'search_query';\n    model.mediatype = 'movies';\n    model.collections = ['tvnews', 'factchecked'];\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon') as HTMLDivElement;\n    expect(iconDiv.title).to.equal('TV Fact Check');\n  });\n\n  it('does not use TV Fact Check mediatype for non-search results', async () => {\n    model.hitType = 'tv_clip';\n    model.hitRequestSource = 'collection_members';\n    model.mediatype = 'movies';\n    model.collections = ['tvnews'];\n    model.factChecks = ['https://example.com'];\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon') as HTMLDivElement;\n    expect(iconDiv.title).to.equal('TV');\n  });\n\n  it('renders TV Quote mediatype for TV search results that are clips', async () => {\n    model.hitType = 'tv_clip';\n    model.hitRequestSource = 'search_query';\n    model.mediatype = 'movies';\n    model.collections = ['tvnews'];\n    model.isClip = true;\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon') as HTMLDivElement;\n    expect(iconDiv.title).to.equal('TV Quote');\n  });\n\n  it('does not use TV Quote mediatype for non-search results', async () => {\n    model.hitType = 'tv_clip';\n    model.hitRequestSource = 'collection_members';\n    model.mediatype = 'movies';\n    model.collections = ['tvnews'];\n    model.isClip = true;\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon') as HTMLDivElement;\n    expect(iconDiv.title).to.equal('TV');\n  });\n\n  it('renders radio mediatype', async () => {\n    model.mediatype = 'audio';\n    model.collections = ['radio'];\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon') as HTMLDivElement;\n    expect(iconDiv.title).to.equal('Radio');\n  });\n\n  it('renders no icon if mediatype is unrecognized', async () => {\n    model.mediatype = 'foobar' as MediaType;\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon');\n    expect(iconDiv).not.to.exist;\n  });\n});\n"]}
+{"version":3,"file":"tile-mediatype-icon.test.js","sourceRoot":"","sources":["../../../test/tiles/tile-mediatype-icon.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport type { TileMediatypeIcon } from '../../src/tiles/tile-mediatype-icon';\n\nimport '../../src/tiles/tile-mediatype-icon';\nimport { TileModel } from '../../src/models';\nimport { MediaType } from '@internetarchive/field-parsers';\n\ndescribe('Mediatype Icon', () => {\n  let model: TileModel;\n  beforeEach(() => {\n    model = new TileModel({});\n  });\n\n  it('renders component', async () => {\n    model.mediatype = 'texts';\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon');\n    expect(iconDiv).to.exist;\n  });\n\n  it('renders basic mediatype correctly', async () => {\n    model.mediatype = 'movies';\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon') as HTMLDivElement;\n    expect(iconDiv.title).to.equal('Movie');\n    expect(iconDiv.getAttribute('style')).to.include('#f1644b');\n    expect(iconDiv.children[0]).to.be.instanceOf(SVGElement);\n  });\n\n  it('renders TV mediatype', async () => {\n    model.mediatype = 'movies';\n    model.collections = ['tvnews'];\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon') as HTMLDivElement;\n    expect(iconDiv.title).to.equal('TV');\n  });\n\n  it('renders TV Commercial mediatype for TV items with ad ids', async () => {\n    model.mediatype = 'movies';\n    model.collections = ['tvnews'];\n    model.adIds = ['foo'];\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon') as HTMLDivElement;\n    expect(iconDiv.title).to.equal('TV Commercial');\n  });\n\n  it('renders TV Commercial mediatype for TV items in tv_ads collection', async () => {\n    model.mediatype = 'movies';\n    model.collections = ['tvnews', 'tv_ads'];\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon') as HTMLDivElement;\n    expect(iconDiv.title).to.equal('TV Commercial');\n  });\n\n  it('renders TV Fact Check mediatype for TV search results with fact check URLs', async () => {\n    model.hitType = 'tv_clip';\n    model.hitRequestSource = 'search_query';\n    model.mediatype = 'movies';\n    model.collections = ['tvnews'];\n    model.factChecks = ['https://example.com'];\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon') as HTMLDivElement;\n    expect(iconDiv.title).to.equal('TV Fact Check');\n  });\n\n  it('renders TV Fact Check mediatype for TV search results in factchecked collection', async () => {\n    model.hitType = 'tv_clip';\n    model.hitRequestSource = 'search_query';\n    model.mediatype = 'movies';\n    model.collections = ['tvnews', 'factchecked'];\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon') as HTMLDivElement;\n    expect(iconDiv.title).to.equal('TV Fact Check');\n  });\n\n  it('does not use TV Fact Check mediatype for non-search results', async () => {\n    model.hitType = 'tv_clip';\n    model.hitRequestSource = 'collection_members';\n    model.mediatype = 'movies';\n    model.collections = ['tvnews'];\n    model.factChecks = ['https://example.com'];\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon') as HTMLDivElement;\n    expect(iconDiv.title).to.equal('TV');\n  });\n\n  it('renders TV Quote mediatype for TV search results that are clips', async () => {\n    model.hitType = 'tv_clip';\n    model.hitRequestSource = 'search_query';\n    model.mediatype = 'movies';\n    model.collections = ['tvnews'];\n    model.isClip = true;\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon') as HTMLDivElement;\n    expect(iconDiv.title).to.equal('TV Quote');\n  });\n\n  it('does not use TV Quote mediatype for non-search results', async () => {\n    model.hitType = 'tv_clip';\n    model.hitRequestSource = 'collection_members';\n    model.mediatype = 'movies';\n    model.collections = ['tvnews'];\n    model.isClip = true;\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon') as HTMLDivElement;\n    expect(iconDiv.title).to.equal('TV');\n  });\n\n  it('renders radio mediatype', async () => {\n    model.mediatype = 'audio';\n    model.collections = ['radio'];\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon') as HTMLDivElement;\n    expect(iconDiv.title).to.equal('Radio');\n  });\n\n  it('renders no icon if mediatype is unrecognized', async () => {\n    model.mediatype = 'foobar' as MediaType;\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon');\n    expect(iconDiv).not.to.exist;\n  });\n});\n"]}

package/dist/test/utils/format-date.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"format-date.test.js","sourceRoot":"","sources":["../../../test/utils/format-date.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect } from '@open-wc/testing';\r\nimport { formatDate } from '../../src/utils/format-date';\r\n\r\nconst testDate = new Date(2020, 11, 9);\r\n\r\ndescribe('formatDate', () => {\r\n  it('returns blank when undefined date', () => {\r\n    expect(formatDate(undefined)).to.equal('');\r\n  });\r\n\r\n  it('returns short date when no DateFormat', () => {\r\n    expect(formatDate(testDate)).to.equal('Dec 2020');\r\n  });\r\n\r\n  it('returns long date when long DateFormat', () => {\r\n    expect(formatDate(testDate, 'long')).to.equal('Dec 09, 2020');\r\n  });\r\n\r\n  it('returns year-only date when year-only DateFormat', () => {\r\n    expect(formatDate(testDate, 'year-only')).to.equal('2020');\r\n  });\r\n\r\n  it('returns correct year for old \"Jan 1 at midnight\" dates and year-only DateFormat', () => {\r\n    // Many standard timezones have a discontinuity in date parsing at some point during\r\n    // the 19th or 20th century, corresponding to the creation of the timezone.\r\n    // Dates prior to the discontinuity generally have a non-hour-aligned timezone offset\r\n    // which can throw off the calculated year for dates which are close to a year boundary.\r\n    // This is particularly problematic for \"Jan 1 at midnight\" dates, which are what we\r\n    // receive from the search engine for date metadata that only specifies the year.\r\n    // So we must ensure these older dates still output the correct year, not the prior one.\r\n    expect(formatDate(new Date('1234-01-01T00:00:00Z'), 'year-only')).to.equal(\r\n      '1234',\r\n    );\r\n  });\r\n\r\n  it('uses UTC time zone by default or when useLocalTime is explicitly false', () => {\r\n    // Default options\r\n    expect(formatDate(new Date('2025-02-15T00:00:00Z'), 'long')).to.equal(\r\n      'Feb 15, 2025',\r\n    );\r\n    expect(formatDate(new Date('2025-02-15T23:59:59Z'), 'long')).to.equal(\r\n      'Feb 15, 2025',\r\n    );\r\n\r\n    // Explicit `useLocalTime: false` option\r\n    const options = { useLocalTime: false };\r\n    expect(\r\n      formatDate(new Date('2025-02-15T00:00:00Z'), 'long', options),\r\n    ).to.equal('Feb 15, 2025');\r\n    expect(\r\n      formatDate(new Date('2025-02-15T23:59:59Z'), 'long', options),\r\n    ).to.equal('Feb 15, 2025');\r\n  });\r\n\r\n  it('uses local time zone when specified', () => {\r\n    // N.B.:\r\n    // - Positive offset corresponds to UTC-x zones\r\n    // - Negative offset corresponds to UTC+x zones\r\n    const offset = new Date().getTimezoneOffset();\r\n    const options = { useLocalTime: true };\r\n\r\n    // The expected behavior depends on the local time where the tests are run:\r\n    if (offset > 0) {\r\n      // If we're testing under a positive offset, the first second of the UTC day should locally fall on the previous day\r\n      expect(\r\n        formatDate(new Date('2025-02-15T00:00:00Z'), 'long', options),\r\n      ).to.equal('Feb 14, 2025');\r\n    } else if (offset < 0) {\r\n      // If we're testing under a negative offset, the last second of the UTC day should locally fall on the next day\r\n      expect(\r\n        formatDate(new Date('2025-02-15T23:59:59Z'), 'long', options),\r\n      ).to.equal('Feb 16, 2025');\r\n    } else {\r\n      // If we're testing *in* UTC, then both seconds should locally fall on the same day\r\n      expect(\r\n        formatDate(new Date('2025-02-15T00:00:00Z'), 'long', options),\r\n      ).to.equal('Feb 15, 2025');\r\n      expect(\r\n        formatDate(new Date('2025-02-15T23:59:59Z'), 'long', options),\r\n      ).to.equal('Feb 15, 2025');\r\n    }\r\n  });\r\n\r\n  it('returns locale formatted date', () => {\r\n    expect(formatDate(testDate, 'long', { locale: 'de-DE' })).to.equal(\r\n      '09. Dez. 2020',\r\n    );\r\n  });\r\n});\r\n"]}
+{"version":3,"file":"format-date.test.js","sourceRoot":"","sources":["../../../test/utils/format-date.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect } from '@open-wc/testing';\nimport { formatDate } from '../../src/utils/format-date';\n\nconst testDate = new Date(2020, 11, 9);\n\ndescribe('formatDate', () => {\n  it('returns blank when undefined date', () => {\n    expect(formatDate(undefined)).to.equal('');\n  });\n\n  it('returns short date when no DateFormat', () => {\n    expect(formatDate(testDate)).to.equal('Dec 2020');\n  });\n\n  it('returns long date when long DateFormat', () => {\n    expect(formatDate(testDate, 'long')).to.equal('Dec 09, 2020');\n  });\n\n  it('returns year-only date when year-only DateFormat', () => {\n    expect(formatDate(testDate, 'year-only')).to.equal('2020');\n  });\n\n  it('returns correct year for old \"Jan 1 at midnight\" dates and year-only DateFormat', () => {\n    // Many standard timezones have a discontinuity in date parsing at some point during\n    // the 19th or 20th century, corresponding to the creation of the timezone.\n    // Dates prior to the discontinuity generally have a non-hour-aligned timezone offset\n    // which can throw off the calculated year for dates which are close to a year boundary.\n    // This is particularly problematic for \"Jan 1 at midnight\" dates, which are what we\n    // receive from the search engine for date metadata that only specifies the year.\n    // So we must ensure these older dates still output the correct year, not the prior one.\n    expect(formatDate(new Date('1234-01-01T00:00:00Z'), 'year-only')).to.equal(\n      '1234',\n    );\n  });\n\n  it('uses UTC time zone by default or when useLocalTime is explicitly false', () => {\n    // Default options\n    expect(formatDate(new Date('2025-02-15T00:00:00Z'), 'long')).to.equal(\n      'Feb 15, 2025',\n    );\n    expect(formatDate(new Date('2025-02-15T23:59:59Z'), 'long')).to.equal(\n      'Feb 15, 2025',\n    );\n\n    // Explicit `useLocalTime: false` option\n    const options = { useLocalTime: false };\n    expect(\n      formatDate(new Date('2025-02-15T00:00:00Z'), 'long', options),\n    ).to.equal('Feb 15, 2025');\n    expect(\n      formatDate(new Date('2025-02-15T23:59:59Z'), 'long', options),\n    ).to.equal('Feb 15, 2025');\n  });\n\n  it('uses local time zone when specified', () => {\n    // N.B.:\n    // - Positive offset corresponds to UTC-x zones\n    // - Negative offset corresponds to UTC+x zones\n    const offset = new Date().getTimezoneOffset();\n    const options = { useLocalTime: true };\n\n    // The expected behavior depends on the local time where the tests are run:\n    if (offset > 0) {\n      // If we're testing under a positive offset, the first second of the UTC day should locally fall on the previous day\n      expect(\n        formatDate(new Date('2025-02-15T00:00:00Z'), 'long', options),\n      ).to.equal('Feb 14, 2025');\n    } else if (offset < 0) {\n      // If we're testing under a negative offset, the last second of the UTC day should locally fall on the next day\n      expect(\n        formatDate(new Date('2025-02-15T23:59:59Z'), 'long', options),\n      ).to.equal('Feb 16, 2025');\n    } else {\n      // If we're testing *in* UTC, then both seconds should locally fall on the same day\n      expect(\n        formatDate(new Date('2025-02-15T00:00:00Z'), 'long', options),\n      ).to.equal('Feb 15, 2025');\n      expect(\n        formatDate(new Date('2025-02-15T23:59:59Z'), 'long', options),\n      ).to.equal('Feb 15, 2025');\n    }\n  });\n\n  it('returns locale formatted date', () => {\n    expect(formatDate(testDate, 'long', { locale: 'de-DE' })).to.equal(\n      '09. Dez. 2020',\n    );\n  });\n});\n"]}

package/index.html

@@ -19,6 +19,6 @@
 </head>
 <body>
   <app-root></app-root>
-  <script type="module" src="./dist/src/app-root.js"></script>
+  <script type="module" src="./src/app-root"></script>
 </body>
 </html>

package/package.json

@@ -3,11 +3,11 @@
   "description": "The Internet Archive Collection Browser.",
   "license": "AGPL-3.0-only",
   "author": "Internet Archive",
-  "version": "3.4.1-alpha-webdev7761.2",
+  "version": "3.4.1-alpha-webdev7761.4",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "scripts": {
-    "start": "yarn run prepare && tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds\"",
+    "start": "vite",
     "prepare:ghpages": "rimraf ghpages && yarn run prepare && vite build",
     "prepare": "rimraf dist && tsc && husky install",
     "lint": "eslint . && prettier \"**/*.ts\" --check",
@@ -25,6 +25,7 @@
   "dependencies": {
     "@a11y/focus-trap": "^1.0.5",
     "@internetarchive/analytics-manager": "^0.1.4",
+    "@internetarchive/elements": "0.1.1-webdev-8119.1",
     "@internetarchive/feature-feedback": "^1.0.0",
     "@internetarchive/field-parsers": "^1.0.0",
     "@internetarchive/histogram-date-range": "^1.4.1",
@@ -37,7 +38,7 @@
     "@internetarchive/shared-resize-observer": "^0.2.0",
     "@lit/localize": "^0.12.2",
     "dompurify": "^3.2.4",
-    "lit": "^2.8.0",
+    "lit": "^3.3.1",
     "typescript-cookie": "^1.0.6"
   },
   "devDependencies": {
@@ -48,6 +49,7 @@
     "@types/mocha": "^10.0.10",
     "@typescript-eslint/eslint-plugin": "^8.27.0",
     "@typescript-eslint/parser": "^8.27.0",
+    "@vitejs/plugin-basic-ssl": "^2.1.4",
     "@web/dev-server": "^0.4.6",
     "@web/test-runner": "^0.20.0",
     "concurrently": "^9.1.2",