@internetarchive/collection-browser 0.4.10 → 0.4.11

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 (229) 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 +50 -50
  12. package/dist/src/app-root.js +278 -278
  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/empty-query.d.ts +2 -2
  20. package/dist/src/assets/img/icons/empty-query.js +2 -2
  21. package/dist/src/assets/img/icons/eye-closed.d.ts +2 -2
  22. package/dist/src/assets/img/icons/eye-closed.js +2 -2
  23. package/dist/src/assets/img/icons/eye.d.ts +2 -2
  24. package/dist/src/assets/img/icons/eye.js +2 -2
  25. package/dist/src/assets/img/icons/favorite-filled.d.ts +1 -1
  26. package/dist/src/assets/img/icons/favorite-filled.js +2 -2
  27. package/dist/src/assets/img/icons/login-required.d.ts +1 -1
  28. package/dist/src/assets/img/icons/login-required.js +2 -2
  29. package/dist/src/assets/img/icons/mediatype/account.d.ts +1 -1
  30. package/dist/src/assets/img/icons/mediatype/account.js +2 -2
  31. package/dist/src/assets/img/icons/mediatype/audio.d.ts +1 -1
  32. package/dist/src/assets/img/icons/mediatype/audio.js +2 -2
  33. package/dist/src/assets/img/icons/mediatype/collection.d.ts +1 -1
  34. package/dist/src/assets/img/icons/mediatype/collection.js +2 -2
  35. package/dist/src/assets/img/icons/mediatype/data.d.ts +1 -1
  36. package/dist/src/assets/img/icons/mediatype/data.js +2 -2
  37. package/dist/src/assets/img/icons/mediatype/etree.d.ts +1 -1
  38. package/dist/src/assets/img/icons/mediatype/etree.js +2 -2
  39. package/dist/src/assets/img/icons/mediatype/film.d.ts +1 -1
  40. package/dist/src/assets/img/icons/mediatype/film.js +2 -2
  41. package/dist/src/assets/img/icons/mediatype/images.d.ts +1 -1
  42. package/dist/src/assets/img/icons/mediatype/images.js +2 -2
  43. package/dist/src/assets/img/icons/mediatype/radio.d.ts +1 -1
  44. package/dist/src/assets/img/icons/mediatype/radio.js +2 -2
  45. package/dist/src/assets/img/icons/mediatype/software.d.ts +1 -1
  46. package/dist/src/assets/img/icons/mediatype/software.js +2 -2
  47. package/dist/src/assets/img/icons/mediatype/texts.d.ts +1 -1
  48. package/dist/src/assets/img/icons/mediatype/texts.js +2 -2
  49. package/dist/src/assets/img/icons/mediatype/tv.d.ts +1 -1
  50. package/dist/src/assets/img/icons/mediatype/tv.js +2 -2
  51. package/dist/src/assets/img/icons/mediatype/video.d.ts +1 -1
  52. package/dist/src/assets/img/icons/mediatype/video.js +2 -2
  53. package/dist/src/assets/img/icons/mediatype/web.d.ts +1 -1
  54. package/dist/src/assets/img/icons/mediatype/web.js +2 -2
  55. package/dist/src/assets/img/icons/null-result.d.ts +2 -2
  56. package/dist/src/assets/img/icons/null-result.js +2 -2
  57. package/dist/src/assets/img/icons/restricted.d.ts +1 -1
  58. package/dist/src/assets/img/icons/restricted.js +2 -2
  59. package/dist/src/assets/img/icons/reviews.d.ts +1 -1
  60. package/dist/src/assets/img/icons/reviews.js +2 -2
  61. package/dist/src/assets/img/icons/upload.d.ts +1 -1
  62. package/dist/src/assets/img/icons/upload.js +2 -2
  63. package/dist/src/assets/img/icons/views.d.ts +1 -1
  64. package/dist/src/assets/img/icons/views.js +2 -2
  65. package/dist/src/circular-activity-indicator.d.ts +5 -5
  66. package/dist/src/circular-activity-indicator.js +17 -17
  67. package/dist/src/collection-browser.d.ts +279 -279
  68. package/dist/src/collection-browser.js +1156 -1156
  69. package/dist/src/collection-facets/facet-tombstone-row.d.ts +5 -5
  70. package/dist/src/collection-facets/facet-tombstone-row.js +15 -15
  71. package/dist/src/collection-facets/facets-template.d.ts +16 -16
  72. package/dist/src/collection-facets/facets-template.js +125 -125
  73. package/dist/src/collection-facets/more-facets-content.d.ts +75 -75
  74. package/dist/src/collection-facets/more-facets-content.js +340 -340
  75. package/dist/src/collection-facets/more-facets-pagination.d.ts +36 -36
  76. package/dist/src/collection-facets/more-facets-pagination.js +192 -192
  77. package/dist/src/collection-facets.d.ts +81 -81
  78. package/dist/src/collection-facets.js +375 -375
  79. package/dist/src/empty-placeholder.d.ts +11 -11
  80. package/dist/src/empty-placeholder.js +42 -42
  81. package/dist/src/language-code-handler/language-code-handler.d.ts +37 -37
  82. package/dist/src/language-code-handler/language-code-handler.js +26 -26
  83. package/dist/src/language-code-handler/language-code-mapping.d.ts +1 -1
  84. package/dist/src/language-code-handler/language-code-mapping.js +562 -562
  85. package/dist/src/mediatype/mediatype-config.d.ts +3 -3
  86. package/dist/src/mediatype/mediatype-config.js +85 -85
  87. package/dist/src/models.d.ts +115 -115
  88. package/dist/src/models.js +125 -125
  89. package/dist/src/restoration-state-handler.d.ts +45 -45
  90. package/dist/src/restoration-state-handler.js +230 -230
  91. package/dist/src/sort-filter-bar/alpha-bar-tooltip.d.ts +6 -6
  92. package/dist/src/sort-filter-bar/alpha-bar-tooltip.js +24 -24
  93. package/dist/src/sort-filter-bar/alpha-bar.d.ts +20 -20
  94. package/dist/src/sort-filter-bar/alpha-bar.js +136 -128
  95. package/dist/src/sort-filter-bar/alpha-bar.js.map +1 -1
  96. package/dist/src/sort-filter-bar/img/compact.d.ts +1 -1
  97. package/dist/src/sort-filter-bar/img/compact.js +2 -2
  98. package/dist/src/sort-filter-bar/img/list.d.ts +1 -1
  99. package/dist/src/sort-filter-bar/img/list.js +2 -2
  100. package/dist/src/sort-filter-bar/img/sort-triangle.d.ts +1 -1
  101. package/dist/src/sort-filter-bar/img/sort-triangle.js +2 -2
  102. package/dist/src/sort-filter-bar/img/tile.d.ts +1 -1
  103. package/dist/src/sort-filter-bar/img/tile.js +2 -2
  104. package/dist/src/sort-filter-bar/sort-filter-bar.d.ts +108 -108
  105. package/dist/src/sort-filter-bar/sort-filter-bar.js +438 -438
  106. package/dist/src/styles/item-image-styles.d.ts +8 -8
  107. package/dist/src/styles/item-image-styles.js +9 -9
  108. package/dist/src/tiles/collection-browser-loading-tile.d.ts +5 -5
  109. package/dist/src/tiles/collection-browser-loading-tile.js +15 -15
  110. package/dist/src/tiles/grid/account-tile.d.ts +20 -20
  111. package/dist/src/tiles/grid/account-tile.js +64 -64
  112. package/dist/src/tiles/grid/collection-tile.d.ts +17 -17
  113. package/dist/src/tiles/grid/collection-tile.js +71 -71
  114. package/dist/src/tiles/grid/item-tile.d.ts +32 -32
  115. package/dist/src/tiles/grid/item-tile.js +122 -122
  116. package/dist/src/tiles/grid/styles/tile-grid-shared-styles.d.ts +1 -1
  117. package/dist/src/tiles/grid/styles/tile-grid-shared-styles.js +7 -7
  118. package/dist/src/tiles/grid/tile-stats.d.ts +10 -10
  119. package/dist/src/tiles/grid/tile-stats.js +40 -40
  120. package/dist/src/tiles/hover/hover-pane-controller.d.ts +219 -219
  121. package/dist/src/tiles/hover/hover-pane-controller.js +352 -352
  122. package/dist/src/tiles/hover/tile-hover-pane.d.ts +15 -15
  123. package/dist/src/tiles/hover/tile-hover-pane.js +38 -38
  124. package/dist/src/tiles/image-block.d.ts +17 -17
  125. package/dist/src/tiles/image-block.js +72 -72
  126. package/dist/src/tiles/item-image.d.ts +35 -35
  127. package/dist/src/tiles/item-image.js +117 -117
  128. package/dist/src/tiles/list/account-label.d.ts +1 -1
  129. package/dist/src/tiles/list/account-label.js +6 -6
  130. package/dist/src/tiles/list/date-label.d.ts +1 -1
  131. package/dist/src/tiles/list/date-label.js +12 -12
  132. package/dist/src/tiles/list/tile-list-compact-header.d.ts +12 -12
  133. package/dist/src/tiles/list/tile-list-compact-header.js +41 -41
  134. package/dist/src/tiles/list/tile-list-compact.d.ts +21 -21
  135. package/dist/src/tiles/list/tile-list-compact.js +99 -99
  136. package/dist/src/tiles/list/tile-list.d.ts +55 -55
  137. package/dist/src/tiles/list/tile-list.js +301 -301
  138. package/dist/src/tiles/mediatype-icon.d.ts +9 -9
  139. package/dist/src/tiles/mediatype-icon.js +47 -47
  140. package/dist/src/tiles/overlay/icon-overlay.d.ts +10 -10
  141. package/dist/src/tiles/overlay/icon-overlay.js +40 -40
  142. package/dist/src/tiles/overlay/icon-text-overlay.d.ts +9 -9
  143. package/dist/src/tiles/overlay/icon-text-overlay.js +38 -38
  144. package/dist/src/tiles/overlay/text-overlay.d.ts +10 -10
  145. package/dist/src/tiles/overlay/text-overlay.js +42 -42
  146. package/dist/src/tiles/text-snippet-block.d.ts +27 -27
  147. package/dist/src/tiles/text-snippet-block.js +73 -73
  148. package/dist/src/tiles/tile-dispatcher.d.ts +58 -58
  149. package/dist/src/tiles/tile-dispatcher.js +194 -194
  150. package/dist/src/utils/analytics-events.d.ts +22 -22
  151. package/dist/src/utils/analytics-events.js +24 -24
  152. package/dist/src/utils/format-count.d.ts +7 -7
  153. package/dist/src/utils/format-count.js +76 -76
  154. package/dist/src/utils/format-date.d.ts +2 -2
  155. package/dist/src/utils/format-date.js +23 -23
  156. package/dist/src/utils/format-unit-size.d.ts +2 -2
  157. package/dist/src/utils/format-unit-size.js +33 -33
  158. package/dist/test/collection-browser.test.d.ts +1 -1
  159. package/dist/test/collection-browser.test.js +584 -584
  160. package/dist/test/collection-facets/facets-template.test.d.ts +1 -1
  161. package/dist/test/collection-facets/facets-template.test.js +62 -62
  162. package/dist/test/collection-facets/more-facets-content.test.d.ts +1 -1
  163. package/dist/test/collection-facets/more-facets-content.test.js +114 -114
  164. package/dist/test/collection-facets/more-facets-pagination.test.d.ts +1 -1
  165. package/dist/test/collection-facets/more-facets-pagination.test.js +117 -117
  166. package/dist/test/collection-facets.test.d.ts +2 -2
  167. package/dist/test/collection-facets.test.js +460 -460
  168. package/dist/test/empty-placeholder.test.d.ts +1 -1
  169. package/dist/test/empty-placeholder.test.js +33 -33
  170. package/dist/test/icon-overlay.test.d.ts +1 -1
  171. package/dist/test/icon-overlay.test.js +24 -24
  172. package/dist/test/image-block.test.d.ts +1 -1
  173. package/dist/test/image-block.test.js +48 -48
  174. package/dist/test/item-image.test.d.ts +1 -1
  175. package/dist/test/item-image.test.js +84 -84
  176. package/dist/test/mediatype-config.test.d.ts +1 -1
  177. package/dist/test/mediatype-config.test.js +16 -16
  178. package/dist/test/mocks/mock-analytics-handler.d.ts +10 -10
  179. package/dist/test/mocks/mock-analytics-handler.js +15 -15
  180. package/dist/test/mocks/mock-collection-name-cache.d.ts +7 -7
  181. package/dist/test/mocks/mock-collection-name-cache.js +13 -13
  182. package/dist/test/mocks/mock-search-responses.d.ts +12 -12
  183. package/dist/test/mocks/mock-search-responses.js +341 -341
  184. package/dist/test/mocks/mock-search-service.d.ts +13 -13
  185. package/dist/test/mocks/mock-search-service.js +40 -40
  186. package/dist/test/restoration-state-handler.test.d.ts +1 -1
  187. package/dist/test/restoration-state-handler.test.js +125 -125
  188. package/dist/test/sort-filter-bar/alpha-bar-tooltip.test.d.ts +1 -1
  189. package/dist/test/sort-filter-bar/alpha-bar-tooltip.test.js +12 -12
  190. package/dist/test/sort-filter-bar/alpha-bar.test.d.ts +1 -1
  191. package/dist/test/sort-filter-bar/alpha-bar.test.js +73 -73
  192. package/dist/test/sort-filter-bar/sort-filter-bar.test.d.ts +1 -1
  193. package/dist/test/sort-filter-bar/sort-filter-bar.test.js +197 -197
  194. package/dist/test/text-overlay.test.d.ts +1 -1
  195. package/dist/test/text-overlay.test.js +48 -48
  196. package/dist/test/text-snippet-block.test.d.ts +1 -1
  197. package/dist/test/text-snippet-block.test.js +57 -57
  198. package/dist/test/tile-stats.test.d.ts +1 -1
  199. package/dist/test/tile-stats.test.js +33 -33
  200. package/dist/test/tiles/grid/account-tile.test.d.ts +1 -1
  201. package/dist/test/tiles/grid/account-tile.test.js +76 -76
  202. package/dist/test/tiles/grid/collection-tile.test.d.ts +1 -1
  203. package/dist/test/tiles/grid/collection-tile.test.js +73 -73
  204. package/dist/test/tiles/grid/item-tile.test.d.ts +1 -1
  205. package/dist/test/tiles/grid/item-tile.test.js +158 -158
  206. package/dist/test/tiles/hover/hover-pane-controller.test.d.ts +1 -1
  207. package/dist/test/tiles/hover/hover-pane-controller.test.js +257 -257
  208. package/dist/test/tiles/hover/tile-hover-pane.test.d.ts +1 -1
  209. package/dist/test/tiles/hover/tile-hover-pane.test.js +13 -13
  210. package/dist/test/tiles/list/tile-list-compact.test.d.ts +1 -1
  211. package/dist/test/tiles/list/tile-list-compact.test.js +92 -92
  212. package/dist/test/tiles/list/tile-list.test.d.ts +1 -1
  213. package/dist/test/tiles/list/tile-list.test.js +163 -163
  214. package/dist/test/tiles/tile-dispatcher.test.d.ts +1 -1
  215. package/dist/test/tiles/tile-dispatcher.test.js +67 -67
  216. package/dist/test/utils/format-count.test.d.ts +1 -1
  217. package/dist/test/utils/format-count.test.js +23 -23
  218. package/dist/test/utils/format-date.test.d.ts +1 -1
  219. package/dist/test/utils/format-date.test.js +17 -17
  220. package/dist/test/utils/format-unit-size.test.d.ts +1 -1
  221. package/dist/test/utils/format-unit-size.test.js +17 -17
  222. package/local.archive.org.cert +86 -86
  223. package/local.archive.org.key +27 -27
  224. package/package.json +1 -1
  225. package/renovate.json +6 -6
  226. package/src/sort-filter-bar/alpha-bar.ts +8 -0
  227. package/tsconfig.json +21 -21
  228. package/web-dev-server.config.mjs +30 -30
  229. package/web-test-runner.config.mjs +41 -41
