@internetarchive/collection-browser 1.14.2 → 1.14.4

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 (289) 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 +64 -64
  12. package/dist/src/app-root.js +311 -311
  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/search.d.ts +1 -0
  50. package/dist/src/assets/img/icons/mediatype/search.js +14 -0
  51. package/dist/src/assets/img/icons/mediatype/search.js.map +1 -0
  52. package/dist/src/assets/img/icons/mediatype/software.d.ts +1 -1
  53. package/dist/src/assets/img/icons/mediatype/software.js +2 -2
  54. package/dist/src/assets/img/icons/mediatype/texts.d.ts +1 -1
  55. package/dist/src/assets/img/icons/mediatype/texts.js +2 -2
  56. package/dist/src/assets/img/icons/mediatype/tv.d.ts +1 -1
  57. package/dist/src/assets/img/icons/mediatype/tv.js +2 -2
  58. package/dist/src/assets/img/icons/mediatype/video.d.ts +1 -1
  59. package/dist/src/assets/img/icons/mediatype/video.js +2 -2
  60. package/dist/src/assets/img/icons/mediatype/web.d.ts +1 -1
  61. package/dist/src/assets/img/icons/mediatype/web.js +2 -2
  62. package/dist/src/assets/img/icons/null-result.d.ts +2 -2
  63. package/dist/src/assets/img/icons/null-result.js +2 -2
  64. package/dist/src/assets/img/icons/restricted.d.ts +1 -1
  65. package/dist/src/assets/img/icons/restricted.js +2 -2
  66. package/dist/src/assets/img/icons/reviews.d.ts +1 -1
  67. package/dist/src/assets/img/icons/reviews.js +2 -2
  68. package/dist/src/assets/img/icons/upload.d.ts +1 -1
  69. package/dist/src/assets/img/icons/upload.js +2 -2
  70. package/dist/src/assets/img/icons/views.d.ts +1 -1
  71. package/dist/src/assets/img/icons/views.js +2 -2
  72. package/dist/src/circular-activity-indicator.d.ts +5 -5
  73. package/dist/src/circular-activity-indicator.js +17 -17
  74. package/dist/src/collection-browser.d.ts +524 -523
  75. package/dist/src/collection-browser.js +1859 -1841
  76. package/dist/src/collection-browser.js.map +1 -1
  77. package/dist/src/collection-facets/facet-tombstone-row.d.ts +5 -5
  78. package/dist/src/collection-facets/facet-tombstone-row.js +15 -15
  79. package/dist/src/collection-facets/facets-template.d.ts +20 -20
  80. package/dist/src/collection-facets/facets-template.js +152 -152
  81. package/dist/src/collection-facets/more-facets-content.d.ts +77 -77
  82. package/dist/src/collection-facets/more-facets-content.js +359 -359
  83. package/dist/src/collection-facets/more-facets-pagination.d.ts +36 -36
  84. package/dist/src/collection-facets/more-facets-pagination.js +196 -196
  85. package/dist/src/collection-facets/toggle-switch.d.ts +41 -41
  86. package/dist/src/collection-facets/toggle-switch.js +94 -94
  87. package/dist/src/collection-facets.d.ts +104 -104
  88. package/dist/src/collection-facets.js +506 -506
  89. package/dist/src/empty-placeholder.d.ts +23 -23
  90. package/dist/src/empty-placeholder.js +74 -74
  91. package/dist/src/expanded-date-picker.d.ts +43 -43
  92. package/dist/src/expanded-date-picker.js +109 -109
  93. package/dist/src/language-code-handler/language-code-handler.d.ts +37 -37
  94. package/dist/src/language-code-handler/language-code-handler.js +26 -26
  95. package/dist/src/language-code-handler/language-code-mapping.d.ts +1 -1
  96. package/dist/src/language-code-handler/language-code-mapping.js +562 -562
  97. package/dist/src/manage/manage-bar.d.ts +26 -26
  98. package/dist/src/manage/manage-bar.js +53 -53
  99. package/dist/src/mediatype/mediatype-config.d.ts +3 -3
  100. package/dist/src/mediatype/mediatype-config.js +91 -85
  101. package/dist/src/mediatype/mediatype-config.js.map +1 -1
  102. package/dist/src/models.d.ts +164 -164
  103. package/dist/src/models.js +269 -269
  104. package/dist/src/restoration-state-handler.d.ts +70 -70
  105. package/dist/src/restoration-state-handler.js +355 -355
  106. package/dist/src/sort-filter-bar/alpha-bar-tooltip.d.ts +6 -6
  107. package/dist/src/sort-filter-bar/alpha-bar-tooltip.js +24 -24
  108. package/dist/src/sort-filter-bar/alpha-bar.d.ts +21 -21
  109. package/dist/src/sort-filter-bar/alpha-bar.js +128 -128
  110. package/dist/src/sort-filter-bar/img/compact.d.ts +1 -1
  111. package/dist/src/sort-filter-bar/img/compact.js +2 -2
  112. package/dist/src/sort-filter-bar/img/list.d.ts +1 -1
  113. package/dist/src/sort-filter-bar/img/list.js +2 -2
  114. package/dist/src/sort-filter-bar/img/sort-toggle-disabled.d.ts +1 -1
  115. package/dist/src/sort-filter-bar/img/sort-toggle-disabled.js +2 -2
  116. package/dist/src/sort-filter-bar/img/sort-toggle-down.d.ts +1 -1
  117. package/dist/src/sort-filter-bar/img/sort-toggle-down.js +2 -2
  118. package/dist/src/sort-filter-bar/img/sort-toggle-up.d.ts +1 -1
  119. package/dist/src/sort-filter-bar/img/sort-toggle-up.js +2 -2
  120. package/dist/src/sort-filter-bar/img/sort-triangle.d.ts +1 -1
  121. package/dist/src/sort-filter-bar/img/sort-triangle.js +2 -2
  122. package/dist/src/sort-filter-bar/img/tile.d.ts +1 -1
  123. package/dist/src/sort-filter-bar/img/tile.js +2 -2
  124. package/dist/src/sort-filter-bar/sort-filter-bar.d.ts +208 -208
  125. package/dist/src/sort-filter-bar/sort-filter-bar.js +637 -637
  126. package/dist/src/styles/item-image-styles.d.ts +8 -8
  127. package/dist/src/styles/item-image-styles.js +13 -9
  128. package/dist/src/styles/item-image-styles.js.map +1 -1
  129. package/dist/src/styles/sr-only.d.ts +1 -1
  130. package/dist/src/styles/sr-only.js +2 -2
  131. package/dist/src/tiles/base-tile-component.d.ts +18 -18
  132. package/dist/src/tiles/base-tile-component.js +59 -59
  133. package/dist/src/tiles/collection-browser-loading-tile.d.ts +5 -5
  134. package/dist/src/tiles/collection-browser-loading-tile.js +15 -15
  135. package/dist/src/tiles/grid/account-tile.d.ts +18 -18
  136. package/dist/src/tiles/grid/account-tile.js +72 -72
  137. package/dist/src/tiles/grid/collection-tile.d.ts +15 -15
  138. package/dist/src/tiles/grid/collection-tile.js +80 -80
  139. package/dist/src/tiles/grid/item-tile.d.ts +27 -27
  140. package/dist/src/tiles/grid/item-tile.js +134 -134
  141. package/dist/src/tiles/grid/search-tile.d.ts +10 -0
  142. package/dist/src/tiles/grid/search-tile.js +92 -0
  143. package/dist/src/tiles/grid/search-tile.js.map +1 -0
  144. package/dist/src/tiles/grid/styles/tile-grid-shared-styles.d.ts +1 -1
  145. package/dist/src/tiles/grid/styles/tile-grid-shared-styles.js +8 -8
  146. package/dist/src/tiles/grid/tile-stats.d.ts +11 -11
  147. package/dist/src/tiles/grid/tile-stats.js +48 -48
  148. package/dist/src/tiles/hover/hover-pane-controller.d.ts +219 -219
  149. package/dist/src/tiles/hover/hover-pane-controller.js +352 -352
  150. package/dist/src/tiles/hover/tile-hover-pane.d.ts +15 -15
  151. package/dist/src/tiles/hover/tile-hover-pane.js +38 -38
  152. package/dist/src/tiles/image-block.d.ts +17 -17
  153. package/dist/src/tiles/image-block.js +75 -73
  154. package/dist/src/tiles/image-block.js.map +1 -1
  155. package/dist/src/tiles/item-image.d.ts +36 -35
  156. package/dist/src/tiles/item-image.js +148 -125
  157. package/dist/src/tiles/item-image.js.map +1 -1
  158. package/dist/src/tiles/list/tile-list-compact-header.d.ts +6 -6
  159. package/dist/src/tiles/list/tile-list-compact-header.js +38 -38
  160. package/dist/src/tiles/list/tile-list-compact.d.ts +15 -15
  161. package/dist/src/tiles/list/tile-list-compact.js +114 -114
  162. package/dist/src/tiles/list/tile-list.d.ts +46 -46
  163. package/dist/src/tiles/list/tile-list.js +302 -298
  164. package/dist/src/tiles/list/tile-list.js.map +1 -1
  165. package/dist/src/tiles/mediatype-icon.d.ts +9 -9
  166. package/dist/src/tiles/mediatype-icon.js +47 -47
  167. package/dist/src/tiles/overlay/icon-overlay.d.ts +10 -10
  168. package/dist/src/tiles/overlay/icon-overlay.js +40 -40
  169. package/dist/src/tiles/overlay/icon-text-overlay.d.ts +9 -9
  170. package/dist/src/tiles/overlay/icon-text-overlay.js +38 -38
  171. package/dist/src/tiles/overlay/text-overlay.d.ts +10 -10
  172. package/dist/src/tiles/overlay/text-overlay.js +42 -42
  173. package/dist/src/tiles/text-snippet-block.d.ts +27 -27
  174. package/dist/src/tiles/text-snippet-block.js +73 -73
  175. package/dist/src/tiles/tile-dispatcher.d.ts +64 -63
  176. package/dist/src/tiles/tile-dispatcher.js +249 -225
  177. package/dist/src/tiles/tile-dispatcher.js.map +1 -1
  178. package/dist/src/tiles/tile-display-value-provider.d.ts +43 -43
  179. package/dist/src/tiles/tile-display-value-provider.js +80 -80
  180. package/dist/src/utils/analytics-events.d.ts +25 -25
  181. package/dist/src/utils/analytics-events.js +27 -27
  182. package/dist/src/utils/array-equals.d.ts +4 -4
  183. package/dist/src/utils/array-equals.js +10 -10
  184. package/dist/src/utils/format-count.d.ts +7 -7
  185. package/dist/src/utils/format-count.js +76 -76
  186. package/dist/src/utils/format-date.d.ts +2 -2
  187. package/dist/src/utils/format-date.js +25 -25
  188. package/dist/src/utils/format-unit-size.d.ts +2 -2
  189. package/dist/src/utils/format-unit-size.js +33 -33
  190. package/dist/src/utils/local-date-from-utc.d.ts +9 -9
  191. package/dist/src/utils/local-date-from-utc.js +15 -15
  192. package/dist/src/utils/sha1.d.ts +2 -2
  193. package/dist/src/utils/sha1.js +8 -8
  194. package/dist/test/collection-browser.test.d.ts +1 -1
  195. package/dist/test/collection-browser.test.js +1098 -1098
  196. package/dist/test/collection-facets/facets-template.test.d.ts +1 -1
  197. package/dist/test/collection-facets/facets-template.test.js +134 -134
  198. package/dist/test/collection-facets/more-facets-content.test.d.ts +1 -1
  199. package/dist/test/collection-facets/more-facets-content.test.js +133 -133
  200. package/dist/test/collection-facets/more-facets-pagination.test.d.ts +1 -1
  201. package/dist/test/collection-facets/more-facets-pagination.test.js +117 -117
  202. package/dist/test/collection-facets/toggle-switch.test.d.ts +1 -1
  203. package/dist/test/collection-facets/toggle-switch.test.js +73 -73
  204. package/dist/test/collection-facets.test.d.ts +2 -2
  205. package/dist/test/collection-facets.test.js +682 -682
  206. package/dist/test/empty-placeholder.test.d.ts +1 -1
  207. package/dist/test/empty-placeholder.test.js +63 -63
  208. package/dist/test/expanded-date-picker.test.d.ts +1 -1
  209. package/dist/test/expanded-date-picker.test.js +95 -95
  210. package/dist/test/icon-overlay.test.d.ts +1 -1
  211. package/dist/test/icon-overlay.test.js +24 -24
  212. package/dist/test/image-block.test.d.ts +1 -1
  213. package/dist/test/image-block.test.js +48 -48
  214. package/dist/test/item-image.test.d.ts +1 -1
  215. package/dist/test/item-image.test.js +86 -86
  216. package/dist/test/manage/manage-bar.test.d.ts +1 -1
  217. package/dist/test/manage/manage-bar.test.js +72 -72
  218. package/dist/test/mediatype-config.test.d.ts +1 -1
  219. package/dist/test/mediatype-config.test.js +16 -16
  220. package/dist/test/mocks/mock-analytics-handler.d.ts +10 -10
  221. package/dist/test/mocks/mock-analytics-handler.js +15 -15
  222. package/dist/test/mocks/mock-collection-name-cache.d.ts +9 -9
  223. package/dist/test/mocks/mock-collection-name-cache.js +17 -17
  224. package/dist/test/mocks/mock-search-responses.d.ts +21 -21
  225. package/dist/test/mocks/mock-search-responses.js +709 -709
  226. package/dist/test/mocks/mock-search-service.d.ts +15 -15
  227. package/dist/test/mocks/mock-search-service.js +50 -50
  228. package/dist/test/restoration-state-handler.test.d.ts +1 -1
  229. package/dist/test/restoration-state-handler.test.js +270 -270
  230. package/dist/test/sort-filter-bar/alpha-bar-tooltip.test.d.ts +1 -1
  231. package/dist/test/sort-filter-bar/alpha-bar-tooltip.test.js +12 -12
  232. package/dist/test/sort-filter-bar/alpha-bar.test.d.ts +1 -1
  233. package/dist/test/sort-filter-bar/alpha-bar.test.js +73 -73
  234. package/dist/test/sort-filter-bar/sort-filter-bar.test.d.ts +1 -1
  235. package/dist/test/sort-filter-bar/sort-filter-bar.test.js +378 -378
  236. package/dist/test/text-overlay.test.d.ts +1 -1
  237. package/dist/test/text-overlay.test.js +48 -48
  238. package/dist/test/text-snippet-block.test.d.ts +1 -1
  239. package/dist/test/text-snippet-block.test.js +57 -57
  240. package/dist/test/tile-stats.test.d.ts +1 -1
  241. package/dist/test/tile-stats.test.js +33 -33
  242. package/dist/test/tiles/grid/account-tile.test.d.ts +1 -1
  243. package/dist/test/tiles/grid/account-tile.test.js +76 -76
  244. package/dist/test/tiles/grid/collection-tile.test.d.ts +1 -1
  245. package/dist/test/tiles/grid/collection-tile.test.js +73 -73
  246. package/dist/test/tiles/grid/item-tile.test.d.ts +1 -1
  247. package/dist/test/tiles/grid/item-tile.test.js +254 -254
  248. package/dist/test/tiles/grid/search-tile.test.d.ts +1 -0
  249. package/dist/test/tiles/grid/search-tile.test.js +67 -0
  250. package/dist/test/tiles/grid/search-tile.test.js.map +1 -0
  251. package/dist/test/tiles/hover/hover-pane-controller.test.d.ts +1 -1
  252. package/dist/test/tiles/hover/hover-pane-controller.test.js +258 -258
  253. package/dist/test/tiles/hover/tile-hover-pane.test.d.ts +1 -1
  254. package/dist/test/tiles/hover/tile-hover-pane.test.js +13 -13
  255. package/dist/test/tiles/list/tile-list-compact.test.d.ts +1 -1
  256. package/dist/test/tiles/list/tile-list-compact.test.js +143 -143
  257. package/dist/test/tiles/list/tile-list.test.d.ts +1 -1
  258. package/dist/test/tiles/list/tile-list.test.js +242 -242
  259. package/dist/test/tiles/tile-dispatcher.test.d.ts +1 -1
  260. package/dist/test/tiles/tile-dispatcher.test.js +94 -94
  261. package/dist/test/tiles/tile-display-value-provider.test.d.ts +1 -1
  262. package/dist/test/tiles/tile-display-value-provider.test.js +141 -141
  263. package/dist/test/utils/array-equals.test.d.ts +1 -1
  264. package/dist/test/utils/array-equals.test.js +26 -26
  265. package/dist/test/utils/format-count.test.d.ts +1 -1
  266. package/dist/test/utils/format-count.test.js +23 -23
  267. package/dist/test/utils/format-date.test.d.ts +1 -1
  268. package/dist/test/utils/format-date.test.js +17 -17
  269. package/dist/test/utils/format-unit-size.test.d.ts +1 -1
  270. package/dist/test/utils/format-unit-size.test.js +17 -17
  271. package/dist/test/utils/local-date-from-utc.test.d.ts +1 -1
  272. package/dist/test/utils/local-date-from-utc.test.js +26 -26
  273. package/local.archive.org.cert +86 -86
  274. package/local.archive.org.key +27 -27
  275. package/package.json +4 -4
  276. package/renovate.json +6 -6
  277. package/src/assets/img/icons/mediatype/search.ts +14 -0
  278. package/src/collection-browser.ts +20 -1
  279. package/src/mediatype/mediatype-config.ts +6 -0
  280. package/src/styles/item-image-styles.ts +4 -0
  281. package/src/tiles/grid/search-tile.ts +87 -0
  282. package/src/tiles/image-block.ts +3 -1
  283. package/src/tiles/item-image.ts +31 -8
  284. package/src/tiles/list/tile-list.ts +5 -0
  285. package/src/tiles/tile-dispatcher.ts +23 -1
  286. package/test/tiles/grid/search-tile.test.ts +76 -0
  287. package/tsconfig.json +21 -21
  288. package/web-dev-server.config.mjs +30 -30
  289. 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
