@internetarchive/collection-browser 0.3.2-alpha.4 → 0.3.2

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/.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 -43
  12. package/dist/src/app-root.js +233 -233
  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 +247 -247
  68. package/dist/src/collection-browser.js +1419 -1418
  69. package/dist/src/collection-browser.js.map +1 -1
  70. package/dist/src/collection-facets/facets-template.d.ts +16 -16
  71. package/dist/src/collection-facets/facets-template.js +125 -125
  72. package/dist/src/collection-facets/more-facets-content.d.ts +74 -74
  73. package/dist/src/collection-facets/more-facets-content.js +330 -330
  74. package/dist/src/collection-facets/more-facets-pagination.d.ts +36 -36
  75. package/dist/src/collection-facets/more-facets-pagination.js +192 -192
  76. package/dist/src/collection-facets.d.ts +73 -73
  77. package/dist/src/collection-facets.js +507 -507
  78. package/dist/src/collection-facets.js.map +1 -1
  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 +97 -97
  88. package/dist/src/models.js +100 -100
  89. package/dist/src/restoration-state-handler.d.ts +45 -45
  90. package/dist/src/restoration-state-handler.js +220 -220
  91. package/dist/src/sort-filter-bar/alpha-bar.d.ts +9 -9
  92. package/dist/src/sort-filter-bar/alpha-bar.js +41 -41
  93. package/dist/src/sort-filter-bar/img/compact.d.ts +1 -1
  94. package/dist/src/sort-filter-bar/img/compact.js +2 -2
  95. package/dist/src/sort-filter-bar/img/list.d.ts +1 -1
  96. package/dist/src/sort-filter-bar/img/list.js +2 -2
  97. package/dist/src/sort-filter-bar/img/sort-triangle.d.ts +1 -1
  98. package/dist/src/sort-filter-bar/img/sort-triangle.js +2 -2
  99. package/dist/src/sort-filter-bar/img/tile.d.ts +1 -1
  100. package/dist/src/sort-filter-bar/img/tile.js +2 -2
  101. package/dist/src/sort-filter-bar/sort-filter-bar.d.ts +107 -107
  102. package/dist/src/sort-filter-bar/sort-filter-bar.js +423 -423
  103. package/dist/src/styles/item-image-styles.d.ts +8 -8
  104. package/dist/src/styles/item-image-styles.js +9 -9
  105. package/dist/src/tiles/collection-browser-loading-tile.d.ts +5 -5
  106. package/dist/src/tiles/collection-browser-loading-tile.js +15 -15
  107. package/dist/src/tiles/grid/account-tile.d.ts +8 -8
  108. package/dist/src/tiles/grid/account-tile.js +20 -20
  109. package/dist/src/tiles/grid/collection-tile.d.ts +7 -7
  110. package/dist/src/tiles/grid/collection-tile.js +23 -23
  111. package/dist/src/tiles/grid/item-tile.d.ts +24 -24
  112. package/dist/src/tiles/grid/item-tile.js +87 -87
  113. package/dist/src/tiles/grid/tile-stats.d.ts +10 -10
  114. package/dist/src/tiles/grid/tile-stats.js +35 -35
  115. package/dist/src/tiles/image-block.d.ts +17 -17
  116. package/dist/src/tiles/image-block.js +69 -73
  117. package/dist/src/tiles/image-block.js.map +1 -1
  118. package/dist/src/tiles/item-image.d.ts +31 -31
  119. package/dist/src/tiles/item-image.js +103 -103
  120. package/dist/src/tiles/list/account-label.d.ts +1 -1
  121. package/dist/src/tiles/list/account-label.js +6 -6
  122. package/dist/src/tiles/list/date-label.d.ts +1 -1
  123. package/dist/src/tiles/list/date-label.js +12 -12
  124. package/dist/src/tiles/list/tile-list-compact-header.d.ts +12 -12
  125. package/dist/src/tiles/list/tile-list-compact-header.js +41 -41
  126. package/dist/src/tiles/list/tile-list-compact.d.ts +20 -20
  127. package/dist/src/tiles/list/tile-list-compact.js +88 -87
  128. package/dist/src/tiles/list/tile-list-compact.js.map +1 -1
  129. package/dist/src/tiles/list/tile-list.d.ts +50 -50
  130. package/dist/src/tiles/list/tile-list.js +265 -264
  131. package/dist/src/tiles/list/tile-list.js.map +1 -1
  132. package/dist/src/tiles/mediatype-icon.d.ts +9 -9
  133. package/dist/src/tiles/mediatype-icon.js +47 -47
  134. package/dist/src/tiles/overlay/icon-overlay.d.ts +7 -7
  135. package/dist/src/tiles/overlay/icon-overlay.js +30 -31
  136. package/dist/src/tiles/overlay/icon-overlay.js.map +1 -1
  137. package/dist/src/tiles/overlay/text-overlay.d.ts +8 -8
  138. package/dist/src/tiles/overlay/text-overlay.js +31 -31
  139. package/dist/src/tiles/text-snippet-block.d.ts +29 -29
  140. package/dist/src/tiles/text-snippet-block.js +81 -81
  141. package/dist/src/tiles/tile-dispatcher.d.ts +36 -36
  142. package/dist/src/tiles/tile-dispatcher.js +128 -128
  143. package/dist/src/utils/analytics-events.d.ts +18 -18
  144. package/dist/src/utils/analytics-events.js +20 -20
  145. package/dist/src/utils/format-count.d.ts +7 -7
  146. package/dist/src/utils/format-count.js +76 -76
  147. package/dist/src/utils/format-date.d.ts +2 -2
  148. package/dist/src/utils/format-date.js +23 -23
  149. package/dist/test/collection-browser.test.d.ts +1 -1
  150. package/dist/test/collection-browser.test.js +333 -318
  151. package/dist/test/collection-browser.test.js.map +1 -1
  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/more-facets-content.test.d.ts +1 -1
  155. package/dist/test/collection-facets/more-facets-content.test.js +91 -91
  156. package/dist/test/collection-facets/more-facets-pagination.test.d.ts +1 -1
  157. package/dist/test/collection-facets/more-facets-pagination.test.js +117 -117
  158. package/dist/test/collection-facets.test.d.ts +2 -2
  159. package/dist/test/collection-facets.test.js +423 -423
  160. package/dist/test/collection-facets.test.js.map +1 -1
  161. package/dist/test/empty-placeholder.test.d.ts +1 -1
  162. package/dist/test/empty-placeholder.test.js +33 -33
  163. package/dist/test/icon-overlay.test.d.ts +1 -1
  164. package/dist/test/icon-overlay.test.js +24 -24
  165. package/dist/test/image-block.test.d.ts +1 -0
  166. package/dist/test/image-block.test.js +79 -0
  167. package/dist/test/image-block.test.js.map +1 -0
  168. package/dist/test/item-image.test.d.ts +1 -1
  169. package/dist/test/item-image.test.js +56 -56
  170. package/dist/test/mediatype-config.test.d.ts +1 -1
  171. package/dist/test/mediatype-config.test.js +16 -16
  172. package/dist/test/mocks/mock-analytics-handler.d.ts +10 -10
  173. package/dist/test/mocks/mock-analytics-handler.js +15 -15
  174. package/dist/test/mocks/mock-collection-name-cache.d.ts +7 -7
  175. package/dist/test/mocks/mock-collection-name-cache.js +13 -13
  176. package/dist/test/mocks/mock-search-responses.d.ts +5 -5
  177. package/dist/test/mocks/mock-search-responses.js +103 -103
  178. package/dist/test/mocks/mock-search-service.d.ts +13 -13
  179. package/dist/test/mocks/mock-search-service.js +25 -25
  180. package/dist/test/restoration-state-handler.test.d.ts +1 -1
  181. package/dist/test/restoration-state-handler.test.js +117 -117
  182. package/dist/test/sort-filter-bar/sort-filter-bar.test.d.ts +1 -1
  183. package/dist/test/sort-filter-bar/sort-filter-bar.test.js +113 -113
  184. package/dist/test/text-overlay.test.d.ts +1 -1
  185. package/dist/test/text-overlay.test.js +41 -41
  186. package/dist/test/text-snippet-block.test.d.ts +1 -1
  187. package/dist/test/text-snippet-block.test.js +57 -57
  188. package/dist/test/tile-stats.test.d.ts +1 -1
  189. package/dist/test/tile-stats.test.js +33 -33
  190. package/dist/test/tiles/grid/item-tile.test.d.ts +1 -1
  191. package/dist/test/tiles/grid/item-tile.test.js +107 -107
  192. package/dist/test/tiles/list/tile-list-compact.test.d.ts +1 -0
  193. package/dist/test/tiles/list/tile-list-compact.test.js +31 -0
  194. package/dist/test/tiles/list/tile-list-compact.test.js.map +1 -0
  195. package/dist/test/tiles/list/tile-list.test.d.ts +1 -1
  196. package/dist/test/tiles/list/tile-list.test.js +36 -36
  197. package/dist/test/utils/format-count.test.d.ts +1 -1
  198. package/dist/test/utils/format-count.test.js +23 -23
  199. package/dist/test/utils/format-date.test.d.ts +1 -1
  200. package/dist/test/utils/format-date.test.js +17 -17
  201. package/index.html +24 -24
  202. package/local.archive.org.cert +86 -86
  203. package/local.archive.org.key +27 -27
  204. package/package.json +115 -115
  205. package/renovate.json +6 -6
  206. package/src/collection-browser.ts +1547 -1547
  207. package/src/collection-facets.ts +582 -582
  208. package/src/tiles/image-block.ts +7 -10
  209. package/src/tiles/list/tile-list-compact.ts +1 -0
  210. package/src/tiles/list/tile-list.ts +1 -0
  211. package/src/tiles/overlay/icon-overlay.ts +3 -4
  212. package/test/collection-browser.test.ts +24 -1
  213. package/test/collection-facets.test.ts +556 -556
  214. package/test/image-block.test.ts +86 -0
  215. package/test/tiles/list/tile-list-compact.test.ts +38 -0
  216. package/tsconfig.json +21 -21
  217. package/web-dev-server.config.mjs +30 -30
  218. package/web-test-runner.config.mjs +41 -41
