@internetarchive/collection-browser 0.3.0-alpha.5 → 0.3.0

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 (210) 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 +43 -42
  12. package/dist/src/app-root.js +301 -241
  13. package/dist/src/app-root.js.map +1 -1
  14. package/dist/src/assets/img/icons/arrow-left.d.ts +2 -2
  15. package/dist/src/assets/img/icons/arrow-left.js +2 -2
  16. package/dist/src/assets/img/icons/arrow-right.d.ts +2 -2
  17. package/dist/src/assets/img/icons/arrow-right.js +2 -2
  18. package/dist/src/assets/img/icons/chevron.d.ts +2 -2
  19. package/dist/src/assets/img/icons/chevron.js +2 -2
  20. package/dist/src/assets/img/icons/empty-query.d.ts +2 -2
  21. package/dist/src/assets/img/icons/empty-query.js +2 -2
  22. package/dist/src/assets/img/icons/eye-closed.d.ts +2 -2
  23. package/dist/src/assets/img/icons/eye-closed.js +2 -2
  24. package/dist/src/assets/img/icons/eye.d.ts +2 -2
  25. package/dist/src/assets/img/icons/eye.js +2 -2
  26. package/dist/src/assets/img/icons/favorite-filled.d.ts +1 -1
  27. package/dist/src/assets/img/icons/favorite-filled.js +2 -2
  28. package/dist/src/assets/img/icons/login-required.d.ts +1 -1
  29. package/dist/src/assets/img/icons/login-required.js +2 -2
  30. package/dist/src/assets/img/icons/mediatype/account.d.ts +1 -1
  31. package/dist/src/assets/img/icons/mediatype/account.js +2 -2
  32. package/dist/src/assets/img/icons/mediatype/audio.d.ts +1 -1
  33. package/dist/src/assets/img/icons/mediatype/audio.js +2 -2
  34. package/dist/src/assets/img/icons/mediatype/collection.d.ts +1 -1
  35. package/dist/src/assets/img/icons/mediatype/collection.js +2 -2
  36. package/dist/src/assets/img/icons/mediatype/data.d.ts +1 -1
  37. package/dist/src/assets/img/icons/mediatype/data.js +2 -2
  38. package/dist/src/assets/img/icons/mediatype/etree.d.ts +1 -1
  39. package/dist/src/assets/img/icons/mediatype/etree.js +2 -2
  40. package/dist/src/assets/img/icons/mediatype/film.d.ts +1 -1
  41. package/dist/src/assets/img/icons/mediatype/film.js +2 -2
  42. package/dist/src/assets/img/icons/mediatype/images.d.ts +1 -1
  43. package/dist/src/assets/img/icons/mediatype/images.js +2 -2
  44. package/dist/src/assets/img/icons/mediatype/radio.d.ts +1 -1
  45. package/dist/src/assets/img/icons/mediatype/radio.js +2 -2
  46. package/dist/src/assets/img/icons/mediatype/software.d.ts +1 -1
  47. package/dist/src/assets/img/icons/mediatype/software.js +2 -2
  48. package/dist/src/assets/img/icons/mediatype/texts.d.ts +1 -1
  49. package/dist/src/assets/img/icons/mediatype/texts.js +2 -2
  50. package/dist/src/assets/img/icons/mediatype/tv.d.ts +1 -1
  51. package/dist/src/assets/img/icons/mediatype/tv.js +2 -2
  52. package/dist/src/assets/img/icons/mediatype/video.d.ts +1 -1
  53. package/dist/src/assets/img/icons/mediatype/video.js +2 -2
  54. package/dist/src/assets/img/icons/mediatype/web.d.ts +1 -1
  55. package/dist/src/assets/img/icons/mediatype/web.js +2 -2
  56. package/dist/src/assets/img/icons/null-result.d.ts +2 -2
  57. package/dist/src/assets/img/icons/null-result.js +2 -2
  58. package/dist/src/assets/img/icons/restricted.d.ts +1 -1
  59. package/dist/src/assets/img/icons/restricted.js +2 -2
  60. package/dist/src/assets/img/icons/reviews.d.ts +1 -1
  61. package/dist/src/assets/img/icons/reviews.js +2 -2
  62. package/dist/src/assets/img/icons/upload.d.ts +1 -1
  63. package/dist/src/assets/img/icons/upload.js +2 -2
  64. package/dist/src/assets/img/icons/views.d.ts +1 -1
  65. package/dist/src/assets/img/icons/views.js +2 -2
  66. package/dist/src/circular-activity-indicator.d.ts +5 -5
  67. package/dist/src/circular-activity-indicator.js +17 -17
  68. package/dist/src/collection-browser.d.ts +234 -234
  69. package/dist/src/collection-browser.js +1026 -1026
  70. package/dist/src/collection-facets/facets-template.d.ts +16 -16
  71. package/dist/src/collection-facets/facets-template.js +139 -131
  72. package/dist/src/collection-facets/facets-template.js.map +1 -1
  73. package/dist/src/collection-facets/facets-util.d.ts +10 -10
  74. package/dist/src/collection-facets/facets-util.js +19 -19
  75. package/dist/src/collection-facets/more-facets-content.d.ts +74 -84
  76. package/dist/src/collection-facets/more-facets-content.js +331 -352
  77. package/dist/src/collection-facets/more-facets-content.js.map +1 -1
  78. package/dist/src/collection-facets/more-facets-pagination.d.ts +36 -36
  79. package/dist/src/collection-facets/more-facets-pagination.js +192 -192
  80. package/dist/src/collection-facets.d.ts +71 -71
  81. package/dist/src/collection-facets.js +330 -324
  82. package/dist/src/collection-facets.js.map +1 -1
  83. package/dist/src/empty-placeholder.d.ts +11 -11
  84. package/dist/src/empty-placeholder.js +42 -42
  85. package/dist/src/language-code-handler/language-code-handler.d.ts +37 -37
  86. package/dist/src/language-code-handler/language-code-handler.js +26 -26
  87. package/dist/src/language-code-handler/language-code-mapping.d.ts +1 -1
  88. package/dist/src/language-code-handler/language-code-mapping.js +562 -562
  89. package/dist/src/mediatype/mediatype-config.d.ts +3 -3
  90. package/dist/src/mediatype/mediatype-config.js +85 -85
  91. package/dist/src/models.d.ts +89 -89
  92. package/dist/src/models.js +85 -85
  93. package/dist/src/restoration-state-handler.d.ts +45 -38
  94. package/dist/src/restoration-state-handler.js +219 -202
  95. package/dist/src/restoration-state-handler.js.map +1 -1
  96. package/dist/src/sort-filter-bar/alpha-bar.d.ts +9 -9
  97. package/dist/src/sort-filter-bar/alpha-bar.js +41 -41
  98. package/dist/src/sort-filter-bar/img/compact.d.ts +1 -1
  99. package/dist/src/sort-filter-bar/img/compact.js +2 -2
  100. package/dist/src/sort-filter-bar/img/list.d.ts +1 -1
  101. package/dist/src/sort-filter-bar/img/list.js +2 -2
  102. package/dist/src/sort-filter-bar/img/sort-triangle.d.ts +1 -1
  103. package/dist/src/sort-filter-bar/img/sort-triangle.js +2 -2
  104. package/dist/src/sort-filter-bar/img/tile.d.ts +1 -1
  105. package/dist/src/sort-filter-bar/img/tile.js +2 -2
  106. package/dist/src/sort-filter-bar/sort-filter-bar.d.ts +107 -107
  107. package/dist/src/sort-filter-bar/sort-filter-bar.js +423 -423
  108. package/dist/src/styles/item-image-styles.d.ts +8 -8
  109. package/dist/src/styles/item-image-styles.js +9 -9
  110. package/dist/src/tiles/collection-browser-loading-tile.d.ts +5 -5
  111. package/dist/src/tiles/collection-browser-loading-tile.js +15 -15
  112. package/dist/src/tiles/grid/account-tile.d.ts +8 -8
  113. package/dist/src/tiles/grid/account-tile.js +20 -20
  114. package/dist/src/tiles/grid/collection-tile.d.ts +7 -7
  115. package/dist/src/tiles/grid/collection-tile.js +23 -23
  116. package/dist/src/tiles/grid/item-tile.d.ts +24 -24
  117. package/dist/src/tiles/grid/item-tile.js +87 -87
  118. package/dist/src/tiles/grid/tile-stats.d.ts +10 -10
  119. package/dist/src/tiles/grid/tile-stats.js +35 -35
  120. package/dist/src/tiles/image-block.d.ts +17 -17
  121. package/dist/src/tiles/image-block.js +73 -73
  122. package/dist/src/tiles/item-image.d.ts +31 -31
  123. package/dist/src/tiles/item-image.js +103 -103
  124. package/dist/src/tiles/list/account-label.d.ts +1 -1
  125. package/dist/src/tiles/list/account-label.js +6 -6
  126. package/dist/src/tiles/list/date-label.d.ts +1 -1
  127. package/dist/src/tiles/list/date-label.js +12 -12
  128. package/dist/src/tiles/list/tile-list-compact-header.d.ts +12 -12
  129. package/dist/src/tiles/list/tile-list-compact-header.js +41 -41
  130. package/dist/src/tiles/list/tile-list-compact.d.ts +20 -20
  131. package/dist/src/tiles/list/tile-list-compact.js +87 -87
  132. package/dist/src/tiles/list/tile-list.d.ts +50 -50
  133. package/dist/src/tiles/list/tile-list.js +263 -263
  134. package/dist/src/tiles/mediatype-icon.d.ts +9 -9
  135. package/dist/src/tiles/mediatype-icon.js +47 -47
  136. package/dist/src/tiles/overlay/icon-overlay.d.ts +7 -7
  137. package/dist/src/tiles/overlay/icon-overlay.js +31 -31
  138. package/dist/src/tiles/overlay/text-overlay.d.ts +8 -8
  139. package/dist/src/tiles/overlay/text-overlay.js +31 -31
  140. package/dist/src/tiles/text-snippet-block.d.ts +29 -29
  141. package/dist/src/tiles/text-snippet-block.js +81 -81
  142. package/dist/src/tiles/tile-dispatcher.d.ts +36 -36
  143. package/dist/src/tiles/tile-dispatcher.js +128 -128
  144. package/dist/src/utils/analytics-events.d.ts +18 -18
  145. package/dist/src/utils/analytics-events.js +20 -20
  146. package/dist/src/utils/format-count.d.ts +7 -7
  147. package/dist/src/utils/format-count.js +75 -75
  148. package/dist/src/utils/format-date.d.ts +2 -2
  149. package/dist/src/utils/format-date.js +23 -23
  150. package/dist/test/collection-browser.test.d.ts +1 -1
  151. package/dist/test/collection-browser.test.js +316 -316
  152. package/dist/test/collection-facets/facets-template.test.d.ts +1 -1
  153. package/dist/test/collection-facets/facets-template.test.js +62 -62
  154. package/dist/test/collection-facets/facets-util.test.d.ts +1 -1
  155. package/dist/test/collection-facets/facets-util.test.js +12 -12
  156. package/dist/test/collection-facets/more-facets-content.test.d.ts +1 -1
  157. package/dist/test/collection-facets/more-facets-content.test.js +91 -91
  158. package/dist/test/collection-facets/more-facets-pagination.test.d.ts +1 -1
  159. package/dist/test/collection-facets/more-facets-pagination.test.js +117 -117
  160. package/dist/test/collection-facets.test.d.ts +2 -2
  161. package/dist/test/collection-facets.test.js +182 -182
  162. package/dist/test/empty-placeholder.test.d.ts +1 -1
  163. package/dist/test/empty-placeholder.test.js +33 -33
  164. package/dist/test/icon-overlay.test.d.ts +1 -1
  165. package/dist/test/icon-overlay.test.js +24 -24
  166. package/dist/test/item-image.test.d.ts +1 -1
  167. package/dist/test/item-image.test.js +56 -56
  168. package/dist/test/mediatype-config.test.d.ts +1 -1
  169. package/dist/test/mediatype-config.test.js +16 -16
  170. package/dist/test/mocks/mock-analytics-handler.d.ts +10 -10
  171. package/dist/test/mocks/mock-analytics-handler.js +15 -15
  172. package/dist/test/mocks/mock-collection-name-cache.d.ts +7 -7
  173. package/dist/test/mocks/mock-collection-name-cache.js +13 -13
  174. package/dist/test/mocks/mock-search-responses.d.ts +5 -5
  175. package/dist/test/mocks/mock-search-responses.js +103 -103
  176. package/dist/test/mocks/mock-search-service.d.ts +13 -13
  177. package/dist/test/mocks/mock-search-service.js +25 -25
  178. package/dist/test/restoration-state-handler.test.d.ts +1 -0
  179. package/dist/test/restoration-state-handler.test.js +118 -0
  180. package/dist/test/restoration-state-handler.test.js.map +1 -0
  181. package/dist/test/sort-filter-bar/sort-filter-bar.test.d.ts +1 -1
  182. package/dist/test/sort-filter-bar/sort-filter-bar.test.js +113 -113
  183. package/dist/test/text-overlay.test.d.ts +1 -1
  184. package/dist/test/text-overlay.test.js +41 -41
  185. package/dist/test/text-snippet-block.test.d.ts +1 -1
  186. package/dist/test/text-snippet-block.test.js +57 -57
  187. package/dist/test/tile-stats.test.d.ts +1 -1
  188. package/dist/test/tile-stats.test.js +33 -33
  189. package/dist/test/tiles/grid/item-tile.test.d.ts +1 -1
  190. package/dist/test/tiles/grid/item-tile.test.js +107 -107
  191. package/dist/test/tiles/list/tile-list.test.d.ts +1 -1
  192. package/dist/test/tiles/list/tile-list.test.js +36 -36
  193. package/dist/test/utils/format-count.test.d.ts +1 -1
  194. package/dist/test/utils/format-count.test.js +23 -23
  195. package/dist/test/utils/format-date.test.d.ts +1 -1
  196. package/dist/test/utils/format-date.test.js +17 -17
  197. package/index.html +24 -24
  198. package/local.archive.org.cert +86 -86
  199. package/local.archive.org.key +27 -27
  200. package/package.json +115 -115
  201. package/renovate.json +6 -6
  202. package/src/app-root.ts +92 -31
  203. package/src/collection-facets/facets-template.ts +14 -6
  204. package/src/collection-facets/more-facets-content.ts +1 -25
  205. package/src/collection-facets.ts +9 -3
  206. package/src/restoration-state-handler.ts +45 -11
  207. package/test/restoration-state-handler.test.ts +176 -0
  208. package/tsconfig.json +21 -21
  209. package/web-dev-server.config.mjs +30 -30
  210. package/web-test-runner.config.mjs +41 -41
