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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/dist/index.d.ts +1 -0
  2. package/dist/index.js.map +1 -1
  3. package/dist/src/app-root.d.ts +8 -0
  4. package/dist/src/app-root.js +31 -0
  5. package/dist/src/app-root.js.map +1 -1
  6. package/dist/src/collection-browser.d.ts +3 -0
  7. package/dist/src/collection-browser.js +12 -3
  8. package/dist/src/collection-browser.js.map +1 -1
  9. package/dist/src/data-source/collection-browser-data-source.js +3 -2
  10. package/dist/src/data-source/collection-browser-data-source.js.map +1 -1
  11. package/dist/src/models.js +1 -0
  12. package/dist/src/models.js.map +1 -1
  13. package/dist/src/tiles/hover/hover-pane-controller.js +28 -28
  14. package/dist/src/tiles/hover/hover-pane-controller.js.map +1 -1
  15. package/dist/src/tiles/models.d.ts +14 -0
  16. package/dist/src/tiles/models.js.map +1 -1
  17. package/dist/src/tiles/tile-dispatcher.d.ts +12 -1
  18. package/dist/src/tiles/tile-dispatcher.js +330 -216
  19. package/dist/src/tiles/tile-dispatcher.js.map +1 -1
  20. package/dist/src/tiles/tile-display-value-provider.js.map +1 -1
  21. package/dist/test/mocks/mock-search-responses.js.map +1 -1
  22. package/dist/test/tiles/grid/item-tile.test.js +77 -77
  23. package/dist/test/tiles/grid/item-tile.test.js.map +1 -1
  24. package/dist/test/tiles/list/tile-list.test.js +126 -126
  25. package/dist/test/tiles/list/tile-list.test.js.map +1 -1
  26. package/dist/test/tiles/tile-dispatcher.test.js +87 -87
  27. package/dist/test/tiles/tile-dispatcher.test.js.map +1 -1
  28. package/dist/test/tiles/tile-display-value-provider.test.js.map +1 -1
  29. package/index.ts +1 -0
  30. package/package.json +2 -2
  31. package/src/app-root.ts +35 -0
  32. package/src/collection-browser.ts +13 -3
  33. package/src/data-source/collection-browser-data-source.ts +3 -2
  34. package/src/models.ts +1 -0
  35. package/src/tiles/hover/hover-pane-controller.ts +628 -628
  36. package/src/tiles/models.ts +16 -0
  37. package/src/tiles/tile-dispatcher.ts +649 -527
  38. package/src/tiles/tile-display-value-provider.ts +124 -124
  39. package/test/mocks/mock-search-responses.ts +1364 -1364
  40. package/test/tiles/grid/item-tile.test.ts +520 -520
  41. package/test/tiles/list/tile-list.test.ts +552 -552
  42. package/test/tiles/tile-dispatcher.test.ts +300 -300
  43. package/test/tiles/tile-display-value-provider.test.ts +172 -172
package/dist/test/tiles/tile-dispatcher.test.js CHANGED
@@ -5,61 +5,61 @@ import '../../src/tiles/tile-dispatcher';
5
5
  import { TileHoverPane } from '../../src/tiles/hover/tile-hover-pane';
