@internetarchive/collection-browser 1.7.1-alpha.0 → 1.9.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 (275) 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 +469 -469
  72. package/dist/src/collection-browser.js +1667 -1653
  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 -76
  79. package/dist/src/collection-facets/more-facets-content.js +359 -352
  80. package/dist/src/collection-facets/more-facets-content.js.map +1 -1
  81. package/dist/src/collection-facets/more-facets-pagination.d.ts +36 -36
  82. package/dist/src/collection-facets/more-facets-pagination.js +196 -196
  83. package/dist/src/collection-facets/toggle-switch.d.ts +41 -41
  84. package/dist/src/collection-facets/toggle-switch.js +94 -94
  85. package/dist/src/collection-facets.d.ts +99 -98
  86. package/dist/src/collection-facets.js +472 -468
  87. package/dist/src/collection-facets.js.map +1 -1
  88. package/dist/src/empty-placeholder.d.ts +21 -21
  89. package/dist/src/empty-placeholder.js +69 -69
  90. package/dist/src/expanded-date-picker.d.ts +43 -43
  91. package/dist/src/expanded-date-picker.js +109 -109
  92. package/dist/src/language-code-handler/language-code-handler.d.ts +37 -37
  93. package/dist/src/language-code-handler/language-code-handler.js +26 -26
  94. package/dist/src/language-code-handler/language-code-mapping.d.ts +1 -1
  95. package/dist/src/language-code-handler/language-code-mapping.js +562 -562
  96. package/dist/src/mediatype/mediatype-config.d.ts +3 -3
  97. package/dist/src/mediatype/mediatype-config.js +85 -85
  98. package/dist/src/models.d.ts +162 -149
  99. package/dist/src/models.js +256 -195
  100. package/dist/src/models.js.map +1 -1
  101. package/dist/src/restoration-state-handler.d.ts +70 -63
  102. package/dist/src/restoration-state-handler.js +355 -326
  103. package/dist/src/restoration-state-handler.js.map +1 -1
  104. package/dist/src/sort-filter-bar/alpha-bar-tooltip.d.ts +6 -6
  105. package/dist/src/sort-filter-bar/alpha-bar-tooltip.js +24 -24
  106. package/dist/src/sort-filter-bar/alpha-bar.d.ts +21 -21
  107. package/dist/src/sort-filter-bar/alpha-bar.js +128 -128
  108. package/dist/src/sort-filter-bar/img/compact.d.ts +1 -1
  109. package/dist/src/sort-filter-bar/img/compact.js +2 -2
  110. package/dist/src/sort-filter-bar/img/list.d.ts +1 -1
  111. package/dist/src/sort-filter-bar/img/list.js +2 -2
  112. package/dist/src/sort-filter-bar/img/sort-toggle-disabled.d.ts +1 -1
  113. package/dist/src/sort-filter-bar/img/sort-toggle-disabled.js +2 -2
  114. package/dist/src/sort-filter-bar/img/sort-toggle-down.d.ts +1 -1
  115. package/dist/src/sort-filter-bar/img/sort-toggle-down.js +2 -2
  116. package/dist/src/sort-filter-bar/img/sort-toggle-up.d.ts +1 -1
  117. package/dist/src/sort-filter-bar/img/sort-toggle-up.js +2 -2
  118. package/dist/src/sort-filter-bar/img/sort-triangle.d.ts +1 -1
  119. package/dist/src/sort-filter-bar/img/sort-triangle.js +2 -2
  120. package/dist/src/sort-filter-bar/img/tile.d.ts +1 -1
  121. package/dist/src/sort-filter-bar/img/tile.js +2 -2
  122. package/dist/src/sort-filter-bar/sort-filter-bar.d.ts +201 -199
  123. package/dist/src/sort-filter-bar/sort-filter-bar.js +622 -617
  124. package/dist/src/sort-filter-bar/sort-filter-bar.js.map +1 -1
  125. package/dist/src/styles/item-image-styles.d.ts +8 -8
  126. package/dist/src/styles/item-image-styles.js +9 -9
  127. package/dist/src/styles/sr-only.d.ts +1 -1
  128. package/dist/src/styles/sr-only.js +2 -2
  129. package/dist/src/tiles/base-tile-component.d.ts +18 -18
  130. package/dist/src/tiles/base-tile-component.js +59 -59
  131. package/dist/src/tiles/collection-browser-loading-tile.d.ts +5 -5
  132. package/dist/src/tiles/collection-browser-loading-tile.js +15 -15
  133. package/dist/src/tiles/grid/account-tile.d.ts +18 -18
  134. package/dist/src/tiles/grid/account-tile.js +72 -72
  135. package/dist/src/tiles/grid/collection-tile.d.ts +15 -15
  136. package/dist/src/tiles/grid/collection-tile.js +80 -80
  137. package/dist/src/tiles/grid/item-tile.d.ts +27 -27
  138. package/dist/src/tiles/grid/item-tile.js +134 -134
  139. package/dist/src/tiles/grid/styles/tile-grid-shared-styles.d.ts +1 -1
  140. package/dist/src/tiles/grid/styles/tile-grid-shared-styles.js +8 -8
  141. package/dist/src/tiles/grid/tile-stats.d.ts +11 -11
  142. package/dist/src/tiles/grid/tile-stats.js +48 -48
  143. package/dist/src/tiles/hover/hover-pane-controller.d.ts +219 -219
  144. package/dist/src/tiles/hover/hover-pane-controller.js +352 -352
  145. package/dist/src/tiles/hover/tile-hover-pane.d.ts +15 -15
  146. package/dist/src/tiles/hover/tile-hover-pane.js +38 -38
  147. package/dist/src/tiles/image-block.d.ts +17 -17
  148. package/dist/src/tiles/image-block.js +72 -72
  149. package/dist/src/tiles/item-image.d.ts +35 -35
  150. package/dist/src/tiles/item-image.js +117 -117
  151. package/dist/src/tiles/list/tile-list-compact-header.d.ts +6 -6
  152. package/dist/src/tiles/list/tile-list-compact-header.js +38 -38
  153. package/dist/src/tiles/list/tile-list-compact.d.ts +15 -15
  154. package/dist/src/tiles/list/tile-list-compact.js +114 -114
  155. package/dist/src/tiles/list/tile-list.d.ts +46 -46
  156. package/dist/src/tiles/list/tile-list.js +298 -298
  157. package/dist/src/tiles/mediatype-icon.d.ts +9 -9
  158. package/dist/src/tiles/mediatype-icon.js +47 -47
  159. package/dist/src/tiles/overlay/icon-overlay.d.ts +10 -10
  160. package/dist/src/tiles/overlay/icon-overlay.js +40 -40
  161. package/dist/src/tiles/overlay/icon-text-overlay.d.ts +9 -9
  162. package/dist/src/tiles/overlay/icon-text-overlay.js +38 -38
  163. package/dist/src/tiles/overlay/text-overlay.d.ts +10 -10
  164. package/dist/src/tiles/overlay/text-overlay.js +42 -42
  165. package/dist/src/tiles/text-snippet-block.d.ts +27 -27
  166. package/dist/src/tiles/text-snippet-block.js +73 -73
  167. package/dist/src/tiles/tile-dispatcher.d.ts +50 -50
  168. package/dist/src/tiles/tile-dispatcher.js +185 -185
  169. package/dist/src/tiles/tile-display-value-provider.d.ts +43 -43
  170. package/dist/src/tiles/tile-display-value-provider.js +80 -80
  171. package/dist/src/utils/analytics-events.d.ts +24 -24
  172. package/dist/src/utils/analytics-events.js +26 -26
  173. package/dist/src/utils/array-equals.d.ts +4 -4
  174. package/dist/src/utils/array-equals.js +10 -10
  175. package/dist/src/utils/format-count.d.ts +7 -7
  176. package/dist/src/utils/format-count.js +76 -76
  177. package/dist/src/utils/format-date.d.ts +2 -2
  178. package/dist/src/utils/format-date.js +25 -25
  179. package/dist/src/utils/format-unit-size.d.ts +2 -2
  180. package/dist/src/utils/format-unit-size.js +33 -33
  181. package/dist/src/utils/local-date-from-utc.d.ts +9 -9
  182. package/dist/src/utils/local-date-from-utc.js +15 -15
  183. package/dist/src/utils/sha1.d.ts +2 -2
  184. package/dist/src/utils/sha1.js +8 -8
  185. package/dist/test/collection-browser.test.d.ts +1 -1
  186. package/dist/test/collection-browser.test.js +808 -808
  187. package/dist/test/collection-facets/facets-template.test.d.ts +1 -1
  188. package/dist/test/collection-facets/facets-template.test.js +134 -134
  189. package/dist/test/collection-facets/more-facets-content.test.d.ts +1 -1
  190. package/dist/test/collection-facets/more-facets-content.test.js +139 -114
  191. package/dist/test/collection-facets/more-facets-content.test.js.map +1 -1
  192. package/dist/test/collection-facets/more-facets-pagination.test.d.ts +1 -1
  193. package/dist/test/collection-facets/more-facets-pagination.test.js +117 -117
  194. package/dist/test/collection-facets/toggle-switch.test.d.ts +1 -1
  195. package/dist/test/collection-facets/toggle-switch.test.js +73 -73
  196. package/dist/test/collection-facets.test.d.ts +2 -2
  197. package/dist/test/collection-facets.test.js +645 -645
  198. package/dist/test/empty-placeholder.test.d.ts +1 -1
  199. package/dist/test/empty-placeholder.test.js +56 -56
  200. package/dist/test/expanded-date-picker.test.d.ts +1 -1
  201. package/dist/test/expanded-date-picker.test.js +95 -95
  202. package/dist/test/icon-overlay.test.d.ts +1 -1
  203. package/dist/test/icon-overlay.test.js +24 -24
  204. package/dist/test/image-block.test.d.ts +1 -1
  205. package/dist/test/image-block.test.js +48 -48
  206. package/dist/test/item-image.test.d.ts +1 -1
  207. package/dist/test/item-image.test.js +84 -84
  208. package/dist/test/mediatype-config.test.d.ts +1 -1
  209. package/dist/test/mediatype-config.test.js +16 -16
  210. package/dist/test/mocks/mock-analytics-handler.d.ts +10 -10
  211. package/dist/test/mocks/mock-analytics-handler.js +15 -15
  212. package/dist/test/mocks/mock-collection-name-cache.d.ts +9 -9
  213. package/dist/test/mocks/mock-collection-name-cache.js +17 -17
  214. package/dist/test/mocks/mock-search-responses.d.ts +19 -19
  215. package/dist/test/mocks/mock-search-responses.js +623 -623
  216. package/dist/test/mocks/mock-search-service.d.ts +15 -15
  217. package/dist/test/mocks/mock-search-service.js +48 -48
  218. package/dist/test/restoration-state-handler.test.d.ts +1 -1
  219. package/dist/test/restoration-state-handler.test.js +270 -218
  220. package/dist/test/restoration-state-handler.test.js.map +1 -1
  221. package/dist/test/sort-filter-bar/alpha-bar-tooltip.test.d.ts +1 -1
  222. package/dist/test/sort-filter-bar/alpha-bar-tooltip.test.js +12 -12
  223. package/dist/test/sort-filter-bar/alpha-bar.test.d.ts +1 -1
  224. package/dist/test/sort-filter-bar/alpha-bar.test.js +73 -73
  225. package/dist/test/sort-filter-bar/sort-filter-bar.test.d.ts +1 -1
  226. package/dist/test/sort-filter-bar/sort-filter-bar.test.js +378 -378
  227. package/dist/test/text-overlay.test.d.ts +1 -1
  228. package/dist/test/text-overlay.test.js +48 -48
  229. package/dist/test/text-snippet-block.test.d.ts +1 -1
  230. package/dist/test/text-snippet-block.test.js +57 -57
  231. package/dist/test/tile-stats.test.d.ts +1 -1
  232. package/dist/test/tile-stats.test.js +33 -33
  233. package/dist/test/tiles/grid/account-tile.test.d.ts +1 -1
  234. package/dist/test/tiles/grid/account-tile.test.js +76 -76
  235. package/dist/test/tiles/grid/collection-tile.test.d.ts +1 -1
  236. package/dist/test/tiles/grid/collection-tile.test.js +73 -73
  237. package/dist/test/tiles/grid/item-tile.test.d.ts +1 -1
  238. package/dist/test/tiles/grid/item-tile.test.js +254 -254
  239. package/dist/test/tiles/hover/hover-pane-controller.test.d.ts +1 -1
  240. package/dist/test/tiles/hover/hover-pane-controller.test.js +257 -257
  241. package/dist/test/tiles/hover/tile-hover-pane.test.d.ts +1 -1
  242. package/dist/test/tiles/hover/tile-hover-pane.test.js +13 -13
  243. package/dist/test/tiles/list/tile-list-compact.test.d.ts +1 -1
  244. package/dist/test/tiles/list/tile-list-compact.test.js +143 -143
  245. package/dist/test/tiles/list/tile-list.test.d.ts +1 -1
  246. package/dist/test/tiles/list/tile-list.test.js +242 -242
  247. package/dist/test/tiles/tile-dispatcher.test.d.ts +1 -1
  248. package/dist/test/tiles/tile-dispatcher.test.js +67 -67
  249. package/dist/test/tiles/tile-display-value-provider.test.d.ts +1 -1
  250. package/dist/test/tiles/tile-display-value-provider.test.js +141 -141
  251. package/dist/test/utils/array-equals.test.d.ts +1 -1
  252. package/dist/test/utils/array-equals.test.js +26 -26
  253. package/dist/test/utils/format-count.test.d.ts +1 -1
  254. package/dist/test/utils/format-count.test.js +23 -23
  255. package/dist/test/utils/format-date.test.d.ts +1 -1
  256. package/dist/test/utils/format-date.test.js +17 -17
  257. package/dist/test/utils/format-unit-size.test.d.ts +1 -1
  258. package/dist/test/utils/format-unit-size.test.js +17 -17
  259. package/dist/test/utils/local-date-from-utc.test.d.ts +1 -1
  260. package/dist/test/utils/local-date-from-utc.test.js +26 -26
  261. package/local.archive.org.cert +86 -86
  262. package/local.archive.org.key +27 -27
  263. package/package.json +3 -3
  264. package/renovate.json +6 -6
  265. package/src/collection-browser.ts +25 -8
  266. package/src/collection-facets/more-facets-content.ts +9 -2
  267. package/src/collection-facets.ts +3 -0
  268. package/src/models.ts +193 -109
  269. package/src/restoration-state-handler.ts +66 -40
  270. package/src/sort-filter-bar/sort-filter-bar.ts +34 -27
  271. package/test/collection-facets/more-facets-content.test.ts +35 -0
  272. package/test/restoration-state-handler.test.ts +68 -1
  273. package/tsconfig.json +21 -21
  274. package/web-dev-server.config.mjs +30 -30
  275. package/web-test-runner.config.mjs +41 -41