@@ -1,234 +1,234 @@
1
- import { LitElement, PropertyValues, TemplateResult } from 'lit';
2
- import type { InfiniteScrollerCellProviderInterface } from '@internetarchive/infinite-scroller';
3
- import { SearchServiceInterface, SearchType, SortDirection, SortParam } from '@internetarchive/search-service';
4
- import type { SharedResizeObserverInterface, SharedResizeObserverResizeHandlerInterface } from '@internetarchive/shared-resize-observer';
5
- import '@internetarchive/infinite-scroller';
6
- import type { CollectionNameCacheInterface } from '@internetarchive/collection-name-cache';
7
- import type { ModalManagerInterface } from '@internetarchive/modal-manager';
8
- import './tiles/tile-dispatcher';
9
- import './tiles/collection-browser-loading-tile';
10
- import './sort-filter-bar/sort-filter-bar';
11
- import './collection-facets';
12
- import './circular-activity-indicator';
13
- import './sort-filter-bar/sort-filter-bar';
14
- import { SelectedFacets, SortField, CollectionBrowserContext, TileModel, CollectionDisplayMode, FacetOption } from './models';
15
- import { RestorationStateHandlerInterface } from './restoration-state-handler';
16
- import './empty-placeholder';
17
- export declare class CollectionBrowser extends LitElement implements InfiniteScrollerCellProviderInterface, SharedResizeObserverResizeHandlerInterface {
18
- baseNavigationUrl?: string;
19
- baseImageUrl: string;
20
- searchService?: SearchServiceInterface;
21
- searchType: SearchType;
22
- baseQuery?: string;
23
- displayMode?: CollectionDisplayMode;
24
- sortParam: SortParam | null;
25
- selectedSort: SortField;
26
- selectedTitleFilter: string | null;
27
- selectedCreatorFilter: string | null;
28
- sortDirection: SortDirection | null;
29
- dateRangeQueryClause?: string;
30
- pageSize: number;
31
- resizeObserver?: SharedResizeObserverInterface;
32
- titleQuery?: string;
33
- creatorQuery?: string;
34
- currentPage?: number;
35
- minSelectedDate?: string;
36
- maxSelectedDate?: string;
37
- selectedFacets?: SelectedFacets;
38
- showHistogramDatePicker: boolean;
39
- /** describes where this component is being used */
40
- searchContext: string;
41
- collectionNameCache?: CollectionNameCacheInterface;
42
- pageContext: CollectionBrowserContext;
43
- restorationStateHandler: RestorationStateHandlerInterface;
44
- mobileBreakpoint: number;
45
- loggedIn: boolean;
46
- modalManager?: ModalManagerInterface;
47
- /**
48
- * If item management UI active
49
- */
50
- isManageView: boolean;
51
- /**
52
- * The page that the consumer wants to load.
53
- */
54
- private initialPageNumber;
55
- /**
56
- * This the the number of pages that we want to show.
57
- *
58
- * The data isn't necessarily loaded for all of the pages, but this lets us
59
- * know how many cells we should render.
60
- */
61
- private pagesToRender;
62
- private searchResultsLoading;
63
- private facetsLoading;
64
- private fullYearAggregationLoading;
65
- private aggregations?;
66
- private fullYearsHistogramAggregation;
67
- private totalResults?;
68
- private mobileView;
69
- private mobileFacetsVisible;
70
- private placeholderType;
71
- private contentContainer;
72
- private languageCodeHandler;
73
- private analyticsHandler?;
74
- /**
75
- * When we're animated scrolling to the page, we don't want to fetch
76
- * all of the pages as it scrolls so this lets us know if we're scrolling
77
- */
78
- private isScrollingToCell;
79
- /**
80
- * When we've reached the end of the data, stop trying to fetch more
81
- */
82
- private endOfDataReached;
83
- /**
84
- * When page width resizes from desktop to mobile, set true to
85
- * disable expand/collapse transition when loading.
86
- */
87
- private isResizeToMobile;
88
- private placeholderCellTemplate;
89
- private tileModelAtCellIndex;
90
- private get sortFilterQueries();
91
- private get estimatedTileCount();
92
- private get actualTileCount();
93
- /**
94
- * The results per page so we can paginate.
95
- *
96
- * This allows us to start in the middle of the search results and
97
- * fetch data before or after the current page. If we don't have a key
98
- * for the previous/next page, we'll fetch the next/previous page to populate it
99
- */
100
- private dataSource;
101
- private infiniteScroller;
102
- /**
103
- * Go to the given page of results
104
- *
105
- * @param pageNumber
106
- */
107
- goToPage(pageNumber: number): void;
108
- clearFilters(): void;
109
- render(): TemplateResult<1>;
110
- private setPlaceholderType;
111
- private get emptyPlaceholderTemplate();
112
- private get collectionBrowserTemplate();
113
- private get infiniteScrollerTemplate();
114
- private get sortFilterBarTemplate();
115
- private userChangedSort;
116
- private sendSortByAnalytics;
117
- private selectedSortChanged;
118
- private displayModeChanged;
119
- /** Send Analytics when sorting by title's first letter
120
- * labels: 'start-<ToLetter>' | 'clear-<FromLetter>' | '<FromLetter>-<ToLetter>'
121
- * */
122
- private sendFilterByTitleAnalytics;
123
- private selectedTitleLetterChanged;
124
- /** Send Analytics when filtering by creator's first letter
125
- * labels: 'start-<ToLetter>' | 'clear-<FromLetter>' | '<FromLetter>-<ToLetter>'
126
- * */
127
- private sendFilterByCreatorAnalytics;
128
- private selectedCreatorLetterChanged;
129
- private titleLetterSelected;
130
- private creatorLetterSelected;
131
- private get facetDataLoading();
132
- private get mobileFacetsTemplate();
133
- private get facetsTemplate();
134
- private get loadingTemplate();
135
- private get listHeaderTemplate();
136
- private get queryDebuggingTemplate();
137
- private histogramDateRangeUpdated;
138
- firstUpdated(): void;
139
- updated(changed: PropertyValues): void;
140
- disconnectedCallback(): void;
141
- handleResize(entry: ResizeObserverEntry): void;
142
- private emitBaseQueryChanged;
143
- private disconnectResizeObserver;
144
- private setupResizeObserver;
145
- /**
146
- * When the visible cells change from the infinite scroller, we want to emit
147
- * which page is currently visible so the consumer can update its UI or the URL
148
- *
149
- * @param e
150
- * @returns
151
- */
152
- private visibleCellsChanged;
153
- private initialQueryChangeHappened;
154
- private historyPopOccurred;
155
- private previousQueryKey?;
156
- private handleQueryChange;
157
- private setupStateRestorationObserver;
158
- private boundNavigationHandler?;
159
- private historyNavigationHandler;
160
- private restoreState;
161
- private persistState;
162
- private doInitialPageFetch;
163
- private get fullQuery();
164
- private get fullQueryWithoutDate();
165
- /**
166
- * Generates a query string for the given facets
167
- *
168
- * Example: `mediatype:("collection" OR "audio" OR -"etree") AND year:("2000" OR "2001")`
169
- */
170
- private get facetQuery();
171
- facetsChanged(e: CustomEvent<SelectedFacets>): void;
172
- facetClickHandler(name: FacetOption, facetSelected: boolean, negative: boolean): void;
173
- private fetchFacets;
174
- /**
175
- * If we haven't changed the query, we don't need to fetch the full year histogram
176
- *
177
- * @private
178
- * @type {string}
179
- * @memberof CollectionBrowser
180
- */
181
- private previousFullQueryNoDate?;
182
- /**
183
- * The query key is a string that uniquely identifies the current query
184
- * without the date range.
185
- *
186
- * If this doesn't change, we don't need to re-fetch the histogram date range
187
- */
188
- private get fullQueryNoDateKey();
189
- /**
190
- * This method is similar to fetching the facets above,
191
- * but only fetching the year histogram. There is a subtle difference
192
- * in how you have to fetch the year histogram where you can't use the
193
- * advanced JSON syntax like the other aggregations. It's a special
194
- * case that @ximm put it place.
195
- */
196
- private fetchFullYearHistogram;
197
- private scrollToPage;
198
- /**
199
- * The query key is a string that uniquely identifies the current query
200
- *
201
- * This lets us keep track of queries so we don't persist data that's
202
- * no longer relevant.
203
- */
204
- private get pageFetchQueryKey();
205
- private pageFetchesInProgress;
206
- fetchPage(pageNumber: number): Promise<void>;
207
- private preloadCollectionNames;
208
- /**
209
- * This is useful for determining whether we need to reload the scroller.
210
- *
211
- * When the fetch completes, we need to reload the scroller if the cells for that
212
- * page are visible, but if the page is not currenlty visible, we don't need to reload
213
- */
214
- private get currentVisiblePageNumbers();
215
- /**
216
- * Update the datasource from the fetch response
217
- *
218
- * @param pageNumber
219
- * @param results
220
- */
221
- private updateDataSource;
222
- private etreeTitle;
223
- /**
224
- * Callback when a result is selected
225
- */
226
- resultSelected(event: CustomEvent<TileModel>): void;
227
- cellForIndex(index: number): TemplateResult | undefined;
228
- /**
229
- * When the user scrolls near to the bottom of the page, fetch the next page
230
- * increase the number of pages to render and start fetching data for the new page
231
- */
232
- private scrollThresholdReached;
233
- static styles: import("lit").CSSResult;
234
- }
1
+ import { LitElement, PropertyValues, TemplateResult } from 'lit';
2
+ import type { InfiniteScrollerCellProviderInterface } from '@internetarchive/infinite-scroller';
3
+ import { SearchServiceInterface, SearchType, SortDirection, SortParam } from '@internetarchive/search-service';
4
+ import type { SharedResizeObserverInterface, SharedResizeObserverResizeHandlerInterface } from '@internetarchive/shared-resize-observer';
5
+ import '@internetarchive/infinite-scroller';
6
+ import type { CollectionNameCacheInterface } from '@internetarchive/collection-name-cache';
7
+ import type { ModalManagerInterface } from '@internetarchive/modal-manager';
8
+ import './tiles/tile-dispatcher';
9
+ import './tiles/collection-browser-loading-tile';
10
+ import './sort-filter-bar/sort-filter-bar';
11
+ import './collection-facets';
12
+ import './circular-activity-indicator';
13
+ import './sort-filter-bar/sort-filter-bar';
14
+ import { SelectedFacets, SortField, CollectionBrowserContext, TileModel, CollectionDisplayMode, FacetOption } from './models';
15
+ import { RestorationStateHandlerInterface } from './restoration-state-handler';
16
+ import './empty-placeholder';
17
+ export declare class CollectionBrowser extends LitElement implements InfiniteScrollerCellProviderInterface, SharedResizeObserverResizeHandlerInterface {
18
+ baseNavigationUrl?: string;
19
+ baseImageUrl: string;
20
+ searchService?: SearchServiceInterface;
21
+ searchType: SearchType;
22
+ baseQuery?: string;
23
+ displayMode?: CollectionDisplayMode;
24
+ sortParam: SortParam | null;
25
+ selectedSort: SortField;
26
+ selectedTitleFilter: string | null;
27
+ selectedCreatorFilter: string | null;
28
+ sortDirection: SortDirection | null;
29
+ dateRangeQueryClause?: string;
30
+ pageSize: number;
31
+ resizeObserver?: SharedResizeObserverInterface;
32
+ titleQuery?: string;
33
+ creatorQuery?: string;
34
+ currentPage?: number;
35
+ minSelectedDate?: string;
36
+ maxSelectedDate?: string;
37
+ selectedFacets?: SelectedFacets;
38
+ showHistogramDatePicker: boolean;
39
+ /** describes where this component is being used */
40
+ searchContext: string;
41
+ collectionNameCache?: CollectionNameCacheInterface;
42
+ pageContext: CollectionBrowserContext;
43
+ restorationStateHandler: RestorationStateHandlerInterface;
44
+ mobileBreakpoint: number;
45
+ loggedIn: boolean;
46
+ modalManager?: ModalManagerInterface;
47
+ /**
48
+ * If item management UI active
49
+ */
50
+ isManageView: boolean;
51
+ /**
52
+ * The page that the consumer wants to load.
53
+ */
54
+ private initialPageNumber;
55
+ /**
56
+ * This the the number of pages that we want to show.
57
+ *
58
+ * The data isn't necessarily loaded for all of the pages, but this lets us
59
+ * know how many cells we should render.
60
+ */
61
+ private pagesToRender;
62
+ private searchResultsLoading;
63
+ private facetsLoading;
64
+ private fullYearAggregationLoading;
65
+ private aggregations?;
66
+ private fullYearsHistogramAggregation;
67
+ private totalResults?;
68
+ private mobileView;
69
+ private mobileFacetsVisible;
70
+ private placeholderType;
71
+ private contentContainer;
72
+ private languageCodeHandler;
73
+ private analyticsHandler?;
74
+ /**
75
+ * When we're animated scrolling to the page, we don't want to fetch
76
+ * all of the pages as it scrolls so this lets us know if we're scrolling
77
+ */
78
+ private isScrollingToCell;
79
+ /**
80
+ * When we've reached the end of the data, stop trying to fetch more
81
+ */
82
+ private endOfDataReached;
83
+ /**
84
+ * When page width resizes from desktop to mobile, set true to
85
+ * disable expand/collapse transition when loading.
86
+ */
87
+ private isResizeToMobile;
88
+ private placeholderCellTemplate;
89
+ private tileModelAtCellIndex;
90
+ private get sortFilterQueries();
91
+ private get estimatedTileCount();
92
+ private get actualTileCount();
93
+ /**
94
+ * The results per page so we can paginate.
95
+ *
96
+ * This allows us to start in the middle of the search results and
97
+ * fetch data before or after the current page. If we don't have a key
98
+ * for the previous/next page, we'll fetch the next/previous page to populate it
99
+ */
100
+ private dataSource;
101
+ private infiniteScroller;
102
+ /**
103
+ * Go to the given page of results
104
+ *
105
+ * @param pageNumber
106
+ */
107
+ goToPage(pageNumber: number): void;
108
+ clearFilters(): void;
109
+ render(): TemplateResult<1>;
110
+ private setPlaceholderType;
111
+ private get emptyPlaceholderTemplate();
112
+ private get collectionBrowserTemplate();
113
+ private get infiniteScrollerTemplate();
114
+ private get sortFilterBarTemplate();
115
+ private userChangedSort;
116
+ private sendSortByAnalytics;
117
+ private selectedSortChanged;
118
+ private displayModeChanged;
119
+ /** Send Analytics when sorting by title's first letter
120
+ * labels: 'start-<ToLetter>' | 'clear-<FromLetter>' | '<FromLetter>-<ToLetter>'
121
+ * */
122
+ private sendFilterByTitleAnalytics;
123
+ private selectedTitleLetterChanged;
124
+ /** Send Analytics when filtering by creator's first letter
125
+ * labels: 'start-<ToLetter>' | 'clear-<FromLetter>' | '<FromLetter>-<ToLetter>'
126
+ * */
127
+ private sendFilterByCreatorAnalytics;
128
+ private selectedCreatorLetterChanged;
129
+ private titleLetterSelected;
130
+ private creatorLetterSelected;
131
+ private get facetDataLoading();
132
+ private get mobileFacetsTemplate();
133
+ private get facetsTemplate();
134
+ private get loadingTemplate();
135
+ private get listHeaderTemplate();
136
+ private get queryDebuggingTemplate();
137
+ private histogramDateRangeUpdated;
138
+ firstUpdated(): void;
139
+ updated(changed: PropertyValues): void;
140
+ disconnectedCallback(): void;
141
+ handleResize(entry: ResizeObserverEntry): void;
142
+ private emitBaseQueryChanged;
143
+ private disconnectResizeObserver;
144
+ private setupResizeObserver;
145
+ /**
146
+ * When the visible cells change from the infinite scroller, we want to emit
147
+ * which page is currently visible so the consumer can update its UI or the URL
148
+ *
149
+ * @param e
150
+ * @returns
151
+ */
152
+ private visibleCellsChanged;
153
+ private initialQueryChangeHappened;
154
+ private historyPopOccurred;
155
+ private previousQueryKey?;
156
+ private handleQueryChange;
157
+ private setupStateRestorationObserver;
158
+ private boundNavigationHandler?;
159
+ private historyNavigationHandler;
160
+ private restoreState;
161
+ private persistState;
162
+ private doInitialPageFetch;
163
+ private get fullQuery();
164
+ private get fullQueryWithoutDate();
165
+ /**
166
+ * Generates a query string for the given facets
167
+ *
168
+ * Example: `mediatype:("collection" OR "audio" OR -"etree") AND year:("2000" OR "2001")`
169
+ */
170
+ private get facetQuery();
171
+ facetsChanged(e: CustomEvent<SelectedFacets>): void;
172
+ facetClickHandler(name: FacetOption, facetSelected: boolean, negative: boolean): void;
173
+ private fetchFacets;
174
+ /**
175
+ * If we haven't changed the query, we don't need to fetch the full year histogram
176
+ *
177
+ * @private
178
+ * @type {string}
179
+ * @memberof CollectionBrowser
180
+ */
181
+ private previousFullQueryNoDate?;
182
+ /**
183
+ * The query key is a string that uniquely identifies the current query
184
+ * without the date range.
185
+ *
186
+ * If this doesn't change, we don't need to re-fetch the histogram date range
187
+ */
188
+ private get fullQueryNoDateKey();
189
+ /**
190
+ * This method is similar to fetching the facets above,
191
+ * but only fetching the year histogram. There is a subtle difference
192
+ * in how you have to fetch the year histogram where you can't use the
193
+ * advanced JSON syntax like the other aggregations. It's a special
194
+ * case that @ximm put it place.
195
+ */
196
+ private fetchFullYearHistogram;
197
+ private scrollToPage;
198
+ /**
199
+ * The query key is a string that uniquely identifies the current query
200
+ *
201
+ * This lets us keep track of queries so we don't persist data that's
202
+ * no longer relevant.
203
+ */
204
+ private get pageFetchQueryKey();
205
+ private pageFetchesInProgress;
206
+ fetchPage(pageNumber: number): Promise<void>;
207
+ private preloadCollectionNames;
208
+ /**
209
+ * This is useful for determining whether we need to reload the scroller.
210
+ *
211
+ * When the fetch completes, we need to reload the scroller if the cells for that
212
+ * page are visible, but if the page is not currenlty visible, we don't need to reload
213
+ */
214
+ private get currentVisiblePageNumbers();
215
+ /**
216
+ * Update the datasource from the fetch response
217
+ *
218
+ * @param pageNumber
219
+ * @param results
220
+ */
221
+ private updateDataSource;
222
+ private etreeTitle;
223
+ /**
224
+ * Callback when a result is selected
225
+ */
226
+ resultSelected(event: CustomEvent<TileModel>): void;
227
+ cellForIndex(index: number): TemplateResult | undefined;
228
+ /**
229
+ * When the user scrolls near to the bottom of the page, fetch the next page
230
+ * increase the number of pages to render and start fetching data for the new page
231
+ */
232
+ private scrollThresholdReached;
233
+ static styles: import("lit").CSSResult;
234
+ }