@internetarchive/collection-browser 3.3.1 → 3.3.3

package/dist/test/tiles/tile-dispatcher.test.js

@@ -6,66 +6,66 @@ import { TileHoverPane } from '../../src/tiles/hover/tile-hover-pane';
 describe('Tile Dispatcher', () => {
     it('should render item-tile for grid mode by default', async () => {
         var _a;
-        const el = await fixture(html `
-      <tile-dispatcher
-        .tileDisplayMode=${'grid'}
-        .model=${{ mediatype: 'texts' }}
-      >
-      </tile-dispatcher>
+        const el = await fixture(html `
+      <tile-dispatcher
+        .tileDisplayMode=${'grid'}
+        .model=${{ mediatype: 'texts' }}
+      >
+      </tile-dispatcher>
     `);
         const itemTile = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('item-tile');
         expect(itemTile).to.exist;
     });
     it('should render collection-tile for grid mode and collection mediatype', async () => {
         var _a;
-        const el = await fixture(html `
-      <tile-dispatcher
-        .tileDisplayMode=${'grid'}
-        .model=${{ mediatype: 'collection' }}
-      >
-      </tile-dispatcher>
+        const el = await fixture(html `
+      <tile-dispatcher
+        .tileDisplayMode=${'grid'}
+        .model=${{ mediatype: 'collection' }}
+      >
+      </tile-dispatcher>
     `);
         const collectionTile = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('collection-tile');
         expect(collectionTile).to.exist;
     });
     it('should render account-tile for grid mode and account mediatype', async () => {
         var _a;
-        const el = await fixture(html `
-      <tile-dispatcher
-        .tileDisplayMode=${'grid'}
-        .model=${{ mediatype: 'account' }}
-      >
-      </tile-dispatcher>
+        const el = await fixture(html `
+      <tile-dispatcher
+        .tileDisplayMode=${'grid'}
+        .model=${{ mediatype: 'account' }}
+      >
+      </tile-dispatcher>
     `);
         const accountTile = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('account-tile');
         expect(accountTile).to.exist;
     });
     it('should render search-tile for grid mode and search mediatype', async () => {
         var _a;
-        const el = await fixture(html `
-      <tile-dispatcher
-        .tileDisplayMode=${'grid'}
-        .model=${{ mediatype: 'search' }}
-      >
-      </tile-dispatcher>
+        const el = await fixture(html `
+      <tile-dispatcher
+        .tileDisplayMode=${'grid'}
+        .model=${{ mediatype: 'search' }}
+      >
+      </tile-dispatcher>
     `);
         const searchTile = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('search-tile');
         expect(searchTile).to.exist;
     });
     it('should render tile-list for extended list mode', async () => {
         var _a;
-        const el = await fixture(html `
-      <tile-dispatcher .tileDisplayMode=${'list-detail'} .model=${{}}>
-      </tile-dispatcher>
+        const el = await fixture(html `
+      <tile-dispatcher .tileDisplayMode=${'list-detail'} .model=${{}}>
+      </tile-dispatcher>
     `);
         const listTile = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('tile-list');
         expect(listTile).to.exist;
     });
     it('should render tile-list-compact for compact list mode', async () => {
         var _a;
-        const el = await fixture(html `
-      <tile-dispatcher .tileDisplayMode=${'list-compact'} .model=${{}}>
-      </tile-dispatcher>
+        const el = await fixture(html `
+      <tile-dispatcher .tileDisplayMode=${'list-compact'} .model=${{}}>
+      </tile-dispatcher>
     `);
         const compactListTile = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('tile-list-compact');
         expect(compactListTile).to.exist;
@@ -75,13 +75,13 @@ describe('Tile Dispatcher', () => {
         const oldWindowOpen = window.open;
         const spy = sinon.spy();
         window.open = spy;
-        const el = await fixture(html `
-      <tile-dispatcher
-        isManageView
-        .model=${{ identifier: 'foo', href: '/foo' }}
-        .baseNavigationUrl=${''}
-      >
-      </tile-dispatcher>
+        const el = await fixture(html `
+      <tile-dispatcher
+        isManageView
+        .model=${{ identifier: 'foo', href: '/foo' }}
+        .baseNavigationUrl=${''}
+      >
+      </tile-dispatcher>
     `);
         const tileLink = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('a[href]');
         expect(tileLink).to.exist;
@@ -94,12 +94,12 @@ describe('Tile Dispatcher', () => {
     });
     it('should toggle model checked state when manage check clicked', async () => {
         var _a, _b, _c;
-        const el = await fixture(html `
-      <tile-dispatcher
-        isManageView
-        .model=${{ identifier: 'foo', href: '/foo' }}
-        .tileDisplayMode=${'grid'}
-      ></tile-dispatcher>
+        const el = await fixture(html `
+      <tile-dispatcher
+        isManageView
+        .model=${{ identifier: 'foo', href: '/foo' }}
+        .tileDisplayMode=${'grid'}
+      ></tile-dispatcher>
     `);
         const manageCheck = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.manage-check > input[type="checkbox"]');
         manageCheck.click();
@@ -110,11 +110,33 @@ describe('Tile Dispatcher', () => {
         expect((_c = el.model) === null || _c === void 0 ? void 0 : _c.checked).to.be.false;
     });
     it('should return hover pane props', async () => {
-        const el = await fixture(html `
-      <tile-dispatcher .model=${{ identifier: 'foo' }}> </tile-dispatcher>
+        const el = await fixture(html `
+      <tile-dispatcher .model=${{ identifier: 'foo' }}> </tile-dispatcher>
     `);
         expect(el.getHoverPaneProps()).to.satisfy((props) => { var _a; return ((_a = props === null || props === void 0 ? void 0 : props.model) === null || _a === void 0 ? void 0 : _a.identifier) === 'foo'; });
     });
+    it('should focus the tile link when requested', async () => {
+        var _a;
+        const el = await fixture(html `
+      <tile-dispatcher .tileDisplayMode=${'grid'}> </tile-dispatcher>
+    `);
+        const tileLink = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.tile-link');
+        expect(tileLink).to.exist;
+        const spyFocus = sinon.spy(tileLink, 'focus');
+        el.acquireFocus();
+        expect(spyFocus.callCount).to.equal(1);
+    });
+    it('should blur the tile link when requested', async () => {
+        var _a;
+        const el = await fixture(html `
+      <tile-dispatcher .tileDisplayMode=${'grid'}> </tile-dispatcher>
+    `);
+        const tileLink = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.tile-link');
+        expect(tileLink).to.exist;
+        const spyBlur = sinon.spy(tileLink, 'blur');
+        el.releaseFocus();
+        expect(spyBlur.callCount).to.equal(1);
+    });
     describe('Hover pane info button behavior', () => {
         let oldMatchMedia;
         before(() => {
@@ -127,13 +149,13 @@ describe('Tile Dispatcher', () => {
         });
         it('should toggle hover pane when tile info button is pressed', async () => {
             var _a, _b;
-            const el = await fixture(html `
-        <tile-dispatcher
-          .tileDisplayMode=${'grid'}
-          .model=${{ mediatype: 'texts' }}
-          .enableHoverPane=${true}
-        >
-        </tile-dispatcher>
+            const el = await fixture(html `
+        <tile-dispatcher
+          .tileDisplayMode=${'grid'}
+          .model=${{ mediatype: 'texts' }}
+          .enableHoverPane=${true}
+        >
+        </tile-dispatcher>
       `);
             const itemTile = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('item-tile');
             expect(itemTile).to.exist;
@@ -149,5 +171,61 @@ describe('Tile Dispatcher', () => {
             expect(el.getHoverPane()).not.to.exist;
         });
     });
+    describe('Accessibility', () => {
+        it('should have proper aria-label on tile link', async () => {
+            var _a;
+            const el = await fixture(html `
+        <tile-dispatcher
+          .tileDisplayMode=${'grid'}
+          .model=${{
+                title: 'Example Title',
+                mediatype: 'texts',
+            }}
+        >
+        </tile-dispatcher>
+      `);
+            const tileLink = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.tile-link');
+            expect(tileLink).to.exist;
+            expect(tileLink.getAttribute('aria-label')).to.equal('Example Title');
+        });
+        it('should fallback to untitled aria-label on tile link when no title', async () => {
+            var _a;
+            const el = await fixture(html `
+        <tile-dispatcher
+          .tileDisplayMode=${'grid'}
+          .model=${{
+                mediatype: 'texts',
+            }}
+        >
+        </tile-dispatcher>
+      `);
+            const tileLink = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.tile-link');
+            expect(tileLink).to.exist;
+            expect(tileLink.getAttribute('aria-label')).to.equal('Untitled item');
+        });
+        it('should have no accessibility violations in grid mode', async () => {
+            const el = await fixture(html `
+        <tile-dispatcher
+          .tileDisplayMode=${'grid'}
+          .model=${{
+                title: 'Example Title',
+                mediatype: 'texts',
+            }}
+        >
+        </tile-dispatcher>
+      `);
+            await expect(el).to.be.accessible();
+        });
+        it('should have no accessibility violations in list mode', async () => {
+            const el = await fixture(html `
+        <tile-dispatcher
+          .tileDisplayMode=${'list-detail'}
+          .model=${{ mediatype: 'texts' }}
+        >
+        </tile-dispatcher>
+      `);
+            await expect(el).to.be.accessible();
+        });
+    });
 });
 //# sourceMappingURL=tile-dispatcher.test.js.map

package/dist/test/tiles/tile-dispatcher.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile-dispatcher.test.js","sourceRoot":"","sources":["../../../test/tiles/tile-dispatcher.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { aTimeout, expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport sinon from 'sinon';\nimport type { TileDispatcher } from '../../src/tiles/tile-dispatcher';\n\nimport '../../src/tiles/tile-dispatcher';\nimport type { ItemTile } from '../../src/tiles/grid/item-tile';\nimport { TileHoverPane } from '../../src/tiles/hover/tile-hover-pane';\nimport type { HoverPaneProperties } from '../../src/tiles/hover/hover-pane-controller';\n\ndescribe('Tile Dispatcher', () => {\n  it('should render item-tile for grid mode by default', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher\n        .tileDisplayMode=${'grid'}\n        .model=${{ mediatype: 'texts' }}\n      >\n      </tile-dispatcher>\n    `);\n\n    const itemTile = el.shadowRoot?.querySelector('item-tile');\n    expect(itemTile).to.exist;\n  });\n\n  it('should render collection-tile for grid mode and collection mediatype', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher\n        .tileDisplayMode=${'grid'}\n        .model=${{ mediatype: 'collection' }}\n      >\n      </tile-dispatcher>\n    `);\n\n    const collectionTile = el.shadowRoot?.querySelector('collection-tile');\n    expect(collectionTile).to.exist;\n  });\n\n  it('should render account-tile for grid mode and account mediatype', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher\n        .tileDisplayMode=${'grid'}\n        .model=${{ mediatype: 'account' }}\n      >\n      </tile-dispatcher>\n    `);\n\n    const accountTile = el.shadowRoot?.querySelector('account-tile');\n    expect(accountTile).to.exist;\n  });\n\n  it('should render search-tile for grid mode and search mediatype', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher\n        .tileDisplayMode=${'grid'}\n        .model=${{ mediatype: 'search' }}\n      >\n      </tile-dispatcher>\n    `);\n\n    const searchTile = el.shadowRoot?.querySelector('search-tile');\n    expect(searchTile).to.exist;\n  });\n\n  it('should render tile-list for extended list mode', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher .tileDisplayMode=${'list-detail'} .model=${{}}>\n      </tile-dispatcher>\n    `);\n\n    const listTile = el.shadowRoot?.querySelector('tile-list');\n    expect(listTile).to.exist;\n  });\n\n  it('should render tile-list-compact for compact list mode', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher .tileDisplayMode=${'list-compact'} .model=${{}}>\n      </tile-dispatcher>\n    `);\n\n    const compactListTile = el.shadowRoot?.querySelector('tile-list-compact');\n    expect(compactListTile).to.exist;\n  });\n\n  it('should open item in new tab when right-clicked in manage mode', async () => {\n    const oldWindowOpen = window.open;\n    const spy = sinon.spy();\n    window.open = spy;\n\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher\n        isManageView\n        .model=${{ identifier: 'foo', href: '/foo' }}\n        .baseNavigationUrl=${''}\n      >\n      </tile-dispatcher>\n    `);\n\n    const tileLink = el.shadowRoot?.querySelector(\n      'a[href]',\n    ) as HTMLAnchorElement;\n    expect(tileLink).to.exist;\n\n    tileLink.dispatchEvent(new Event('contextmenu'));\n    await el.updateComplete;\n\n    expect(spy.callCount).to.equal(1);\n    expect(spy.args[0][0]).to.equal('/foo');\n    expect(spy.args[0][1]).to.equal('_blank');\n\n    window.open = oldWindowOpen;\n  });\n\n  it('should toggle model checked state when manage check clicked', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher\n        isManageView\n        .model=${{ identifier: 'foo', href: '/foo' }}\n        .tileDisplayMode=${'grid'}\n      ></tile-dispatcher>\n    `);\n\n    const manageCheck = el.shadowRoot?.querySelector(\n      '.manage-check > input[type=\"checkbox\"]',\n    ) as HTMLButtonElement;\n\n    manageCheck.click();\n    await el.updateComplete;\n    expect(el.model?.checked).to.be.true;\n\n    manageCheck.click();\n    await el.updateComplete;\n    expect(el.model?.checked).to.be.false;\n  });\n\n  it('should return hover pane props', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher .model=${{ identifier: 'foo' }}> </tile-dispatcher>\n    `);\n\n    expect(el.getHoverPaneProps()).to.satisfy(\n      (props: HoverPaneProperties) => props?.model?.identifier === 'foo',\n    );\n  });\n\n  describe('Hover pane info button behavior', () => {\n    let oldMatchMedia: typeof window.matchMedia;\n\n    before(() => {\n      oldMatchMedia = window.matchMedia;\n      // Pretend that there is no hover-capable input device\n      window.matchMedia = () => ({ matches: false }) as MediaQueryList;\n    });\n\n    after(() => {\n      window.matchMedia = oldMatchMedia;\n    });\n\n    it('should toggle hover pane when tile info button is pressed', async () => {\n      const el = await fixture<TileDispatcher>(html`\n        <tile-dispatcher\n          .tileDisplayMode=${'grid'}\n          .model=${{ mediatype: 'texts' }}\n          .enableHoverPane=${true}\n        >\n        </tile-dispatcher>\n      `);\n\n      const itemTile = el.shadowRoot?.querySelector('item-tile') as ItemTile;\n      expect(itemTile).to.exist;\n\n      const infoButton = itemTile.shadowRoot?.querySelector(\n        '.info-button',\n      ) as HTMLButtonElement;\n      expect(infoButton).to.exist;\n\n      infoButton.click();\n      await aTimeout(500);\n      await el.updateComplete;\n      expect(el.getHoverPane()).to.be.instanceOf(TileHoverPane);\n\n      infoButton.click();\n      await aTimeout(500);\n      await el.updateComplete;\n      expect(el.getHoverPane()).not.to.exist;\n    });\n  });\n});\n"]}
+{"version":3,"file":"tile-dispatcher.test.js","sourceRoot":"","sources":["../../../test/tiles/tile-dispatcher.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { aTimeout, expect, fixture } from '@open-wc/testing';\r\nimport { html } from 'lit';\r\nimport sinon from 'sinon';\r\nimport type { TileDispatcher } from '../../src/tiles/tile-dispatcher';\r\n\r\nimport '../../src/tiles/tile-dispatcher';\r\nimport type { ItemTile } from '../../src/tiles/grid/item-tile';\r\nimport { TileHoverPane } from '../../src/tiles/hover/tile-hover-pane';\r\nimport type { HoverPaneProperties } from '../../src/tiles/hover/hover-pane-controller';\r\n\r\ndescribe('Tile Dispatcher', () => {\r\n  it('should render item-tile for grid mode by default', async () => {\r\n    const el = await fixture<TileDispatcher>(html`\r\n      <tile-dispatcher\r\n        .tileDisplayMode=${'grid'}\r\n        .model=${{ mediatype: 'texts' }}\r\n      >\r\n      </tile-dispatcher>\r\n    `);\r\n\r\n    const itemTile = el.shadowRoot?.querySelector('item-tile');\r\n    expect(itemTile).to.exist;\r\n  });\r\n\r\n  it('should render collection-tile for grid mode and collection mediatype', async () => {\r\n    const el = await fixture<TileDispatcher>(html`\r\n      <tile-dispatcher\r\n        .tileDisplayMode=${'grid'}\r\n        .model=${{ mediatype: 'collection' }}\r\n      >\r\n      </tile-dispatcher>\r\n    `);\r\n\r\n    const collectionTile = el.shadowRoot?.querySelector('collection-tile');\r\n    expect(collectionTile).to.exist;\r\n  });\r\n\r\n  it('should render account-tile for grid mode and account mediatype', async () => {\r\n    const el = await fixture<TileDispatcher>(html`\r\n      <tile-dispatcher\r\n        .tileDisplayMode=${'grid'}\r\n        .model=${{ mediatype: 'account' }}\r\n      >\r\n      </tile-dispatcher>\r\n    `);\r\n\r\n    const accountTile = el.shadowRoot?.querySelector('account-tile');\r\n    expect(accountTile).to.exist;\r\n  });\r\n\r\n  it('should render search-tile for grid mode and search mediatype', async () => {\r\n    const el = await fixture<TileDispatcher>(html`\r\n      <tile-dispatcher\r\n        .tileDisplayMode=${'grid'}\r\n        .model=${{ mediatype: 'search' }}\r\n      >\r\n      </tile-dispatcher>\r\n    `);\r\n\r\n    const searchTile = el.shadowRoot?.querySelector('search-tile');\r\n    expect(searchTile).to.exist;\r\n  });\r\n\r\n  it('should render tile-list for extended list mode', async () => {\r\n    const el = await fixture<TileDispatcher>(html`\r\n      <tile-dispatcher .tileDisplayMode=${'list-detail'} .model=${{}}>\r\n      </tile-dispatcher>\r\n    `);\r\n\r\n    const listTile = el.shadowRoot?.querySelector('tile-list');\r\n    expect(listTile).to.exist;\r\n  });\r\n\r\n  it('should render tile-list-compact for compact list mode', async () => {\r\n    const el = await fixture<TileDispatcher>(html`\r\n      <tile-dispatcher .tileDisplayMode=${'list-compact'} .model=${{}}>\r\n      </tile-dispatcher>\r\n    `);\r\n\r\n    const compactListTile = el.shadowRoot?.querySelector('tile-list-compact');\r\n    expect(compactListTile).to.exist;\r\n  });\r\n\r\n  it('should open item in new tab when right-clicked in manage mode', async () => {\r\n    const oldWindowOpen = window.open;\r\n    const spy = sinon.spy();\r\n    window.open = spy;\r\n\r\n    const el = await fixture<TileDispatcher>(html`\r\n      <tile-dispatcher\r\n        isManageView\r\n        .model=${{ identifier: 'foo', href: '/foo' }}\r\n        .baseNavigationUrl=${''}\r\n      >\r\n      </tile-dispatcher>\r\n    `);\r\n\r\n    const tileLink = el.shadowRoot?.querySelector(\r\n      'a[href]',\r\n    ) as HTMLAnchorElement;\r\n    expect(tileLink).to.exist;\r\n\r\n    tileLink.dispatchEvent(new Event('contextmenu'));\r\n    await el.updateComplete;\r\n\r\n    expect(spy.callCount).to.equal(1);\r\n    expect(spy.args[0][0]).to.equal('/foo');\r\n    expect(spy.args[0][1]).to.equal('_blank');\r\n\r\n    window.open = oldWindowOpen;\r\n  });\r\n\r\n  it('should toggle model checked state when manage check clicked', async () => {\r\n    const el = await fixture<TileDispatcher>(html`\r\n      <tile-dispatcher\r\n        isManageView\r\n        .model=${{ identifier: 'foo', href: '/foo' }}\r\n        .tileDisplayMode=${'grid'}\r\n      ></tile-dispatcher>\r\n    `);\r\n\r\n    const manageCheck = el.shadowRoot?.querySelector(\r\n      '.manage-check > input[type=\"checkbox\"]',\r\n    ) as HTMLButtonElement;\r\n\r\n    manageCheck.click();\r\n    await el.updateComplete;\r\n    expect(el.model?.checked).to.be.true;\r\n\r\n    manageCheck.click();\r\n    await el.updateComplete;\r\n    expect(el.model?.checked).to.be.false;\r\n  });\r\n\r\n  it('should return hover pane props', async () => {\r\n    const el = await fixture<TileDispatcher>(html`\r\n      <tile-dispatcher .model=${{ identifier: 'foo' }}> </tile-dispatcher>\r\n    `);\r\n\r\n    expect(el.getHoverPaneProps()).to.satisfy(\r\n      (props: HoverPaneProperties) => props?.model?.identifier === 'foo',\r\n    );\r\n  });\r\n\r\n  it('should focus the tile link when requested', async () => {\r\n    const el = await fixture<TileDispatcher>(html`\r\n      <tile-dispatcher .tileDisplayMode=${'grid'}> </tile-dispatcher>\r\n    `);\r\n\r\n    const tileLink = el.shadowRoot?.querySelector(\r\n      '.tile-link',\r\n    ) as HTMLAnchorElement;\r\n    expect(tileLink).to.exist;\r\n\r\n    const spyFocus = sinon.spy(tileLink, 'focus');\r\n    el.acquireFocus();\r\n    expect(spyFocus.callCount).to.equal(1);\r\n  });\r\n\r\n  it('should blur the tile link when requested', async () => {\r\n    const el = await fixture<TileDispatcher>(html`\r\n      <tile-dispatcher .tileDisplayMode=${'grid'}> </tile-dispatcher>\r\n    `);\r\n\r\n    const tileLink = el.shadowRoot?.querySelector(\r\n      '.tile-link',\r\n    ) as HTMLAnchorElement;\r\n    expect(tileLink).to.exist;\r\n\r\n    const spyBlur = sinon.spy(tileLink, 'blur');\r\n    el.releaseFocus();\r\n    expect(spyBlur.callCount).to.equal(1);\r\n  });\r\n\r\n  describe('Hover pane info button behavior', () => {\r\n    let oldMatchMedia: typeof window.matchMedia;\r\n\r\n    before(() => {\r\n      oldMatchMedia = window.matchMedia;\r\n      // Pretend that there is no hover-capable input device\r\n      window.matchMedia = () => ({ matches: false }) as MediaQueryList;\r\n    });\r\n\r\n    after(() => {\r\n      window.matchMedia = oldMatchMedia;\r\n    });\r\n\r\n    it('should toggle hover pane when tile info button is pressed', async () => {\r\n      const el = await fixture<TileDispatcher>(html`\r\n        <tile-dispatcher\r\n          .tileDisplayMode=${'grid'}\r\n          .model=${{ mediatype: 'texts' }}\r\n          .enableHoverPane=${true}\r\n        >\r\n        </tile-dispatcher>\r\n      `);\r\n\r\n      const itemTile = el.shadowRoot?.querySelector('item-tile') as ItemTile;\r\n      expect(itemTile).to.exist;\r\n\r\n      const infoButton = itemTile.shadowRoot?.querySelector(\r\n        '.info-button',\r\n      ) as HTMLButtonElement;\r\n      expect(infoButton).to.exist;\r\n\r\n      infoButton.click();\r\n      await aTimeout(500);\r\n      await el.updateComplete;\r\n      expect(el.getHoverPane()).to.be.instanceOf(TileHoverPane);\r\n\r\n      infoButton.click();\r\n      await aTimeout(500);\r\n      await el.updateComplete;\r\n      expect(el.getHoverPane()).not.to.exist;\r\n    });\r\n  });\r\n\r\n  describe('Accessibility', () => {\r\n    it('should have proper aria-label on tile link', async () => {\r\n      const el = await fixture<TileDispatcher>(html`\r\n        <tile-dispatcher\r\n          .tileDisplayMode=${'grid'}\r\n          .model=${{\r\n            title: 'Example Title',\r\n            mediatype: 'texts',\r\n          }}\r\n        >\r\n        </tile-dispatcher>\r\n      `);\r\n\r\n      const tileLink = el.shadowRoot?.querySelector(\r\n        '.tile-link',\r\n      ) as HTMLAnchorElement;\r\n      expect(tileLink).to.exist;\r\n      expect(tileLink.getAttribute('aria-label')).to.equal('Example Title');\r\n    });\r\n\r\n    it('should fallback to untitled aria-label on tile link when no title', async () => {\r\n      const el = await fixture<TileDispatcher>(html`\r\n        <tile-dispatcher\r\n          .tileDisplayMode=${'grid'}\r\n          .model=${{\r\n            mediatype: 'texts',\r\n          }}\r\n        >\r\n        </tile-dispatcher>\r\n      `);\r\n\r\n      const tileLink = el.shadowRoot?.querySelector(\r\n        '.tile-link',\r\n      ) as HTMLAnchorElement;\r\n      expect(tileLink).to.exist;\r\n      expect(tileLink.getAttribute('aria-label')).to.equal('Untitled item');\r\n    });\r\n\r\n    it('should have no accessibility violations in grid mode', async () => {\r\n      const el = await fixture<TileDispatcher>(html`\r\n        <tile-dispatcher\r\n          .tileDisplayMode=${'grid'}\r\n          .model=${{\r\n            title: 'Example Title',\r\n            mediatype: 'texts',\r\n          }}\r\n        >\r\n        </tile-dispatcher>\r\n      `);\r\n\r\n      await expect(el).to.be.accessible();\r\n    });\r\n\r\n    it('should have no accessibility violations in list mode', async () => {\r\n      const el = await fixture<TileDispatcher>(html`\r\n        <tile-dispatcher\r\n          .tileDisplayMode=${'list-detail'}\r\n          .model=${{ mediatype: 'texts' }}\r\n        >\r\n        </tile-dispatcher>\r\n      `);\r\n\r\n      await expect(el).to.be.accessible();\r\n    });\r\n  });\r\n});\r\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":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;AAEvC,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC3C,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;QAC/C,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAChD,MAAM,CAAC,UAAU,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE,GAAG,EAAE;QAC1D,MAAM,CAAC,UAAU,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iFAAiF,EAAE,GAAG,EAAE;QACzF,oFAAoF;QACpF,2EAA2E;QAC3E,qFAAqF;QACrF,wFAAwF;QACxF,oFAAoF;QACpF,iFAAiF;QACjF,wFAAwF;QACxF,MAAM,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,sBAAsB,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CACxE,MAAM,CACP,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wEAAwE,EAAE,GAAG,EAAE;QAChF,kBAAkB;QAClB,MAAM,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,sBAAsB,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CACnE,cAAc,CACf,CAAC;QACF,MAAM,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,sBAAsB,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CACnE,cAAc,CACf,CAAC;QAEF,wCAAwC;QACxC,MAAM,OAAO,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC;QACxC,MAAM,CACJ,UAAU,CAAC,IAAI,IAAI,CAAC,sBAAsB,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,CAC9D,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;QAC3B,MAAM,CACJ,UAAU,CAAC,IAAI,IAAI,CAAC,sBAAsB,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,CAC9D,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IAC7B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC7C,QAAQ;QACR,+CAA+C;QAC/C,+CAA+C;QAC/C,MAAM,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC,iBAAiB,EAAE,CAAC;QAC9C,MAAM,OAAO,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC;QAEvC,2EAA2E;QAC3E,IAAI,MAAM,GAAG,CAAC,EAAE,CAAC;YACf,oHAAoH;YACpH,MAAM,CACJ,UAAU,CAAC,IAAI,IAAI,CAAC,sBAAsB,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,CAC9D,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;QAC7B,CAAC;aAAM,IAAI,MAAM,GAAG,CAAC,EAAE,CAAC;YACtB,+GAA+G;YAC/G,MAAM,CACJ,UAAU,CAAC,IAAI,IAAI,CAAC,sBAAsB,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,CAC9D,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;QAC7B,CAAC;aAAM,CAAC;YACN,mFAAmF;YACnF,MAAM,CACJ,UAAU,CAAC,IAAI,IAAI,CAAC,sBAAsB,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,CAC9D,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;YAC3B,MAAM,CACJ,UAAU,CAAC,IAAI,IAAI,CAAC,sBAAsB,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,CAC9D,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;QAC7B,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;QACvC,MAAM,CAAC,UAAU,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAChE,eAAe,CAChB,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","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"]}
+{"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"]}

package/eslint.config.mjs

@@ -1,53 +1,53 @@
-import typescriptEslint from '@typescript-eslint/eslint-plugin';
-import html from 'eslint-plugin-html';
-import tsParser from '@typescript-eslint/parser';
-import path from 'node:path';
-import { fileURLToPath } from 'node:url';
-import js from '@eslint/js';
-import { FlatCompat } from '@eslint/eslintrc';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-const compat = new FlatCompat({
-  baseDirectory: __dirname,
-  recommendedConfig: js.configs.recommended,
-  allConfig: js.configs.all,
-});
-
-export default [
-  ...compat.extends('plugin:@typescript-eslint/recommended'),
-  {
-    plugins: {
-      '@typescript-eslint': typescriptEslint,
-      html,
-    },
-
-    languageOptions: {
-      parser: tsParser,
-    },
-
-    settings: {
-      'import/resolver': {
-        node: {
-          extensions: ['.ts', '.tsx'],
-          moduleDirectory: ['node_modules', 'src', 'demo'],
-        },
-      },
-    },
-
-    rules: {
-      '@typescript-eslint/no-unsafe-function-type': 'warn',
-      '@typescript-eslint/no-unused-vars': 'warn',
-      '@typescript-eslint/no-explicit-any': 'warn',
-    },
-  },
-  {
-    ignores: ['**/*.js', '**/*.mjs', '**/*.d.ts'],
-  },
-  {
-    files: ['**/*.test.ts'],
-    rules: {
-      '@typescript-eslint/no-unused-expressions': 'off',
-    },
-  },
-];
+import typescriptEslint from '@typescript-eslint/eslint-plugin';
+import html from 'eslint-plugin-html';
+import tsParser from '@typescript-eslint/parser';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import js from '@eslint/js';
+import { FlatCompat } from '@eslint/eslintrc';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all,
+});
+
+export default [
+  ...compat.extends('plugin:@typescript-eslint/recommended'),
+  {
+    plugins: {
+      '@typescript-eslint': typescriptEslint,
+      html,
+    },
+
+    languageOptions: {
+      parser: tsParser,
+    },
+
+    settings: {
+      'import/resolver': {
+        node: {
+          extensions: ['.ts', '.tsx'],
+          moduleDirectory: ['node_modules', 'src', 'demo'],
+        },
+      },
+    },
+
+    rules: {
+      '@typescript-eslint/no-unsafe-function-type': 'warn',
+      '@typescript-eslint/no-unused-vars': 'warn',
+      '@typescript-eslint/no-explicit-any': 'warn',
+    },
+  },
+  {
+    ignores: ['**/*.js', '**/*.mjs', '**/*.d.ts'],
+  },
+  {
+    files: ['**/*.test.ts'],
+    rules: {
+      '@typescript-eslint/no-unused-expressions': 'off',
+    },
+  },
+];

package/index.html

@@ -1,24 +1,24 @@
-<!doctype html>
-<html lang="en-GB">
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width,initial-scale=1">
-  <style>
-    html {
-      font-size: 10px; /* This is to match petabox's base font size */
-      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-    }
-
-    body {
-      background: #F5F5F7;
-      color: #2C2C2C;
-      line-height: 1.42857143; /* Same as production */
-    }
-  </style>
-
-</head>
-<body>
-  <app-root></app-root>
-  <script type="module" src="./dist/src/app-root.js"></script>
-</body>
-</html>
+<!doctype html>
+<html lang="en-GB">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <style>
+    html {
+      font-size: 10px; /* This is to match petabox's base font size */
+      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+    }
+
+    body {
+      background: #F5F5F7;
+      color: #2C2C2C;
+      line-height: 1.42857143; /* Same as production */
+    }
+  </style>
+
+</head>
+<body>
+  <app-root></app-root>
+  <script type="module" src="./dist/src/app-root.js"></script>
+</body>
+</html>