@@ -1,221 +1,221 @@
1
- import { getCookie, setCookie } from 'typescript-cookie';
2
- import { MetadataFieldToSortField, } from './models';
3
- export class RestorationStateHandler {
4
- constructor(options) {
5
- this.cookieDomain = '.archive.org';
6
- this.cookieExpiration = 30;
7
- this.cookiePath = '/';
8
- this.context = options.context;
9
- }
10
- persistState(state) {
11
- if (state.displayMode)
12
- this.persistViewStateToCookies(state.displayMode);
13
- this.persistQueryStateToUrl(state);
14
- }
15
- getRestorationState() {
16
- const restorationState = this.loadQueryStateFromUrl();
17
- const displayMode = this.loadTileViewStateFromCookies();
18
- restorationState.displayMode = displayMode;
19
- return restorationState;
20
- }
21
- persistViewStateToCookies(displayMode) {
22
- const gridState = displayMode === 'grid' ? 'tiles' : 'lists';
23
- setCookie(`view-${this.context}`, gridState, {
24
- domain: this.cookieDomain,
25
- expires: this.cookieExpiration,
26
- path: this.cookiePath,
27
- });
28
- const detailsState = displayMode === 'list-detail' ? 'showdetails' : '';
29
- setCookie(`showdetails-${this.context}`, detailsState, {
30
- domain: this.cookieDomain,
31
- expires: this.cookieExpiration,
32
- path: this.cookiePath,
33
- });
34
- }
35
- loadTileViewStateFromCookies() {
36
- const viewState = getCookie(`view-${this.context}`);
37
- const detailsState = getCookie(`showdetails-${this.context}`);
38
- if (viewState === 'tiles' || viewState === undefined)
39
- return 'grid';
40
- if (detailsState === 'showdetails')
41
- return 'list-detail';
42
- return 'list-compact';
43
- }
44
- persistQueryStateToUrl(state) {
45
- const url = new URL(window.location.href);
46
- const { searchParams } = url;
47
- searchParams.delete('sort');
48
- searchParams.delete('query');
49
- searchParams.delete('page');
50
- searchParams.delete('and[]');
51
- searchParams.delete('not[]');
52
- if (state.sortParam) {
53
- const prefix = state.sortParam.direction === 'desc' ? '-' : '';
54
- searchParams.set('sort', `${prefix}${state.sortParam.field}`);
55
- }
56
- if (state.baseQuery) {
57
- searchParams.set('query', state.baseQuery);
58
- }
59
- if (state.currentPage) {
60
- if (state.currentPage > 1) {
61
- searchParams.set('page', state.currentPage.toString());
62
- }
63
- else {
64
- searchParams.delete('page');
65
- }
66
- }
67
- if (state.selectedFacets) {
68
- for (const [facetName, facetValues] of Object.entries(state.selectedFacets)) {
69
- const facetEntries = Object.entries(facetValues);
70
- // eslint-disable-next-line no-continue
71
- if (facetEntries.length === 0)
72
- continue;
73
- for (const [key, data] of facetEntries) {
74
- const notValue = data.state === 'hidden';
75
- const paramValue = `${facetName}:"${key}"`;
76
- if (notValue) {
77
- searchParams.append('not[]', paramValue);
78
- }
79
- else {
80
- searchParams.append('and[]', paramValue);
81
- }
82
- }
83
- }
84
- }
85
- if (state.dateRangeQueryClause) {
86
- searchParams.append('and[]', state.dateRangeQueryClause);
87
- }
88
- if (state.titleQuery) {
89
- searchParams.append('and[]', state.titleQuery);
90
- }
91
- if (state.creatorQuery) {
92
- searchParams.append('and[]', state.creatorQuery);
93
- }
94
- window.history.pushState({
95
- sort: state.sortParam,
96
- query: state.baseQuery,
97
- page: state.currentPage,
98
- and: state.selectedFacets,
99
- not: state.selectedFacets,
100
- dateRange: state.dateRangeQueryClause,
101
- }, '', url);
102
- }
103
- loadQueryStateFromUrl() {
104
- const url = new URL(window.location.href);
105
- const pageNumber = url.searchParams.get('page');
106
- const searchQuery = url.searchParams.get('query');
107
- const sortQuery = url.searchParams.get('sort');
108
- const facetAnds = url.searchParams.getAll('and[]');
109
- const facetNots = url.searchParams.getAll('not[]');
110
- const restorationState = {
111
- selectedFacets: {
112
- subject: {},
113
- lending: {},
114
- creator: {},
115
- mediatype: {},
116
- language: {},
117
- collection: {},
118
- year: {},
119
- },
120
- };
121
- if (pageNumber) {
122
- const parsed = parseInt(pageNumber, 10);
123
- restorationState.currentPage = parsed;
124
- }
125
- else {
126
- restorationState.currentPage = 1;
127
- }
128
- if (searchQuery) {
129
- restorationState.baseQuery = searchQuery;
130
- }
131
- if (sortQuery) {
132
- // check for two different sort formats: `date desc` and `-date`
133
- const hasSpace = sortQuery.indexOf(' ') > -1;
134
- if (hasSpace) {
135
- const [field, direction] = sortQuery.split(' ');
136
- const metadataField = MetadataFieldToSortField[field];
137
- if (metadataField) {
138
- restorationState.selectedSort = metadataField;
139
- }
140
- if (direction === 'desc' || direction === 'asc') {
141
- restorationState.sortDirection = direction;
142
- }
143
- }
144
- else {
145
- const sortDirection = sortQuery.startsWith('-') ? 'desc' : 'asc';
146
- const sortField = sortQuery.startsWith('-')
147
- ? sortQuery.slice(1)
148
- : sortQuery;
149
- const metadataField = MetadataFieldToSortField[sortField];
150
- if (metadataField)
151
- restorationState.selectedSort = metadataField;
152
- restorationState.sortDirection = sortDirection;
153
- }
154
- }
155
- if (facetAnds) {
156
- facetAnds.forEach(and => {
157
- const [field, value] = and.split(':');
158
- switch (field) {
159
- case 'year': {
160
- const [minDate, maxDate] = value.split(' TO ');
161
- // we have two potential ways of filtering by date:
162
- // the range with "date TO date" or the single date with "date"
163
- // this is checking for the range case and if we don't have those, fall
164
- // back to the single date case
165
- if (minDate && maxDate) {
166
- restorationState.minSelectedDate = minDate.substring(1, minDate.length);
167
- restorationState.maxSelectedDate = maxDate.substring(0, maxDate.length - 1);
168
- restorationState.dateRangeQueryClause = `year:${value}`;
169
- }
170
- else {
171
- this.setSelectedFacetState(restorationState.selectedFacets, field, value, 'selected');
172
- }
173
- break;
174
- }
175
- case 'firstTitle':
176
- restorationState.selectedTitleFilter = value;
177
- break;
178
- case 'firstCreator':
179
- restorationState.selectedCreatorFilter = value;
180
- break;
181
- default:
182
- this.setSelectedFacetState(restorationState.selectedFacets, field, value, 'selected');
183
- }
184
- });
185
- }
186
- if (facetNots) {
187
- facetNots.forEach(not => {
188
- const [field, value] = not.split(':');
189
- this.setSelectedFacetState(restorationState.selectedFacets, field, value, 'hidden');
190
- });
191
- }
192
- return restorationState;
193
- }
194
- // remove optional opening and closing quotes from a string
195
- stripQuotes(value) {
196
- if (value.startsWith('"') && value.endsWith('"')) {
197
- return value.substring(1, value.length - 1);
198
- }
199
- return value;
200
- }
201
- /**
202
- * Sets the facet state for the given field & value to the given state,
203
- * creating any previously-undefined buckets as needed.
204
- */
205
- setSelectedFacetState(selectedFacets, field, value, state) {
206
- var _a;
207
- const facet = selectedFacets[field];
208
- const unQuotedValue = this.stripQuotes(value);
209
- (_a = facet[unQuotedValue]) !== null && _a !== void 0 ? _a : (facet[unQuotedValue] = this.getDefaultBucket(value));
210
- facet[unQuotedValue].state = state;
211
- }
212
- /** Returns a default bucket with the given key, count of 0, and state 'none'. */
213
- getDefaultBucket(key) {
214
- return {
215
- key,
216
- count: 0,
217
- state: 'none',
218
- };
219
- }
220
- }
1
+ import { getCookie, setCookie } from 'typescript-cookie';
2
+ import { MetadataFieldToSortField, } from './models';
3
+ export class RestorationStateHandler {
4
+ constructor(options) {
5
+ this.cookieDomain = '.archive.org';
6
+ this.cookieExpiration = 30;
7
+ this.cookiePath = '/';
8
+ this.context = options.context;
9
+ }
10
+ persistState(state) {
11
+ if (state.displayMode)
12
+ this.persistViewStateToCookies(state.displayMode);
13
+ this.persistQueryStateToUrl(state);
14
+ }
15
+ getRestorationState() {
16
+ const restorationState = this.loadQueryStateFromUrl();
17
+ const displayMode = this.loadTileViewStateFromCookies();
18
+ restorationState.displayMode = displayMode;
19
+ return restorationState;
20
+ }
21
+ persistViewStateToCookies(displayMode) {
22
+ const gridState = displayMode === 'grid' ? 'tiles' : 'lists';
23
+ setCookie(`view-${this.context}`, gridState, {
24
+ domain: this.cookieDomain,
25
+ expires: this.cookieExpiration,
26
+ path: this.cookiePath,
27
+ });
28
+ const detailsState = displayMode === 'list-detail' ? 'showdetails' : '';
29
+ setCookie(`showdetails-${this.context}`, detailsState, {
30
+ domain: this.cookieDomain,
31
+ expires: this.cookieExpiration,
32
+ path: this.cookiePath,
33
+ });
34
+ }
35
+ loadTileViewStateFromCookies() {
36
+ const viewState = getCookie(`view-${this.context}`);
37
+ const detailsState = getCookie(`showdetails-${this.context}`);
38
+ if (viewState === 'tiles' || viewState === undefined)
39
+ return 'grid';
40
+ if (detailsState === 'showdetails')
41
+ return 'list-detail';
42
+ return 'list-compact';
43
+ }
44
+ persistQueryStateToUrl(state) {
45
+ const url = new URL(window.location.href);
46
+ const { searchParams } = url;
47
+ searchParams.delete('sort');
48
+ searchParams.delete('query');
49
+ searchParams.delete('page');
50
+ searchParams.delete('and[]');
51
+ searchParams.delete('not[]');
52
+ if (state.sortParam) {
53
+ const prefix = state.sortParam.direction === 'desc' ? '-' : '';
54
+ searchParams.set('sort', `${prefix}${state.sortParam.field}`);
55
+ }
56
+ if (state.baseQuery) {
57
+ searchParams.set('query', state.baseQuery);
58
+ }
59
+ if (state.currentPage) {
60
+ if (state.currentPage > 1) {
61
+ searchParams.set('page', state.currentPage.toString());
62
+ }
63
+ else {
64
+ searchParams.delete('page');
65
+ }
66
+ }
67
+ if (state.selectedFacets) {
68
+ for (const [facetName, facetValues] of Object.entries(state.selectedFacets)) {
69
+ const facetEntries = Object.entries(facetValues);
70
+ // eslint-disable-next-line no-continue
71
+ if (facetEntries.length === 0)
72
+ continue;
73
+ for (const [key, data] of facetEntries) {
74
+ const notValue = data.state === 'hidden';
75
+ const paramValue = `${facetName}:"${key}"`;
76
+ if (notValue) {
77
+ searchParams.append('not[]', paramValue);
78
+ }
79
+ else {
80
+ searchParams.append('and[]', paramValue);
81
+ }
82
+ }
83
+ }
84
+ }
85
+ if (state.dateRangeQueryClause) {
86
+ searchParams.append('and[]', state.dateRangeQueryClause);
87
+ }
88
+ if (state.titleQuery) {
89
+ searchParams.append('and[]', state.titleQuery);
90
+ }
91
+ if (state.creatorQuery) {
92
+ searchParams.append('and[]', state.creatorQuery);
93
+ }
94
+ window.history.pushState({
95
+ sort: state.sortParam,
96
+ query: state.baseQuery,
97
+ page: state.currentPage,
98
+ and: state.selectedFacets,
99
+ not: state.selectedFacets,
100
+ dateRange: state.dateRangeQueryClause,
101
+ }, '', url);
102
+ }
103
+ loadQueryStateFromUrl() {
104
+ const url = new URL(window.location.href);
105
+ const pageNumber = url.searchParams.get('page');
106
+ const searchQuery = url.searchParams.get('query');
107
+ const sortQuery = url.searchParams.get('sort');
108
+ const facetAnds = url.searchParams.getAll('and[]');
109
+ const facetNots = url.searchParams.getAll('not[]');
110
+ const restorationState = {
111
+ selectedFacets: {
112
+ subject: {},
113
+ lending: {},
114
+ creator: {},
115
+ mediatype: {},
116
+ language: {},
117
+ collection: {},
118
+ year: {},
119
+ },
120
+ };
121
+ if (pageNumber) {
122
+ const parsed = parseInt(pageNumber, 10);
123
+ restorationState.currentPage = parsed;
124
+ }
125
+ else {
126
+ restorationState.currentPage = 1;
127
+ }
128
+ if (searchQuery) {
129
+ restorationState.baseQuery = searchQuery;
130
+ }
131
+ if (sortQuery) {
132
+ // check for two different sort formats: `date desc` and `-date`
133
+ const hasSpace = sortQuery.indexOf(' ') > -1;
134
+ if (hasSpace) {
135
+ const [field, direction] = sortQuery.split(' ');
136
+ const metadataField = MetadataFieldToSortField[field];
137
+ if (metadataField) {
138
+ restorationState.selectedSort = metadataField;
139
+ }
140
+ if (direction === 'desc' || direction === 'asc') {
141
+ restorationState.sortDirection = direction;
142
+ }
143
+ }
144
+ else {
145
+ const sortDirection = sortQuery.startsWith('-') ? 'desc' : 'asc';
146
+ const sortField = sortQuery.startsWith('-')
147
+ ? sortQuery.slice(1)
148
+ : sortQuery;
149
+ const metadataField = MetadataFieldToSortField[sortField];
150
+ if (metadataField)
151
+ restorationState.selectedSort = metadataField;
152
+ restorationState.sortDirection = sortDirection;
153
+ }
154
+ }
155
+ if (facetAnds) {
156
+ facetAnds.forEach(and => {
157
+ const [field, value] = and.split(':');
158
+ switch (field) {
159
+ case 'year': {
160
+ const [minDate, maxDate] = value.split(' TO ');
161
+ // we have two potential ways of filtering by date:
162
+ // the range with "date TO date" or the single date with "date"
163
+ // this is checking for the range case and if we don't have those, fall
164
+ // back to the single date case
165
+ if (minDate && maxDate) {
166
+ restorationState.minSelectedDate = minDate.substring(1, minDate.length);
167
+ restorationState.maxSelectedDate = maxDate.substring(0, maxDate.length - 1);
168
+ restorationState.dateRangeQueryClause = `year:${value}`;
169
+ }
170
+ else {
171
+ this.setSelectedFacetState(restorationState.selectedFacets, field, value, 'selected');
172
+ }
173
+ break;
174
+ }
175
+ case 'firstTitle':
176
+ restorationState.selectedTitleFilter = value;
177
+ break;
178
+ case 'firstCreator':
179
+ restorationState.selectedCreatorFilter = value;
180
+ break;
181
+ default:
182
+ this.setSelectedFacetState(restorationState.selectedFacets, field, value, 'selected');
183
+ }
184
+ });
185
+ }
186
+ if (facetNots) {
187
+ facetNots.forEach(not => {
188
+ const [field, value] = not.split(':');
189
+ this.setSelectedFacetState(restorationState.selectedFacets, field, value, 'hidden');
190
+ });
191
+ }
192
+ return restorationState;
193
+ }
194
+ // remove optional opening and closing quotes from a string
195
+ stripQuotes(value) {
196
+ if (value.startsWith('"') && value.endsWith('"')) {
197
+ return value.substring(1, value.length - 1);
198
+ }
199
+ return value;
200
+ }
201
+ /**
202
+ * Sets the facet state for the given field & value to the given state,
203
+ * creating any previously-undefined buckets as needed.
204
+ */
205
+ setSelectedFacetState(selectedFacets, field, value, state) {
206
+ var _a;
207
+ const facet = selectedFacets[field];
208
+ const unQuotedValue = this.stripQuotes(value);
209
+ (_a = facet[unQuotedValue]) !== null && _a !== void 0 ? _a : (facet[unQuotedValue] = this.getDefaultBucket(value));
210
+ facet[unQuotedValue].state = state;
211
+ }
212
+ /** Returns a default bucket with the given key, count of 0, and state 'none'. */
213
+ getDefaultBucket(key) {
214
+ return {
215
+ key,
216
+ count: 0,
217
+ state: 'none',
218
+ };
219
+ }
220
+ }
221
221
  //# sourceMappingURL=restoration-state-handler.js.map
