@internetarchive/collection-browser 2.7.0 → 2.7.1-alpha.1

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 (292) hide show
  1. package/.editorconfig +29 -29
  2. package/.husky/pre-commit +4 -4
  3. package/LICENSE +661 -661
  4. package/README.md +83 -83
  5. package/dist/index.d.ts +13 -13
  6. package/dist/index.js +13 -13
  7. package/dist/src/app-root.d.ts +91 -91
  8. package/dist/src/app-root.js +487 -487
  9. package/dist/src/assets/img/icons/arrow-left.d.ts +2 -2
  10. package/dist/src/assets/img/icons/arrow-left.js +2 -2
  11. package/dist/src/assets/img/icons/arrow-right.d.ts +2 -2
  12. package/dist/src/assets/img/icons/arrow-right.js +2 -2
  13. package/dist/src/assets/img/icons/chevron.d.ts +2 -2
  14. package/dist/src/assets/img/icons/chevron.js +2 -2
  15. package/dist/src/assets/img/icons/contract.d.ts +2 -2
  16. package/dist/src/assets/img/icons/contract.js +2 -2
  17. package/dist/src/assets/img/icons/empty-query.d.ts +2 -2
  18. package/dist/src/assets/img/icons/empty-query.js +2 -2
  19. package/dist/src/assets/img/icons/expand.d.ts +2 -2
  20. package/dist/src/assets/img/icons/expand.js +2 -2
  21. package/dist/src/assets/img/icons/eye-closed.d.ts +2 -2
  22. package/dist/src/assets/img/icons/eye-closed.js +2 -2
  23. package/dist/src/assets/img/icons/eye.d.ts +2 -2
  24. package/dist/src/assets/img/icons/eye.js +2 -2
  25. package/dist/src/assets/img/icons/favorite-filled.d.ts +1 -1
  26. package/dist/src/assets/img/icons/favorite-filled.js +2 -2
  27. package/dist/src/assets/img/icons/favorite-unfilled.d.ts +1 -1
  28. package/dist/src/assets/img/icons/favorite-unfilled.js +2 -2
  29. package/dist/src/assets/img/icons/login-required.d.ts +1 -1
  30. package/dist/src/assets/img/icons/login-required.js +2 -2
  31. package/dist/src/assets/img/icons/mediatype/account.d.ts +1 -1
  32. package/dist/src/assets/img/icons/mediatype/account.js +2 -2
  33. package/dist/src/assets/img/icons/mediatype/audio.d.ts +1 -1
  34. package/dist/src/assets/img/icons/mediatype/audio.js +2 -2
  35. package/dist/src/assets/img/icons/mediatype/collection.d.ts +1 -1
  36. package/dist/src/assets/img/icons/mediatype/collection.js +2 -2
  37. package/dist/src/assets/img/icons/mediatype/data.d.ts +1 -1
  38. package/dist/src/assets/img/icons/mediatype/data.js +2 -2
  39. package/dist/src/assets/img/icons/mediatype/etree.d.ts +1 -1
  40. package/dist/src/assets/img/icons/mediatype/etree.js +2 -2
  41. package/dist/src/assets/img/icons/mediatype/film.d.ts +1 -1
  42. package/dist/src/assets/img/icons/mediatype/film.js +2 -2
  43. package/dist/src/assets/img/icons/mediatype/images.d.ts +1 -1
  44. package/dist/src/assets/img/icons/mediatype/images.js +2 -2
  45. package/dist/src/assets/img/icons/mediatype/radio.d.ts +1 -1
  46. package/dist/src/assets/img/icons/mediatype/radio.js +2 -2
  47. package/dist/src/assets/img/icons/mediatype/search.d.ts +1 -1
  48. package/dist/src/assets/img/icons/mediatype/search.js +2 -2
  49. package/dist/src/assets/img/icons/mediatype/software.d.ts +1 -1
  50. package/dist/src/assets/img/icons/mediatype/software.js +2 -2
  51. package/dist/src/assets/img/icons/mediatype/texts.d.ts +1 -1
  52. package/dist/src/assets/img/icons/mediatype/texts.js +2 -2
  53. package/dist/src/assets/img/icons/mediatype/tv.d.ts +1 -1
  54. package/dist/src/assets/img/icons/mediatype/tv.js +2 -2
  55. package/dist/src/assets/img/icons/mediatype/video.d.ts +1 -1
  56. package/dist/src/assets/img/icons/mediatype/video.js +2 -2
  57. package/dist/src/assets/img/icons/mediatype/web.d.ts +1 -1
  58. package/dist/src/assets/img/icons/mediatype/web.js +2 -2
  59. package/dist/src/assets/img/icons/null-result.d.ts +2 -2
  60. package/dist/src/assets/img/icons/null-result.js +2 -2
  61. package/dist/src/assets/img/icons/restricted.d.ts +1 -1
  62. package/dist/src/assets/img/icons/restricted.js +2 -2
  63. package/dist/src/assets/img/icons/reviews.d.ts +1 -1
  64. package/dist/src/assets/img/icons/reviews.js +2 -2
  65. package/dist/src/assets/img/icons/upload.d.ts +1 -1
  66. package/dist/src/assets/img/icons/upload.js +2 -2
  67. package/dist/src/assets/img/icons/views.d.ts +1 -1
  68. package/dist/src/assets/img/icons/views.js +2 -2
  69. package/dist/src/circular-activity-indicator.d.ts +5 -5
  70. package/dist/src/circular-activity-indicator.js +17 -17
  71. package/dist/src/collection-browser.d.ts +569 -567
  72. package/dist/src/collection-browser.js +1634 -1585
  73. package/dist/src/collection-browser.js.map +1 -1
  74. package/dist/src/collection-facets/facet-row.d.ts +30 -30
  75. package/dist/src/collection-facets/facet-row.js +118 -118
  76. package/dist/src/collection-facets/facet-tombstone-row.d.ts +5 -5
  77. package/dist/src/collection-facets/facet-tombstone-row.js +15 -15
  78. package/dist/src/collection-facets/facets-template.d.ts +13 -13
  79. package/dist/src/collection-facets/facets-template.js +44 -44
  80. package/dist/src/collection-facets/more-facets-content.d.ts +106 -106
  81. package/dist/src/collection-facets/more-facets-content.js +407 -407
  82. package/dist/src/collection-facets/more-facets-pagination.d.ts +36 -36
  83. package/dist/src/collection-facets/more-facets-pagination.js +196 -196
  84. package/dist/src/collection-facets/toggle-switch.d.ts +41 -41
  85. package/dist/src/collection-facets/toggle-switch.js +94 -94
  86. package/dist/src/collection-facets.d.ts +103 -103
  87. package/dist/src/collection-facets.js +522 -522
  88. package/dist/src/data-source/collection-browser-data-source-interface.d.ts +241 -241
  89. package/dist/src/data-source/collection-browser-data-source-interface.js +1 -1
  90. package/dist/src/data-source/collection-browser-data-source.d.ts +378 -378
  91. package/dist/src/data-source/collection-browser-data-source.js +984 -984
  92. package/dist/src/data-source/collection-browser-query-state.d.ts +43 -43
  93. package/dist/src/data-source/collection-browser-query-state.js +1 -1
  94. package/dist/src/data-source/models.d.ts +28 -28
  95. package/dist/src/data-source/models.js +8 -8
  96. package/dist/src/empty-placeholder.d.ts +23 -23
  97. package/dist/src/empty-placeholder.js +79 -79
  98. package/dist/src/expanded-date-picker.d.ts +43 -43
  99. package/dist/src/expanded-date-picker.js +109 -109
  100. package/dist/src/language-code-handler/language-code-handler.d.ts +37 -37
  101. package/dist/src/language-code-handler/language-code-handler.js +26 -26
  102. package/dist/src/language-code-handler/language-code-mapping.d.ts +1 -1
  103. package/dist/src/language-code-handler/language-code-mapping.js +562 -562
  104. package/dist/src/manage/manage-bar.d.ts +30 -30
  105. package/dist/src/manage/manage-bar.js +61 -61
  106. package/dist/src/mediatype/mediatype-config.d.ts +3 -3
  107. package/dist/src/mediatype/mediatype-config.js +91 -91
  108. package/dist/src/models.d.ts +219 -219
  109. package/dist/src/models.js +401 -401
  110. package/dist/src/restoration-state-handler.d.ts +70 -70
  111. package/dist/src/restoration-state-handler.js +363 -363
  112. package/dist/src/sort-filter-bar/alpha-bar-tooltip.d.ts +6 -6
  113. package/dist/src/sort-filter-bar/alpha-bar-tooltip.js +24 -24
  114. package/dist/src/sort-filter-bar/alpha-bar.d.ts +21 -21
  115. package/dist/src/sort-filter-bar/alpha-bar.js +128 -128
  116. package/dist/src/sort-filter-bar/img/compact.d.ts +1 -1
  117. package/dist/src/sort-filter-bar/img/compact.js +2 -2
  118. package/dist/src/sort-filter-bar/img/list.d.ts +1 -1
  119. package/dist/src/sort-filter-bar/img/list.js +2 -2
  120. package/dist/src/sort-filter-bar/img/sort-toggle-disabled.d.ts +1 -1
  121. package/dist/src/sort-filter-bar/img/sort-toggle-disabled.js +2 -2
  122. package/dist/src/sort-filter-bar/img/sort-toggle-down.d.ts +1 -1
  123. package/dist/src/sort-filter-bar/img/sort-toggle-down.js +2 -2
  124. package/dist/src/sort-filter-bar/img/sort-toggle-up.d.ts +1 -1
  125. package/dist/src/sort-filter-bar/img/sort-toggle-up.js +2 -2
  126. package/dist/src/sort-filter-bar/img/sort-triangle.d.ts +1 -1
  127. package/dist/src/sort-filter-bar/img/sort-triangle.js +2 -2
  128. package/dist/src/sort-filter-bar/img/tile.d.ts +1 -1
  129. package/dist/src/sort-filter-bar/img/tile.js +2 -2
  130. package/dist/src/sort-filter-bar/sort-filter-bar.d.ts +223 -223
  131. package/dist/src/sort-filter-bar/sort-filter-bar.js +697 -697
  132. package/dist/src/styles/ia-button.d.ts +2 -2
  133. package/dist/src/styles/ia-button.js +16 -16
  134. package/dist/src/styles/item-image-styles.d.ts +8 -8
  135. package/dist/src/styles/item-image-styles.js +9 -9
  136. package/dist/src/styles/sr-only.d.ts +1 -1
  137. package/dist/src/styles/sr-only.js +2 -2
  138. package/dist/src/tiles/base-tile-component.d.ts +19 -19
  139. package/dist/src/tiles/base-tile-component.js +64 -64
  140. package/dist/src/tiles/collection-browser-loading-tile.d.ts +5 -5
  141. package/dist/src/tiles/collection-browser-loading-tile.js +15 -15
  142. package/dist/src/tiles/grid/account-tile.d.ts +18 -18
  143. package/dist/src/tiles/grid/account-tile.js +72 -72
  144. package/dist/src/tiles/grid/collection-tile.d.ts +15 -15
  145. package/dist/src/tiles/grid/collection-tile.js +80 -80
  146. package/dist/src/tiles/grid/item-tile.d.ts +34 -34
  147. package/dist/src/tiles/grid/item-tile.js +158 -158
  148. package/dist/src/tiles/grid/search-tile.d.ts +10 -10
  149. package/dist/src/tiles/grid/search-tile.js +51 -51
  150. package/dist/src/tiles/grid/styles/tile-grid-shared-styles.d.ts +1 -1
  151. package/dist/src/tiles/grid/styles/tile-grid-shared-styles.js +8 -8
  152. package/dist/src/tiles/grid/tile-stats.d.ts +11 -11
  153. package/dist/src/tiles/grid/tile-stats.js +53 -53
  154. package/dist/src/tiles/hover/hover-pane-controller.d.ts +219 -219
  155. package/dist/src/tiles/hover/hover-pane-controller.js +352 -352
  156. package/dist/src/tiles/hover/tile-hover-pane.d.ts +18 -18
  157. package/dist/src/tiles/hover/tile-hover-pane.js +69 -69
  158. package/dist/src/tiles/image-block.d.ts +18 -18
  159. package/dist/src/tiles/image-block.js +89 -89
  160. package/dist/src/tiles/item-image.d.ts +39 -39
  161. package/dist/src/tiles/item-image.js +154 -154
  162. package/dist/src/tiles/list/tile-list-compact-header.d.ts +6 -6
  163. package/dist/src/tiles/list/tile-list-compact-header.js +38 -38
  164. package/dist/src/tiles/list/tile-list-compact.d.ts +19 -19
  165. package/dist/src/tiles/list/tile-list-compact.js +122 -122
  166. package/dist/src/tiles/list/tile-list.d.ts +54 -54
  167. package/dist/src/tiles/list/tile-list.js +323 -323
  168. package/dist/src/tiles/mediatype-icon.d.ts +9 -9
  169. package/dist/src/tiles/mediatype-icon.js +47 -47
  170. package/dist/src/tiles/overlay/icon-overlay.d.ts +8 -8
  171. package/dist/src/tiles/overlay/icon-overlay.js +25 -25
  172. package/dist/src/tiles/overlay/text-overlay.d.ts +9 -9
  173. package/dist/src/tiles/overlay/text-overlay.js +31 -31
  174. package/dist/src/tiles/review-block.d.ts +12 -12
  175. package/dist/src/tiles/review-block.js +56 -56
  176. package/dist/src/tiles/text-snippet-block.d.ts +27 -27
  177. package/dist/src/tiles/text-snippet-block.js +73 -73
  178. package/dist/src/tiles/tile-dispatcher.d.ts +64 -64
  179. package/dist/src/tiles/tile-dispatcher.js +230 -230
  180. package/dist/src/tiles/tile-display-value-provider.d.ts +47 -47
  181. package/dist/src/tiles/tile-display-value-provider.js +94 -94
  182. package/dist/src/utils/analytics-events.d.ts +28 -28
  183. package/dist/src/utils/analytics-events.js +30 -30
  184. package/dist/src/utils/array-equals.d.ts +4 -4
  185. package/dist/src/utils/array-equals.js +10 -10
  186. package/dist/src/utils/collapse-repeated-quotes.d.ts +11 -11
  187. package/dist/src/utils/collapse-repeated-quotes.js +13 -13
  188. package/dist/src/utils/facet-utils.d.ts +83 -83
  189. package/dist/src/utils/facet-utils.js +145 -145
  190. package/dist/src/utils/format-count.d.ts +7 -7
  191. package/dist/src/utils/format-count.js +76 -76
  192. package/dist/src/utils/format-date.d.ts +2 -2
  193. package/dist/src/utils/format-date.js +25 -25
  194. package/dist/src/utils/format-unit-size.d.ts +2 -2
  195. package/dist/src/utils/format-unit-size.js +33 -33
  196. package/dist/src/utils/local-date-from-utc.d.ts +9 -9
  197. package/dist/src/utils/local-date-from-utc.js +15 -15
  198. package/dist/src/utils/log.d.ts +7 -7
  199. package/dist/src/utils/log.js +15 -15
  200. package/dist/src/utils/resolve-mediatype.d.ts +8 -8
  201. package/dist/src/utils/resolve-mediatype.js +23 -23
  202. package/dist/src/utils/sha1.d.ts +2 -2
  203. package/dist/src/utils/sha1.js +8 -8
  204. package/dist/test/collection-browser.test.d.ts +1 -1
  205. package/dist/test/collection-browser.test.js +1294 -1294
  206. package/dist/test/collection-facets/facet-row.test.d.ts +1 -1
  207. package/dist/test/collection-facets/facet-row.test.js +227 -227
  208. package/dist/test/collection-facets/facets-template.test.d.ts +1 -1
  209. package/dist/test/collection-facets/facets-template.test.js +91 -91
  210. package/dist/test/collection-facets/more-facets-content.test.d.ts +1 -1
  211. package/dist/test/collection-facets/more-facets-content.test.js +141 -141
  212. package/dist/test/collection-facets/more-facets-pagination.test.d.ts +1 -1
  213. package/dist/test/collection-facets/more-facets-pagination.test.js +117 -117
  214. package/dist/test/collection-facets/toggle-switch.test.d.ts +1 -1
  215. package/dist/test/collection-facets/toggle-switch.test.js +73 -73
  216. package/dist/test/collection-facets.test.d.ts +2 -2
  217. package/dist/test/collection-facets.test.js +690 -690
  218. package/dist/test/data-source/collection-browser-data-source.test.d.ts +1 -1
  219. package/dist/test/data-source/collection-browser-data-source.test.js +89 -89
  220. package/dist/test/empty-placeholder.test.d.ts +1 -1
  221. package/dist/test/empty-placeholder.test.js +63 -63
  222. package/dist/test/expanded-date-picker.test.d.ts +1 -1
  223. package/dist/test/expanded-date-picker.test.js +95 -95
  224. package/dist/test/icon-overlay.test.d.ts +1 -1
  225. package/dist/test/icon-overlay.test.js +24 -24
  226. package/dist/test/image-block.test.d.ts +1 -1
  227. package/dist/test/image-block.test.js +107 -107
  228. package/dist/test/item-image.test.d.ts +1 -1
  229. package/dist/test/item-image.test.js +85 -85
  230. package/dist/test/manage/manage-bar.test.d.ts +1 -1
  231. package/dist/test/manage/manage-bar.test.js +81 -81
  232. package/dist/test/mediatype-config.test.d.ts +1 -1
  233. package/dist/test/mediatype-config.test.js +16 -16
  234. package/dist/test/mocks/mock-analytics-handler.d.ts +10 -10
  235. package/dist/test/mocks/mock-analytics-handler.js +15 -15
  236. package/dist/test/mocks/mock-search-responses.d.ts +25 -25
  237. package/dist/test/mocks/mock-search-responses.js +942 -942
  238. package/dist/test/mocks/mock-search-service.d.ts +15 -15
  239. package/dist/test/mocks/mock-search-service.js +54 -54
  240. package/dist/test/restoration-state-handler.test.d.ts +1 -1
  241. package/dist/test/restoration-state-handler.test.js +270 -270
  242. package/dist/test/review-block.test.d.ts +1 -1
  243. package/dist/test/review-block.test.js +44 -44
  244. package/dist/test/sort-filter-bar/alpha-bar-tooltip.test.d.ts +1 -1
  245. package/dist/test/sort-filter-bar/alpha-bar-tooltip.test.js +12 -12
  246. package/dist/test/sort-filter-bar/alpha-bar.test.d.ts +1 -1
  247. package/dist/test/sort-filter-bar/alpha-bar.test.js +73 -73
  248. package/dist/test/sort-filter-bar/sort-filter-bar.test.d.ts +1 -1
  249. package/dist/test/sort-filter-bar/sort-filter-bar.test.js +426 -426
  250. package/dist/test/text-overlay.test.d.ts +1 -1
  251. package/dist/test/text-overlay.test.js +38 -38
  252. package/dist/test/text-snippet-block.test.d.ts +1 -1
  253. package/dist/test/text-snippet-block.test.js +57 -57
  254. package/dist/test/tile-stats.test.d.ts +1 -1
  255. package/dist/test/tile-stats.test.js +81 -81
  256. package/dist/test/tiles/grid/account-tile.test.d.ts +1 -1
  257. package/dist/test/tiles/grid/account-tile.test.js +76 -76
  258. package/dist/test/tiles/grid/collection-tile.test.d.ts +1 -1
  259. package/dist/test/tiles/grid/collection-tile.test.js +73 -73
  260. package/dist/test/tiles/grid/item-tile.test.d.ts +1 -1
  261. package/dist/test/tiles/grid/item-tile.test.js +312 -312
  262. package/dist/test/tiles/grid/search-tile.test.d.ts +1 -1
  263. package/dist/test/tiles/grid/search-tile.test.js +51 -51
  264. package/dist/test/tiles/hover/hover-pane-controller.test.d.ts +1 -1
  265. package/dist/test/tiles/hover/hover-pane-controller.test.js +259 -259
  266. package/dist/test/tiles/hover/tile-hover-pane.test.d.ts +1 -1
  267. package/dist/test/tiles/hover/tile-hover-pane.test.js +56 -56
  268. package/dist/test/tiles/list/tile-list-compact.test.d.ts +1 -1
  269. package/dist/test/tiles/list/tile-list-compact.test.js +143 -143
  270. package/dist/test/tiles/list/tile-list.test.d.ts +1 -1
  271. package/dist/test/tiles/list/tile-list.test.js +297 -297
  272. package/dist/test/tiles/tile-dispatcher.test.d.ts +1 -1
  273. package/dist/test/tiles/tile-dispatcher.test.js +100 -100
  274. package/dist/test/tiles/tile-display-value-provider.test.d.ts +1 -1
  275. package/dist/test/tiles/tile-display-value-provider.test.js +141 -141
  276. package/dist/test/utils/array-equals.test.d.ts +1 -1
  277. package/dist/test/utils/array-equals.test.js +26 -26
  278. package/dist/test/utils/format-count.test.d.ts +1 -1
  279. package/dist/test/utils/format-count.test.js +23 -23
  280. package/dist/test/utils/format-date.test.d.ts +1 -1
  281. package/dist/test/utils/format-date.test.js +17 -17
  282. package/dist/test/utils/format-unit-size.test.d.ts +1 -1
  283. package/dist/test/utils/format-unit-size.test.js +17 -17
  284. package/dist/test/utils/local-date-from-utc.test.d.ts +1 -1
  285. package/dist/test/utils/local-date-from-utc.test.js +26 -26
  286. package/local.archive.org.cert +86 -86
  287. package/local.archive.org.key +27 -27
  288. package/package.json +2 -2
  289. package/renovate.json +6 -6
  290. package/src/collection-browser.ts +61 -14
  291. package/web-dev-server.config.mjs +30 -30
  292. package/web-test-runner.config.mjs +41 -41