@@ -310,167 +310,167 @@ let AppRoot = class AppRoot extends LitElement {
310
310
  </collection-browser>
311
311
  </div>
312
312
  <modal-manager></modal-manager>
313
- `;
314
- }
315
- baseQueryChanged(e) {
316
- this.searchQuery = e.detail.baseQuery;
317
- }
318
- /** Handler for search type changes coming from collection browser */
319
- searchTypeChanged(e) {
320
- this.searchType = e.detail;
321
- }
322
- /** Handler for user input selecting a search type */
323
- searchTypeSelected(e) {
324
- const target = e.target;
325
- this.searchType =
326
- target.value === 'fulltext' ? SearchType.FULLTEXT : SearchType.METADATA;
327
- }
328
- loginChanged(e) {
329
- const target = e.target;
330
- if (target.checked) {
331
- this.loggedIn = true;
332
- }
333
- else {
334
- this.loggedIn = false;
335
- }
336
- }
337
- outlineChanged(e) {
338
- const target = e.target;
339
- if (target.checked) {
340
- this.collectionBrowser.style.setProperty('--infiniteScrollerCellOutline', '1px solid #33D1FF');
341
- }
342
- else {
343
- this.collectionBrowser.style.removeProperty('--infiniteScrollerCellOutline');
344
- }
345
- }
346
- toggleDevTools() {
347
- var _a, _b;
348
- const pageUrl = new URL(window.location.href);
349
- const { searchParams } = pageUrl;
350
- if (searchParams.get('hide-dev-tools')) {
351
- searchParams.delete('hide-dev-tools');
352
- }
353
- else {
354
- searchParams.set('hide-dev-tools', 'true');
355
- }
356
- (_b = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('dev-tools')) === null || _b === void 0 ? void 0 : _b.classList.toggle('hidden');
357
- if (window.history.replaceState) {
358
- window.history.replaceState({
359
- path: pageUrl.toString(),
360
- }, '', pageUrl.toString());
361
- }
362
- }
363
- toggleFacetGroupOutline(e) {
364
- const target = e.target;
365
- if (target.checked) {
366
- this.collectionBrowser.classList.add('showFacetGroupOutlines');
367
- this.modalManager.classList.add('showFacetGroupOutlines');
368
- }
369
- else {
370
- this.collectionBrowser.classList.remove('showFacetGroupOutlines');
371
- this.modalManager.classList.remove('showFacetGroupOutlines');
372
- }
373
- }
374
- async snippetsChanged(e) {
375
- const target = e.target;
376
- if (target.checked) {
377
- // Decorate the default search service with a wrapper that adds
378
- // dummy snippets to any successful searches
379
- this.searchService = {
380
- async search(params, searchType) {
381
- var _a;
382
- const searchResponse = await SearchService.default.search(params, searchType);
383
- (_a = searchResponse.success) === null || _a === void 0 ? void 0 : _a.response.results.forEach(result => {
384
- Object.defineProperty(result, 'highlight', {
385
- value: new StringField([
386
- 'this is a text {{{snippet}}} block with potentially',
387
- 'multiple {{{snippets}}} and such',
388
- 'but the {{{snippet}}} block may be quite long perhaps',
389
- 'depending on how many {{{snippet}}} matches there are',
390
- 'there may be multiple lines of {{{snippets}}} to show',
391
- 'but each {{{snippet}}} should be relatively short',
392
- 'and {{{snippets}}} are each a {{{snippet}}} of text',
393
- 'but every {{{snippet}}} might have multiple matches',
394
- 'the {{{snippets}}} should be separated and surrounded by ellipses',
395
- ]),
396
- });
397
- });
398
- return searchResponse;
399
- },
400
- };
401
- }
402
- else {
403
- // Restore the default seach service
404
- this.searchService = SearchService.default;
405
- }
406
- // Re-perform the current search to show/hide the snippets immediately
407
- this.reperformCurrentSearch();
408
- }
409
- async reperformCurrentSearch() {
410
- const oldQuery = this.searchQuery;
411
- this.searchQuery = ''; // Should just reset to the placeholder
412
- await this.updateComplete;
413
- // For unclear reasons, Safari refuses to re-apply the old query until the next tick, hence:
414
- await new Promise(res => {
415
- setTimeout(res, 0);
416
- });
417
- this.searchQuery = oldQuery; // Re-apply the original query
418
- }
419
- datePickerChanged(e) {
420
- const target = e.target;
421
- this.collectionBrowser.showHistogramDatePicker = target.checked;
422
- // When disabling the date picker from the demo app, also clear any existing date range params
423
- if (!this.collectionBrowser.showHistogramDatePicker) {
424
- this.collectionBrowser.minSelectedDate = undefined;
425
- this.collectionBrowser.maxSelectedDate = undefined;
426
- }
427
- }
428
- /**
429
- * Handler for when collection browser's manage mode changes.
430
- * This lets us disable the checkbox in the dev panel when the user cancels out
431
- * of manage mode from within collection browser.
432
- */
433
- manageModeChanged(e) {
434
- var _a;
435
- const manageCheckbox = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#enable-management');
436
- if (manageCheckbox)
437
- manageCheckbox.checked = e.detail;
438
- }
439
- /**
440
- * Handler for when the dev panel's "Enable manage mode" checkbox is changed.
441
- */
442
- manageModeCheckboxChanged(e) {
443
- const target = e.target;
444
- this.collectionBrowser.isManageView = target.checked;
445
- }
446
- rowGapChanged(e) {
447
- const input = e.target;
448
- this.rowGap = parseFloat(input.value);
449
- this.collectionBrowser.style.setProperty('--collectionBrowserRowGap', `${input.value}rem`);
450
- }
451
- colGapChanged(e) {
452
- const input = e.target;
453
- this.colGap = parseFloat(input.value);
454
- this.collectionBrowser.style.setProperty('--collectionBrowserColGap', `${input.value}rem`);
455
- }
456
- widthChanged(e) {
457
- const input = e.target;
458
- this.cellWidth = parseFloat(input.value);
459
- this.collectionBrowser.style.setProperty('--collectionBrowserCellMinWidth', `${input.value}rem`);
460
- }
461
- heightChanged(e) {
462
- const input = e.target;
463
- this.cellHeight = parseFloat(input.value);
464
- this.collectionBrowser.style.setProperty('--collectionBrowserCellMinHeight', `${input.value}rem`);
465
- this.collectionBrowser.style.setProperty('--collectionBrowserCellMaxHeight', `${input.value}rem`);
466
- }
467
- visiblePageChanged(e) {
468
- const { pageNumber } = e.detail;
469
- if (pageNumber === this.currentPage)
470
- return;
471
- this.currentPage = pageNumber;
472
- }
473
- };
313
+ `;
314
+ }
315
+ baseQueryChanged(e) {
316
+ this.searchQuery = e.detail.baseQuery;
317
+ }
318
+ /** Handler for search type changes coming from collection browser */
319
+ searchTypeChanged(e) {
320
+ this.searchType = e.detail;
321
+ }
322
+ /** Handler for user input selecting a search type */
323
+ searchTypeSelected(e) {
324
+ const target = e.target;
325
+ this.searchType =
326
+ target.value === 'fulltext' ? SearchType.FULLTEXT : SearchType.METADATA;
327
+ }
328
+ loginChanged(e) {
329
+ const target = e.target;
330
+ if (target.checked) {
331
+ this.loggedIn = true;
332
+ }
333
+ else {
334
+ this.loggedIn = false;
335
+ }
336
+ }
337
+ outlineChanged(e) {
338
+ const target = e.target;
339
+ if (target.checked) {
340
+ this.collectionBrowser.style.setProperty('--infiniteScrollerCellOutline', '1px solid #33D1FF');
341
+ }
342
+ else {
343
+ this.collectionBrowser.style.removeProperty('--infiniteScrollerCellOutline');
344
+ }
345
+ }
346
+ toggleDevTools() {
347
+ var _a, _b;
348
+ const pageUrl = new URL(window.location.href);
349
+ const { searchParams } = pageUrl;
350
+ if (searchParams.get('hide-dev-tools')) {
351
+ searchParams.delete('hide-dev-tools');
352
+ }
353
+ else {
354
+ searchParams.set('hide-dev-tools', 'true');
355
+ }
356
+ (_b = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('dev-tools')) === null || _b === void 0 ? void 0 : _b.classList.toggle('hidden');
357
+ if (window.history.replaceState) {
358
+ window.history.replaceState({
359
+ path: pageUrl.toString(),
360
+ }, '', pageUrl.toString());
361
+ }
362
+ }
363
+ toggleFacetGroupOutline(e) {
364
+ const target = e.target;
365
+ if (target.checked) {
366
+ this.collectionBrowser.classList.add('showFacetGroupOutlines');
367
+ this.modalManager.classList.add('showFacetGroupOutlines');
368
+ }
369
+ else {
370
+ this.collectionBrowser.classList.remove('showFacetGroupOutlines');
371
+ this.modalManager.classList.remove('showFacetGroupOutlines');
372
+ }
373
+ }
374
+ async snippetsChanged(e) {
375
+ const target = e.target;
376
+ if (target.checked) {
377
+ // Decorate the default search service with a wrapper that adds
378
+ // dummy snippets to any successful searches
379
+ this.searchService = {
380
+ async search(params, searchType) {
381
+ var _a;
382
+ const searchResponse = await SearchService.default.search(params, searchType);
383
+ (_a = searchResponse.success) === null || _a === void 0 ? void 0 : _a.response.results.forEach(result => {
384
+ Object.defineProperty(result, 'highlight', {
385
+ value: new StringField([
386
+ 'this is a text {{{snippet}}} block with potentially',
387
+ 'multiple {{{snippets}}} and such',
388
+ 'but the {{{snippet}}} block may be quite long perhaps',
389
+ 'depending on how many {{{snippet}}} matches there are',
390
+ 'there may be multiple lines of {{{snippets}}} to show',
391
+ 'but each {{{snippet}}} should be relatively short',
392
+ 'and {{{snippets}}} are each a {{{snippet}}} of text',
393
+ 'but every {{{snippet}}} might have multiple matches',
394
+ 'the {{{snippets}}} should be separated and surrounded by ellipses',
395
+ ]),
396
+ });
397
+ });
398
+ return searchResponse;
399
+ },
400
+ };
401
+ }
402
+ else {
403
+ // Restore the default seach service
404
+ this.searchService = SearchService.default;
405
+ }
406
+ // Re-perform the current search to show/hide the snippets immediately
407
+ this.reperformCurrentSearch();
408
+ }
409
+ async reperformCurrentSearch() {
410
+ const oldQuery = this.searchQuery;
411
+ this.searchQuery = ''; // Should just reset to the placeholder
412
+ await this.updateComplete;
413
+ // For unclear reasons, Safari refuses to re-apply the old query until the next tick, hence:
414
+ await new Promise(res => {
415
+ setTimeout(res, 0);
416
+ });
417
+ this.searchQuery = oldQuery; // Re-apply the original query
418
+ }
419
+ datePickerChanged(e) {
420
+ const target = e.target;
421
+ this.collectionBrowser.showHistogramDatePicker = target.checked;
422
+ // When disabling the date picker from the demo app, also clear any existing date range params
423
+ if (!this.collectionBrowser.showHistogramDatePicker) {
424
+ this.collectionBrowser.minSelectedDate = undefined;
425
+ this.collectionBrowser.maxSelectedDate = undefined;
426
+ }
427
+ }
428
+ /**
429
+ * Handler for when collection browser's manage mode changes.
430
+ * This lets us disable the checkbox in the dev panel when the user cancels out
431
+ * of manage mode from within collection browser.
432
+ */
433
+ manageModeChanged(e) {
434
+ var _a;
435
+ const manageCheckbox = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#enable-management');
436
+ if (manageCheckbox)
437
+ manageCheckbox.checked = e.detail;
438
+ }
439
+ /**
440
+ * Handler for when the dev panel's "Enable manage mode" checkbox is changed.
441
+ */
442
+ manageModeCheckboxChanged(e) {
443
+ const target = e.target;
444
+ this.collectionBrowser.isManageView = target.checked;
445
+ }
446
+ rowGapChanged(e) {
447
+ const input = e.target;
448
+ this.rowGap = parseFloat(input.value);
449
+ this.collectionBrowser.style.setProperty('--collectionBrowserRowGap', `${input.value}rem`);
450
+ }
451
+ colGapChanged(e) {
452
+ const input = e.target;
453
+ this.colGap = parseFloat(input.value);
454
+ this.collectionBrowser.style.setProperty('--collectionBrowserColGap', `${input.value}rem`);
455
+ }
456
+ widthChanged(e) {
457
+ const input = e.target;
458
+ this.cellWidth = parseFloat(input.value);
459
+ this.collectionBrowser.style.setProperty('--collectionBrowserCellMinWidth', `${input.value}rem`);
460
+ }
461
+ heightChanged(e) {
462
+ const input = e.target;
463
+ this.cellHeight = parseFloat(input.value);
464
+ this.collectionBrowser.style.setProperty('--collectionBrowserCellMinHeight', `${input.value}rem`);
465
+ this.collectionBrowser.style.setProperty('--collectionBrowserCellMaxHeight', `${input.value}rem`);
466
+ }
467
+ visiblePageChanged(e) {
468
+ const { pageNumber } = e.detail;
469
+ if (pageNumber === this.currentPage)
470
+ return;
471
+ this.currentPage = pageNumber;
472
+ }
473
+ };
474
474
  AppRoot.styles = css `
475
475
  :host {
476
476
  display: block;
@@ -644,54 +644,54 @@ AppRoot.styles = css `
644
644
  background-color: aliceblue;
