@internetarchive/collection-browser 1.12.0 → 1.13.0-alpha1

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 (267) hide show
  1. package/.editorconfig +29 -29
  2. package/.github/workflows/ci.yml +26 -26
  3. package/.github/workflows/gh-pages-main.yml +39 -39
  4. package/.github/workflows/npm-publish.yml +39 -39
  5. package/.github/workflows/pr-preview.yml +38 -38
  6. package/.husky/pre-commit +4 -4
  7. package/LICENSE +661 -661
  8. package/README.md +83 -83
  9. package/dist/index.d.ts +9 -9
  10. package/dist/index.js +9 -9
  11. package/dist/src/app-root.d.ts +54 -54
  12. package/dist/src/app-root.js +293 -293
  13. package/dist/src/assets/img/icons/arrow-left.d.ts +2 -2
  14. package/dist/src/assets/img/icons/arrow-left.js +2 -2
  15. package/dist/src/assets/img/icons/arrow-right.d.ts +2 -2
  16. package/dist/src/assets/img/icons/arrow-right.js +2 -2
  17. package/dist/src/assets/img/icons/chevron.d.ts +2 -2
  18. package/dist/src/assets/img/icons/chevron.js +2 -2
  19. package/dist/src/assets/img/icons/contract.d.ts +2 -2
  20. package/dist/src/assets/img/icons/contract.js +2 -2
  21. package/dist/src/assets/img/icons/empty-query.d.ts +2 -2
  22. package/dist/src/assets/img/icons/empty-query.js +2 -2
  23. package/dist/src/assets/img/icons/expand.d.ts +2 -2
  24. package/dist/src/assets/img/icons/expand.js +2 -2
  25. package/dist/src/assets/img/icons/eye-closed.d.ts +2 -2
  26. package/dist/src/assets/img/icons/eye-closed.js +2 -2
  27. package/dist/src/assets/img/icons/eye.d.ts +2 -2
  28. package/dist/src/assets/img/icons/eye.js +2 -2
  29. package/dist/src/assets/img/icons/favorite-filled.d.ts +1 -1
  30. package/dist/src/assets/img/icons/favorite-filled.js +2 -2
  31. package/dist/src/assets/img/icons/login-required.d.ts +1 -1
  32. package/dist/src/assets/img/icons/login-required.js +2 -2
  33. package/dist/src/assets/img/icons/mediatype/account.d.ts +1 -1
  34. package/dist/src/assets/img/icons/mediatype/account.js +2 -2
  35. package/dist/src/assets/img/icons/mediatype/audio.d.ts +1 -1
  36. package/dist/src/assets/img/icons/mediatype/audio.js +2 -2
  37. package/dist/src/assets/img/icons/mediatype/collection.d.ts +1 -1
  38. package/dist/src/assets/img/icons/mediatype/collection.js +2 -2
  39. package/dist/src/assets/img/icons/mediatype/data.d.ts +1 -1
  40. package/dist/src/assets/img/icons/mediatype/data.js +2 -2
  41. package/dist/src/assets/img/icons/mediatype/etree.d.ts +1 -1
  42. package/dist/src/assets/img/icons/mediatype/etree.js +2 -2
  43. package/dist/src/assets/img/icons/mediatype/film.d.ts +1 -1
  44. package/dist/src/assets/img/icons/mediatype/film.js +2 -2
  45. package/dist/src/assets/img/icons/mediatype/images.d.ts +1 -1
  46. package/dist/src/assets/img/icons/mediatype/images.js +2 -2
  47. package/dist/src/assets/img/icons/mediatype/radio.d.ts +1 -1
  48. package/dist/src/assets/img/icons/mediatype/radio.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 +472 -472
  72. package/dist/src/collection-browser.js +1693 -1686
  73. package/dist/src/collection-browser.js.map +1 -1
  74. package/dist/src/collection-facets/facet-tombstone-row.d.ts +5 -5
  75. package/dist/src/collection-facets/facet-tombstone-row.js +15 -15
  76. package/dist/src/collection-facets/facets-template.d.ts +20 -20
  77. package/dist/src/collection-facets/facets-template.js +152 -152
  78. package/dist/src/collection-facets/more-facets-content.d.ts +77 -77
  79. package/dist/src/collection-facets/more-facets-content.js +359 -359
  80. package/dist/src/collection-facets/more-facets-pagination.d.ts +36 -36
  81. package/dist/src/collection-facets/more-facets-pagination.js +196 -196
  82. package/dist/src/collection-facets/toggle-switch.d.ts +41 -41
  83. package/dist/src/collection-facets/toggle-switch.js +94 -94
  84. package/dist/src/collection-facets.d.ts +103 -103
  85. package/dist/src/collection-facets.js +497 -497
  86. package/dist/src/empty-placeholder.d.ts +23 -21
  87. package/dist/src/empty-placeholder.js +83 -69
  88. package/dist/src/empty-placeholder.js.map +1 -1
  89. package/dist/src/expanded-date-picker.d.ts +43 -43
  90. package/dist/src/expanded-date-picker.js +109 -109
  91. package/dist/src/language-code-handler/language-code-handler.d.ts +37 -37
  92. package/dist/src/language-code-handler/language-code-handler.js +26 -26
  93. package/dist/src/language-code-handler/language-code-mapping.d.ts +1 -1
  94. package/dist/src/language-code-handler/language-code-mapping.js +562 -562
  95. package/dist/src/mediatype/mediatype-config.d.ts +3 -3
  96. package/dist/src/mediatype/mediatype-config.js +85 -85
  97. package/dist/src/models.d.ts +163 -163
  98. package/dist/src/models.js +269 -269
  99. package/dist/src/restoration-state-handler.d.ts +70 -70
  100. package/dist/src/restoration-state-handler.js +355 -355
  101. package/dist/src/sort-filter-bar/alpha-bar-tooltip.d.ts +6 -6
  102. package/dist/src/sort-filter-bar/alpha-bar-tooltip.js +24 -24
  103. package/dist/src/sort-filter-bar/alpha-bar.d.ts +21 -21
  104. package/dist/src/sort-filter-bar/alpha-bar.js +128 -128
  105. package/dist/src/sort-filter-bar/img/compact.d.ts +1 -1
  106. package/dist/src/sort-filter-bar/img/compact.js +2 -2
  107. package/dist/src/sort-filter-bar/img/list.d.ts +1 -1
  108. package/dist/src/sort-filter-bar/img/list.js +2 -2
  109. package/dist/src/sort-filter-bar/img/sort-toggle-disabled.d.ts +1 -1
  110. package/dist/src/sort-filter-bar/img/sort-toggle-disabled.js +2 -2
  111. package/dist/src/sort-filter-bar/img/sort-toggle-down.d.ts +1 -1
  112. package/dist/src/sort-filter-bar/img/sort-toggle-down.js +2 -2
  113. package/dist/src/sort-filter-bar/img/sort-toggle-up.d.ts +1 -1
  114. package/dist/src/sort-filter-bar/img/sort-toggle-up.js +2 -2
  115. package/dist/src/sort-filter-bar/img/sort-triangle.d.ts +1 -1
  116. package/dist/src/sort-filter-bar/img/sort-triangle.js +2 -2
  117. package/dist/src/sort-filter-bar/img/tile.d.ts +1 -1
  118. package/dist/src/sort-filter-bar/img/tile.js +2 -2
  119. package/dist/src/sort-filter-bar/sort-filter-bar.d.ts +208 -208
  120. package/dist/src/sort-filter-bar/sort-filter-bar.js +637 -637
  121. package/dist/src/styles/item-image-styles.d.ts +8 -8
  122. package/dist/src/styles/item-image-styles.js +9 -9
  123. package/dist/src/styles/sr-only.d.ts +1 -1
  124. package/dist/src/styles/sr-only.js +2 -2
  125. package/dist/src/tiles/base-tile-component.d.ts +18 -18
  126. package/dist/src/tiles/base-tile-component.js +59 -59
  127. package/dist/src/tiles/collection-browser-loading-tile.d.ts +5 -5
  128. package/dist/src/tiles/collection-browser-loading-tile.js +15 -15
  129. package/dist/src/tiles/grid/account-tile.d.ts +18 -18
  130. package/dist/src/tiles/grid/account-tile.js +72 -72
  131. package/dist/src/tiles/grid/collection-tile.d.ts +15 -15
  132. package/dist/src/tiles/grid/collection-tile.js +80 -80
  133. package/dist/src/tiles/grid/item-tile.d.ts +27 -27
  134. package/dist/src/tiles/grid/item-tile.js +134 -134
  135. package/dist/src/tiles/grid/styles/tile-grid-shared-styles.d.ts +1 -1
  136. package/dist/src/tiles/grid/styles/tile-grid-shared-styles.js +8 -8
  137. package/dist/src/tiles/grid/tile-stats.d.ts +11 -11
  138. package/dist/src/tiles/grid/tile-stats.js +48 -48
  139. package/dist/src/tiles/hover/hover-pane-controller.d.ts +219 -219
  140. package/dist/src/tiles/hover/hover-pane-controller.js +352 -352
  141. package/dist/src/tiles/hover/tile-hover-pane.d.ts +15 -15
  142. package/dist/src/tiles/hover/tile-hover-pane.js +38 -38
  143. package/dist/src/tiles/image-block.d.ts +17 -17
  144. package/dist/src/tiles/image-block.js +72 -72
  145. package/dist/src/tiles/item-image.d.ts +35 -35
  146. package/dist/src/tiles/item-image.js +117 -117
  147. package/dist/src/tiles/list/tile-list-compact-header.d.ts +6 -6
  148. package/dist/src/tiles/list/tile-list-compact-header.js +38 -38
  149. package/dist/src/tiles/list/tile-list-compact.d.ts +15 -15
  150. package/dist/src/tiles/list/tile-list-compact.js +114 -114
  151. package/dist/src/tiles/list/tile-list.d.ts +46 -46
  152. package/dist/src/tiles/list/tile-list.js +298 -298
  153. package/dist/src/tiles/mediatype-icon.d.ts +9 -9
  154. package/dist/src/tiles/mediatype-icon.js +47 -47
  155. package/dist/src/tiles/overlay/icon-overlay.d.ts +10 -10
  156. package/dist/src/tiles/overlay/icon-overlay.js +40 -40
  157. package/dist/src/tiles/overlay/icon-text-overlay.d.ts +9 -9
  158. package/dist/src/tiles/overlay/icon-text-overlay.js +38 -38
  159. package/dist/src/tiles/overlay/text-overlay.d.ts +10 -10
  160. package/dist/src/tiles/overlay/text-overlay.js +42 -42
  161. package/dist/src/tiles/text-snippet-block.d.ts +27 -27
  162. package/dist/src/tiles/text-snippet-block.js +73 -73
  163. package/dist/src/tiles/tile-dispatcher.d.ts +50 -50
  164. package/dist/src/tiles/tile-dispatcher.js +185 -185
  165. package/dist/src/tiles/tile-display-value-provider.d.ts +43 -43
  166. package/dist/src/tiles/tile-display-value-provider.js +80 -80
  167. package/dist/src/utils/analytics-events.d.ts +25 -25
  168. package/dist/src/utils/analytics-events.js +27 -27
  169. package/dist/src/utils/array-equals.d.ts +4 -4
  170. package/dist/src/utils/array-equals.js +10 -10
  171. package/dist/src/utils/format-count.d.ts +7 -7
  172. package/dist/src/utils/format-count.js +76 -76
  173. package/dist/src/utils/format-date.d.ts +2 -2
  174. package/dist/src/utils/format-date.js +25 -25
  175. package/dist/src/utils/format-unit-size.d.ts +2 -2
  176. package/dist/src/utils/format-unit-size.js +33 -33
  177. package/dist/src/utils/local-date-from-utc.d.ts +9 -9
  178. package/dist/src/utils/local-date-from-utc.js +15 -15
  179. package/dist/src/utils/sha1.d.ts +2 -2
  180. package/dist/src/utils/sha1.js +8 -8
  181. package/dist/test/collection-browser.test.d.ts +1 -1
  182. package/dist/test/collection-browser.test.js +981 -967
  183. package/dist/test/collection-browser.test.js.map +1 -1
  184. package/dist/test/collection-facets/facets-template.test.d.ts +1 -1
  185. package/dist/test/collection-facets/facets-template.test.js +134 -134
  186. package/dist/test/collection-facets/more-facets-content.test.d.ts +1 -1
  187. package/dist/test/collection-facets/more-facets-content.test.js +133 -133
  188. package/dist/test/collection-facets/more-facets-pagination.test.d.ts +1 -1
  189. package/dist/test/collection-facets/more-facets-pagination.test.js +117 -117
  190. package/dist/test/collection-facets/toggle-switch.test.d.ts +1 -1
  191. package/dist/test/collection-facets/toggle-switch.test.js +73 -73
  192. package/dist/test/collection-facets.test.d.ts +2 -2
  193. package/dist/test/collection-facets.test.js +682 -682
  194. package/dist/test/empty-placeholder.test.d.ts +1 -1
  195. package/dist/test/empty-placeholder.test.js +63 -56
  196. package/dist/test/empty-placeholder.test.js.map +1 -1
  197. package/dist/test/expanded-date-picker.test.d.ts +1 -1
  198. package/dist/test/expanded-date-picker.test.js +95 -95
  199. package/dist/test/icon-overlay.test.d.ts +1 -1
  200. package/dist/test/icon-overlay.test.js +24 -24
  201. package/dist/test/image-block.test.d.ts +1 -1
  202. package/dist/test/image-block.test.js +48 -48
  203. package/dist/test/item-image.test.d.ts +1 -1
  204. package/dist/test/item-image.test.js +84 -84
  205. package/dist/test/mediatype-config.test.d.ts +1 -1
  206. package/dist/test/mediatype-config.test.js +16 -16
  207. package/dist/test/mocks/mock-analytics-handler.d.ts +10 -10
  208. package/dist/test/mocks/mock-analytics-handler.js +15 -15
  209. package/dist/test/mocks/mock-collection-name-cache.d.ts +9 -9
  210. package/dist/test/mocks/mock-collection-name-cache.js +17 -17
  211. package/dist/test/mocks/mock-search-responses.d.ts +21 -21
  212. package/dist/test/mocks/mock-search-responses.js +707 -707
  213. package/dist/test/mocks/mock-search-service.d.ts +15 -15
  214. package/dist/test/mocks/mock-search-service.js +50 -50
  215. package/dist/test/restoration-state-handler.test.d.ts +1 -1
  216. package/dist/test/restoration-state-handler.test.js +270 -270
  217. package/dist/test/sort-filter-bar/alpha-bar-tooltip.test.d.ts +1 -1
  218. package/dist/test/sort-filter-bar/alpha-bar-tooltip.test.js +12 -12
  219. package/dist/test/sort-filter-bar/alpha-bar.test.d.ts +1 -1
  220. package/dist/test/sort-filter-bar/alpha-bar.test.js +73 -73
  221. package/dist/test/sort-filter-bar/sort-filter-bar.test.d.ts +1 -1
  222. package/dist/test/sort-filter-bar/sort-filter-bar.test.js +378 -378
  223. package/dist/test/text-overlay.test.d.ts +1 -1
  224. package/dist/test/text-overlay.test.js +48 -48
  225. package/dist/test/text-snippet-block.test.d.ts +1 -1
  226. package/dist/test/text-snippet-block.test.js +57 -57
  227. package/dist/test/tile-stats.test.d.ts +1 -1
  228. package/dist/test/tile-stats.test.js +33 -33
  229. package/dist/test/tiles/grid/account-tile.test.d.ts +1 -1
  230. package/dist/test/tiles/grid/account-tile.test.js +76 -76
  231. package/dist/test/tiles/grid/collection-tile.test.d.ts +1 -1
  232. package/dist/test/tiles/grid/collection-tile.test.js +73 -73
  233. package/dist/test/tiles/grid/item-tile.test.d.ts +1 -1
  234. package/dist/test/tiles/grid/item-tile.test.js +254 -254
  235. package/dist/test/tiles/hover/hover-pane-controller.test.d.ts +1 -1
  236. package/dist/test/tiles/hover/hover-pane-controller.test.js +257 -257
  237. package/dist/test/tiles/hover/tile-hover-pane.test.d.ts +1 -1
  238. package/dist/test/tiles/hover/tile-hover-pane.test.js +13 -13
  239. package/dist/test/tiles/list/tile-list-compact.test.d.ts +1 -1
  240. package/dist/test/tiles/list/tile-list-compact.test.js +143 -143
  241. package/dist/test/tiles/list/tile-list.test.d.ts +1 -1
  242. package/dist/test/tiles/list/tile-list.test.js +242 -242
  243. package/dist/test/tiles/tile-dispatcher.test.d.ts +1 -1
  244. package/dist/test/tiles/tile-dispatcher.test.js +67 -67
  245. package/dist/test/tiles/tile-display-value-provider.test.d.ts +1 -1
  246. package/dist/test/tiles/tile-display-value-provider.test.js +141 -141
  247. package/dist/test/utils/array-equals.test.d.ts +1 -1
  248. package/dist/test/utils/array-equals.test.js +26 -26
  249. package/dist/test/utils/format-count.test.d.ts +1 -1
  250. package/dist/test/utils/format-count.test.js +23 -23
  251. package/dist/test/utils/format-date.test.d.ts +1 -1
  252. package/dist/test/utils/format-date.test.js +17 -17
  253. package/dist/test/utils/format-unit-size.test.d.ts +1 -1
  254. package/dist/test/utils/format-unit-size.test.js +17 -17
  255. package/dist/test/utils/local-date-from-utc.test.d.ts +1 -1
  256. package/dist/test/utils/local-date-from-utc.test.js +26 -26
  257. package/local.archive.org.cert +86 -86
  258. package/local.archive.org.key +27 -27
  259. package/package.json +1 -1
  260. package/renovate.json +6 -6
  261. package/src/collection-browser.ts +7 -1
  262. package/src/empty-placeholder.ts +17 -0
  263. package/test/collection-browser.test.ts +23 -0
  264. package/test/empty-placeholder.test.ts +26 -19
  265. package/tsconfig.json +21 -21
  266. package/web-dev-server.config.mjs +30 -30
  267. package/web-test-runner.config.mjs +41 -41