@@ -1,9 +1,9 @@
1
- import { LitElement } from 'lit';
2
- export declare class AlphaBar extends LitElement {
3
- selectedLetter: string | null;
4
- private get selectedUppercaseLetter();
5
- render(): import("lit-html").TemplateResult<1>;
6
- private letterClicked;
7
- private readonly alphabet;
8
- static styles: import("lit").CSSResult;
9
- }
1
+ import { LitElement } from 'lit';
2
+ export declare class AlphaBar extends LitElement {
3
+ selectedLetter: string | null;
4
+ private get selectedUppercaseLetter();
5
+ render(): import("lit-html").TemplateResult<1>;
6
+ private letterClicked;
7
+ private readonly alphabet;
8
+ static styles: import("lit").CSSResult;
9
+ }
@@ -1,31 +1,31 @@
1
- import { __decorate } from "tslib";
2
- import { LitElement, html, css } from 'lit';
3
- import { customElement, property } from 'lit/decorators.js';
4
- let AlphaBar = class AlphaBar extends LitElement {
5
- constructor() {
6
- super(...arguments);
7
- this.selectedLetter = null;
8
- this.alphabet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('');
9
- }
10
- get selectedUppercaseLetter() {
11
- var _a;
12
- return (_a = this.selectedLetter) === null || _a === void 0 ? void 0 : _a.toUpperCase();
13
- }
14
- render() {
1
+ import { __decorate } from "tslib";
2
+ import { LitElement, html, css } from 'lit';
3
+ import { customElement, property } from 'lit/decorators.js';
4
+ let AlphaBar = class AlphaBar extends LitElement {
5
+ constructor() {
6
+ super(...arguments);
7
+ this.selectedLetter = null;
8
+ this.alphabet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('');
9
+ }
10
+ get selectedUppercaseLetter() {
11
+ var _a;
12
+ return (_a = this.selectedLetter) === null || _a === void 0 ? void 0 : _a.toUpperCase();
13
+ }
14
+ render() {
15
15
  return html `
16
16
  <div id="container">
17
17
  <ul>
18
18
  ${this.alphabet.map(letter => html `
19
19
  <li
20
- class=${letter === this.selectedUppercaseLetter
21
- ? 'selected'
20
+ class=${letter === this.selectedUppercaseLetter
21
+ ? 'selected'
22
22
  : ''}
23
23
  >
24
24
  <a
25
25
  href="#"
26
- @click=${(e) => {
27
- e.preventDefault();
28
- this.letterClicked(letter);
26
+ @click=${(e) => {
27
+ e.preventDefault();
28
+ this.letterClicked(letter);
29
29
  }}
30
30
  >
31
31
  ${letter}
@@ -34,20 +34,20 @@ let AlphaBar = class AlphaBar extends LitElement {
34
34
  `)}
35
35
  </ul>
36
36
  </div>
37
- `;
38
- }
39
- letterClicked(letter) {
40
- if (letter === this.selectedUppercaseLetter) {
41
- this.selectedLetter = null;
42
- }
43
- else {
44
- this.selectedLetter = letter;
45
- }
46
- this.dispatchEvent(new CustomEvent('letterChanged', {
47
- detail: { selectedLetter: this.selectedUppercaseLetter },
48
- }));
49
- }
50
- };
37
+ `;
38
+ }
39
+ letterClicked(letter) {
40
+ if (letter === this.selectedUppercaseLetter) {
41
+ this.selectedLetter = null;
42
+ }
43
+ else {
44
+ this.selectedLetter = letter;
45
+ }
46
+ this.dispatchEvent(new CustomEvent('letterChanged', {
47
+ detail: { selectedLetter: this.selectedUppercaseLetter },
48
+ }));
49
+ }
50
+ };
51
51
  AlphaBar.styles = css `
52
52
  h1 {
53
53
  font-size: 1.2rem;
@@ -87,12 +87,12 @@ AlphaBar.styles = css `
87
87
  .selected a {
88
88
  color: white;
89
89
  }
90
- `;
91
- __decorate([
92
- property({ type: String })
93
- ], AlphaBar.prototype, "selectedLetter", void 0);
94
- AlphaBar = __decorate([
95
- customElement('alpha-bar')
96
- ], AlphaBar);
97
- export { AlphaBar };
90
+ `;
91
+ __decorate([
92
+ property({ type: String })
93
+ ], AlphaBar.prototype, "selectedLetter", void 0);
94
+ AlphaBar = __decorate([
95
+ customElement('alpha-bar')
96
+ ], AlphaBar);
97
+ export { AlphaBar };
98
98
  //# sourceMappingURL=alpha-bar.js.map
@@ -1 +1 @@
1
- export declare const compactIcon: import("lit-html").TemplateResult<2>;
1
+ export declare const compactIcon: import("lit-html").TemplateResult<2>;
@@ -1,5 +1,5 @@
1
- import { svg } from 'lit';
1
+ import { svg } from 'lit';
2
2
  export const compactIcon = svg `
3
3
  <svg viewBox="0 0 100 100" xmlns = "http://www.w3.org/2000/svg" > <path d="m96.9964435 6h-93.90621462c-.91561615 0-1.65899868-.29021372-2.23014758-.87064117-.57114891-.58042745-.85783455-1.3048369-.86005692-2.17322835 0-.81214848.28668564-1.50731158.86005692-2.08548931.57337127-.57817773 1.3167538-.86839145 2.23014758-.87064117h93.90621462c.800053 0 1.5012105.29021372 2.1034726.87064117.602262.58042745.9022819 1.27559055.9000718 2.08548931 0 .86839145-.3000321 1.5928009-.9000718 2.17322835-.6000398.58042745-1.3011973.87064117-2.1034726.87064117zm-93.90621462 9.6666667h93.90621462c.800053 0 1.5012105.2861891 2.1034726.8585673.602262.5723782.9022819 1.2579009.9000718 2.0565682 0 .8563487-.3000321 1.5851326-.9000718 2.1863516-.6000398.6012189-1.3011973.9007192-2.1034726.8985129h-93.90621462c-.91561615 0-1.65899868-.2995125-2.23014758-.8985129-.57114891-.5990005-.85783455-1.3277843-.86005692-2.1863516 0-.8008858.28668564-1.4864086.86005692-2.0565682.57337127-.5701597 1.3167538-.8563488 2.23014758-.8585673zm0 15.6700431h93.90621462c.800053 0 1.5012105.303883 2.1034726.9116489.602262.6077659.9022819 1.2886888.9000718 2.0427687-.0022346.7540799-.3022545 1.4496342-.9000718 2.0866629-.5978174.6370287-1.2989749.955543-2.1034726.955543h-93.90621462c-.85783454 0-1.58788286-.3038829-2.19014494-.9116488s-.90228193-1.3179516-.90007182-2.1305571c.00223463-.8126055.30225448-1.5081599.90007182-2.0866629.59781734-.5785031 1.32786566-.8688802 2.19014494-.8711312zm0 15.6632902h93.90621462c.800053 0 1.5012105.2861892 2.1034726.8585675.602262.5723783.9022819 1.2290603.9000718 1.9700462 0 .7986674-.3144775 1.5274514-.943408 2.186352-.6289306.6589006-1.3156427.9872417-2.0601364.9850343h-93.90621462c-.85783454 0-1.58788286-.3139318-2.19014494-.9417731-.60226208-.6278414-.90228193-1.3699365-.90007182-2.2262854 0-.7986674.2866979-1.4697699.86006918-2.0133074.57337127-.5435376 1.3167538-.8153063 2.23014758-.8153063zm0 15.6666667h93.90621462c.800053 0 1.5012105.3038947 2.1034726.9116593.602262.6077647.9022819 1.3472117.9000718 2.218341 0 .7540783-.3000321 1.4203685-.9000718 1.9988703-.6000398.5785019-1.3011973.8688784-2.1034726.8711294h-93.90621462c-.91561615 0-1.65899868-.2757451-2.23014758-.8272352-.57114891-.5514902-.85783455-1.2324117-.86005692-2.0427645 0-.8688784.28668564-1.6083253.86005692-2.218341.57337127-.6100156 1.3167538-.9138979 2.23014758-.9116593zm0 15.6666666h93.90621462c.800053 0 1.5012105.3038948 2.1034726.9116594.602262.6077646.9022819 1.3472116.9000718 2.2183409 0 .7540784-.3000321 1.4203685-.9000718 1.9988704-.6000398.5785019-1.3011973.8688784-2.1034726.8711293h-93.90621462c-.91561615 0-1.65899868-.275745-2.23014758-.8272352-.57114891-.5514901-.85783455-1.2324116-.86005692-2.0427645 0-.8688783.28668564-1.6083253.86005692-2.2183409.57337127-.6100156 1.3167538-.9138979 2.23014758-.9116594zm0 15.6666667h93.90621462c.800053 0 1.5012105.3038947 2.1034726.9116594.602262.6077646.9022819 1.3472116.9000718 2.2183409 0 .7540784-.3000321 1.4203685-.9000718 1.9988704-.6000398.5785019-1.3011973.8688783-2.1034726.8711293h-93.90621462c-.91561615 0-1.65899868-.2757451-2.23014758-.8272352-.57114891-.5514901-.85783455-1.2324116-.86005692-2.0427645 0-.8688783.28668564-1.6083253.86005692-2.2183409.57337127-.6100156 1.3167538-.913898 2.23014758-.9116594z" /> </svg>
4
- `;
4
+ `;
5
5
  //# sourceMappingURL=compact.js.map
@@ -1 +1 @@
1
- export declare const listIcon: import("lit-html").TemplateResult<2>;
1
+ export declare const listIcon: import("lit-html").TemplateResult<2>;
@@ -1,5 +1,5 @@
1
- import { svg } from 'lit';
1
+ import { svg } from 'lit';
2
2
  export const listIcon = svg `
3
3
  <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><g fill="#000" fill-rule="nonzero"><path d="m97.8975061 6h-65.7343743c-.6409315 0-1.1612995-.29021372-1.5611039-.87064117-.3998043-.58042745-.6004844-1.3048369-.60204-2.17322835 0-.81214848.20068-1.50731158.60204-2.08548931.4013601-.57817773.921728-.86839145 1.5611039-.87064117h65.7343743c.5600372 0 1.0508477.29021372 1.4724313.87064117s.6315976 1.27559055.6300505 2.08548931c0 .86839145-.2100226 1.5928009-.6300505 2.17322835-.420028.58042745-.9108384.87064117-1.4724313.87064117z"/><path d="m97.8975061 61h-65.7343743c-.6409315 0-1.1612995-.2902137-1.5611039-.8706412-.3998043-.5804274-.6004844-1.3048369-.60204-2.1732283 0-.8121485.20068-1.5073116.60204-2.0854893.4013601-.5781778.921728-.8683915 1.5611039-.8706412h65.7343743c.5600372 0 1.0508477.2902137 1.4724313.8706412.4215836.5804274.6315976 1.2755905.6300505 2.0854893 0 .8683914-.2100226 1.5928009-.6300505 2.1732283-.420028.5804275-.9108384.8706412-1.4724313.8706412z"/><path d="m97.8975061 19h-65.7343743c-.6409315 0-1.1612995-.2902137-1.5611039-.8706412-.3998043-.5804274-.6004844-1.3048369-.60204-2.1732283 0-.8121485.20068-1.5073116.60204-2.0854893.4013601-.5781778.921728-.8683915 1.5611039-.8706412h65.7343743c.5600372 0 1.0508477.2902137 1.4724313.8706412.4215836.5804274.6315976 1.2755905.6300505 2.0854893 0 .8683914-.2100226 1.5928009-.6300505 2.1732283-.420028.5804275-.9108384.8706412-1.4724313.8706412z"/><path d="m97.8975061 74h-65.7343743c-.6409315 0-1.1612995-.2902137-1.5611039-.8706412-.3998043-.5804274-.6004844-1.3048369-.60204-2.1732283 0-.8121485.20068-1.5073116.60204-2.0854893.4013601-.5781778.921728-.8683915 1.5611039-.8706412h65.7343743c.5600372 0 1.0508477.2902137 1.4724313.8706412.4215836.5804274.6315976 1.2755905.6300505 2.0854893 0 .8683914-.2100226 1.5928009-.6300505 2.1732283-.420028.5804275-.9108384.8706412-1.4724313.8706412z"/><path d="m97.8975061 32h-65.7343743c-.6409315 0-1.1612995-.2902137-1.5611039-.8706412-.3998043-.5804274-.6004844-1.3048369-.60204-2.1732283 0-.8121485.20068-1.5073116.60204-2.0854893.4013601-.5781778.921728-.8683915 1.5611039-.8706412h65.7343743c.5600372 0 1.0508477.2902137 1.4724313.8706412.4215836.5804274.6315976 1.2755905.6300505 2.0854893 0 .8683914-.2100226 1.5928009-.6300505 2.1732283-.420028.5804275-.9108384.8706412-1.4724313.8706412z"/><path d="m97.8975061 87h-65.7343743c-.6409315 0-1.1612995-.2902137-1.5611039-.8706412-.3998043-.5804274-.6004844-1.3048369-.60204-2.1732283 0-.8121485.20068-1.5073116.60204-2.0854893.4013601-.5781778.921728-.8683915 1.5611039-.8706412h65.7343743c.5600372 0 1.0508477.2902137 1.4724313.8706412.4215836.5804274.6315976 1.2755905.6300505 2.0854893 0 .8683914-.2100226 1.5928009-.6300505 2.1732283-.420028.5804275-.9108384.8706412-1.4724313.8706412z"/><path d="m97.8975061 45h-65.7343743c-.6409315 0-1.1612995-.2902137-1.5611039-.8706412-.3998043-.5804274-.6004844-1.3048369-.60204-2.1732283 0-.8121485.20068-1.5073116.60204-2.0854893.4013601-.5781778.921728-.8683915 1.5611039-.8706412h65.7343743c.5600372 0 1.0508477.2902137 1.4724313.8706412.4215836.5804274.6315976 1.2755905.6300505 2.0854893 0 .8683914-.2100226 1.5928009-.6300505 2.1732283-.420028.5804275-.9108384.8706412-1.4724313.8706412z"/><path d="m97.8975061 100h-65.7343743c-.6409315 0-1.1612995-.2902137-1.5611039-.8706412-.3998043-.5804274-.6004844-1.3048369-.60204-2.1732283 0-.8121485.20068-1.5073116.60204-2.0854893.4013601-.5781778.921728-.8683915 1.5611039-.8706412h65.7343743c.5600372 0 1.0508477.2902137 1.4724313.8706412.4215836.5804274.6315976 1.2755905.6300505 2.0854893 0 .8683914-.2100226 1.5928009-.6300505 2.1732283-.420028.5804275-.9108384.8706412-1.4724313.8706412z"/><path d="m0 0h25v25h-25z"/><path d="m0 55h25v25h-25z"/></g></svg>
4
- `;
4
+ `;
5
5
  //# sourceMappingURL=list.js.map
@@ -1 +1 @@
1
- export declare const sortIcon: import("lit-html").TemplateResult<2>;
1
+ export declare const sortIcon: import("lit-html").TemplateResult<2>;
@@ -1,5 +1,5 @@
1
- import { svg } from 'lit';
1
+ import { svg } from 'lit';
2
2
  export const sortIcon = svg `
3
3
  <svg viewBox="0 0 100 55" xmlns="http://www.w3.org/2000/svg"><path d="m50 0 50 55h-100z"/></svg>
4
- `;
4
+ `;
5
5
  //# sourceMappingURL=sort-triangle.js.map
@@ -1 +1 @@
1
- export declare const tileIcon: import("lit-html").TemplateResult<2>;
1
+ export declare const tileIcon: import("lit-html").TemplateResult<2>;
@@ -1,5 +1,5 @@
1
- import { svg } from 'lit';
1
+ import { svg } from 'lit';
2
2
  export const tileIcon = svg `
3
3
  <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="m64 54v46h-28v-46zm36 0v46h-28v-46zm-72 0v46h-28v-46zm36-54v46h-28v-46zm36 0v46h-28v-46zm-72 0v46h-28v-46z"/></svg>
4
- `;
4
+ `;
5
5
  //# sourceMappingURL=tile.js.map