@@ -1,57 +1,57 @@
1
- import { expect, fixture } from '@open-wc/testing';
2
- import { html } from 'lit';
3
- import '../../../src/tiles/hover/tile-hover-pane';
4
- describe('Tile Hover Pane', () => {
5
- it('should render initial component', async () => {
6
- var _a, _b;
7
- const el = await fixture(html `<tile-hover-pane></tile-hover-pane>`);
8
- const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#container');
9
- const listView = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('tile-list');
10
- expect(container).to.exist;
11
- expect(listView).to.exist;
12
- });
13
- it('should render component with header element', async () => {
14
- var _a, _b;
15
- const model = {
16
- mediatype: 'texts',
17
- collections: ['collection1', 'fav-jack-sparrow'],
18
- };
19
- const el = await fixture(html `<tile-hover-pane .model=${model}></tile-hover-pane>`);
20
- const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#container');
21
- const listView = container === null || container === void 0 ? void 0 : container.querySelector('tile-list');
22
- const headerElement = container === null || container === void 0 ? void 0 : container.querySelector('#list-line-header');
23
- expect(container).to.exist;
24
- expect(listView).to.exist;
25
- expect(headerElement).to.exist;
26
- expect((_b = headerElement === null || headerElement === void 0 ? void 0 : headerElement.querySelector('a')) === null || _b === void 0 ? void 0 : _b.getAttribute('href')).contains('/details/collection1');
27
- });
28
- it('should NOT render header element when fav- collection', async () => {
29
- var _a;
30
- const model = {
31
- mediatype: 'texts',
32
- collections: ['fav-jack-sparrow'],
33
- };
34
- const el = await fixture(html `<tile-hover-pane .model=${model}></tile-hover-pane>`);
35
- const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#container');
36
- const listView = container === null || container === void 0 ? void 0 : container.querySelector('tile-list');
37
- const headerElement = container === null || container === void 0 ? void 0 : container.querySelector('#list-line-header');
38
- expect(container).to.exist;
39
- expect(listView).to.exist;
40
- expect(headerElement).not.exist;
41
- });
42
- it('should NOT render header element when no collections', async () => {
43
- var _a;
44
- const model = {
45
- mediatype: 'texts',
46
- collections: [],
47
- };
48
- const el = await fixture(html `<tile-hover-pane .model=${model}></tile-hover-pane>`);
49
- const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#container');
50
- const listView = container === null || container === void 0 ? void 0 : container.querySelector('tile-list');
51
- const headerElement = container === null || container === void 0 ? void 0 : container.querySelector('#list-line-header');
52
- expect(container).to.exist;
53
- expect(listView).to.exist;
54
- expect(headerElement).not.exist;
55
- });
56
- });
1
+ import { expect, fixture } from '@open-wc/testing';
2
+ import { html } from 'lit';
3
+ import '../../../src/tiles/hover/tile-hover-pane';
4
+ describe('Tile Hover Pane', () => {
5
+ it('should render initial component', async () => {
6
+ var _a, _b;
7
+ const el = await fixture(html `<tile-hover-pane></tile-hover-pane>`);
8
+ const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#container');
9
+ const listView = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('tile-list');
10
+ expect(container).to.exist;
11
+ expect(listView).to.exist;
12
+ });
13
+ it('should render component with header element', async () => {
14
+ var _a, _b;
15
+ const model = {
16
+ mediatype: 'texts',
17
+ collections: ['collection1', 'fav-jack-sparrow'],
18
+ };
19
+ const el = await fixture(html `<tile-hover-pane .model=${model}></tile-hover-pane>`);
20
+ const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#container');
21
+ const listView = container === null || container === void 0 ? void 0 : container.querySelector('tile-list');
22
+ const headerElement = container === null || container === void 0 ? void 0 : container.querySelector('#list-line-header');
23
+ expect(container).to.exist;
24
+ expect(listView).to.exist;
25
+ expect(headerElement).to.exist;
26
+ expect((_b = headerElement === null || headerElement === void 0 ? void 0 : headerElement.querySelector('a')) === null || _b === void 0 ? void 0 : _b.getAttribute('href')).contains('/details/collection1');
27
+ });
28
+ it('should NOT render header element when fav- collection', async () => {
29
+ var _a;
30
+ const model = {
31
+ mediatype: 'texts',
32
+ collections: ['fav-jack-sparrow'],
33
+ };
34
+ const el = await fixture(html `<tile-hover-pane .model=${model}></tile-hover-pane>`);
35
+ const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#container');
36
+ const listView = container === null || container === void 0 ? void 0 : container.querySelector('tile-list');
37
+ const headerElement = container === null || container === void 0 ? void 0 : container.querySelector('#list-line-header');
38
+ expect(container).to.exist;
39
+ expect(listView).to.exist;
40
+ expect(headerElement).not.exist;
41
+ });
42
+ it('should NOT render header element when no collections', async () => {
43
+ var _a;
44
+ const model = {
45
+ mediatype: 'texts',
46
+ collections: [],
47
+ };
48
+ const el = await fixture(html `<tile-hover-pane .model=${model}></tile-hover-pane>`);
49
+ const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#container');
50
+ const listView = container === null || container === void 0 ? void 0 : container.querySelector('tile-list');
51
+ const headerElement = container === null || container === void 0 ? void 0 : container.querySelector('#list-line-header');
52
+ expect(container).to.exist;
53
+ expect(listView).to.exist;
54
+ expect(headerElement).not.exist;
55
+ });
56
+ });
57
57
  //# sourceMappingURL=tile-hover-pane.test.js.map