@@ -1 +1 @@
1
- import '../src/empty-placeholder';
1
+ import '../src/empty-placeholder';
@@ -1,57 +1,64 @@
1
- /* eslint-disable import/no-duplicates */
2
- import { expect, fixture } from '@open-wc/testing';
3
- import { html } from 'lit';
4
- import '../src/empty-placeholder';
5
- describe('Empty Placeholder', () => {
6
- it('should render with empty-query placeholder', async () => {
7
- var _a, _b, _c, _d;
8
- const el = await fixture(html `<empty-placeholder></empty-placeholder>`);
9
- el.placeholderType = 'empty-query';
10
- await el.updateComplete;
11
- expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.empty-query')).to.exist;
12
- expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.empty-collection')).to.not.exist;
13
- expect((_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.no-results')).to.not.exist;
14
- expect((_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.query-error')).to.not.exist;
15
- });
16
- it('should render with empty-collection placeholder', async () => {
17
- var _a, _b, _c, _d;
18
- const el = await fixture(html `<empty-placeholder></empty-placeholder>`);
19
- el.placeholderType = 'empty-collection';
20
- await el.updateComplete;
21
- expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.empty-collection')).to.exist;
22
- expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.no-results')).to.not.exist;
23
- expect((_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.empty-query')).to.not.exist;
24
- expect((_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.query-error')).to.not.exist;
25
- });
26
- it('should render with no-results placeholder', async () => {
27
- var _a, _b, _c, _d;
28
- const el = await fixture(html `<empty-placeholder></empty-placeholder>`);
29
- el.placeholderType = 'no-results';
30
- await el.updateComplete;
31
- expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.no-results')).to.exist;
32
- expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.empty-query')).to.not.exist;
33
- expect((_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.empty-collection')).to.not.exist;
34
- expect((_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.query-error')).to.not.exist;
35
- });
36
- it('should render with query-error placeholder', async () => {
37
- var _a, _b, _c, _d;
38
- const el = await fixture(html `<empty-placeholder></empty-placeholder>`);
39
- el.placeholderType = 'query-error';
40
- await el.updateComplete;
41
- expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.query-error')).to.exist;
42
- expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.empty-query')).to.not.exist;
43
- expect((_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.empty-collection')).to.not.exist;
44
- expect((_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.no-results')).to.not.exist;
45
- });
46
- it('should not render any empty placeholder', async () => {
47
- var _a, _b, _c, _d;
48
- const el = await fixture(html `<empty-placeholder></empty-placeholder>`);
49
- el.placeholderType = null;
50
- await el.updateComplete;
51
- expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.empty-query')).to.not.exist;
52
- expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.empty-collection')).to.not.exist;
53
- expect((_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.no-results')).to.not.exist;
54
- expect((_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.query-error')).to.not.exist;
55
- });
56
- });
1
+ /* eslint-disable import/no-duplicates */
2
+ import { expect, fixture } from '@open-wc/testing';
3
+ import { html } from 'lit';
4
+ import '../src/empty-placeholder';
5
+ describe('Empty Placeholder', () => {
6
+ it('should render with empty-query placeholder', async () => {
7
+ var _a;
8
+ const el = await fixture(html `<empty-placeholder></empty-placeholder>`);
9
+ el.placeholderType = 'empty-query';
10
+ await el.updateComplete;
11
+ const placeholderElem = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.placeholder');
12
+ expect(placeholderElem).to.exist;
13
+ expect(placeholderElem).to.have.class('empty-query');
14
+ });
15
+ it('should render with empty-collection placeholder', async () => {
16
+ var _a;
17
+ const el = await fixture(html `<empty-placeholder></empty-placeholder>`);
18
+ el.placeholderType = 'empty-collection';
19
+ await el.updateComplete;
20
+ const placeholderElem = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.placeholder');
21
+ expect(placeholderElem).to.exist;
22
+ expect(placeholderElem).to.have.class('empty-collection');
23
+ });
24
+ it('should render with no-results placeholder', async () => {
25
+ var _a;
26
+ const el = await fixture(html `<empty-placeholder></empty-placeholder>`);
27
+ el.placeholderType = 'no-results';
28
+ await el.updateComplete;
29
+ const placeholderElem = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.placeholder');
30
+ expect(placeholderElem).to.exist;
31
+ expect(placeholderElem).to.have.class('no-results');
32
+ });
33
+ it('should render with query-error placeholder', async () => {
34
+ var _a;
35
+ const el = await fixture(html `<empty-placeholder></empty-placeholder>`);
36
+ el.placeholderType = 'query-error';
37
+ await el.updateComplete;
38
+ const placeholderElem = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.placeholder');
39
+ expect(placeholderElem).to.exist;
40
+ expect(placeholderElem).to.have.class('query-error');
41
+ });
42
+ it('should render with collection-error placeholder', async () => {
43
+ var _a;
44
+ const el = await fixture(html `<empty-placeholder></empty-placeholder>`);
45
+ el.placeholderType = 'collection-error';
46
+ await el.updateComplete;
47
+ const placeholderElem = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.placeholder');
48
+ expect(placeholderElem).to.exist;
49
+ expect(placeholderElem).to.have.class('collection-error');
50
+ });
51
+ it('should not render any empty placeholder', async () => {
52
+ var _a, _b, _c, _d, _e, _f;
53
+ const el = await fixture(html `<empty-placeholder></empty-placeholder>`);
54
+ el.placeholderType = null;
55
+ await el.updateComplete;
56
+ expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.placeholder')).to.not.exist;
57
+ expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.empty-query')).to.not.exist;
58
+ expect((_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.empty-collection')).to.not.exist;
59
+ expect((_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.no-results')).to.not.exist;
60
+ expect((_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('.query-error')).to.not.exist;
61
+ expect((_f = el.shadowRoot) === null || _f === void 0 ? void 0 : _f.querySelector('.collection-error')).to.not.exist;
62
+ });
63
+ });
57
64
  //# sourceMappingURL=empty-placeholder.test.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"empty-placeholder.test.js","sourceRoot":"","sources":["../../test/empty-placeholder.test.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable import/no-duplicates */\nimport { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport '../src/empty-placeholder';\n\nimport type { EmptyPlaceholder } from '../src/empty-placeholder';\n\ndescribe('Empty Placeholder', () => {\n it('should render with empty-query placeholder', async () => {\n const el = await fixture<EmptyPlaceholder>(\n html`<empty-placeholder></empty-placeholder>`\n );\n\n el.placeholderType = 'empty-query';\n await el.updateComplete;\n\n expect(el.shadowRoot?.querySelector('.empty-query')).to.exist;\n\n expect(el.shadowRoot?.querySelector('.empty-collection')).to.not.exist;\n expect(el.shadowRoot?.querySelector('.no-results')).to.not.exist;\n expect(el.shadowRoot?.querySelector('.query-error')).to.not.exist;\n });\n\n it('should render with empty-collection placeholder', async () => {\n const el = await fixture<EmptyPlaceholder>(\n html`<empty-placeholder></empty-placeholder>`\n );\n\n el.placeholderType = 'empty-collection';\n await el.updateComplete;\n\n expect(el.shadowRoot?.querySelector('.empty-collection')).to.exist;\n\n expect(el.shadowRoot?.querySelector('.no-results')).to.not.exist;\n expect(el.shadowRoot?.querySelector('.empty-query')).to.not.exist;\n expect(el.shadowRoot?.querySelector('.query-error')).to.not.exist;\n });\n\n it('should render with no-results placeholder', async () => {\n const el = await fixture<EmptyPlaceholder>(\n html`<empty-placeholder></empty-placeholder>`\n );\n\n el.placeholderType = 'no-results';\n await el.updateComplete;\n\n expect(el.shadowRoot?.querySelector('.no-results')).to.exist;\n\n expect(el.shadowRoot?.querySelector('.empty-query')).to.not.exist;\n expect(el.shadowRoot?.querySelector('.empty-collection')).to.not.exist;\n expect(el.shadowRoot?.querySelector('.query-error')).to.not.exist;\n });\n\n it('should render with query-error placeholder', async () => {\n const el = await fixture<EmptyPlaceholder>(\n html`<empty-placeholder></empty-placeholder>`\n );\n\n el.placeholderType = 'query-error';\n await el.updateComplete;\n\n expect(el.shadowRoot?.querySelector('.query-error')).to.exist;\n\n expect(el.shadowRoot?.querySelector('.empty-query')).to.not.exist;\n expect(el.shadowRoot?.querySelector('.empty-collection')).to.not.exist;\n expect(el.shadowRoot?.querySelector('.no-results')).to.not.exist;\n });\n\n it('should not render any empty placeholder', async () => {\n const el = await fixture<EmptyPlaceholder>(\n html`<empty-placeholder></empty-placeholder>`\n );\n\n el.placeholderType = null;\n await el.updateComplete;\n\n expect(el.shadowRoot?.querySelector('.empty-query')).to.not.exist;\n expect(el.shadowRoot?.querySelector('.empty-collection')).to.not.exist;\n expect(el.shadowRoot?.querySelector('.no-results')).to.not.exist;\n expect(el.shadowRoot?.querySelector('.query-error')).to.not.exist;\n });\n});\n"]}
1
+ {"version":3,"file":"empty-placeholder.test.js","sourceRoot":"","sources":["../../test/empty-placeholder.test.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable import/no-duplicates */\nimport { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport '../src/empty-placeholder';\n\nimport type { EmptyPlaceholder } from '../src/empty-placeholder';\n\ndescribe('Empty Placeholder', () => {\n it('should render with empty-query placeholder', async () => {\n const el = await fixture<EmptyPlaceholder>(\n html`<empty-placeholder></empty-placeholder>`\n );\n\n el.placeholderType = 'empty-query';\n await el.updateComplete;\n\n const placeholderElem = el.shadowRoot?.querySelector('.placeholder');\n expect(placeholderElem).to.exist;\n expect(placeholderElem).to.have.class('empty-query');\n });\n\n it('should render with empty-collection placeholder', async () => {\n const el = await fixture<EmptyPlaceholder>(\n html`<empty-placeholder></empty-placeholder>`\n );\n\n el.placeholderType = 'empty-collection';\n await el.updateComplete;\n\n const placeholderElem = el.shadowRoot?.querySelector('.placeholder');\n expect(placeholderElem).to.exist;\n expect(placeholderElem).to.have.class('empty-collection');\n });\n\n it('should render with no-results placeholder', async () => {\n const el = await fixture<EmptyPlaceholder>(\n html`<empty-placeholder></empty-placeholder>`\n );\n\n el.placeholderType = 'no-results';\n await el.updateComplete;\n\n const placeholderElem = el.shadowRoot?.querySelector('.placeholder');\n expect(placeholderElem).to.exist;\n expect(placeholderElem).to.have.class('no-results');\n });\n\n it('should render with query-error placeholder', async () => {\n const el = await fixture<EmptyPlaceholder>(\n html`<empty-placeholder></empty-placeholder>`\n );\n\n el.placeholderType = 'query-error';\n await el.updateComplete;\n\n const placeholderElem = el.shadowRoot?.querySelector('.placeholder');\n expect(placeholderElem).to.exist;\n expect(placeholderElem).to.have.class('query-error');\n });\n\n it('should render with collection-error placeholder', async () => {\n const el = await fixture<EmptyPlaceholder>(\n html`<empty-placeholder></empty-placeholder>`\n );\n\n el.placeholderType = 'collection-error';\n await el.updateComplete;\n\n const placeholderElem = el.shadowRoot?.querySelector('.placeholder');\n expect(placeholderElem).to.exist;\n expect(placeholderElem).to.have.class('collection-error');\n });\n\n it('should not render any empty placeholder', async () => {\n const el = await fixture<EmptyPlaceholder>(\n html`<empty-placeholder></empty-placeholder>`\n );\n\n el.placeholderType = null;\n await el.updateComplete;\n\n expect(el.shadowRoot?.querySelector('.placeholder')).to.not.exist;\n expect(el.shadowRoot?.querySelector('.empty-query')).to.not.exist;\n expect(el.shadowRoot?.querySelector('.empty-collection')).to.not.exist;\n expect(el.shadowRoot?.querySelector('.no-results')).to.not.exist;\n expect(el.shadowRoot?.querySelector('.query-error')).to.not.exist;\n expect(el.shadowRoot?.querySelector('.collection-error')).to.not.exist;\n });\n});\n"]}
@@ -1 +1 @@
1
- import '../src/expanded-date-picker';
1
+ import '../src/expanded-date-picker';
@@ -1,43 +1,43 @@
1
- import { ModalManager, ModalManagerMode, } from '@internetarchive/modal-manager';
2
- import { expect, fixture } from '@open-wc/testing';
3
- import { html } from 'lit';
4
- import sinon from 'sinon';
5
- import '../src/expanded-date-picker';
6
- import { MockAnalyticsHandler } from './mocks/mock-analytics-handler';
7
- import { analyticsActions, analyticsCategories, } from '../src/utils/analytics-events';
8
- describe('Expanded Date Picker', () => {
9
- it('should render with a date picker and Apply button', async () => {
10
- var _a, _b;
11
- const el = await fixture(html `<expanded-date-picker></expanded-date-picker>`);
12
- expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#date-picker')).to.exist;
13
- expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#apply-btn')).to.exist;
14
- });
15
- it('should update its min/max selected date when date picker changes', async () => {
16
- var _a;
1
+ import { ModalManager, ModalManagerMode, } from '@internetarchive/modal-manager';
2
+ import { expect, fixture } from '@open-wc/testing';
3
+ import { html } from 'lit';
4
+ import sinon from 'sinon';
5
+ import '../src/expanded-date-picker';
6
+ import { MockAnalyticsHandler } from './mocks/mock-analytics-handler';
7
+ import { analyticsActions, analyticsCategories, } from '../src/utils/analytics-events';
8
+ describe('Expanded Date Picker', () => {
9
+ it('should render with a date picker and Apply button', async () => {
10
+ var _a, _b;
11
+ const el = await fixture(html `<expanded-date-picker></expanded-date-picker>`);
12
+ expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#date-picker')).to.exist;
13
+ expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#apply-btn')).to.exist;
14
+ });
15
+ it('should update its min/max selected date when date picker changes', async () => {
16
+ var _a;
17
17
  const el = await fixture(html `<expanded-date-picker
18
18
  .buckets=${[1, 2, 3, 4, 5]}
19
19
  .minDate=${'1'}
20
20
  .maxDate=${'5'}
21
21
  .minSelectedDate=${'1'}
22
22
  .maxSelectedDate=${'5'}
23
- ></expanded-date-picker>`);
24
- const datePicker = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#date-picker');
25
- expect(datePicker).to.exist;
26
- datePicker.minSelectedDate = '2';
27
- datePicker.maxSelectedDate = '4';
28
- datePicker.dispatchEvent(new CustomEvent('histogramDateRangeUpdated', {
29
- detail: {
30
- minDate: datePicker.minSelectedDate,
31
- maxDate: datePicker.maxSelectedDate,
32
- },
33
- }));
34
- await el.updateComplete;
35
- expect(el.minSelectedDate).to.equal('2');
36
- expect(el.maxSelectedDate).to.equal('4');
37
- });
38
- it('should emit an event when a date range is applied', async () => {
39
- var _a;
40
- const applySpy = sinon.spy();
23
+ ></expanded-date-picker>`);
24
+ const datePicker = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#date-picker');
25
+ expect(datePicker).to.exist;
26
+ datePicker.minSelectedDate = '2';
27
+ datePicker.maxSelectedDate = '4';
28
+ datePicker.dispatchEvent(new CustomEvent('histogramDateRangeUpdated', {
29
+ detail: {
30
+ minDate: datePicker.minSelectedDate,
31
+ maxDate: datePicker.maxSelectedDate,
32
+ },
33
+ }));
34
+ await el.updateComplete;
35
+ expect(el.minSelectedDate).to.equal('2');
36
+ expect(el.maxSelectedDate).to.equal('4');
37
+ });
38
+ it('should emit an event when a date range is applied', async () => {
39
+ var _a;
40
+ const applySpy = sinon.spy();
41
41
  const el = await fixture(html `<expanded-date-picker
42
42
  .buckets=${[1, 2, 3, 4, 5]}
43
43
  .minDate=${'1'}
@@ -45,19 +45,19 @@ describe('Expanded Date Picker', () => {
45
45
  .minSelectedDate=${'1'}
46
46
  .maxSelectedDate=${'5'}
47
47
  @histogramDateRangeApplied=${applySpy}
48
- ></expanded-date-picker>`);
49
- const applyBtn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#apply-btn');
50
- expect(applyBtn).to.exist;
51
- applyBtn.click();
52
- await el.updateComplete;
53
- expect(applySpy.callCount).to.equal(1);
54
- expect(applySpy.calledWithMatch({ detail: { minDate: '1', maxDate: '5' } }));
55
- });
56
- it('should close its modal and emit close event when date range applied', async () => {
57
- var _a;
58
- const modalManager = new ModalManager();
59
- modalManager.mode = ModalManagerMode.Open;
60
- const modalClosed = sinon.spy();
48
+ ></expanded-date-picker>`);
49
+ const applyBtn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#apply-btn');
50
+ expect(applyBtn).to.exist;
51
+ applyBtn.click();
52
+ await el.updateComplete;
53
+ expect(applySpy.callCount).to.equal(1);
54
+ expect(applySpy.calledWithMatch({ detail: { minDate: '1', maxDate: '5' } }));
55
+ });
56
+ it('should close its modal and emit close event when date range applied', async () => {
57
+ var _a;
58
+ const modalManager = new ModalManager();
59
+ modalManager.mode = ModalManagerMode.Open;
60
+ const modalClosed = sinon.spy();
61
61
  const el = await fixture(html `<expanded-date-picker
62
62
  .buckets=${[1, 2, 3, 4, 5]}
63
63
  .minDate=${'1'}
@@ -66,16 +66,16 @@ describe('Expanded Date Picker', () => {
66
66
  .maxSelectedDate=${'5'}
67
67
  .modalManager=${modalManager}
68
68
  @modalClosed=${modalClosed}
69
- ></expanded-date-picker>`);
70
- const applyBtn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#apply-btn');
71
- expect(applyBtn).to.exist;
72
- applyBtn.click();
73
- await el.updateComplete;
74
- expect(modalManager.getMode()).to.equal(ModalManagerMode.Closed);
75
- expect(modalClosed.callCount).to.equal(1);
76
- });
77
- it('closes the modal when Esc key is pressed', async () => {
78
- var _a;
69
+ ></expanded-date-picker>`);
70
+ const applyBtn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#apply-btn');
71
+ expect(applyBtn).to.exist;
72
+ applyBtn.click();
73
+ await el.updateComplete;
74
+ expect(modalManager.getMode()).to.equal(ModalManagerMode.Closed);
75
+ expect(modalClosed.callCount).to.equal(1);
76
+ });
77
+ it('closes the modal when Esc key is pressed', async () => {
78
+ var _a;
79
79
  const el = await fixture(html `<expanded-date-picker
80
80
  .buckets=${[1, 2, 3, 4, 5]}
81
81
  .minDate=${'1'}
@@ -83,47 +83,47 @@ describe('Expanded Date Picker', () => {
83
83
  .minSelectedDate=${'1'}
84
84
  .maxSelectedDate=${'5'}
85
85
  .modalManager=${new ModalManager()}
86
- ></expanded-date-picker>`);
87
- const closeModalSpy = sinon.spy(el.modalManager, 'closeModal');
88
- // Dispatch an Esc keydown event
89
- document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape' }));
90
- await el.updateComplete;
91
- expect(closeModalSpy.callCount).to.equal(1);
92
- expect((_a = el.modalManager) === null || _a === void 0 ? void 0 : _a.classList.contains('expanded-date-picker')).to.be
93
- .false;
94
- });
95
- it('sends analytics when date range is applied', async () => {
96
- var _a, _b;
97
- const analyticsHandler = new MockAnalyticsHandler();
86
+ ></expanded-date-picker>`);
87
+ const closeModalSpy = sinon.spy(el.modalManager, 'closeModal');
88
+ // Dispatch an Esc keydown event
89
+ document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape' }));
90
+ await el.updateComplete;
91
+ expect(closeModalSpy.callCount).to.equal(1);
92
+ expect((_a = el.modalManager) === null || _a === void 0 ? void 0 : _a.classList.contains('expanded-date-picker')).to.be
93
+ .false;
94
+ });
95
+ it('sends analytics when date range is applied', async () => {
96
+ var _a, _b;
97
+ const analyticsHandler = new MockAnalyticsHandler();
98
98
  const el = await fixture(html `<expanded-date-picker
99
99
  .buckets=${[1, 2, 3, 4, 5]}
100
100
  .minDate=${'1'}
101
101
  .maxDate=${'5'}
102
102
  .analyticsHandler=${analyticsHandler}
103
- ></expanded-date-picker>`);
104
- const applyBtn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#apply-btn');
105
- expect(applyBtn).to.exist;
106
- applyBtn.click();
107
- await el.updateComplete;
108
- expect(analyticsHandler.callCategory).to.equal(analyticsCategories.default);
109
- expect(analyticsHandler.callAction).to.equal(analyticsActions.histogramChangedFromModal);
110
- expect(analyticsHandler.callLabel).to.equal(window.location.href);
111
- const datePicker = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#date-picker');
112
- expect(datePicker).to.exist;
113
- datePicker.minSelectedDate = '2';
114
- datePicker.maxSelectedDate = '5';
115
- datePicker.dispatchEvent(new CustomEvent('histogramDateRangeUpdated', {
116
- detail: {
117
- minDate: datePicker.minSelectedDate,
118
- maxDate: datePicker.maxSelectedDate,
119
- },
120
- }));
121
- await el.updateComplete;
122
- applyBtn.click();
123
- await el.updateComplete;
124
- expect(analyticsHandler.callCategory).to.equal(analyticsCategories.default);
125
- expect(analyticsHandler.callAction).to.equal(analyticsActions.histogramChangedFromModal);
126
- expect(analyticsHandler.callLabel).to.equal(window.location.href);
127
- });
128
- });
103
+ ></expanded-date-picker>`);
104
+ const applyBtn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#apply-btn');
105
+ expect(applyBtn).to.exist;
106
+ applyBtn.click();
107
+ await el.updateComplete;
108
+ expect(analyticsHandler.callCategory).to.equal(analyticsCategories.default);
109
+ expect(analyticsHandler.callAction).to.equal(analyticsActions.histogramChangedFromModal);
110
+ expect(analyticsHandler.callLabel).to.equal(window.location.href);
111
+ const datePicker = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#date-picker');
112
+ expect(datePicker).to.exist;
113
+ datePicker.minSelectedDate = '2';
114
+ datePicker.maxSelectedDate = '5';
115
+ datePicker.dispatchEvent(new CustomEvent('histogramDateRangeUpdated', {
116
+ detail: {
117
+ minDate: datePicker.minSelectedDate,
118
+ maxDate: datePicker.maxSelectedDate,
119
+ },
120
+ }));
121
+ await el.updateComplete;
122
+ applyBtn.click();
123
+ await el.updateComplete;
124
+ expect(analyticsHandler.callCategory).to.equal(analyticsCategories.default);
125
+ expect(analyticsHandler.callAction).to.equal(analyticsActions.histogramChangedFromModal);
126
+ expect(analyticsHandler.callLabel).to.equal(window.location.href);
127
+ });
128
+ });
129
129
  //# sourceMappingURL=expanded-date-picker.test.js.map
@@ -1 +1 @@
1
- import '../src/tiles/overlay/icon-overlay';
1
+ import '../src/tiles/overlay/icon-overlay';
@@ -1,31 +1,31 @@
1
- /* eslint-disable import/no-duplicates */
2
- import { expect, fixture } from '@open-wc/testing';
3
- import { html } from 'lit';
4
- import '../src/tiles/overlay/icon-overlay';
5
- describe('Icon Overlay component', () => {
6
- it('should render component if loggedIn required', async () => {
7
- var _a, _b, _c;
1
+ /* eslint-disable import/no-duplicates */
2
+ import { expect, fixture } from '@open-wc/testing';
3
+ import { html } from 'lit';
4
+ import '../src/tiles/overlay/icon-overlay';
5
+ describe('Icon Overlay component', () => {
6
+ it('should render component if loggedIn required', async () => {
7
+ var _a, _b, _c;
8
8
  const el = await fixture(html `
9
9
  <icon-overlay .loggedIn=${false} .loginRequired=${true}> </icon-overlay>
10
- `);
11
- const svgTitle = (_c = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('svg')) === null || _b === void 0 ? void 0 : _b.querySelector('title')) === null || _c === void 0 ? void 0 : _c.textContent;
12
- expect(svgTitle).to.equal('Log in to view this item');
13
- });
14
- it('should render component if content warning', async () => {
15
- var _a, _b, _c;
10
+ `);
11
+ const svgTitle = (_c = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('svg')) === null || _b === void 0 ? void 0 : _b.querySelector('title')) === null || _c === void 0 ? void 0 : _c.textContent;
12
+ expect(svgTitle).to.equal('Log in to view this item');
13
+ });
14
+ it('should render component if content warning', async () => {
15
+ var _a, _b, _c;
16
16
  const el = await fixture(html `
17
17
  <icon-overlay .loggedIn=${false} .loginRequired=${false}> </icon-overlay>
18
- `);
19
- const svgTitle = (_c = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('svg')) === null || _b === void 0 ? void 0 : _b.querySelector('title')) === null || _c === void 0 ? void 0 : _c.textContent;
20
- expect(svgTitle).to.equal('Content may be inappropriate');
21
- });
22
- it('should render component if content warning', async () => {
23
- var _a, _b, _c;
18
+ `);
19
+ const svgTitle = (_c = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('svg')) === null || _b === void 0 ? void 0 : _b.querySelector('title')) === null || _c === void 0 ? void 0 : _c.textContent;
20
+ expect(svgTitle).to.equal('Content may be inappropriate');
21
+ });
22
+ it('should render component if content warning', async () => {
23
+ var _a, _b, _c;
24
24
  const el = await fixture(html `
25
25
  <icon-overlay .loggedIn=${true} .loginRequired=${true}> </icon-overlay>
26
- `);
27
- const svgTitle = (_c = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('svg')) === null || _b === void 0 ? void 0 : _b.querySelector('title')) === null || _c === void 0 ? void 0 : _c.textContent;
28
- expect(svgTitle).to.equal('Content may be inappropriate');
29
- });
30
- });
26
+ `);
27
+ const svgTitle = (_c = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('svg')) === null || _b === void 0 ? void 0 : _b.querySelector('title')) === null || _c === void 0 ? void 0 : _c.textContent;
28
+ expect(svgTitle).to.equal('Content may be inappropriate');
29
+ });
30
+ });
31
31
  //# sourceMappingURL=icon-overlay.test.js.map
@@ -1 +1 @@
1
- import '../src/tiles/image-block';
1
+ import '../src/tiles/image-block';
@@ -1,16 +1,16 @@
1
- /* eslint-disable import/no-duplicates */
2
- import { expect, fixture } from '@open-wc/testing';
3
- import { html } from 'lit';
4
- import '../src/tiles/image-block';
5
- describe('Image block component', () => {
6
- it('should render component grid display mode', async () => {
7
- var _a, _b, _c;
1
+ /* eslint-disable import/no-duplicates */
2
+ import { expect, fixture } from '@open-wc/testing';
3
+ import { html } from 'lit';
4
+ import '../src/tiles/image-block';
5
+ describe('Image block component', () => {
6
+ it('should render component grid display mode', async () => {
7
+ var _a, _b, _c;
8
8
  const el = await fixture(html `
9
9
  <image-block
10
- .model=${{
11
- loggedInRequired: true,
12
- contentWarning: true,
13
- identifier: 'goody',
10
+ .model=${{
11
+ loggedInRequired: true,
12
+ contentWarning: true,
13
+ identifier: 'goody',
14
14
  }}
15
15
  .baseImageUrl=${'https://archive.org'}
16
16
  .isCompactTile=${false}
@@ -19,22 +19,22 @@ describe('Image block component', () => {
19
19
  .loggedIn=${false}
20
20
  >
21
21
  </image-block>
22
- `);
23
- const viewSize = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.grid');
24
- const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('item-image');
25
- const textOverlay = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('text-overlay');
26
- expect(viewSize).to.exist;
27
- expect(itemImage).to.exist;
28
- expect(textOverlay).to.exist;
29
- });
30
- it('should render component list display mode', async () => {
31
- var _a, _b, _c;
22
+ `);
23
+ const viewSize = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.grid');
24
+ const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('item-image');
25
+ const textOverlay = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('text-overlay');
26
+ expect(viewSize).to.exist;
27
+ expect(itemImage).to.exist;
28
+ expect(textOverlay).to.exist;
29
+ });
30
+ it('should render component list display mode', async () => {
31
+ var _a, _b, _c;
32
32
  const el = await fixture(html `
33
33
  <image-block
34
- .model=${{
35
- loggedInRequired: true,
36
- contentWarning: true,
37
- identifier: 'goody',
34
+ .model=${{
35
+ loggedInRequired: true,
36
+ contentWarning: true,
37
+ identifier: 'goody',
38
38
  }}
39
39
  .baseImageUrl=${'https://archive.org'}
40
40
  .isCompactTile=${false}
@@ -43,22 +43,22 @@ describe('Image block component', () => {
43
43
  .loggedIn=${false}
44
44
  >
45
45
  </image-block>
46
- `);
47
- const viewSize = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.list.desktop');
48
- const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('item-image');
49
- const iconOverlay = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('icon-overlay');
50
- expect(viewSize).to.exist;
51
- expect(itemImage).to.exist;
52
- expect(iconOverlay).to.exist;
53
- });
54
- it('should render component compact display mode', async () => {
55
- var _a, _b, _c;
46
+ `);
47
+ const viewSize = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.list.desktop');
48
+ const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('item-image');
49
+ const iconOverlay = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('icon-overlay');
50
+ expect(viewSize).to.exist;
51
+ expect(itemImage).to.exist;
52
+ expect(iconOverlay).to.exist;
53
+ });
54
+ it('should render component compact display mode', async () => {
55
+ var _a, _b, _c;
56
56
  const el = await fixture(html `
57
57
  <image-block
58
- .model=${{
59
- loggedInRequired: true,
60
- contentWarning: true,
61
- identifier: 'goody',
58
+ .model=${{
59
+ loggedInRequired: true,
60
+ contentWarning: true,
61
+ identifier: 'goody',
62
62
  }}
63
63
  .baseImageUrl=${'https://archive.org'}
64
64
  .isCompactTile=${true}
@@ -67,13 +67,13 @@ describe('Image block component', () => {
67
67
  .loggedIn=${false}
68
68
  >
69
69
  </image-block>
70
- `);
71
- const viewSize = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.list-compact.desktop');
72
- const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('item-image');
73
- const iconOverlay = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('icon-overlay');
74
- expect(viewSize).to.exist;
75
- expect(itemImage).to.exist;
76
- expect(iconOverlay).to.exist;
77
- });
78
- });
70
+ `);
71
+ const viewSize = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.list-compact.desktop');
72
+ const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('item-image');
73
+ const iconOverlay = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('icon-overlay');
74
+ expect(viewSize).to.exist;
75
+ expect(itemImage).to.exist;
76
+ expect(iconOverlay).to.exist;
77
+ });
78
+ });
79
79
  //# sourceMappingURL=image-block.test.js.map
@@ -1 +1 @@
1
- import '../src/tiles/item-image';
1
+ import '../src/tiles/item-image';