@@ -1,82 +1,82 @@
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
- var _a, _b;
52
- e.preventDefault();
53
- this.searchQuery = this.baseQueryField.value;
54
- if (((_a = this.currentPage) !== null && _a !== void 0 ? _a : 1) > 1) {
55
- this.collectionBrowser.goToPage((_b = this.currentPage) !== null && _b !== void 0 ? _b : 1);
56
- }
57
- }
58
- changePagePressed(e) {
59
- e.preventDefault();
60
- this.currentPage = this.pageNumberInput.valueAsNumber;
61
- this.collectionBrowser.goToPage(this.currentPage);
62
- }
63
- updated(changed) {
64
- if (changed.has('currentPage') && this.currentPage) {
65
- this.pageNumberInput.value = this.currentPage.toString();
66
- }
67
- if (changed.has('searchQuery')) {
68
- this.queryUpdated();
69
- }
70
- }
71
- queryUpdated() {
72
- this.collectionBrowser.baseQuery = this.searchQuery;
73
- }
74
- get getClass() {
75
- const searchParams = new URLSearchParams(window.location.search);
76
- return searchParams.get('hide-dev-tools') ? 'hidden' : '';
77
- }
78
- render() {
79
- var _a;
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
+ var _a, _b;
52
+ e.preventDefault();
53
+ this.searchQuery = this.baseQueryField.value;
54
+ if (((_a = this.currentPage) !== null && _a !== void 0 ? _a : 1) > 1) {
55
+ this.collectionBrowser.goToPage((_b = this.currentPage) !== null && _b !== void 0 ? _b : 1);
56
+ }
57
+ }
58
+ changePagePressed(e) {
59
+ e.preventDefault();
60
+ this.currentPage = this.pageNumberInput.valueAsNumber;
61
+ this.collectionBrowser.goToPage(this.currentPage);
62
+ }
63
+ updated(changed) {
64
+ if (changed.has('currentPage') && this.currentPage) {
65
+ this.pageNumberInput.value = this.currentPage.toString();
66
+ }
67
+ if (changed.has('searchQuery')) {
68
+ this.queryUpdated();
69
+ }
70
+ }
71
+ queryUpdated() {
72
+ this.collectionBrowser.baseQuery = this.searchQuery;
73
+ }
74
+ get getClass() {
75
+ const searchParams = new URLSearchParams(window.location.search);
76
+ return searchParams.get('hide-dev-tools') ? 'hidden' : '';
77
+ }
78
+ render() {
79
+ var _a;
80
80
  return html `
81
81
  <div class="dev-tool-container">
82
82
  <div id="dev-tools" class=${this.getClass}>
@@ -125,21 +125,21 @@ let AppRoot = class AppRoot extends LitElement {
125
125
 
126
126
  <div id="toggle-controls">
127
127
  <button
128
- @click=${() => {
129
- var _a, _b;
130
- const details = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('cell-size-control');
131
- details === null || details === void 0 ? void 0 : details.classList.toggle('hidden');
132
- const rowGapControls = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.getElementById('cell-gap-control');
133
- rowGapControls === null || rowGapControls === void 0 ? void 0 : rowGapControls.classList.toggle('hidden');
128
+ @click=${() => {
129
+ var _a, _b;
130
+ const details = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('cell-size-control');
131
+ details === null || details === void 0 ? void 0 : details.classList.toggle('hidden');
132
+ const rowGapControls = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.getElementById('cell-gap-control');
133
+ rowGapControls === null || rowGapControls === void 0 ? void 0 : rowGapControls.classList.toggle('hidden');
134
134
  }}
135
135
  >
136
136
  Toggle Cell Controls
137
137
  </button>
138
138
  <button
139
- @click=${() => {
140
- var _a;
141
- const details = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('latest-event-details');
142
- details === null || details === void 0 ? void 0 : details.classList.toggle('hidden');
139
+ @click=${() => {
140
+ var _a;
141
+ const details = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('latest-event-details');
142
+ details === null || details === void 0 ? void 0 : details.classList.toggle('hidden');
143
143
  }}
144
144
  >
145
145
  Last Event Captured
@@ -280,151 +280,151 @@ let AppRoot = class AppRoot extends LitElement {
280
280
  </collection-browser>
281
281
  </div>
282
282
  <modal-manager></modal-manager>
283
- `;
284
- }
285
- baseQueryChanged(e) {
286
- this.searchQuery = e.detail.baseQuery;
287
- }
288
- /** Handler for search type changes coming from collection browser */
289
- searchTypeChanged(e) {
290
- this.searchType = e.detail;
291
- }
292
- /** Handler for user input selecting a search type */
293
- searchTypeSelected(e) {
294
- const target = e.target;
295
- this.searchType =
296
- target.value === 'fulltext' ? SearchType.FULLTEXT : SearchType.METADATA;
297
- // Re-perform the current search with the new search target
298
- this.reperformCurrentSearch();
299
- }
300
- loginChanged(e) {
301
- const target = e.target;
302
- if (target.checked) {
303
- this.loggedIn = true;
304
- }
305
- else {
306
- this.loggedIn = false;
307
- }
308
- }
309
- outlineChanged(e) {
310
- const target = e.target;
311
- if (target.checked) {
312
- this.collectionBrowser.style.setProperty('--infiniteScrollerCellOutline', '1px solid #33D1FF');
313
- }
314
- else {
315
- this.collectionBrowser.style.removeProperty('--infiniteScrollerCellOutline');
316
- }
317
- }
318
- toggleDevTools() {
319
- var _a, _b;
320
- const pageUrl = new URL(window.location.href);
321
- const { searchParams } = pageUrl;
322
- if (searchParams.get('hide-dev-tools')) {
323
- searchParams.delete('hide-dev-tools');
324
- }
325
- else {
326
- searchParams.set('hide-dev-tools', 'true');
327
- }
328
- (_b = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('dev-tools')) === null || _b === void 0 ? void 0 : _b.classList.toggle('hidden');
329
- if (window.history.replaceState) {
330
- window.history.replaceState({
331
- path: pageUrl.toString(),
332
- }, '', pageUrl.toString());
333
- }
334
- }
335
- toggleFacetGroupOutline(e) {
336
- const target = e.target;
337
- if (target.checked) {
338
- this.collectionBrowser.classList.add('showFacetGroupOutlines');
339
- this.modalManager.classList.add('showFacetGroupOutlines');
340
- }
341
- else {
342
- this.collectionBrowser.classList.remove('showFacetGroupOutlines');
343
- this.modalManager.classList.remove('showFacetGroupOutlines');
344
- }
345
- }
346
- async snippetsChanged(e) {
347
- const target = e.target;
348
- if (target.checked) {
349
- // Decorate the default search service with a wrapper that adds
350
- // dummy snippets to any successful searches
351
- this.searchService = {
352
- async search(params, searchType) {
353
- var _a;
354
- const searchResponse = await SearchService.default.search(params, searchType);
355
- (_a = searchResponse.success) === null || _a === void 0 ? void 0 : _a.response.results.forEach(result => {
356
- Object.defineProperty(result, 'highlight', {
357
- value: new StringField([
358
- 'this is a text {{{snippet}}} block with potentially',
359
- 'multiple {{{snippets}}} and such',
360
- 'but the {{{snippet}}} block may be quite long perhaps',
361
- 'depending on how many {{{snippet}}} matches there are',
362
- 'there may be multiple lines of {{{snippets}}} to show',
363
- 'but each {{{snippet}}} should be relatively short',
364
- 'and {{{snippets}}} are each a {{{snippet}}} of text',
365
- 'but every {{{snippet}}} might have multiple matches',
366
- 'the {{{snippets}}} should be separated and surrounded by ellipses',
367
- ]),
368
- });
369
- });
370
- return searchResponse;
371
- },
372
- };
373
- }
374
- else {
375
- // Restore the default seach service
376
- this.searchService = SearchService.default;
377
- }
378
- // Re-perform the current search to show/hide the snippets immediately
379
- this.reperformCurrentSearch();
380
- }
381
- async reperformCurrentSearch() {
382
- const oldQuery = this.searchQuery;
383
- this.searchQuery = ''; // Should just reset to the placeholder
384
- await this.updateComplete;
385
- // For unclear reasons, Safari refuses to re-apply the old query until the next tick, hence:
386
- await new Promise(res => {
387
- setTimeout(res, 0);
388
- });
389
- this.searchQuery = oldQuery; // Re-apply the original query
390
- }
391
- datePickerChanged(e) {
392
- const target = e.target;
393
- this.collectionBrowser.showHistogramDatePicker = target.checked;
394
- // When disabling the date picker from the demo app, also clear any existing date range params
395
- if (!this.collectionBrowser.showHistogramDatePicker) {
396
- this.collectionBrowser.minSelectedDate = undefined;
397
- this.collectionBrowser.maxSelectedDate = undefined;
398
- }
399
- }
400
- rowGapChanged(e) {
401
- const input = e.target;
402
- this.rowGap = parseFloat(input.value);
403
- this.collectionBrowser.style.setProperty('--collectionBrowserRowGap', `${input.value}rem`);
404
- }
405
- colGapChanged(e) {
406
- const input = e.target;
407
- this.colGap = parseFloat(input.value);
408
- this.collectionBrowser.style.setProperty('--collectionBrowserColGap', `${input.value}rem`);
409
- }
410
- widthChanged(e) {
411
- const input = e.target;
412
- this.cellWidth = parseFloat(input.value);
413
- this.collectionBrowser.style.setProperty('--collectionBrowserCellMinWidth', `${input.value}rem`);
414
- }
415
- heightChanged(e) {
416
- const input = e.target;
417
- this.cellHeight = parseFloat(input.value);
418
- this.collectionBrowser.style.setProperty('--collectionBrowserCellMinHeight', `${input.value}rem`);
419
- this.collectionBrowser.style.setProperty('--collectionBrowserCellMaxHeight', `${input.value}rem`);
420
- }
421
- visiblePageChanged(e) {
422
- const { pageNumber } = e.detail;
423
- if (pageNumber === this.currentPage)
424
- return;
425
- this.currentPage = pageNumber;
426
- }
427
- };
283
+ `;
284
+ }
285
+ baseQueryChanged(e) {
286
+ this.searchQuery = e.detail.baseQuery;
287
+ }
288
+ /** Handler for search type changes coming from collection browser */
289
+ searchTypeChanged(e) {
290
+ this.searchType = e.detail;
291
+ }
292
+ /** Handler for user input selecting a search type */
293
+ searchTypeSelected(e) {
294
+ const target = e.target;
295
+ this.searchType =
296
+ target.value === 'fulltext' ? SearchType.FULLTEXT : SearchType.METADATA;
297
+ // Re-perform the current search with the new search target
298
+ this.reperformCurrentSearch();
299
+ }
300
+ loginChanged(e) {
301
+ const target = e.target;
302
+ if (target.checked) {
303
+ this.loggedIn = true;
304
+ }
305
+ else {
306
+ this.loggedIn = false;
307
+ }
308
+ }
309
+ outlineChanged(e) {
310
+ const target = e.target;
311
+ if (target.checked) {
312
+ this.collectionBrowser.style.setProperty('--infiniteScrollerCellOutline', '1px solid #33D1FF');
313
+ }
314
+ else {
315
+ this.collectionBrowser.style.removeProperty('--infiniteScrollerCellOutline');
316
+ }
317
+ }
318
+ toggleDevTools() {
319
+ var _a, _b;
320
+ const pageUrl = new URL(window.location.href);
321
+ const { searchParams } = pageUrl;
322
+ if (searchParams.get('hide-dev-tools')) {
323
+ searchParams.delete('hide-dev-tools');
324
+ }
325
+ else {
326
+ searchParams.set('hide-dev-tools', 'true');
327
+ }
328
+ (_b = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('dev-tools')) === null || _b === void 0 ? void 0 : _b.classList.toggle('hidden');
329
+ if (window.history.replaceState) {
330
+ window.history.replaceState({
331
+ path: pageUrl.toString(),
332
+ }, '', pageUrl.toString());
333
+ }
334
+ }
335
+ toggleFacetGroupOutline(e) {
336
+ const target = e.target;
337
+ if (target.checked) {
338
+ this.collectionBrowser.classList.add('showFacetGroupOutlines');
339
+ this.modalManager.classList.add('showFacetGroupOutlines');
340
+ }
341
+ else {
342
+ this.collectionBrowser.classList.remove('showFacetGroupOutlines');
343
+ this.modalManager.classList.remove('showFacetGroupOutlines');
344
+ }
345
+ }
346
+ async snippetsChanged(e) {
347
+ const target = e.target;
348
+ if (target.checked) {
349
+ // Decorate the default search service with a wrapper that adds
350
+ // dummy snippets to any successful searches
351
+ this.searchService = {
352
+ async search(params, searchType) {
353
+ var _a;
354
+ const searchResponse = await SearchService.default.search(params, searchType);
355
+ (_a = searchResponse.success) === null || _a === void 0 ? void 0 : _a.response.results.forEach(result => {
356
+ Object.defineProperty(result, 'highlight', {
357
+ value: new StringField([
358
+ 'this is a text {{{snippet}}} block with potentially',
359
+ 'multiple {{{snippets}}} and such',
360
+ 'but the {{{snippet}}} block may be quite long perhaps',
361
+ 'depending on how many {{{snippet}}} matches there are',
362
+ 'there may be multiple lines of {{{snippets}}} to show',
363
+ 'but each {{{snippet}}} should be relatively short',
364
+ 'and {{{snippets}}} are each a {{{snippet}}} of text',
365
+ 'but every {{{snippet}}} might have multiple matches',
366
+ 'the {{{snippets}}} should be separated and surrounded by ellipses',
367
+ ]),
368
+ });
369
+ });
370
+ return searchResponse;
371
+ },
372
+ };
373
+ }
374
+ else {
375
+ // Restore the default seach service
376
+ this.searchService = SearchService.default;
377
+ }
378
+ // Re-perform the current search to show/hide the snippets immediately
379
+ this.reperformCurrentSearch();
380
+ }
381
+ async reperformCurrentSearch() {
382
+ const oldQuery = this.searchQuery;
383
+ this.searchQuery = ''; // Should just reset to the placeholder
384
+ await this.updateComplete;
385
+ // For unclear reasons, Safari refuses to re-apply the old query until the next tick, hence:
386
+ await new Promise(res => {
387
+ setTimeout(res, 0);
388
+ });
389
+ this.searchQuery = oldQuery; // Re-apply the original query
390
+ }
391
+ datePickerChanged(e) {
392
+ const target = e.target;
393
+ this.collectionBrowser.showHistogramDatePicker = target.checked;
394
+ // When disabling the date picker from the demo app, also clear any existing date range params
395
+ if (!this.collectionBrowser.showHistogramDatePicker) {
396
+ this.collectionBrowser.minSelectedDate = undefined;
397
+ this.collectionBrowser.maxSelectedDate = undefined;
398
+ }
399
+ }
400
+ rowGapChanged(e) {
401
+ const input = e.target;
402
+ this.rowGap = parseFloat(input.value);
403
+ this.collectionBrowser.style.setProperty('--collectionBrowserRowGap', `${input.value}rem`);
404
+ }
405
+ colGapChanged(e) {
406
+ const input = e.target;
407
+ this.colGap = parseFloat(input.value);
408
+ this.collectionBrowser.style.setProperty('--collectionBrowserColGap', `${input.value}rem`);
409
+ }
410
+ widthChanged(e) {
411
+ const input = e.target;
412
+ this.cellWidth = parseFloat(input.value);
413
+ this.collectionBrowser.style.setProperty('--collectionBrowserCellMinWidth', `${input.value}rem`);
414
+ }
415
+ heightChanged(e) {
416
+ const input = e.target;
417
+ this.cellHeight = parseFloat(input.value);
418
+ this.collectionBrowser.style.setProperty('--collectionBrowserCellMinHeight', `${input.value}rem`);
419
+ this.collectionBrowser.style.setProperty('--collectionBrowserCellMaxHeight', `${input.value}rem`);
420
+ }
421
+ visiblePageChanged(e) {
422
+ const { pageNumber } = e.detail;
423
+ if (pageNumber === this.currentPage)
424
+ return;
425
+ this.currentPage = pageNumber;
426
+ }
427
+ };
428
428
  AppRoot.styles = css `
