@internetarchive/collection-browser 4.1.3-alpha-webdev8108.0 → 4.1.3-alpha-webdev8257.1

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

@@ -5,61 +5,61 @@ import '../../src/tiles/tile-dispatcher';
 import { TileHoverPane } from '../../src/tiles/hover/tile-hover-pane';
 describe('Tile Dispatcher', () => {
     it('should render item-tile for grid mode by default', async () => {
-        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 = el.shadowRoot?.querySelector('item-tile');
         expect(itemTile).to.exist;
     });
     it('should render collection-tile for grid mode and collection mediatype', async () => {
-        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 = el.shadowRoot?.querySelector('collection-tile');
         expect(collectionTile).to.exist;
     });
     it('should render account-tile for grid mode and account mediatype', async () => {
-        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 = el.shadowRoot?.querySelector('account-tile');
         expect(accountTile).to.exist;
     });
     it('should render search-tile for grid mode and search mediatype', async () => {
-        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 = el.shadowRoot?.querySelector('search-tile');
         expect(searchTile).to.exist;
     });
     it('should render tile-list for extended list mode', async () => {
-        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 = el.shadowRoot?.querySelector('tile-list');
         expect(listTile).to.exist;
     });
     it('should render tile-list-compact for compact list mode', async () => {
-        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 = el.shadowRoot?.querySelector('tile-list-compact');
         expect(compactListTile).to.exist;
@@ -68,13 +68,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 = el.shadowRoot?.querySelector('a[href]');
         expect(tileLink).to.exist;
@@ -86,12 +86,12 @@ describe('Tile Dispatcher', () => {
         window.open = oldWindowOpen;
     });
     it('should toggle model checked state when manage check clicked', async () => {
-        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 = el.shadowRoot?.querySelector('.manage-check > input[type="checkbox"]');
         manageCheck.click();
@@ -102,14 +102,14 @@ describe('Tile Dispatcher', () => {
         expect(el.model?.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) => props?.model?.identifier === 'foo');
     });
     it('should focus the tile link when requested', async () => {
-        const el = await fixture(html `
-      <tile-dispatcher .tileDisplayMode=${'grid'}> </tile-dispatcher>
+        const el = await fixture(html `
+      <tile-dispatcher .tileDisplayMode=${'grid'}> </tile-dispatcher>
     `);
         const tileLink = el.shadowRoot?.querySelector('.tile-link');
         expect(tileLink).to.exist;
@@ -118,8 +118,8 @@ describe('Tile Dispatcher', () => {
         expect(spyFocus.callCount).to.equal(1);
     });
     it('should blur the tile link when requested', async () => {
-        const el = await fixture(html `
-      <tile-dispatcher .tileDisplayMode=${'grid'}> </tile-dispatcher>
+        const el = await fixture(html `
+      <tile-dispatcher .tileDisplayMode=${'grid'}> </tile-dispatcher>
     `);
         const tileLink = el.shadowRoot?.querySelector('.tile-link');
         expect(tileLink).to.exist;
@@ -138,13 +138,13 @@ describe('Tile Dispatcher', () => {
             window.matchMedia = oldMatchMedia;
         });
         it('should toggle hover pane when tile info button is pressed', async () => {
-            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 = el.shadowRoot?.querySelector('item-tile');
             expect(itemTile).to.exist;
@@ -160,13 +160,13 @@ describe('Tile Dispatcher', () => {
             expect(el.getHoverPane()).not.to.exist;
         });
         it('should not show info button when hover pane is not enabled', async () => {
-            const el = await fixture(html `
-        <tile-dispatcher
-          .tileDisplayMode=${'grid'}
-          .model=${{ mediatype: 'texts' }}
-          .enableHoverPane=${false}
-        >
-        </tile-dispatcher>
+            const el = await fixture(html `
+        <tile-dispatcher
+          .tileDisplayMode=${'grid'}
+          .model=${{ mediatype: 'texts' }}
+          .enableHoverPane=${false}
+        >
+        </tile-dispatcher>
       `);
             const itemTile = el.shadowRoot?.querySelector('item-tile');
             expect(itemTile).to.exist;
@@ -176,54 +176,54 @@ describe('Tile Dispatcher', () => {
     });
     describe('Accessibility', () => {
         it('should have proper aria-label on tile link', async () => {
-            const el = await fixture(html `
-        <tile-dispatcher
-          .tileDisplayMode=${'grid'}
+            const el = await fixture(html `
+        <tile-dispatcher
+          .tileDisplayMode=${'grid'}
           .model=${{
                 title: 'Example Title',
                 mediatype: 'texts',
-            }}
-        >
-        </tile-dispatcher>
+            }}
+        >
+        </tile-dispatcher>
       `);
             const tileLink = el.shadowRoot?.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 () => {
-            const el = await fixture(html `
-        <tile-dispatcher
-          .tileDisplayMode=${'grid'}
+            const el = await fixture(html `
+        <tile-dispatcher
+          .tileDisplayMode=${'grid'}
           .model=${{
                 mediatype: 'texts',
-            }}
-        >
-        </tile-dispatcher>
+            }}
+        >
+        </tile-dispatcher>
       `);
             const tileLink = el.shadowRoot?.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'}
+            const el = await fixture(html `
+        <tile-dispatcher
+          .tileDisplayMode=${'grid'}
           .model=${{
                 title: 'Example Title',
                 mediatype: 'texts',
-            }}
-        >
-        </tile-dispatcher>
+            }}
+        >
+        </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>
+            const el = await fixture(html `
+        <tile-dispatcher
+          .tileDisplayMode=${'list-detail'}
+          .model=${{ mediatype: 'texts' }}
+        >
+        </tile-dispatcher>
       `);
             await expect(el).to.be.accessible();
         });

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';\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    it('should not show info button when hover pane is not enabled', 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=${false}\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('.info-button');\r\n      expect(infoButton).to.not.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"]}
+{"version":3,"file":"tile-dispatcher.test.js","sourceRoot":"","sources":["../../../test/tiles/tile-dispatcher.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,iCAAiC,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAGtE,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;QAChE,MAAM,EAAE,GAAG,MAAM,OAAO,CAAiB,IAAI,CAAA;;2BAEtB,MAAM;iBAChB,EAAE,SAAS,EAAE,OAAO,EAAE;;;KAGlC,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;QAC3D,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAC5B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sEAAsE,EAAE,KAAK,IAAI,EAAE;QACpF,MAAM,EAAE,GAAG,MAAM,OAAO,CAAiB,IAAI,CAAA;;2BAEtB,MAAM;iBAChB,EAAE,SAAS,EAAE,YAAY,EAAE;;;KAGvC,CAAC,CAAC;QAEH,MAAM,cAAc,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;QACvE,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAClC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gEAAgE,EAAE,KAAK,IAAI,EAAE;QAC9E,MAAM,EAAE,GAAG,MAAM,OAAO,CAAiB,IAAI,CAAA;;2BAEtB,MAAM;iBAChB,EAAE,SAAS,EAAE,SAAS,EAAE;;;KAGpC,CAAC,CAAC;QAEH,MAAM,WAAW,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;QACjE,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8DAA8D,EAAE,KAAK,IAAI,EAAE;QAC5E,MAAM,EAAE,GAAG,MAAM,OAAO,CAAiB,IAAI,CAAA;;2BAEtB,MAAM;iBAChB,EAAE,SAAS,EAAE,QAAQ,EAAE;;;KAGnC,CAAC,CAAC;QAEH,MAAM,UAAU,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;QAC/D,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAC9B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;QAC9D,MAAM,EAAE,GAAG,MAAM,OAAO,CAAiB,IAAI,CAAA;0CACP,aAAa,WAAW,EAAE;;KAE/D,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;QAC3D,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAC5B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uDAAuD,EAAE,KAAK,IAAI,EAAE;QACrE,MAAM,EAAE,GAAG,MAAM,OAAO,CAAiB,IAAI,CAAA;0CACP,cAAc,WAAW,EAAE;;KAEhE,CAAC,CAAC;QAEH,MAAM,eAAe,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;QAC1E,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+DAA+D,EAAE,KAAK,IAAI,EAAE;QAC7E,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC;QAClC,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;QACxB,MAAM,CAAC,IAAI,GAAG,GAAG,CAAC;QAElB,MAAM,EAAE,GAAG,MAAM,OAAO,CAAiB,IAAI,CAAA;;;iBAGhC,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE;6BACvB,EAAE;;;KAG1B,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CAC3C,SAAS,CACW,CAAC;QACvB,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAE1B,QAAQ,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;QACjD,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAClC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACxC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAE1C,MAAM,CAAC,IAAI,GAAG,aAAa,CAAC;IAC9B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6DAA6D,EAAE,KAAK,IAAI,EAAE;QAC3E,MAAM,EAAE,GAAG,MAAM,OAAO,CAAiB,IAAI,CAAA;;;iBAGhC,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE;2BACzB,MAAM;;KAE5B,CAAC,CAAC;QAEH,MAAM,WAAW,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CAC9C,wCAAwC,CACpB,CAAC;QAEvB,WAAW,CAAC,KAAK,EAAE,CAAC;QACpB,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QAErC,WAAW,CAAC,KAAK,EAAE,CAAC;QACpB,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAC9C,MAAM,EAAE,GAAG,MAAM,OAAO,CAAiB,IAAI,CAAA;gCACjB,EAAE,UAAU,EAAE,KAAK,EAAE;KAChD,CAAC,CAAC;QAEH,MAAM,CAAC,EAAE,CAAC,iBAAiB,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CACvC,CAAC,KAA0B,EAAE,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,UAAU,KAAK,KAAK,CACnE,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;QACzD,MAAM,EAAE,GAAG,MAAM,OAAO,CAAiB,IAAI,CAAA;0CACP,MAAM;KAC3C,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CAC3C,YAAY,CACQ,CAAC;QACvB,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAE1B,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAC9C,EAAE,CAAC,YAAY,EAAE,CAAC;QAClB,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;QACxD,MAAM,EAAE,GAAG,MAAM,OAAO,CAAiB,IAAI,CAAA;0CACP,MAAM;KAC3C,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CAC3C,YAAY,CACQ,CAAC;QACvB,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAE1B,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC5C,EAAE,CAAC,YAAY,EAAE,CAAC;QAClB,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,iCAAiC,EAAE,GAAG,EAAE;QAC/C,IAAI,aAAuC,CAAC;QAE5C,MAAM,CAAC,GAAG,EAAE;YACV,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC;YAClC,sDAAsD;YACtD,MAAM,CAAC,UAAU,GAAG,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAmB,CAAC;QACnE,CAAC,CAAC,CAAC;QAEH,KAAK,CAAC,GAAG,EAAE;YACT,MAAM,CAAC,UAAU,GAAG,aAAa,CAAC;QACpC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,2DAA2D,EAAE,KAAK,IAAI,EAAE;YACzE,MAAM,EAAE,GAAG,MAAM,OAAO,CAAiB,IAAI,CAAA;;6BAEtB,MAAM;mBAChB,EAAE,SAAS,EAAE,OAAO,EAAE;6BACZ,IAAI;;;OAG1B,CAAC,CAAC;YAEH,MAAM,QAAQ,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,WAAW,CAAa,CAAC;YACvE,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;YAE1B,MAAM,UAAU,GAAG,QAAQ,CAAC,UAAU,EAAE,aAAa,CACnD,cAAc,CACM,CAAC;YACvB,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;YAE5B,UAAU,CAAC,KAAK,EAAE,CAAC;YACnB,MAAM,QAAQ,CAAC,GAAG,CAAC,CAAC;YACpB,MAAM,EAAE,CAAC,cAAc,CAAC;YACxB,MAAM,CAAC,EAAE,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;YAE1D,UAAU,CAAC,KAAK,EAAE,CAAC;YACnB,MAAM,QAAQ,CAAC,GAAG,CAAC,CAAC;YACpB,MAAM,EAAE,CAAC,cAAc,CAAC;YACxB,MAAM,CAAC,EAAE,CAAC,YAAY,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC;QACzC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4DAA4D,EAAE,KAAK,IAAI,EAAE;YAC1E,MAAM,EAAE,GAAG,MAAM,OAAO,CAAiB,IAAI,CAAA;;6BAEtB,MAAM;mBAChB,EAAE,SAAS,EAAE,OAAO,EAAE;6BACZ,KAAK;;;OAG3B,CAAC,CAAC;YAEH,MAAM,QAAQ,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,WAAW,CAAa,CAAC;YACvE,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;YAE1B,MAAM,UAAU,GAAG,QAAQ,CAAC,UAAU,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;YACtE,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC;QAClC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;QAC7B,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;YAC1D,MAAM,EAAE,GAAG,MAAM,OAAO,CAAiB,IAAI,CAAA;;6BAEtB,MAAM;mBAChB;gBACP,KAAK,EAAE,eAAe;gBACtB,SAAS,EAAE,OAAO;aACnB;;;OAGJ,CAAC,CAAC;YAEH,MAAM,QAAQ,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CAC3C,YAAY,CACQ,CAAC;YACvB,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;YAC1B,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;QACxE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,mEAAmE,EAAE,KAAK,IAAI,EAAE;YACjF,MAAM,EAAE,GAAG,MAAM,OAAO,CAAiB,IAAI,CAAA;;6BAEtB,MAAM;mBAChB;gBACP,SAAS,EAAE,OAAO;aACnB;;;OAGJ,CAAC,CAAC;YAEH,MAAM,QAAQ,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CAC3C,YAAY,CACQ,CAAC;YACvB,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;YAC1B,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;QACxE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,sDAAsD,EAAE,KAAK,IAAI,EAAE;YACpE,MAAM,EAAE,GAAG,MAAM,OAAO,CAAiB,IAAI,CAAA;;6BAEtB,MAAM;mBAChB;gBACP,KAAK,EAAE,eAAe;gBACtB,SAAS,EAAE,OAAO;aACnB;;;OAGJ,CAAC,CAAC;YAEH,MAAM,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC;QACtC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,sDAAsD,EAAE,KAAK,IAAI,EAAE;YACpE,MAAM,EAAE,GAAG,MAAM,OAAO,CAAiB,IAAI,CAAA;;6BAEtB,aAAa;mBACvB,EAAE,SAAS,EAAE,OAAO,EAAE;;;OAGlC,CAAC,CAAC;YAEH,MAAM,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC;QACtC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","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  it('should focus the tile link when requested', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher .tileDisplayMode=${'grid'}> </tile-dispatcher>\n    `);\n\n    const tileLink = el.shadowRoot?.querySelector(\n      '.tile-link',\n    ) as HTMLAnchorElement;\n    expect(tileLink).to.exist;\n\n    const spyFocus = sinon.spy(tileLink, 'focus');\n    el.acquireFocus();\n    expect(spyFocus.callCount).to.equal(1);\n  });\n\n  it('should blur the tile link when requested', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher .tileDisplayMode=${'grid'}> </tile-dispatcher>\n    `);\n\n    const tileLink = el.shadowRoot?.querySelector(\n      '.tile-link',\n    ) as HTMLAnchorElement;\n    expect(tileLink).to.exist;\n\n    const spyBlur = sinon.spy(tileLink, 'blur');\n    el.releaseFocus();\n    expect(spyBlur.callCount).to.equal(1);\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    it('should not show info button when hover pane is not enabled', async () => {\n      const el = await fixture<TileDispatcher>(html`\n        <tile-dispatcher\n          .tileDisplayMode=${'grid'}\n          .model=${{ mediatype: 'texts' }}\n          .enableHoverPane=${false}\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('.info-button');\n      expect(infoButton).to.not.exist;\n    });\n  });\n\n  describe('Accessibility', () => {\n    it('should have proper aria-label on tile link', async () => {\n      const el = await fixture<TileDispatcher>(html`\n        <tile-dispatcher\n          .tileDisplayMode=${'grid'}\n          .model=${{\n            title: 'Example Title',\n            mediatype: 'texts',\n          }}\n        >\n        </tile-dispatcher>\n      `);\n\n      const tileLink = el.shadowRoot?.querySelector(\n        '.tile-link',\n      ) as HTMLAnchorElement;\n      expect(tileLink).to.exist;\n      expect(tileLink.getAttribute('aria-label')).to.equal('Example Title');\n    });\n\n    it('should fallback to untitled aria-label on tile link when no title', async () => {\n      const el = await fixture<TileDispatcher>(html`\n        <tile-dispatcher\n          .tileDisplayMode=${'grid'}\n          .model=${{\n            mediatype: 'texts',\n          }}\n        >\n        </tile-dispatcher>\n      `);\n\n      const tileLink = el.shadowRoot?.querySelector(\n        '.tile-link',\n      ) as HTMLAnchorElement;\n      expect(tileLink).to.exist;\n      expect(tileLink.getAttribute('aria-label')).to.equal('Untitled item');\n    });\n\n    it('should have no accessibility violations in grid mode', async () => {\n      const el = await fixture<TileDispatcher>(html`\n        <tile-dispatcher\n          .tileDisplayMode=${'grid'}\n          .model=${{\n            title: 'Example Title',\n            mediatype: 'texts',\n          }}\n        >\n        </tile-dispatcher>\n      `);\n\n      await expect(el).to.be.accessible();\n    });\n\n    it('should have no accessibility violations in list mode', async () => {\n      const el = await fixture<TileDispatcher>(html`\n        <tile-dispatcher\n          .tileDisplayMode=${'list-detail'}\n          .model=${{ mediatype: 'texts' }}\n        >\n        </tile-dispatcher>\n      `);\n\n      await expect(el).to.be.accessible();\n    });\n  });\n});\n"]}

package/dist/test/tiles/tile-display-value-provider.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile-display-value-provider.test.js","sourceRoot":"","sources":["../../../test/tiles/tile-display-value-provider.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect } from '@open-wc/testing';\r\nimport { nothing } from 'lit';\r\nimport { TileDisplayValueProvider } from '../../src/tiles/tile-display-value-provider';\r\nimport type { TileModel } from '../../src/models';\r\n\r\ndescribe('Tile Display Value Provider', () => {\r\n  describe('basic construction', () => {\r\n    it('constructs w/ no options', () => {\r\n      const provider = new TileDisplayValueProvider();\r\n      expect(provider).to.exist;\r\n    });\r\n\r\n    it('constructs w/ options', () => {\r\n      const provider = new TileDisplayValueProvider({\r\n        model: {} as TileModel,\r\n        baseNavigationUrl: 'foo',\r\n        collectionPagePath: 'bar',\r\n        sortParam: { field: 'baz', direction: 'asc' },\r\n        creatorFilter: 'X',\r\n      });\r\n      expect(provider).to.exist;\r\n    });\r\n  });\r\n\r\n  describe('firstCreatorMatchingFilter', () => {\r\n    it('provides undefined creator when no model set', () => {\r\n      const provider = new TileDisplayValueProvider();\r\n      expect(provider.firstCreatorMatchingFilter).to.be.undefined;\r\n    });\r\n\r\n    it('provides creator from model with no filter', () => {\r\n      const provider = new TileDisplayValueProvider({\r\n        model: { creator: 'foo', creators: ['foo', 'bar', 'baz'] } as TileModel,\r\n      });\r\n\r\n      expect(provider.firstCreatorMatchingFilter).to.equal('foo');\r\n    });\r\n\r\n    it('provides first creator matching filter when present', () => {\r\n      const provider = new TileDisplayValueProvider({\r\n        model: { creator: 'foo', creators: ['foo', 'bar', 'baz'] } as TileModel,\r\n        creatorFilter: 'B',\r\n      });\r\n\r\n      expect(provider.firstCreatorMatchingFilter).to.equal('bar');\r\n    });\r\n\r\n    it('matches letters with diacritics', () => {\r\n      const provider = new TileDisplayValueProvider({\r\n        model: {\r\n          creator: 'foo',\r\n          creators: ['foo', 'émile', 'ernest'],\r\n        } as TileModel,\r\n        creatorFilter: 'E',\r\n      });\r\n\r\n      expect(provider.firstCreatorMatchingFilter).to.equal('émile');\r\n    });\r\n\r\n    it('ignores non-alphabetical characters when matching', () => {\r\n      const provider = new TileDisplayValueProvider({\r\n        model: {\r\n          creator: 'foo',\r\n          creators: ['foo', '\"(bar)\"', 'baz'],\r\n        } as TileModel,\r\n        creatorFilter: 'B',\r\n      });\r\n\r\n      expect(provider.firstCreatorMatchingFilter).to.equal('\"(bar)\"');\r\n    });\r\n  });\r\n\r\n  describe('accountLabel', () => {\r\n    it('provides empty account label when no model', () => {\r\n      const provider = new TileDisplayValueProvider();\r\n      expect(provider.accountLabel).to.equal('');\r\n    });\r\n\r\n    it('provides empty account label when no date added', () => {\r\n      const provider = new TileDisplayValueProvider({ model: {} as TileModel });\r\n      expect(provider.accountLabel).to.equal('');\r\n    });\r\n\r\n    it('provides Archivist label from date added', () => {\r\n      const provider = new TileDisplayValueProvider({\r\n        model: { dateAdded: new Date(2010, 1, 2) } as TileModel,\r\n      });\r\n\r\n      expect(provider.accountLabel).to.equal('Archivist since 2010');\r\n    });\r\n  });\r\n\r\n  describe('dateLabel', () => {\r\n    it('provides empty date label when no sort param', () => {\r\n      const provider = new TileDisplayValueProvider();\r\n      expect(provider.dateLabel).to.equal('');\r\n    });\r\n\r\n    it('provides empty date label when sorting by non-date', () => {\r\n      const provider = new TileDisplayValueProvider({\r\n        sortParam: { field: 'downloads', direction: 'desc' },\r\n      });\r\n      expect(provider.dateLabel).to.equal('');\r\n    });\r\n\r\n    it('provides correct date label for publicdate', () => {\r\n      const provider = new TileDisplayValueProvider({\r\n        sortParam: { field: 'publicdate', direction: 'asc' },\r\n      });\r\n\r\n      expect(provider.dateLabel).to.equal('Archived');\r\n    });\r\n\r\n    it('provides correct date label for reviewdate', () => {\r\n      const provider = new TileDisplayValueProvider({\r\n        sortParam: { field: 'reviewdate', direction: 'asc' },\r\n      });\r\n\r\n      expect(provider.dateLabel).to.equal('Reviewed');\r\n    });\r\n\r\n    it('provides correct date label for addeddate', () => {\r\n      const provider = new TileDisplayValueProvider({\r\n        sortParam: { field: 'addeddate', direction: 'asc' },\r\n      });\r\n\r\n      expect(provider.dateLabel).to.equal('Added');\r\n    });\r\n\r\n    it('provides correct date label for published date', () => {\r\n      const provider = new TileDisplayValueProvider({\r\n        sortParam: { field: 'date', direction: 'asc' },\r\n      });\r\n\r\n      expect(provider.dateLabel).to.equal('Published');\r\n    });\r\n  });\r\n\r\n  describe('itemPageUrl', () => {\r\n    it('provides nothing when no base url set', () => {\r\n      const provider = new TileDisplayValueProvider();\r\n      expect(provider.itemPageUrl('foo')).to.equal(nothing);\r\n    });\r\n\r\n    it('provides nothing when identifier is empty', () => {\r\n      const provider = new TileDisplayValueProvider({\r\n        baseNavigationUrl: 'foo',\r\n      });\r\n      expect(provider.itemPageUrl('')).to.equal(nothing);\r\n    });\r\n\r\n    it('builds correct url from base and identifier', () => {\r\n      const provider = new TileDisplayValueProvider({\r\n        baseNavigationUrl: 'base',\r\n      });\r\n      expect(provider.itemPageUrl('foo')).to.equal('base/details/foo');\r\n    });\r\n\r\n    it('allows base url to be empty', () => {\r\n      const provider = new TileDisplayValueProvider({ baseNavigationUrl: '' });\r\n      expect(provider.itemPageUrl('foo')).to.equal('/details/foo');\r\n    });\r\n\r\n    it('uses provided collection base path for collections', () => {\r\n      const provider = new TileDisplayValueProvider({\r\n        baseNavigationUrl: 'base',\r\n        collectionPagePath: '/collection/',\r\n      });\r\n      expect(provider.itemPageUrl('foo', true)).to.equal('base/collection/foo');\r\n    });\r\n  });\r\n});\r\n"]}
+{"version":3,"file":"tile-display-value-provider.test.js","sourceRoot":"","sources":["../../../test/tiles/tile-display-value-provider.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect } from '@open-wc/testing';\nimport { nothing } from 'lit';\nimport { TileDisplayValueProvider } from '../../src/tiles/tile-display-value-provider';\nimport type { TileModel } from '../../src/models';\n\ndescribe('Tile Display Value Provider', () => {\n  describe('basic construction', () => {\n    it('constructs w/ no options', () => {\n      const provider = new TileDisplayValueProvider();\n      expect(provider).to.exist;\n    });\n\n    it('constructs w/ options', () => {\n      const provider = new TileDisplayValueProvider({\n        model: {} as TileModel,\n        baseNavigationUrl: 'foo',\n        collectionPagePath: 'bar',\n        sortParam: { field: 'baz', direction: 'asc' },\n        creatorFilter: 'X',\n      });\n      expect(provider).to.exist;\n    });\n  });\n\n  describe('firstCreatorMatchingFilter', () => {\n    it('provides undefined creator when no model set', () => {\n      const provider = new TileDisplayValueProvider();\n      expect(provider.firstCreatorMatchingFilter).to.be.undefined;\n    });\n\n    it('provides creator from model with no filter', () => {\n      const provider = new TileDisplayValueProvider({\n        model: { creator: 'foo', creators: ['foo', 'bar', 'baz'] } as TileModel,\n      });\n\n      expect(provider.firstCreatorMatchingFilter).to.equal('foo');\n    });\n\n    it('provides first creator matching filter when present', () => {\n      const provider = new TileDisplayValueProvider({\n        model: { creator: 'foo', creators: ['foo', 'bar', 'baz'] } as TileModel,\n        creatorFilter: 'B',\n      });\n\n      expect(provider.firstCreatorMatchingFilter).to.equal('bar');\n    });\n\n    it('matches letters with diacritics', () => {\n      const provider = new TileDisplayValueProvider({\n        model: {\n          creator: 'foo',\n          creators: ['foo', 'émile', 'ernest'],\n        } as TileModel,\n        creatorFilter: 'E',\n      });\n\n      expect(provider.firstCreatorMatchingFilter).to.equal('émile');\n    });\n\n    it('ignores non-alphabetical characters when matching', () => {\n      const provider = new TileDisplayValueProvider({\n        model: {\n          creator: 'foo',\n          creators: ['foo', '\"(bar)\"', 'baz'],\n        } as TileModel,\n        creatorFilter: 'B',\n      });\n\n      expect(provider.firstCreatorMatchingFilter).to.equal('\"(bar)\"');\n    });\n  });\n\n  describe('accountLabel', () => {\n    it('provides empty account label when no model', () => {\n      const provider = new TileDisplayValueProvider();\n      expect(provider.accountLabel).to.equal('');\n    });\n\n    it('provides empty account label when no date added', () => {\n      const provider = new TileDisplayValueProvider({ model: {} as TileModel });\n      expect(provider.accountLabel).to.equal('');\n    });\n\n    it('provides Archivist label from date added', () => {\n      const provider = new TileDisplayValueProvider({\n        model: { dateAdded: new Date(2010, 1, 2) } as TileModel,\n      });\n\n      expect(provider.accountLabel).to.equal('Archivist since 2010');\n    });\n  });\n\n  describe('dateLabel', () => {\n    it('provides empty date label when no sort param', () => {\n      const provider = new TileDisplayValueProvider();\n      expect(provider.dateLabel).to.equal('');\n    });\n\n    it('provides empty date label when sorting by non-date', () => {\n      const provider = new TileDisplayValueProvider({\n        sortParam: { field: 'downloads', direction: 'desc' },\n      });\n      expect(provider.dateLabel).to.equal('');\n    });\n\n    it('provides correct date label for publicdate', () => {\n      const provider = new TileDisplayValueProvider({\n        sortParam: { field: 'publicdate', direction: 'asc' },\n      });\n\n      expect(provider.dateLabel).to.equal('Archived');\n    });\n\n    it('provides correct date label for reviewdate', () => {\n      const provider = new TileDisplayValueProvider({\n        sortParam: { field: 'reviewdate', direction: 'asc' },\n      });\n\n      expect(provider.dateLabel).to.equal('Reviewed');\n    });\n\n    it('provides correct date label for addeddate', () => {\n      const provider = new TileDisplayValueProvider({\n        sortParam: { field: 'addeddate', direction: 'asc' },\n      });\n\n      expect(provider.dateLabel).to.equal('Added');\n    });\n\n    it('provides correct date label for published date', () => {\n      const provider = new TileDisplayValueProvider({\n        sortParam: { field: 'date', direction: 'asc' },\n      });\n\n      expect(provider.dateLabel).to.equal('Published');\n    });\n  });\n\n  describe('itemPageUrl', () => {\n    it('provides nothing when no base url set', () => {\n      const provider = new TileDisplayValueProvider();\n      expect(provider.itemPageUrl('foo')).to.equal(nothing);\n    });\n\n    it('provides nothing when identifier is empty', () => {\n      const provider = new TileDisplayValueProvider({\n        baseNavigationUrl: 'foo',\n      });\n      expect(provider.itemPageUrl('')).to.equal(nothing);\n    });\n\n    it('builds correct url from base and identifier', () => {\n      const provider = new TileDisplayValueProvider({\n        baseNavigationUrl: 'base',\n      });\n      expect(provider.itemPageUrl('foo')).to.equal('base/details/foo');\n    });\n\n    it('allows base url to be empty', () => {\n      const provider = new TileDisplayValueProvider({ baseNavigationUrl: '' });\n      expect(provider.itemPageUrl('foo')).to.equal('/details/foo');\n    });\n\n    it('uses provided collection base path for collections', () => {\n      const provider = new TileDisplayValueProvider({\n        baseNavigationUrl: 'base',\n        collectionPagePath: '/collection/',\n      });\n      expect(provider.itemPageUrl('foo', true)).to.equal('base/collection/foo');\n    });\n  });\n});\n"]}

package/index.ts

@@ -19,6 +19,7 @@ export { TileList } from './src/tiles/list/tile-list';
 export { TileListCompact } from './src/tiles/list/tile-list-compact';
 export { TileDispatcher } from './src/tiles/tile-dispatcher';
 export { LayoutType } from './src/tiles/models';
+export type { TileAction } from './src/tiles/models';
 export {
   SmartQueryHeuristic,
   KeywordFacetMap,

package/package.json

@@ -3,7 +3,7 @@
   "description": "The Internet Archive Collection Browser.",
   "license": "AGPL-3.0-only",
   "author": "Internet Archive",
-  "version": "4.1.3-alpha-webdev8108.0",
+  "version": "4.1.3-alpha-webdev8257.1",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "scripts": {

package/src/app-root.ts

@@ -376,6 +376,16 @@ export class AppRoot extends LitElement {
               />
               <label for="enable-smart-facet-bar">Enable smart facet bar</label>
             </div>
+            <div class="checkbox-control">
+              <input
+                type="checkbox"
+                id="enable-tile-actions"
+                @click=${this.tileActionsCheckboxChanged}
+              />
+              <label for="enable-tile-actions"
+                >Enable tile action buttons</label
+              >
+            </div>
           </fieldset>
 
           <fieldset class="cb-visual-appearance">
@@ -517,6 +527,7 @@ export class AppRoot extends LitElement {
           @manageModeChanged=${this.manageModeChanged}
           @itemRemovalRequested=${this.handleItemRemovalRequest}
           @itemManagerRequested=${this.handleItemManagerRequest}
+          @tileActionClicked=${this.handleTileActionClicked}
         >
           ${this.toggleSlots
             ? html`<div slot="sortbar-left-slot">Sort Slot</div>`
@@ -738,6 +749,25 @@ export class AppRoot extends LitElement {
     this.collectionBrowser.showSmartFacetBar = target.checked;
   }
 
+  /**
+   * Handler for when the dev panel's "Enable tile action buttons" checkbox is changed.
+   */
+  private tileActionsCheckboxChanged(e: Event) {
+    const target = e.target as HTMLInputElement;
+    this.collectionBrowser.tileActions = target.checked
+      ? [{ id: 'demo-action', label: 'Return' }]
+      : [];
+  }
+
+  /**
+   * Handler for tile action button clicks (logs to console for QA).
+   */
+  private handleTileActionClicked(
+    e: CustomEvent<{ actionId: string; model: unknown }>,
+  ) {
+    console.log('Tile action clicked:', e.detail.actionId, e.detail.model);
+  }
+
   /**
    * Handler for when the dev panel's "Show facet top slot" checkbox is changed.
    */
@@ -983,6 +1013,11 @@ export class AppRoot extends LitElement {
       /* Same as production */
       max-width: 135rem;
       margin: auto;
+
+      /* Danger-style tile action buttons (matching iaux-book-actions) */
+      --tileActionColor: #fff;
+      --tileActionBg: #d9534f;
+      --tileActionHoverBg: rgba(229, 28, 38, 0.9);
     }
 
     #collection-browser-container {

package/src/collection-browser.ts

@@ -78,6 +78,7 @@ import { sha1 } from './utils/sha1';
 import type { PlaceholderType } from './empty-placeholder';
 import type { ManageBar } from './manage/manage-bar';
 import type { SmartFacetBar } from './collection-facets/smart-facets/smart-facet-bar';
+import type { TileAction } from './tiles/models';
 
 import '@internetarchive/elements/ia-combo-box/ia-combo-box';
 import './empty-placeholder';
@@ -297,6 +298,9 @@ export class CollectionBrowser
    */
   @property({ type: Boolean }) isManageView = false;
 
+  /** Action buttons to display on each tile (grid mode only) */
+  @property({ type: Array }) tileActions: TileAction[] = [];
+
   @property({ type: String }) manageViewLabel = 'Select items to remove';
 
   /** Whether to replace the default sort options with a slot for customization (default: false) */
@@ -605,43 +609,6 @@ export class CollectionBrowser
     if (changed.has('searchType') && this.searchType === SearchType.TV) {
       this.applyDefaultTVSearchSort();
     }
-
-    // If we need to clear filters due to a query change or other reset, we do so *before* any
-    // updates happen, to prevent unnecessary update cycles and ensure there's a clean slate
-    // for any search requests that fire.
-    if (
-      changed.has('baseQuery') ||
-      changed.has('identifiers') ||
-      changed.has('searchType') ||
-      changed.has('withinCollection')
-    ) {
-      // Unless this query/search type update is from the initial page load or the
-      // result of hitting the back button,
-      // we need to clear any existing filters since they may no longer be valid for
-      // the new set of search results.
-      if (!this.historyPopOccurred && this.initialQueryChangeHappened) {
-        // Ordinarily, we leave the sort param unchanged between searches.
-        // However, if we are changing the target collection itself, we want the sort cleared too,
-        // since different collections may have different sorting options available.
-        const shouldClearSort =
-          changed.has('withinCollection') &&
-          !changed.has('selectedSort') &&
-          !changed.has('sortDirection');
-
-        // Otherwise, only clear filters that haven't been simultaneously applied in this update
-        this.clearFilters({
-          sort: shouldClearSort,
-          facets: !changed.has('selectedFacets'),
-          dateRange: !(
-            changed.has('minSelectedDate') || changed.has('maxSelectedDate')
-          ),
-          letterFilters: !(
-            changed.has('selectedTitleFilter') ||
-            changed.has('selectedCreatorFilter')
-          ),
-        });
-      }
-    }
   }
 
   render() {
@@ -1758,11 +1725,46 @@ export class CollectionBrowser
       changed.has('displayMode') ||
       changed.has('baseNavigationUrl') ||
       changed.has('baseImageUrl') ||
-      changed.has('loggedIn')
+      changed.has('loggedIn') ||
+      changed.has('tileActions')
     ) {
       this.infiniteScroller?.reload();
     }
 
+    if (
+      changed.has('baseQuery') ||
+      changed.has('identifiers') ||
+      changed.has('searchType') ||
+      changed.has('withinCollection')
+    ) {
+      // Unless this query/search type update is from the initial page load or the
+      // result of hitting the back button,
+      // we need to clear any existing filters since they may no longer be valid for
+      // the new set of search results.
+      if (!this.historyPopOccurred && this.initialQueryChangeHappened) {
+        // Ordinarily, we leave the sort param unchanged between searches.
+        // However, if we are changing the target collection itself, we want the sort cleared too,
+        // since different collections may have different sorting options available.
+        const shouldClearSort =
+          changed.has('withinCollection') &&
+          !changed.has('selectedSort') &&
+          !changed.has('sortDirection');
+
+        // Otherwise, only clear filters that haven't been simultaneously applied in this update
+        this.clearFilters({
+          sort: shouldClearSort,
+          facets: !changed.has('selectedFacets'),
+          dateRange: !(
+            changed.has('minSelectedDate') || changed.has('maxSelectedDate')
+          ),
+          letterFilters: !(
+            changed.has('selectedTitleFilter') ||
+            changed.has('selectedCreatorFilter')
+          ),
+        });
+      }
+    }
+
     if (changed.has('profileElement')) {
       this.applyDefaultProfileSort();
     }
@@ -2551,6 +2553,7 @@ export class CollectionBrowser
         .loggedIn=${this.loggedIn}
         .suppressBlurring=${this.shouldSuppressTileBlurring}
         .isManageView=${this.isManageView}
+        .tileActions=${this.tileActions}
         ?showTvClips=${isTVSearch || isTVCollection}
         ?enableHoverPane=${true}
         ?useLocalTime=${shouldUseLocalTime}