645
645
  font-size: 1.6rem;
646
646
  }
647
- `;
648
- __decorate([
649
- state()
650
- ], AppRoot.prototype, "currentPage", void 0);
651
- __decorate([
652
- state()
653
- ], AppRoot.prototype, "searchQuery", void 0);
654
- __decorate([
655
- state()
656
- ], AppRoot.prototype, "withinCollection", void 0);
657
- __decorate([
658
- state()
659
- ], AppRoot.prototype, "cellWidth", void 0);
660
- __decorate([
661
- state()
662
- ], AppRoot.prototype, "cellHeight", void 0);
663
- __decorate([
664
- state()
665
- ], AppRoot.prototype, "rowGap", void 0);
666
- __decorate([
667
- state()
668
- ], AppRoot.prototype, "colGap", void 0);
669
- __decorate([
670
- state()
671
- ], AppRoot.prototype, "loggedIn", void 0);
672
- __decorate([
673
- state()
674
- ], AppRoot.prototype, "searchType", void 0);
675
- __decorate([
676
- property({ type: Object, reflect: false })
677
- ], AppRoot.prototype, "latestAction", void 0);
678
- __decorate([
679
- query('#base-query-field')
680
- ], AppRoot.prototype, "baseQueryField", void 0);
681
- __decorate([
682
- query('#base-collection-field')
683
- ], AppRoot.prototype, "baseCollectionField", void 0);
684
- __decorate([
685
- query('#page-number-input')
686
- ], AppRoot.prototype, "pageNumberInput", void 0);
687
- __decorate([
688
- query('collection-browser')
689
- ], AppRoot.prototype, "collectionBrowser", void 0);
690
- __decorate([
691
- query('modal-manager')
692
- ], AppRoot.prototype, "modalManager", void 0);
693
- AppRoot = __decorate([
694
- customElement('app-root')
695
- ], AppRoot);
696
- export { AppRoot };
647
+ `;
648
+ __decorate([
649
+ state()
650
+ ], AppRoot.prototype, "currentPage", void 0);
651
+ __decorate([
652
+ state()
653
+ ], AppRoot.prototype, "searchQuery", void 0);
654
+ __decorate([
655
+ state()
656
+ ], AppRoot.prototype, "withinCollection", void 0);
657
+ __decorate([
658
+ state()
659
+ ], AppRoot.prototype, "cellWidth", void 0);
660
+ __decorate([
661
+ state()
662
+ ], AppRoot.prototype, "cellHeight", void 0);
663
+ __decorate([
664
+ state()
665
+ ], AppRoot.prototype, "rowGap", void 0);
666
+ __decorate([
667
+ state()
668
+ ], AppRoot.prototype, "colGap", void 0);
669
+ __decorate([
670
+ state()
671
+ ], AppRoot.prototype, "loggedIn", void 0);
672
+ __decorate([
673
+ state()
674
+ ], AppRoot.prototype, "searchType", void 0);
675
+ __decorate([
676
+ property({ type: Object, reflect: false })
677
+ ], AppRoot.prototype, "latestAction", void 0);
678
+ __decorate([
679
+ query('#base-query-field')
680
+ ], AppRoot.prototype, "baseQueryField", void 0);
681
+ __decorate([
682
+ query('#base-collection-field')
683
+ ], AppRoot.prototype, "baseCollectionField", void 0);
684
+ __decorate([
685
+ query('#page-number-input')
686
+ ], AppRoot.prototype, "pageNumberInput", void 0);
687
+ __decorate([
688
+ query('collection-browser')
689
+ ], AppRoot.prototype, "collectionBrowser", void 0);
690
+ __decorate([
691
+ query('modal-manager')
692
+ ], AppRoot.prototype, "modalManager", void 0);
693
+ AppRoot = __decorate([
694
+ customElement('app-root')
695
+ ], AppRoot);
696
+ export { AppRoot };
697
697
  //# 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;