@@ -1,93 +1,93 @@
1
- import { __decorate } from "tslib";
2
- /* eslint-disable no-console */
3
- import { AnalyticsManager, } from '@internetarchive/analytics-manager';
4
- import { SearchService, SearchType, StringField, } from '@internetarchive/search-service';
5
- import { LocalCache } from '@internetarchive/local-cache';
6
- import { html, css, LitElement } from 'lit';
7
- import { customElement, property, query, state } from 'lit/decorators.js';
8
- import { SharedResizeObserver } from '@internetarchive/shared-resize-observer';
9
- import { CollectionNameCache } from '@internetarchive/collection-name-cache';
10
- import '../src/collection-browser';
11
- let AppRoot = class AppRoot extends LitElement {
12
- constructor() {
13
- super(...arguments);
14
- this.searchService = this.initSearchServiceFromUrlParams();
15
- this.resizeObserver = new SharedResizeObserver();
16
- this.localCache = new LocalCache();
17
- this.collectionNameCache = new CollectionNameCache({
18
- searchService: this.searchService,
19
- localCache: this.localCache,
20
- });
21
- this.cellWidth = 18;
22
- this.cellHeight = 29;
23
- this.rowGap = 1.7;
24
- this.colGap = 1.7;
25
- this.loggedIn = false;
26
- this.searchType = SearchType.METADATA;
27
- this.analyticsManager = new AnalyticsManager();
28
- this.analyticsHandler = {
29
- sendPing: this.sendAnalytics.bind(this),
30
- sendEvent: this.sendAnalytics.bind(this),
31
- sendEventNoSampling: this.sendAnalytics.bind(this),
32
- };
33
- }
34
- sendAnalytics(ae) {
35
- var _a;
36
- console.log('Analytics Received ----', ae);
37
- this.latestAction = ae;
38
- (_a = this.analyticsManager) === null || _a === void 0 ? void 0 : _a.sendEvent(ae);
39
- }
40
- initSearchServiceFromUrlParams() {
41
- var _a, _b, _c;
42
- const params = new URL(window.location.href).searchParams;
43
- return new SearchService({
44
- includeCredentials: false,
45
- baseUrl: (_a = params.get('search_base_url')) !== null && _a !== void 0 ? _a : undefined,
46
- servicePath: (_b = params.get('search_service_path')) !== null && _b !== void 0 ? _b : undefined,
47
- debuggingEnabled: (_c = !!params.get('debugging')) !== null && _c !== void 0 ? _c : undefined,
48
- });
49
- }
50
- searchPressed(e) {
51
- e.preventDefault();
52
- this.searchQuery = this.baseQueryField.value;
53
- this.collectionBrowser.searchType = this.searchType;
54
- this.goToCurrentPage();
55
- }
56
- collectionChanged(e) {
57
- e.preventDefault();
58
- this.withinCollection = this.baseCollectionField.value;
59
- this.collectionBrowser.withinCollection = this.withinCollection;
60
- this.goToCurrentPage();
61
- }
62
- goToCurrentPage() {
63
- var _a;
64
- const page = (_a = this.currentPage) !== null && _a !== void 0 ? _a : 1;
65
- if (page > 1) {
66
- this.collectionBrowser.goToPage(page);
67
- }
68
- }
69
- changePagePressed(e) {
70
- e.preventDefault();
71
- this.currentPage = this.pageNumberInput.valueAsNumber;
72
- this.collectionBrowser.goToPage(this.currentPage);
73
- }
74
- updated(changed) {
75
- if (changed.has('currentPage') && this.currentPage) {
76
- this.pageNumberInput.value = this.currentPage.toString();
77
- }
78
- if (changed.has('searchQuery')) {
79
- this.queryUpdated();
80
- }
81
- }
82
- queryUpdated() {
83
- this.collectionBrowser.baseQuery = this.searchQuery;
84
- }
85
- get getClass() {
86
- const searchParams = new URLSearchParams(window.location.search);
87
- return searchParams.get('hide-dev-tools') ? 'hidden' : '';
88
- }
89
- render() {
90
- var _a, _b;
1
+ import { __decorate } from "tslib";
2
+ /* eslint-disable no-console */
3
+ import { AnalyticsManager, } from '@internetarchive/analytics-manager';
4
+ import { SearchService, SearchType, StringField, } from '@internetarchive/search-service';
5
+ import { LocalCache } from '@internetarchive/local-cache';
6
+ import { html, css, LitElement } from 'lit';
7
+ import { customElement, property, query, state } from 'lit/decorators.js';
8
+ import { SharedResizeObserver } from '@internetarchive/shared-resize-observer';
9
+ import { CollectionNameCache } from '@internetarchive/collection-name-cache';
10
+ import '../src/collection-browser';
11
+ let AppRoot = class AppRoot extends LitElement {
12
+ constructor() {
13
+ super(...arguments);
14
+ this.searchService = this.initSearchServiceFromUrlParams();
15
+ this.resizeObserver = new SharedResizeObserver();
16
+ this.localCache = new LocalCache();
17
+ this.collectionNameCache = new CollectionNameCache({
18
+ searchService: this.searchService,
19
+ localCache: this.localCache,
20
+ });
21
+ this.cellWidth = 18;
22
+ this.cellHeight = 29;
23
+ this.rowGap = 1.7;
24
+ this.colGap = 1.7;
25
+ this.loggedIn = false;
26
+ this.searchType = SearchType.METADATA;
27
+ this.analyticsManager = new AnalyticsManager();
28
+ this.analyticsHandler = {
29
+ sendPing: this.sendAnalytics.bind(this),
30
+ sendEvent: this.sendAnalytics.bind(this),
31
+ sendEventNoSampling: this.sendAnalytics.bind(this),
32
+ };
33
+ }
34
+ sendAnalytics(ae) {
35
+ var _a;
36
+ console.log('Analytics Received ----', ae);
37
+ this.latestAction = ae;
38
+ (_a = this.analyticsManager) === null || _a === void 0 ? void 0 : _a.sendEvent(ae);
39
+ }
40
+ initSearchServiceFromUrlParams() {
41
+ var _a, _b, _c;
42
+ const params = new URL(window.location.href).searchParams;
43
+ return new SearchService({
44
+ includeCredentials: false,
45
+ baseUrl: (_a = params.get('search_base_url')) !== null && _a !== void 0 ? _a : undefined,
46
+ servicePath: (_b = params.get('search_service_path')) !== null && _b !== void 0 ? _b : undefined,
47
+ debuggingEnabled: (_c = !!params.get('debugging')) !== null && _c !== void 0 ? _c : undefined,
48
+ });
49
+ }
50
+ searchPressed(e) {
51
+ e.preventDefault();
52
+ this.searchQuery = this.baseQueryField.value;
53
+ this.collectionBrowser.searchType = this.searchType;
54
+ this.goToCurrentPage();
55
+ }
56
+ collectionChanged(e) {
57
+ e.preventDefault();
58
+ this.withinCollection = this.baseCollectionField.value;
59
+ this.collectionBrowser.withinCollection = this.withinCollection;
60
+ this.goToCurrentPage();
61
+ }
62
+ goToCurrentPage() {
63
+ var _a;
64
+ const page = (_a = this.currentPage) !== null && _a !== void 0 ? _a : 1;
65
+ if (page > 1) {
66
+ this.collectionBrowser.goToPage(page);
67
+ }
68
+ }
69
+ changePagePressed(e) {
70
+ e.preventDefault();
71
+ this.currentPage = this.pageNumberInput.valueAsNumber;
72
+ this.collectionBrowser.goToPage(this.currentPage);
73
+ }
74
+ updated(changed) {
75
+ if (changed.has('currentPage') && this.currentPage) {
76
+ this.pageNumberInput.value = this.currentPage.toString();
77
+ }
78
+ if (changed.has('searchQuery')) {
79
+ this.queryUpdated();
80
+ }
81
+ }
82
+ queryUpdated() {
83
+ this.collectionBrowser.baseQuery = this.searchQuery;
84
+ }
85
+ get getClass() {
86
+ const searchParams = new URLSearchParams(window.location.search);
87
+ return searchParams.get('hide-dev-tools') ? 'hidden' : '';
88
+ }
89
+ render() {
90
+ var _a, _b;
91
91
  return html `
92
92
  <div class="dev-tool-container">
93
93
  <div id="dev-tools" class=${this.getClass}>
@@ -147,21 +147,21 @@ let AppRoot = class AppRoot extends LitElement {
147
147
 
148
148
  <div id="toggle-controls">
149
149
  <button
150
- @click=${() => {
151
- var _a, _b;
152
- const details = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('cell-size-control');
153
- details === null || details === void 0 ? void 0 : details.classList.toggle('hidden');
154
- const rowGapControls = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.getElementById('cell-gap-control');
155
- rowGapControls === null || rowGapControls === void 0 ? void 0 : rowGapControls.classList.toggle('hidden');
150
+ @click=${() => {
151
+ var _a, _b;
152
+ const details = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('cell-size-control');
153
+ details === null || details === void 0 ? void 0 : details.classList.toggle('hidden');
154
+ const rowGapControls = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.getElementById('cell-gap-control');
155
+ rowGapControls === null || rowGapControls === void 0 ? void 0 : rowGapControls.classList.toggle('hidden');
156
156
  }}
157
157
  >
158
158
  Toggle Cell Controls
159
159
  </button>
160
160
  <button
161
- @click=${() => {
162
- var _a;
163
- const details = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('latest-event-details');
164
- details === null || details === void 0 ? void 0 : details.classList.toggle('hidden');
161
+ @click=${() => {
162
+ var _a;
163
+ const details = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('latest-event-details');
164
+ details === null || details === void 0 ? void 0 : details.classList.toggle('hidden');
165
165
  }}
166
166
  >
167
167
  Last Event Captured
@@ -301,149 +301,149 @@ let AppRoot = class AppRoot extends LitElement {
301
301
  </collection-browser>
302
302
  </div>
303
303
  <modal-manager></modal-manager>
304
- `;
305
- }
306
- baseQueryChanged(e) {
307
- this.searchQuery = e.detail.baseQuery;
308
- }
309
- /** Handler for search type changes coming from collection browser */
310
- searchTypeChanged(e) {
311
- this.searchType = e.detail;
312
- }
313
- /** Handler for user input selecting a search type */
314
- searchTypeSelected(e) {
315
- const target = e.target;
316
- this.searchType =
317
- target.value === 'fulltext' ? SearchType.FULLTEXT : SearchType.METADATA;
318
- }
319
- loginChanged(e) {
320
- const target = e.target;
321
- if (target.checked) {
322
- this.loggedIn = true;
323
- }
324
- else {
325
- this.loggedIn = false;
326
- }
327
- }
328
- outlineChanged(e) {
329
- const target = e.target;
330
- if (target.checked) {
331
- this.collectionBrowser.style.setProperty('--infiniteScrollerCellOutline', '1px solid #33D1FF');
332
- }
333
- else {
334
- this.collectionBrowser.style.removeProperty('--infiniteScrollerCellOutline');
335
- }
336
- }
337
- toggleDevTools() {
338
- var _a, _b;
339
- const pageUrl = new URL(window.location.href);
340
- const { searchParams } = pageUrl;
341
- if (searchParams.get('hide-dev-tools')) {
342
- searchParams.delete('hide-dev-tools');
343
- }
344
- else {
345
- searchParams.set('hide-dev-tools', 'true');
346
- }
347
- (_b = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('dev-tools')) === null || _b === void 0 ? void 0 : _b.classList.toggle('hidden');
348
- if (window.history.replaceState) {
349
- window.history.replaceState({
350
- path: pageUrl.toString(),
351
- }, '', pageUrl.toString());
352
- }
353
- }
354
- toggleFacetGroupOutline(e) {
355
- const target = e.target;
356
- if (target.checked) {
357
- this.collectionBrowser.classList.add('showFacetGroupOutlines');
358
- this.modalManager.classList.add('showFacetGroupOutlines');
359
- }
360
- else {
361
- this.collectionBrowser.classList.remove('showFacetGroupOutlines');
362
- this.modalManager.classList.remove('showFacetGroupOutlines');
363
- }
364
- }
365
- async snippetsChanged(e) {
366
- const target = e.target;
367
- if (target.checked) {
368
- // Decorate the default search service with a wrapper that adds
369
- // dummy snippets to any successful searches
370
- this.searchService = {
371
- async search(params, searchType) {
372
- var _a;
373
- const searchResponse = await SearchService.default.search(params, searchType);
374
- (_a = searchResponse.success) === null || _a === void 0 ? void 0 : _a.response.results.forEach(result => {
375
- Object.defineProperty(result, 'highlight', {
376
- value: new StringField([
377
- 'this is a text {{{snippet}}} block with potentially',
378
- 'multiple {{{snippets}}} and such',
379
- 'but the {{{snippet}}} block may be quite long perhaps',
380
- 'depending on how many {{{snippet}}} matches there are',
381
- 'there may be multiple lines of {{{snippets}}} to show',
382
- 'but each {{{snippet}}} should be relatively short',
383
- 'and {{{snippets}}} are each a {{{snippet}}} of text',
384
- 'but every {{{snippet}}} might have multiple matches',
385
- 'the {{{snippets}}} should be separated and surrounded by ellipses',
386
- ]),
387
- });
388
- });
389
- return searchResponse;
390
- },
391
- };
392
- }
393
- else {
394
- // Restore the default seach service
395
- this.searchService = SearchService.default;
396
- }
397
- // Re-perform the current search to show/hide the snippets immediately
398
- this.reperformCurrentSearch();
399
- }
400
- async reperformCurrentSearch() {
401
- const oldQuery = this.searchQuery;
402
- this.searchQuery = ''; // Should just reset to the placeholder
403
- await this.updateComplete;
404
- // For unclear reasons, Safari refuses to re-apply the old query until the next tick, hence:
405
- await new Promise(res => {
406
- setTimeout(res, 0);
407
- });
408
- this.searchQuery = oldQuery; // Re-apply the original query
409
- }
410
- datePickerChanged(e) {
411
- const target = e.target;
412
- this.collectionBrowser.showHistogramDatePicker = target.checked;
413
- // When disabling the date picker from the demo app, also clear any existing date range params
414
- if (!this.collectionBrowser.showHistogramDatePicker) {
415
- this.collectionBrowser.minSelectedDate = undefined;
416
- this.collectionBrowser.maxSelectedDate = undefined;
417
- }
418
- }
419
- rowGapChanged(e) {
420
- const input = e.target;
421
- this.rowGap = parseFloat(input.value);
422
- this.collectionBrowser.style.setProperty('--collectionBrowserRowGap', `${input.value}rem`);
423
- }
424
- colGapChanged(e) {
425
- const input = e.target;
426
- this.colGap = parseFloat(input.value);
427
- this.collectionBrowser.style.setProperty('--collectionBrowserColGap', `${input.value}rem`);
428
- }
429
- widthChanged(e) {
430
- const input = e.target;
431
- this.cellWidth = parseFloat(input.value);
432
- this.collectionBrowser.style.setProperty('--collectionBrowserCellMinWidth', `${input.value}rem`);
433
- }
434
- heightChanged(e) {
435
- const input = e.target;
436
- this.cellHeight = parseFloat(input.value);
437
- this.collectionBrowser.style.setProperty('--collectionBrowserCellMinHeight', `${input.value}rem`);
438
- this.collectionBrowser.style.setProperty('--collectionBrowserCellMaxHeight', `${input.value}rem`);
439
- }
440
- visiblePageChanged(e) {
441
- const { pageNumber } = e.detail;
442
- if (pageNumber === this.currentPage)
443
- return;
444
- this.currentPage = pageNumber;
445
- }
446
- };
304
+ `;
305
+ }
306
+ baseQueryChanged(e) {
307
+ this.searchQuery = e.detail.baseQuery;
308
+ }
309
+ /** Handler for search type changes coming from collection browser */
310
+ searchTypeChanged(e) {
311
+ this.searchType = e.detail;
312
+ }
313
+ /** Handler for user input selecting a search type */
314
+ searchTypeSelected(e) {
315
+ const target = e.target;
316
+ this.searchType =
317
+ target.value === 'fulltext' ? SearchType.FULLTEXT : SearchType.METADATA;
318
+ }
319
+ loginChanged(e) {
320
+ const target = e.target;
321
+ if (target.checked) {
322
+ this.loggedIn = true;
323
+ }
324
+ else {
325
+ this.loggedIn = false;
326
+ }
327
+ }
328
+ outlineChanged(e) {
329
+ const target = e.target;
330
+ if (target.checked) {
331
+ this.collectionBrowser.style.setProperty('--infiniteScrollerCellOutline', '1px solid #33D1FF');
332
+ }
333
+ else {
334
+ this.collectionBrowser.style.removeProperty('--infiniteScrollerCellOutline');
335
+ }
336
+ }
337
+ toggleDevTools() {
338
+ var _a, _b;
339
+ const pageUrl = new URL(window.location.href);
340
+ const { searchParams } = pageUrl;
341
+ if (searchParams.get('hide-dev-tools')) {
342
+ searchParams.delete('hide-dev-tools');
343
+ }
344
+ else {
345
+ searchParams.set('hide-dev-tools', 'true');
346
+ }
347
+ (_b = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('dev-tools')) === null || _b === void 0 ? void 0 : _b.classList.toggle('hidden');
348
+ if (window.history.replaceState) {
349
+ window.history.replaceState({
350
+ path: pageUrl.toString(),
351
+ }, '', pageUrl.toString());
352
+ }
353
+ }
354
+ toggleFacetGroupOutline(e) {
355
+ const target = e.target;
356
+ if (target.checked) {
357
+ this.collectionBrowser.classList.add('showFacetGroupOutlines');
358
+ this.modalManager.classList.add('showFacetGroupOutlines');
359
+ }
360
+ else {
361
+ this.collectionBrowser.classList.remove('showFacetGroupOutlines');
362
+ this.modalManager.classList.remove('showFacetGroupOutlines');
363
+ }
364
+ }
365
+ async snippetsChanged(e) {
366
+ const target = e.target;
367
+ if (target.checked) {
368
+ // Decorate the default search service with a wrapper that adds
369
+ // dummy snippets to any successful searches
370
+ this.searchService = {
371
+ async search(params, searchType) {
372
+ var _a;
373
+ const searchResponse = await SearchService.default.search(params, searchType);
374
+ (_a = searchResponse.success) === null || _a === void 0 ? void 0 : _a.response.results.forEach(result => {
375
+ Object.defineProperty(result, 'highlight', {
376
+ value: new StringField([
377
+ 'this is a text {{{snippet}}} block with potentially',
378
+ 'multiple {{{snippets}}} and such',
379
+ 'but the {{{snippet}}} block may be quite long perhaps',
380
+ 'depending on how many {{{snippet}}} matches there are',
381
+ 'there may be multiple lines of {{{snippets}}} to show',
382
+ 'but each {{{snippet}}} should be relatively short',
383
+ 'and {{{snippets}}} are each a {{{snippet}}} of text',
384
+ 'but every {{{snippet}}} might have multiple matches',
385
+ 'the {{{snippets}}} should be separated and surrounded by ellipses',
386
+ ]),
387
+ });
388
+ });
389
+ return searchResponse;
390
+ },
391
+ };
392
+ }
393
+ else {
394
+ // Restore the default seach service
395
+ this.searchService = SearchService.default;
396
+ }
397
+ // Re-perform the current search to show/hide the snippets immediately
398
+ this.reperformCurrentSearch();
399
+ }
400
+ async reperformCurrentSearch() {
401
+ const oldQuery = this.searchQuery;
402
+ this.searchQuery = ''; // Should just reset to the placeholder
403
+ await this.updateComplete;
404
+ // For unclear reasons, Safari refuses to re-apply the old query until the next tick, hence:
405
+ await new Promise(res => {
406
+ setTimeout(res, 0);
407
+ });
408
+ this.searchQuery = oldQuery; // Re-apply the original query
409
+ }
410
+ datePickerChanged(e) {
411
+ const target = e.target;
412
+ this.collectionBrowser.showHistogramDatePicker = target.checked;
413
+ // When disabling the date picker from the demo app, also clear any existing date range params
414
+ if (!this.collectionBrowser.showHistogramDatePicker) {
415
+ this.collectionBrowser.minSelectedDate = undefined;
416
+ this.collectionBrowser.maxSelectedDate = undefined;
417
+ }
418
+ }
419
+ rowGapChanged(e) {
420
+ const input = e.target;
421
+ this.rowGap = parseFloat(input.value);
422
+ this.collectionBrowser.style.setProperty('--collectionBrowserRowGap', `${input.value}rem`);
423
+ }
424
+ colGapChanged(e) {
425
+ const input = e.target;
426
+ this.colGap = parseFloat(input.value);
427
+ this.collectionBrowser.style.setProperty('--collectionBrowserColGap', `${input.value}rem`);
428
+ }
429
+ widthChanged(e) {
430
+ const input = e.target;
431
+ this.cellWidth = parseFloat(input.value);
432
+ this.collectionBrowser.style.setProperty('--collectionBrowserCellMinWidth', `${input.value}rem`);
433
+ }
434
+ heightChanged(e) {
435
+ const input = e.target;
436
+ this.cellHeight = parseFloat(input.value);
437
+ this.collectionBrowser.style.setProperty('--collectionBrowserCellMinHeight', `${input.value}rem`);
438
+ this.collectionBrowser.style.setProperty('--collectionBrowserCellMaxHeight', `${input.value}rem`);
439
+ }
440
+ visiblePageChanged(e) {
441
+ const { pageNumber } = e.detail;
442
+ if (pageNumber === this.currentPage)
443
+ return;
444
+ this.currentPage = pageNumber;
445
+ }
446
+ };
447
447
  AppRoot.styles = css `
448
448
  :host {
449
449
  display: block;
@@ -617,54 +617,54 @@ AppRoot.styles = css `
617
617
  background-color: aliceblue;
618
618
  font-size: 1.6rem;
619
619
  }
620
- `;
621
- __decorate([
622
- state()
623
- ], AppRoot.prototype, "currentPage", void 0);
624
- __decorate([
625
- state()
626
- ], AppRoot.prototype, "searchQuery", void 0);
627
- __decorate([
628
- state()
629
- ], AppRoot.prototype, "withinCollection", void 0);
630
- __decorate([
631
- state()
632
- ], AppRoot.prototype, "cellWidth", void 0);
633
- __decorate([
634
- state()
635
- ], AppRoot.prototype, "cellHeight", void 0);
636
- __decorate([
637
- state()
638
- ], AppRoot.prototype, "rowGap", void 0);
639
- __decorate([
640
- state()
641
- ], AppRoot.prototype, "colGap", void 0);
642
- __decorate([
643
- state()
644
- ], AppRoot.prototype, "loggedIn", void 0);
645
- __decorate([
646
- state()
647
- ], AppRoot.prototype, "searchType", void 0);
648
- __decorate([
649
- property({ type: Object, reflect: false })
650
- ], AppRoot.prototype, "latestAction", void 0);
651
- __decorate([
652
- query('#base-query-field')
653
- ], AppRoot.prototype, "baseQueryField", void 0);
654
- __decorate([
655
- query('#base-collection-field')
656
- ], AppRoot.prototype, "baseCollectionField", void 0);
657
- __decorate([
658
- query('#page-number-input')
659
- ], AppRoot.prototype, "pageNumberInput", void 0);
660
- __decorate([
661
- query('collection-browser')
662
- ], AppRoot.prototype, "collectionBrowser", void 0);
663
- __decorate([
664
- query('modal-manager')
665
- ], AppRoot.prototype, "modalManager", void 0);
666
- AppRoot = __decorate([
667
- customElement('app-root')
668
- ], AppRoot);
669
- export { AppRoot };
620
+ `;
621
+ __decorate([
622
+ state()
623
+ ], AppRoot.prototype, "currentPage", void 0);
624
+ __decorate([
625
+ state()
626
+ ], AppRoot.prototype, "searchQuery", void 0);
627
+ __decorate([
628
+ state()
629
+ ], AppRoot.prototype, "withinCollection", void 0);
630
+ __decorate([
631
+ state()
632
+ ], AppRoot.prototype, "cellWidth", void 0);
633
+ __decorate([
634
+ state()
635
+ ], AppRoot.prototype, "cellHeight", void 0);
636
+ __decorate([
637
+ state()
638
+ ], AppRoot.prototype, "rowGap", void 0);
639
+ __decorate([
640
+ state()
641
+ ], AppRoot.prototype, "colGap", void 0);
642
+ __decorate([
643
+ state()
644
+ ], AppRoot.prototype, "loggedIn", void 0);
645
+ __decorate([
646
+ state()
647
+ ], AppRoot.prototype, "searchType", void 0);
648
+ __decorate([
649
+ property({ type: Object, reflect: false })
650
+ ], AppRoot.prototype, "latestAction", void 0);
651
+ __decorate([
652
+ query('#base-query-field')
653
+ ], AppRoot.prototype, "baseQueryField", void 0);
654
+ __decorate([
655
+ query('#base-collection-field')
656
+ ], AppRoot.prototype, "baseCollectionField", void 0);
657
+ __decorate([
658
+ query('#page-number-input')
659
+ ], AppRoot.prototype, "pageNumberInput", void 0);
660
+ __decorate([
661
+ query('collection-browser')
662
+ ], AppRoot.prototype, "collectionBrowser", void 0);
663
+ __decorate([
664
+ query('modal-manager')
665
+ ], AppRoot.prototype, "modalManager", void 0);
666
+ AppRoot = __decorate([
667
+ customElement('app-root')
668
+ ], AppRoot);
669
+ export { AppRoot };
670
670
  //# sourceMappingURL=app-root.js.map
@@ -1,2 +1,2 @@
1
- declare const _default: import("lit-html").TemplateResult<2>;
2
- export default _default;
1
+ declare const _default: import("lit-html").TemplateResult<2>;
2
+ export default _default;
@@ -1,4 +1,4 @@
1
- import { svg } from 'lit';
1
+ import { svg } from 'lit';
2
2
  export default svg `
3
3
  <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
4
4
  <path
@@ -6,5 +6,5 @@ export default svg `
6
6
  />
7
7
  <title>Go left icon</title>
8
8
  </svg>
9
- `;
9
+ `;
10
10
  //# sourceMappingURL=arrow-left.js.map
@@ -1,2 +1,2 @@
1
- declare const _default: import("lit-html").TemplateResult<2>;
2
- export default _default;
1
+ declare const _default: import("lit-html").TemplateResult<2>;
2
+ export default _default;
@@ -1,4 +1,4 @@
1
- import { svg } from 'lit';
1
+ import { svg } from 'lit';
2
2
  export default svg `
3
3
  <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
4
4
  <path
@@ -6,5 +6,5 @@ export default svg `
6
6
  />
7
7
  <title>Go right icon</title>
8
8
  </svg>
9
- `;
9
+ `;
10
10
  //# sourceMappingURL=arrow-right.js.map
@@ -1,2 +1,2 @@
1
- declare const _default: import("lit-html").TemplateResult<2>;
2
- export default _default;
1
+ declare const _default: import("lit-html").TemplateResult<2>;
2
+ export default _default;