6
6
  describe('Tile Dispatcher', () => {
7
7
  it('should render item-tile for grid mode by default', async () => {
8
- const el = await fixture(html `
9
- <tile-dispatcher
10
- .tileDisplayMode=${'grid'}
11
- .model=${{ mediatype: 'texts' }}
12
- >
13
- </tile-dispatcher>
8
+ const el = await fixture(html `
9
+ <tile-dispatcher
10
+ .tileDisplayMode=${'grid'}
11
+ .model=${{ mediatype: 'texts' }}
12
+ >
13
+ </tile-dispatcher>
14
14
  `);
15
15
  const itemTile = el.shadowRoot?.querySelector('item-tile');
16
16
  expect(itemTile).to.exist;
17
17
  });
18
18
  it('should render collection-tile for grid mode and collection mediatype', async () => {
19
- const el = await fixture(html `
20
- <tile-dispatcher
21
- .tileDisplayMode=${'grid'}
22
- .model=${{ mediatype: 'collection' }}
23
- >
24
- </tile-dispatcher>
19
+ const el = await fixture(html `
20
+ <tile-dispatcher
21
+ .tileDisplayMode=${'grid'}
22
+ .model=${{ mediatype: 'collection' }}
23
+ >
24
+ </tile-dispatcher>
25
25
  `);
26
26
  const collectionTile = el.shadowRoot?.querySelector('collection-tile');
27
27
  expect(collectionTile).to.exist;
28
28
  });
29
29
  it('should render account-tile for grid mode and account mediatype', async () => {
30
- const el = await fixture(html `
31
- <tile-dispatcher
32
- .tileDisplayMode=${'grid'}
33
- .model=${{ mediatype: 'account' }}
34
- >
35
- </tile-dispatcher>
30
+ const el = await fixture(html `
31
+ <tile-dispatcher
32
+ .tileDisplayMode=${'grid'}
33
+ .model=${{ mediatype: 'account' }}
34
+ >
35
+ </tile-dispatcher>
36
36
  `);
37
37
  const accountTile = el.shadowRoot?.querySelector('account-tile');
38
38
  expect(accountTile).to.exist;
39
39
  });
40
40
  it('should render search-tile for grid mode and search mediatype', async () => {
41
- const el = await fixture(html `
42
- <tile-dispatcher
43
- .tileDisplayMode=${'grid'}
44
- .model=${{ mediatype: 'search' }}
45
- >
46
- </tile-dispatcher>
41
+ const el = await fixture(html `
42
+ <tile-dispatcher
43
+ .tileDisplayMode=${'grid'}
44
+ .model=${{ mediatype: 'search' }}
45
+ >
46
+ </tile-dispatcher>
47
47
  `);
48
48
  const searchTile = el.shadowRoot?.querySelector('search-tile');
49
49
  expect(searchTile).to.exist;
50
50
  });
51
51
  it('should render tile-list for extended list mode', async () => {
52
- const el = await fixture(html `
53
- <tile-dispatcher .tileDisplayMode=${'list-detail'} .model=${{}}>
54
- </tile-dispatcher>
52
+ const el = await fixture(html `
53
+ <tile-dispatcher .tileDisplayMode=${'list-detail'} .model=${{}}>
54
+ </tile-dispatcher>
55
55
  `);
56
56
  const listTile = el.shadowRoot?.querySelector('tile-list');
57
57
  expect(listTile).to.exist;
58
58
  });
59
59
  it('should render tile-list-compact for compact list mode', async () => {
60
- const el = await fixture(html `
61
- <tile-dispatcher .tileDisplayMode=${'list-compact'} .model=${{}}>
62
- </tile-dispatcher>
60
+ const el = await fixture(html `
61
+ <tile-dispatcher .tileDisplayMode=${'list-compact'} .model=${{}}>
62
+ </tile-dispatcher>
63
63
  `);
64
64
  const compactListTile = el.shadowRoot?.querySelector('tile-list-compact');
65
65
  expect(compactListTile).to.exist;
@@ -68,13 +68,13 @@ describe('Tile Dispatcher', () => {
68
68
  const oldWindowOpen = window.open;
69
69
  const spy = sinon.spy();
70
70
  window.open = spy;
71
- const el = await fixture(html `
72
- <tile-dispatcher
73
- isManageView
74
- .model=${{ identifier: 'foo', href: '/foo' }}
75
- .baseNavigationUrl=${''}
76
- >
77
- </tile-dispatcher>
71
+ const el = await fixture(html `
72
+ <tile-dispatcher
73
+ isManageView
74
+ .model=${{ identifier: 'foo', href: '/foo' }}
75
+ .baseNavigationUrl=${''}
76
+ >
77
+ </tile-dispatcher>
78
78
  `);
79
79
  const tileLink = el.shadowRoot?.querySelector('a[href]');
80
80
  expect(tileLink).to.exist;
@@ -86,12 +86,12 @@ describe('Tile Dispatcher', () => {
86
86
  window.open = oldWindowOpen;
87
87
  });
88
88
  it('should toggle model checked state when manage check clicked', async () => {
89
- const el = await fixture(html `
90
- <tile-dispatcher
91
- isManageView
92
- .model=${{ identifier: 'foo', href: '/foo' }}
93
- .tileDisplayMode=${'grid'}
94
- ></tile-dispatcher>
89
+ const el = await fixture(html `
90
+ <tile-dispatcher
91
+ isManageView
92
+ .model=${{ identifier: 'foo', href: '/foo' }}
93
+ .tileDisplayMode=${'grid'}
94
+ ></tile-dispatcher>
95
95
  `);
96
96
  const manageCheck = el.shadowRoot?.querySelector('.manage-check > input[type="checkbox"]');
97
97
  manageCheck.click();
@@ -102,14 +102,14 @@ describe('Tile Dispatcher', () => {
102
102
  expect(el.model?.checked).to.be.false;
103
103
  });
104
104
  it('should return hover pane props', async () => {
105
- const el = await fixture(html `
106
- <tile-dispatcher .model=${{ identifier: 'foo' }}> </tile-dispatcher>
105
+ const el = await fixture(html `
106
+ <tile-dispatcher .model=${{ identifier: 'foo' }}> </tile-dispatcher>
107
107
  `);
108
108
  expect(el.getHoverPaneProps()).to.satisfy((props) => props?.model?.identifier === 'foo');
109
109
  });
110
110
  it('should focus the tile link when requested', async () => {
111
- const el = await fixture(html `
112
- <tile-dispatcher .tileDisplayMode=${'grid'}> </tile-dispatcher>
111
+ const el = await fixture(html `
112
+ <tile-dispatcher .tileDisplayMode=${'grid'}> </tile-dispatcher>
113
113
  `);
114
114
  const tileLink = el.shadowRoot?.querySelector('.tile-link');
115
115
  expect(tileLink).to.exist;
@@ -118,8 +118,8 @@ describe('Tile Dispatcher', () => {
118
118
  expect(spyFocus.callCount).to.equal(1);
119
119
  });
120
120
  it('should blur the tile link when requested', async () => {
121
- const el = await fixture(html `
122
- <tile-dispatcher .tileDisplayMode=${'grid'}> </tile-dispatcher>
121
+ const el = await fixture(html `
122
+ <tile-dispatcher .tileDisplayMode=${'grid'}> </tile-dispatcher>
123
123
  `);
124
124
  const tileLink = el.shadowRoot?.querySelector('.tile-link');
125
125
  expect(tileLink).to.exist;
@@ -138,13 +138,13 @@ describe('Tile Dispatcher', () => {
138
138
  window.matchMedia = oldMatchMedia;
139
139
  });
140
140
  it('should toggle hover pane when tile info button is pressed', async () => {
141
- const el = await fixture(html `
142
- <tile-dispatcher
143
- .tileDisplayMode=${'grid'}
144
- .model=${{ mediatype: 'texts' }}
145
- .enableHoverPane=${true}
146
- >
147
- </tile-dispatcher>
141
+ const el = await fixture(html `
142
+ <tile-dispatcher
143
+ .tileDisplayMode=${'grid'}
144
+ .model=${{ mediatype: 'texts' }}
145
+ .enableHoverPane=${true}
146
+ >
147
+ </tile-dispatcher>
148
148
  `);
149
149
  const itemTile = el.shadowRoot?.querySelector('item-tile');
150
150
  expect(itemTile).to.exist;
@@ -160,13 +160,13 @@ describe('Tile Dispatcher', () => {
160
160
  expect(el.getHoverPane()).not.to.exist;
161
161
  });
162
162
  it('should not show info button when hover pane is not enabled', async () => {
163
- const el = await fixture(html `
164
- <tile-dispatcher
165
- .tileDisplayMode=${'grid'}
166
- .model=${{ mediatype: 'texts' }}
167
- .enableHoverPane=${false}
168
- >
169
- </tile-dispatcher>
163
+ const el = await fixture(html `
164
+ <tile-dispatcher
165
+ .tileDisplayMode=${'grid'}
166
+ .model=${{ mediatype: 'texts' }}
167
+ .enableHoverPane=${false}
168
+ >
169
+ </tile-dispatcher>
170
170
  `);
171
171
  const itemTile = el.shadowRoot?.querySelector('item-tile');
172
172
  expect(itemTile).to.exist;
@@ -176,54 +176,54 @@ describe('Tile Dispatcher', () => {
176
176
  });
177
177
  describe('Accessibility', () => {
178
178
  it('should have proper aria-label on tile link', async () => {
179
- const el = await fixture(html `
180
- <tile-dispatcher
181
- .tileDisplayMode=${'grid'}
179
+ const el = await fixture(html `
180
+ <tile-dispatcher
181
+ .tileDisplayMode=${'grid'}
182
182
  .model=${{
183
183
  title: 'Example Title',
184
184
  mediatype: 'texts',
185
- }}
186
- >
187
- </tile-dispatcher>
185
+ }}
186
+ >
187
+ </tile-dispatcher>
188
188
  `);
189
189
  const tileLink = el.shadowRoot?.querySelector('.tile-link');
190
190
  expect(tileLink).to.exist;
191
191
  expect(tileLink.getAttribute('aria-label')).to.equal('Example Title');
192
192
  });
193
193
  it('should fallback to untitled aria-label on tile link when no title', async () => {
194
- const el = await fixture(html `
195
- <tile-dispatcher
196
- .tileDisplayMode=${'grid'}
194
+ const el = await fixture(html `
195
+ <tile-dispatcher
196
+ .tileDisplayMode=${'grid'}
197
197
  .model=${{
198
198
  mediatype: 'texts',
199
- }}
200
- >
201
- </tile-dispatcher>
199
+ }}
200
+ >
201
+ </tile-dispatcher>
202
202
  `);
203
203
  const tileLink = el.shadowRoot?.querySelector('.tile-link');
204
204
  expect(tileLink).to.exist;
205
205
  expect(tileLink.getAttribute('aria-label')).to.equal('Untitled item');
206
206
  });
207
207
  it('should have no accessibility violations in grid mode', async () => {
208
- const el = await fixture(html `
209
- <tile-dispatcher
210
- .tileDisplayMode=${'grid'}
208
+ const el = await fixture(html `
209
+ <tile-dispatcher
210
+ .tileDisplayMode=${'grid'}
211
211
  .model=${{
212
212
  title: 'Example Title',
213
213
  mediatype: 'texts',
214
- }}
215
- >
216
- </tile-dispatcher>
214
+ }}
215
+ >
216
+ </tile-dispatcher>
217
217
  `);
218
218
  await expect(el).to.be.accessible();
219
219
  });
220
220
  it('should have no accessibility violations in list mode', async () => {
221
- const el = await fixture(html `
222
- <tile-dispatcher
223
- .tileDisplayMode=${'list-detail'}
224
- .model=${{ mediatype: 'texts' }}
225
- >
226
- </tile-dispatcher>
221
+ const el = await fixture(html `
222
+ <tile-dispatcher
223
+ .tileDisplayMode=${'list-detail'}
224
+ .model=${{ mediatype: 'texts' }}
225
+ >
226
+ </tile-dispatcher>
227
227
  `);
228
228
  await expect(el).to.be.accessible();
229
229
  });
package/dist/test/tiles/tile-dispatcher.test.js.map CHANGED
@@ -1 +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"]}
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 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 CHANGED
@@ -1 +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"]}
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';\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 CHANGED
@@ -19,6 +19,7 @@ export { TileList } from './src/tiles/list/tile-list';
19
19
  export { TileListCompact } from './src/tiles/list/tile-list-compact';
20
20
  export { TileDispatcher } from './src/tiles/tile-dispatcher';
21
21
  export { LayoutType } from './src/tiles/models';
22
+ export type { TileAction } from './src/tiles/models';
22
23
  export {
23
24
  SmartQueryHeuristic,
24
25
  KeywordFacetMap,
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "The Internet Archive Collection Browser.",
4
4
  "license": "AGPL-3.0-only",
5
5
  "author": "Internet Archive",
6
- "version": "4.1.2",
6
+ "version": "4.1.3-alpha-webdev8257.0",
7
7
  "main": "dist/index.js",
8
8
  "module": "dist/index.js",
9
9
  "scripts": {
@@ -33,7 +33,7 @@
33
33
  "@internetarchive/iaux-item-metadata": "^1.0.5",
34
34
  "@internetarchive/infinite-scroller": "^1.0.1",
35
35
  "@internetarchive/modal-manager": "^2.0.5",
36
- "@internetarchive/search-service": "^2.7.0",
36
+ "@internetarchive/search-service": "^2.7.1",
37
37
  "@internetarchive/shared-resize-observer": "^0.2.0",
38
38
  "@lit/localize": "^0.12.2",
39
39
  "dompurify": "^3.2.4",
package/src/app-root.ts CHANGED
@@ -376,6 +376,16 @@ export class AppRoot extends LitElement {
376
376
  />
377
377
  <label for="enable-smart-facet-bar">Enable smart facet bar</label>
378
378
  </div>
379
+ <div class="checkbox-control">
380
+ <input
381
+ type="checkbox"
382
+ id="enable-tile-actions"
383
+ @click=${this.tileActionsCheckboxChanged}
384
+ />
385
+ <label for="enable-tile-actions"
386
+ >Enable tile action buttons</label
387
+ >
388
+ </div>
379
389
  </fieldset>
380
390
 
381
391
  <fieldset class="cb-visual-appearance">
@@ -517,6 +527,7 @@ export class AppRoot extends LitElement {
517
527
  @manageModeChanged=${this.manageModeChanged}
518
528
  @itemRemovalRequested=${this.handleItemRemovalRequest}
519
529
  @itemManagerRequested=${this.handleItemManagerRequest}
530
+ @tileActionClicked=${this.handleTileActionClicked}
520
531
  >
521
532
  ${this.toggleSlots
522
533
  ? html`<div slot="sortbar-left-slot">Sort Slot</div>`
@@ -738,6 +749,25 @@ export class AppRoot extends LitElement {
738
749
  this.collectionBrowser.showSmartFacetBar = target.checked;
739
750
  }
740
751
 
752
+ /**
753
+ * Handler for when the dev panel's "Enable tile action buttons" checkbox is changed.
754
+ */
755
+ private tileActionsCheckboxChanged(e: Event) {
756
+ const target = e.target as HTMLInputElement;
757
+ this.collectionBrowser.tileActions = target.checked
758
+ ? [{ id: 'demo-action', label: 'Return' }]
759
+ : [];
760
+ }
761
+
762
+ /**
763
+ * Handler for tile action button clicks (logs to console for QA).
764
+ */
765
+ private handleTileActionClicked(
766
+ e: CustomEvent<{ actionId: string; model: unknown }>,
767
+ ) {
768
+ console.log('Tile action clicked:', e.detail.actionId, e.detail.model);
769
+ }
770
+
741
771
  /**
742
772
  * Handler for when the dev panel's "Show facet top slot" checkbox is changed.
743
773
  */
@@ -983,6 +1013,11 @@ export class AppRoot extends LitElement {
983
1013
  /* Same as production */
984
1014
  max-width: 135rem;
985
1015
  margin: auto;
1016
+
1017
+ /* Danger-style tile action buttons (matching iaux-book-actions) */
1018
+ --tileActionColor: #fff;
1019
+ --tileActionBg: #d9534f;
1020
+ --tileActionHoverBg: rgba(229, 28, 38, 0.9);
986
1021
  }
987
1022
 
988
1023
  #collection-browser-container {
package/src/collection-browser.ts CHANGED
@@ -78,6 +78,7 @@ import { sha1 } from './utils/sha1';
78
78
  import type { PlaceholderType } from './empty-placeholder';
79
79
  import type { ManageBar } from './manage/manage-bar';
80
80
  import type { SmartFacetBar } from './collection-facets/smart-facets/smart-facet-bar';
81
+ import type { TileAction } from './tiles/models';
81
82
 
82
83
  import '@internetarchive/elements/ia-combo-box/ia-combo-box';
83
84
  import './empty-placeholder';
@@ -297,6 +298,9 @@ export class CollectionBrowser
297
298
  */
298
299
  @property({ type: Boolean }) isManageView = false;
299
300
 
301
+ /** Action buttons to display on each tile (grid mode only) */
302
+ @property({ type: Array }) tileActions: TileAction[] = [];
303
+
300
304
  @property({ type: String }) manageViewLabel = 'Select items to remove';
301
305
 
302
306
  /** Whether to replace the default sort options with a slot for customization (default: false) */
@@ -860,8 +864,12 @@ export class CollectionBrowser
860
864
  let sortFieldAvailability = defaultSortAvailability;
861
865
 
862
866
  // We adjust the available sort options for a couple of special cases...
863
- if (this.withinCollection?.startsWith('fav-')) {
864
- // When viewing a fav- collection, we include the Date Favorited option as the default
867
+ if (
868
+ this.withinCollection?.startsWith('fav-') ||
869
+ this.profileElement === 'favorites'
870
+ ) {
871
+ // When viewing a fav- collection or the favorites profile tab,
872
+ // we include the Date Favorited option as the default
865
873
  sortFieldAvailability = favoritesSortAvailability;
866
874
  } else if (!this.withinCollection && this.searchType === SearchType.TV) {
867
875
  // When viewing TV search results, we exclude several of the usual date sort options.
@@ -1717,7 +1725,8 @@ export class CollectionBrowser
1717
1725
  changed.has('displayMode') ||
1718
1726
  changed.has('baseNavigationUrl') ||
1719
1727
  changed.has('baseImageUrl') ||
1720
- changed.has('loggedIn')
1728
+ changed.has('loggedIn') ||
1729
+ changed.has('tileActions')
1721
1730
  ) {
1722
1731
  this.infiniteScroller?.reload();
1723
1732
  }
@@ -2544,6 +2553,7 @@ export class CollectionBrowser
2544
2553
  .loggedIn=${this.loggedIn}
2545
2554
  .suppressBlurring=${this.shouldSuppressTileBlurring}
2546
2555
  .isManageView=${this.isManageView}
2556
+ .tileActions=${this.tileActions}
2547
2557
  ?showTvClips=${isTVSearch || isTVCollection}
2548
2558
  ?enableHoverPane=${true}
2549
2559
  ?useLocalTime=${shouldUseLocalTime}
package/src/data-source/collection-browser-data-source.ts CHANGED
@@ -1127,10 +1127,11 @@ export class CollectionBrowserDataSource
1127
1127
  this.host.defaultSortField
1128
1128
  ) {
1129
1129
  const sortOption = SORT_OPTIONS[this.host.defaultSortField];
1130
- if (sortOption.searchServiceKey) {
1130
+ const { searchServiceKey, handledBySearchService } = sortOption;
1131
+ if (searchServiceKey && handledBySearchService) {
1131
1132
  sortParams = [
1132
1133
  {
1133
- field: sortOption.searchServiceKey,
1134
+ field: searchServiceKey,
1134
1135
  direction: this.host.defaultSortDirection ?? 'desc',
1135
1136
  },
1136
1137
  ];
package/src/models.ts CHANGED
@@ -588,6 +588,7 @@ export const defaultProfileElementSorts: Record<
588
588
  reviews: SortField.datereviewed,
589
589
  collections: SortField.datearchived,
590
590
  web_archives: SortField.datearchived,
591
+ favorites: SortField.datefavorited,
591
592
  };
592
593
 
593
594
  /** A union of the fields that permit prefix filtering (e.g., alphabetical filtering) */