429
429
  :host {
430
430
  display: block;
@@ -575,48 +575,48 @@ AppRoot.styles = css `
575
575
  background-color: aliceblue;
576
576
  font-size: 1.6rem;
577
577
  }
578
- `;
579
- __decorate([
580
- state()
581
- ], AppRoot.prototype, "currentPage", void 0);
582
- __decorate([
583
- state()
584
- ], AppRoot.prototype, "searchQuery", void 0);
585
- __decorate([
586
- state()
587
- ], AppRoot.prototype, "cellWidth", void 0);
588
- __decorate([
589
- state()
590
- ], AppRoot.prototype, "cellHeight", void 0);
591
- __decorate([
592
- state()
593
- ], AppRoot.prototype, "rowGap", void 0);
594
- __decorate([
595
- state()
596
- ], AppRoot.prototype, "colGap", void 0);
597
- __decorate([
598
- state()
599
- ], AppRoot.prototype, "loggedIn", void 0);
600
- __decorate([
601
- state()
602
- ], AppRoot.prototype, "searchType", void 0);
603
- __decorate([
604
- property({ type: Object, reflect: false })
605
- ], AppRoot.prototype, "latestAction", void 0);
606
- __decorate([
607
- query('#base-query-field')
608
- ], AppRoot.prototype, "baseQueryField", void 0);
609
- __decorate([
610
- query('#page-number-input')
611
- ], AppRoot.prototype, "pageNumberInput", void 0);
612
- __decorate([
613
- query('collection-browser')
614
- ], AppRoot.prototype, "collectionBrowser", void 0);
615
- __decorate([
616
- query('modal-manager')
617
- ], AppRoot.prototype, "modalManager", void 0);
618
- AppRoot = __decorate([
619
- customElement('app-root')
620
- ], AppRoot);
621
- export { AppRoot };
578
+ `;
579
+ __decorate([
580
+ state()
581
+ ], AppRoot.prototype, "currentPage", void 0);
582
+ __decorate([
583
+ state()
584
+ ], AppRoot.prototype, "searchQuery", void 0);
585
+ __decorate([
586
+ state()
587
+ ], AppRoot.prototype, "cellWidth", void 0);
588
+ __decorate([
589
+ state()
590
+ ], AppRoot.prototype, "cellHeight", void 0);
591
+ __decorate([
592
+ state()
593
+ ], AppRoot.prototype, "rowGap", void 0);
594
+ __decorate([
595
+ state()
596
+ ], AppRoot.prototype, "colGap", void 0);
597
+ __decorate([
598
+ state()
599
+ ], AppRoot.prototype, "loggedIn", void 0);
600
+ __decorate([
601
+ state()
602
+ ], AppRoot.prototype, "searchType", void 0);
603
+ __decorate([
604
+ property({ type: Object, reflect: false })
605
+ ], AppRoot.prototype, "latestAction", void 0);
606
+ __decorate([
607
+ query('#base-query-field')
608
+ ], AppRoot.prototype, "baseQueryField", void 0);
609
+ __decorate([
610
+ query('#page-number-input')
611
+ ], AppRoot.prototype, "pageNumberInput", void 0);
612
+ __decorate([
613
+ query('collection-browser')
614
+ ], AppRoot.prototype, "collectionBrowser", void 0);
615
+ __decorate([
616
+ query('modal-manager')
617
+ ], AppRoot.prototype, "modalManager", void 0);
618
+ AppRoot = __decorate([
619
+ customElement('app-root')
620
+ ], AppRoot);
621
+ export { AppRoot };
622
622
  //# 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;
@@ -1,4 +1,4 @@
1
- import { svg } from 'lit';
1
+ import { svg } from 'lit';
2
2
  export default svg `<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="m79.8883285 50.0035012.1116715-.1085359-43.1159942-46.61088155c-2.401537-2.18938917-4.6902018-3.28408375-6.8659943-3.28408375s-4.1642651.63837733-5.9654178 1.91513199c-1.8011528 1.27675467-3.1520173 2.97248092-4.0525937 5.08717877l39.4020173 42.99768924-39.4020173 42.9976892c.9005764 2.1146979 2.2514409 3.8104241 4.0525937 5.0871788 1.8011527 1.2767547 3.7896253 1.915132 5.9654178 1.915132 2.1013449 0 4.3900096-1.0573489 6.8659943-3.1720468l43.1159942-46.7194174z"/></svg>
3
- `;
3
+ `;
4
4
  //# sourceMappingURL=chevron.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;