@internetarchive/collection-browser 0.2.11 → 0.2.12

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