@@ -1 +1 @@
1
- import '../../../src/tiles/list/tile-list-compact';
1
+ import '../../../src/tiles/list/tile-list-compact';
@@ -1,201 +1,201 @@
1
- /* eslint-disable import/no-duplicates */
2
- import { expect, fixture } from '@open-wc/testing';
3
- import { html } from 'lit';
4
- import '../../../src/tiles/list/tile-list-compact';
5
- describe('List Tile Compact', () => {
6
- it('should render initial component', async () => {
7
- var _a, _b, _c, _d, _e;
8
- const el = await fixture(html `<tile-list-compact></tile-list-compact>`);
9
- const listContainer = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#list-line');
10
- const itemTitle = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#title');
11
- const imageBlock = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('image-block');
12
- const itemIcon = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('#icon');
13
- const itemViews = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('#views');
14
- expect(listContainer).to.exist;
15
- expect(itemTitle).to.exist;
16
- expect(imageBlock).to.exist;
17
- expect(itemIcon).to.exist;
18
- expect(itemViews).to.exist;
19
- });
20
- it('should render with creator element with title', async () => {
21
- var _a;
1
+ /* eslint-disable import/no-duplicates */
2
+ import { expect, fixture } from '@open-wc/testing';
3
+ import { html } from 'lit';
4
+ import '../../../src/tiles/list/tile-list-compact';
5
+ describe('List Tile Compact', () => {
6
+ it('should render initial component', async () => {
7
+ var _a, _b, _c, _d, _e;
8
+ const el = await fixture(html `<tile-list-compact></tile-list-compact>`);
9
+ const listContainer = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#list-line');
10
+ const itemTitle = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#title');
11
+ const imageBlock = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('image-block');
12
+ const itemIcon = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('#icon');
13
+ const itemViews = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('#views');
14
+ expect(listContainer).to.exist;
15
+ expect(itemTitle).to.exist;
16
+ expect(imageBlock).to.exist;
17
+ expect(itemIcon).to.exist;
18
+ expect(itemViews).to.exist;
19
+ });
20
+ it('should render with creator element with title', async () => {
21
+ var _a;
22
22
  const el = await fixture(html `
23
23
  <tile-list-compact
24
24
  .model=${{ creators: ['someone'] }}
25
25
  ></tile-list-compact>
26
- `);
27
- const creator = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#creator');
28
- expect(creator).to.exist;
29
- });
30
- it('should render title link with model href if provided', async () => {
31
- var _a;
26
+ `);
27
+ const creator = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#creator');
28
+ expect(creator).to.exist;
29
+ });
30
+ it('should render title link with model href if provided', async () => {
31
+ var _a;
32
32
  const el = await fixture(html `
33
33
  <tile-list-compact
34
34
  .baseNavigationUrl=${''}
35
35
  .model=${{ identifier: 'id', title: 'foo', href: '/foo/bar' }}
36
36
  ></tile-list-compact>
37
- `);
38
- const title = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#title');
39
- expect(title).to.exist;
40
- expect(title === null || title === void 0 ? void 0 : title.getAttribute('href')).to.equal('/foo/bar');
41
- });
42
- it('should render weekly views when sorting by week', async () => {
43
- var _a, _b;
37
+ `);
38
+ const title = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#title');
39
+ expect(title).to.exist;
40
+ expect(title === null || title === void 0 ? void 0 : title.getAttribute('href')).to.equal('/foo/bar');
41
+ });
42
+ it('should render weekly views when sorting by week', async () => {
43
+ var _a, _b;
44
44
  const el = await fixture(html `
45
45
  <tile-list-compact
46
46
  .model=${{ viewCount: 50, weeklyViewCount: 10 }}
47
47
  .sortParam=${{ field: 'week', direction: 'desc' }}
48
48
  >
49
49
  </tile-list-compact>
50
- `);
51
- const viewsColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('views');
52
- expect(viewsColumn).to.exist;
53
- expect((_b = viewsColumn === null || viewsColumn === void 0 ? void 0 : viewsColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('10');
54
- });
55
- it('should render 0 for views if missing model', async () => {
56
- var _a, _b;
50
+ `);
51
+ const viewsColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('views');
52
+ expect(viewsColumn).to.exist;
53
+ expect((_b = viewsColumn === null || viewsColumn === void 0 ? void 0 : viewsColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('10');
54
+ });
55
+ it('should render 0 for views if missing model', async () => {
56
+ var _a, _b;
57
57
  const el = await fixture(html `
58
58
  <tile-list-compact .sortParam=${{ field: 'week', direction: 'desc' }}>
59
59
  </tile-list-compact>
60
- `);
61
- const viewsColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('views');
62
- expect(viewsColumn).to.exist;
63
- expect((_b = viewsColumn === null || viewsColumn === void 0 ? void 0 : viewsColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('0');
64
- });
65
- it('should render published date when sorting by it', async () => {
66
- var _a, _b;
67
- const model = {
68
- dateAdded: new Date(2010, 0, 2),
69
- dateArchived: new Date(2011, 0, 2),
70
- datePublished: new Date(2012, 0, 2),
71
- dateReviewed: new Date(2013, 0, 2),
72
- };
60
+ `);
61
+ const viewsColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('views');
62
+ expect(viewsColumn).to.exist;
63
+ expect((_b = viewsColumn === null || viewsColumn === void 0 ? void 0 : viewsColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('0');
64
+ });
65
+ it('should render published date when sorting by it', async () => {
66
+ var _a, _b;
67
+ const model = {
68
+ dateAdded: new Date(2010, 0, 2),
69
+ dateArchived: new Date(2011, 0, 2),
70
+ datePublished: new Date(2012, 0, 2),
71
+ dateReviewed: new Date(2013, 0, 2),
72
+ };
73
73
  const el = await fixture(html `
74
74
  <tile-list-compact
75
75
  .model=${model}
76
76
  .sortParam=${{ field: 'date', direction: 'desc' }}
77
77
  >
78
78
  </tile-list-compact>
79
- `);
80
- const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
81
- expect(dateColumn).to.exist;
82
- expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 02, 2012');
83
- });
84
- it('should render added date when sorting by it', async () => {
85
- var _a, _b;
86
- const model = {
87
- dateAdded: new Date(2010, 0, 2),
88
- dateArchived: new Date(2011, 0, 2),
89
- datePublished: new Date(2012, 0, 2),
90
- dateReviewed: new Date(2013, 0, 2),
91
- };
79
+ `);
80
+ const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
81
+ expect(dateColumn).to.exist;
82
+ expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 02, 2012');
83
+ });
84
+ it('should render added date when sorting by it', async () => {
85
+ var _a, _b;
86
+ const model = {
87
+ dateAdded: new Date(2010, 0, 2),
88
+ dateArchived: new Date(2011, 0, 2),
89
+ datePublished: new Date(2012, 0, 2),
90
+ dateReviewed: new Date(2013, 0, 2),
91
+ };
92
92
  const el = await fixture(html `
93
93
  <tile-list-compact
94
94
  .model=${model}
95
95
  .sortParam=${{ field: 'addeddate', direction: 'desc' }}
96
96
  >
97
97
  </tile-list-compact>
98
- `);
99
- const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
100
- expect(dateColumn).to.exist;
101
- expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 02, 2010');
102
- });
103
- it('should render archived date when sorting by it', async () => {
104
- var _a, _b;
105
- const model = {
106
- dateAdded: new Date(2010, 0, 2),
107
- dateArchived: new Date(2011, 0, 2),
108
- datePublished: new Date(2012, 0, 2),
109
- dateReviewed: new Date(2013, 0, 2),
110
- };
98
+ `);
99
+ const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
100
+ expect(dateColumn).to.exist;
101
+ expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 02, 2010');
102
+ });
103
+ it('should render archived date when sorting by it', async () => {
104
+ var _a, _b;
105
+ const model = {
106
+ dateAdded: new Date(2010, 0, 2),
107
+ dateArchived: new Date(2011, 0, 2),
108
+ datePublished: new Date(2012, 0, 2),
109
+ dateReviewed: new Date(2013, 0, 2),
110
+ };
111
111
  const el = await fixture(html `
112
112
  <tile-list-compact
113
113
  .model=${model}
114
114
  .sortParam=${{ field: 'publicdate', direction: 'desc' }}
115
115
  >
116
116
  </tile-list-compact>
117
- `);
118
- const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
119
- expect(dateColumn).to.exist;
120
- expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 02, 2011');
121
- });
122
- it('should render reviewed date when sorting by it', async () => {
123
- var _a, _b;
124
- const model = {
125
- dateAdded: new Date(2010, 0, 2),
126
- dateArchived: new Date(2011, 0, 2),
127
- datePublished: new Date(2012, 0, 2),
128
- dateReviewed: new Date(2013, 0, 2),
129
- };
117
+ `);
118
+ const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
119
+ expect(dateColumn).to.exist;
120
+ expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 02, 2011');
121
+ });
122
+ it('should render reviewed date when sorting by it', async () => {
123
+ var _a, _b;
124
+ const model = {
125
+ dateAdded: new Date(2010, 0, 2),
126
+ dateArchived: new Date(2011, 0, 2),
127
+ datePublished: new Date(2012, 0, 2),
128
+ dateReviewed: new Date(2013, 0, 2),
129
+ };
130
130
  const el = await fixture(html `
131
131
  <tile-list-compact
132
132
  .model=${model}
133
133
  .sortParam=${{ field: 'reviewdate', direction: 'desc' }}
134
134
  >
135
135
  </tile-list-compact>
136
- `);
137
- const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
138
- expect(dateColumn).to.exist;
139
- expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 02, 2013');
140
- });
141
- it('should only show the year for a date published of Jan 1 at midnight UTC', async () => {
142
- var _a, _b;
143
- const model = {
144
- datePublished: new Date(2012, 0, 1, 0, 0, 0, 0),
145
- };
136
+ `);
137
+ const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
138
+ expect(dateColumn).to.exist;
139
+ expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 02, 2013');
140
+ });
141
+ it('should only show the year for a date published of Jan 1 at midnight UTC', async () => {
142
+ var _a, _b;
143
+ const model = {
144
+ datePublished: new Date(2012, 0, 1, 0, 0, 0, 0),
145
+ };
146
146
  const el = await fixture(html `
147
147
  <tile-list-compact
148
148
  .model=${model}
149
149
  .sortParam=${{ field: 'date', direction: 'desc' }}
150
150
  >
151
151
  </tile-list-compact>
152
- `);
153
- const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
154
- expect(dateColumn).to.exist;
155
- expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('2012');
156
- });
157
- it('should show full date added/archived/reviewed, even on Jan 1 at midnight UTC', async () => {
158
- var _a, _b, _c, _d, _e, _f;
159
- const model = {
160
- dateAdded: new Date(2010, 0, 1, 0, 0, 0, 0),
161
- dateArchived: new Date(2011, 0, 1, 0, 0, 0, 0),
162
- datePublished: new Date(2012, 0, 1, 0, 0, 0, 0),
163
- dateReviewed: new Date(2013, 0, 1, 0, 0, 0, 0),
164
- };
152
+ `);
153
+ const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
154
+ expect(dateColumn).to.exist;
155
+ expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('2012');
156
+ });
157
+ it('should show full date added/archived/reviewed, even on Jan 1 at midnight UTC', async () => {
158
+ var _a, _b, _c, _d, _e, _f;
159
+ const model = {
160
+ dateAdded: new Date(2010, 0, 1, 0, 0, 0, 0),
161
+ dateArchived: new Date(2011, 0, 1, 0, 0, 0, 0),
162
+ datePublished: new Date(2012, 0, 1, 0, 0, 0, 0),
163
+ dateReviewed: new Date(2013, 0, 1, 0, 0, 0, 0),
164
+ };
165
165
  const el = await fixture(html `
166
166
  <tile-list-compact
167
167
  .model=${model}
168
168
  .sortParam=${{ field: 'addeddate', direction: 'desc' }}
169
169
  >
170
170
  </tile-list-compact>
171
- `);
172
- let dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
173
- expect(dateColumn).to.exist;
174
- expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 01, 2010');
175
- el.sortParam = { field: 'publicdate', direction: 'desc' };
176
- await el.updateComplete;
177
- dateColumn = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.getElementById('date');
178
- expect(dateColumn).to.exist;
179
- expect((_d = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _d === void 0 ? void 0 : _d.trim()).to.equal('Jan 01, 2011');
180
- el.sortParam = { field: 'reviewdate', direction: 'desc' };
181
- await el.updateComplete;
182
- dateColumn = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.getElementById('date');
183
- expect(dateColumn).to.exist;
184
- expect((_f = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _f === void 0 ? void 0 : _f.trim()).to.equal('Jan 01, 2013');
185
- });
186
- it('should show the first creator matching the letter filter, if defined', async () => {
187
- var _a, _b;
188
- const model = {
189
- creator: 'foo',
190
- creators: ['foo', 'bar', 'baz'],
191
- };
171
+ `);
172
+ let dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
173
+ expect(dateColumn).to.exist;
174
+ expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 01, 2010');
175
+ el.sortParam = { field: 'publicdate', direction: 'desc' };
176
+ await el.updateComplete;
177
+ dateColumn = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.getElementById('date');
178
+ expect(dateColumn).to.exist;
179
+ expect((_d = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _d === void 0 ? void 0 : _d.trim()).to.equal('Jan 01, 2011');
180
+ el.sortParam = { field: 'reviewdate', direction: 'desc' };
181
+ await el.updateComplete;
182
+ dateColumn = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.getElementById('date');
183
+ expect(dateColumn).to.exist;
184
+ expect((_f = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _f === void 0 ? void 0 : _f.trim()).to.equal('Jan 01, 2013');
185
+ });
186
+ it('should show the first creator matching the letter filter, if defined', async () => {
187
+ var _a, _b;
188
+ const model = {
189
+ creator: 'foo',
190
+ creators: ['foo', 'bar', 'baz'],
191
+ };
192
192
  const el = await fixture(html `
193
193
  <tile-list-compact .model=${model} .creatorFilter=${'B'}>
194
194
  </tile-list-compact>
195
- `);
196
- const creator = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('creator');
197
- expect(creator).to.exist;
198
- expect((_b = creator === null || creator === void 0 ? void 0 : creator.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('bar');
199
- });
200
- });
195
+ `);
196
+ const creator = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('creator');
197
+ expect(creator).to.exist;
198
+ expect((_b = creator === null || creator === void 0 ? void 0 : creator.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('bar');
199
+ });
200
+ });
201
201
  //# sourceMappingURL=tile-list-compact.test.js.map
@@ -1 +1 @@
1
- import '../../../src/tiles/list/tile-list';
1
+ import '../../../src/tiles/list/tile-list';