@internetarchive/collection-browser 1.14.1 → 1.14.2-alpha1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (289) hide show
  1. package/.editorconfig +29 -29
  2. package/.github/workflows/ci.yml +26 -26
  3. package/.github/workflows/gh-pages-main.yml +39 -39
  4. package/.github/workflows/npm-publish.yml +39 -39
  5. package/.github/workflows/pr-preview.yml +38 -38
  6. package/.husky/pre-commit +4 -4
  7. package/LICENSE +661 -661
  8. package/README.md +83 -83
  9. package/dist/index.d.ts +9 -9
  10. package/dist/index.js +9 -9
  11. package/dist/src/app-root.d.ts +64 -64
  12. package/dist/src/app-root.js +311 -311
  13. package/dist/src/assets/img/icons/arrow-left.d.ts +2 -2
  14. package/dist/src/assets/img/icons/arrow-left.js +2 -2
  15. package/dist/src/assets/img/icons/arrow-right.d.ts +2 -2
  16. package/dist/src/assets/img/icons/arrow-right.js +2 -2
  17. package/dist/src/assets/img/icons/chevron.d.ts +2 -2
  18. package/dist/src/assets/img/icons/chevron.js +2 -2
  19. package/dist/src/assets/img/icons/contract.d.ts +2 -2
  20. package/dist/src/assets/img/icons/contract.js +2 -2
  21. package/dist/src/assets/img/icons/empty-query.d.ts +2 -2
  22. package/dist/src/assets/img/icons/empty-query.js +2 -2
  23. package/dist/src/assets/img/icons/expand.d.ts +2 -2
  24. package/dist/src/assets/img/icons/expand.js +2 -2
  25. package/dist/src/assets/img/icons/eye-closed.d.ts +2 -2
  26. package/dist/src/assets/img/icons/eye-closed.js +2 -2
  27. package/dist/src/assets/img/icons/eye.d.ts +2 -2
  28. package/dist/src/assets/img/icons/eye.js +2 -2
  29. package/dist/src/assets/img/icons/favorite-filled.d.ts +1 -1
  30. package/dist/src/assets/img/icons/favorite-filled.js +2 -2
  31. package/dist/src/assets/img/icons/login-required.d.ts +1 -1
  32. package/dist/src/assets/img/icons/login-required.js +2 -2
  33. package/dist/src/assets/img/icons/mediatype/account.d.ts +1 -1
  34. package/dist/src/assets/img/icons/mediatype/account.js +2 -2
  35. package/dist/src/assets/img/icons/mediatype/audio.d.ts +1 -1
  36. package/dist/src/assets/img/icons/mediatype/audio.js +2 -2
  37. package/dist/src/assets/img/icons/mediatype/collection.d.ts +1 -1
  38. package/dist/src/assets/img/icons/mediatype/collection.js +2 -2
  39. package/dist/src/assets/img/icons/mediatype/data.d.ts +1 -1
  40. package/dist/src/assets/img/icons/mediatype/data.js +2 -2
  41. package/dist/src/assets/img/icons/mediatype/etree.d.ts +1 -1
  42. package/dist/src/assets/img/icons/mediatype/etree.js +2 -2
  43. package/dist/src/assets/img/icons/mediatype/film.d.ts +1 -1
  44. package/dist/src/assets/img/icons/mediatype/film.js +2 -2
  45. package/dist/src/assets/img/icons/mediatype/images.d.ts +1 -1
  46. package/dist/src/assets/img/icons/mediatype/images.js +2 -2
  47. package/dist/src/assets/img/icons/mediatype/radio.d.ts +1 -1
  48. package/dist/src/assets/img/icons/mediatype/radio.js +2 -2
  49. package/dist/src/assets/img/icons/mediatype/search.d.ts +1 -0
  50. package/dist/src/assets/img/icons/mediatype/search.js +14 -0
  51. package/dist/src/assets/img/icons/mediatype/search.js.map +1 -0
  52. package/dist/src/assets/img/icons/mediatype/software.d.ts +1 -1
  53. package/dist/src/assets/img/icons/mediatype/software.js +2 -2
  54. package/dist/src/assets/img/icons/mediatype/texts.d.ts +1 -1
  55. package/dist/src/assets/img/icons/mediatype/texts.js +2 -2
  56. package/dist/src/assets/img/icons/mediatype/tv.d.ts +1 -1
  57. package/dist/src/assets/img/icons/mediatype/tv.js +2 -2
  58. package/dist/src/assets/img/icons/mediatype/video.d.ts +1 -1
  59. package/dist/src/assets/img/icons/mediatype/video.js +2 -2
  60. package/dist/src/assets/img/icons/mediatype/web.d.ts +1 -1
  61. package/dist/src/assets/img/icons/mediatype/web.js +2 -2
  62. package/dist/src/assets/img/icons/null-result.d.ts +2 -2
  63. package/dist/src/assets/img/icons/null-result.js +2 -2
  64. package/dist/src/assets/img/icons/restricted.d.ts +1 -1
  65. package/dist/src/assets/img/icons/restricted.js +2 -2
  66. package/dist/src/assets/img/icons/reviews.d.ts +1 -1
  67. package/dist/src/assets/img/icons/reviews.js +2 -2
  68. package/dist/src/assets/img/icons/upload.d.ts +1 -1
  69. package/dist/src/assets/img/icons/upload.js +2 -2
  70. package/dist/src/assets/img/icons/views.d.ts +1 -1
  71. package/dist/src/assets/img/icons/views.js +2 -2
  72. package/dist/src/circular-activity-indicator.d.ts +5 -5
  73. package/dist/src/circular-activity-indicator.js +17 -17
  74. package/dist/src/collection-browser.d.ts +524 -522
  75. package/dist/src/collection-browser.js +1859 -1834
  76. package/dist/src/collection-browser.js.map +1 -1
  77. package/dist/src/collection-facets/facet-tombstone-row.d.ts +5 -5
  78. package/dist/src/collection-facets/facet-tombstone-row.js +15 -15
  79. package/dist/src/collection-facets/facets-template.d.ts +20 -20
  80. package/dist/src/collection-facets/facets-template.js +152 -152
  81. package/dist/src/collection-facets/more-facets-content.d.ts +77 -77
  82. package/dist/src/collection-facets/more-facets-content.js +359 -359
  83. package/dist/src/collection-facets/more-facets-pagination.d.ts +36 -36
  84. package/dist/src/collection-facets/more-facets-pagination.js +196 -196
  85. package/dist/src/collection-facets/toggle-switch.d.ts +41 -41
  86. package/dist/src/collection-facets/toggle-switch.js +94 -94
  87. package/dist/src/collection-facets.d.ts +104 -104
  88. package/dist/src/collection-facets.js +506 -506
  89. package/dist/src/empty-placeholder.d.ts +23 -23
  90. package/dist/src/empty-placeholder.js +74 -74
  91. package/dist/src/expanded-date-picker.d.ts +43 -43
  92. package/dist/src/expanded-date-picker.js +109 -109
  93. package/dist/src/language-code-handler/language-code-handler.d.ts +37 -37
  94. package/dist/src/language-code-handler/language-code-handler.js +26 -26
  95. package/dist/src/language-code-handler/language-code-mapping.d.ts +1 -1
  96. package/dist/src/language-code-handler/language-code-mapping.js +562 -562
  97. package/dist/src/manage/manage-bar.d.ts +26 -26
  98. package/dist/src/manage/manage-bar.js +53 -53
  99. package/dist/src/mediatype/mediatype-config.d.ts +3 -3
  100. package/dist/src/mediatype/mediatype-config.js +91 -85
  101. package/dist/src/mediatype/mediatype-config.js.map +1 -1
  102. package/dist/src/models.d.ts +164 -164
  103. package/dist/src/models.js +269 -269
  104. package/dist/src/restoration-state-handler.d.ts +70 -70
  105. package/dist/src/restoration-state-handler.js +355 -355
  106. package/dist/src/sort-filter-bar/alpha-bar-tooltip.d.ts +6 -6
  107. package/dist/src/sort-filter-bar/alpha-bar-tooltip.js +24 -24
  108. package/dist/src/sort-filter-bar/alpha-bar.d.ts +21 -21
  109. package/dist/src/sort-filter-bar/alpha-bar.js +128 -128
  110. package/dist/src/sort-filter-bar/img/compact.d.ts +1 -1
  111. package/dist/src/sort-filter-bar/img/compact.js +2 -2
  112. package/dist/src/sort-filter-bar/img/list.d.ts +1 -1
  113. package/dist/src/sort-filter-bar/img/list.js +2 -2
  114. package/dist/src/sort-filter-bar/img/sort-toggle-disabled.d.ts +1 -1
  115. package/dist/src/sort-filter-bar/img/sort-toggle-disabled.js +2 -2
  116. package/dist/src/sort-filter-bar/img/sort-toggle-down.d.ts +1 -1
  117. package/dist/src/sort-filter-bar/img/sort-toggle-down.js +2 -2
  118. package/dist/src/sort-filter-bar/img/sort-toggle-up.d.ts +1 -1
  119. package/dist/src/sort-filter-bar/img/sort-toggle-up.js +2 -2
  120. package/dist/src/sort-filter-bar/img/sort-triangle.d.ts +1 -1
  121. package/dist/src/sort-filter-bar/img/sort-triangle.js +2 -2
  122. package/dist/src/sort-filter-bar/img/tile.d.ts +1 -1
  123. package/dist/src/sort-filter-bar/img/tile.js +2 -2
  124. package/dist/src/sort-filter-bar/sort-filter-bar.d.ts +208 -208
  125. package/dist/src/sort-filter-bar/sort-filter-bar.js +637 -637
  126. package/dist/src/styles/item-image-styles.d.ts +8 -8
  127. package/dist/src/styles/item-image-styles.js +13 -9
  128. package/dist/src/styles/item-image-styles.js.map +1 -1
  129. package/dist/src/styles/sr-only.d.ts +1 -1
  130. package/dist/src/styles/sr-only.js +2 -2
  131. package/dist/src/tiles/base-tile-component.d.ts +18 -18
  132. package/dist/src/tiles/base-tile-component.js +59 -59
  133. package/dist/src/tiles/collection-browser-loading-tile.d.ts +5 -5
  134. package/dist/src/tiles/collection-browser-loading-tile.js +15 -15
  135. package/dist/src/tiles/grid/account-tile.d.ts +18 -18
  136. package/dist/src/tiles/grid/account-tile.js +72 -72
  137. package/dist/src/tiles/grid/collection-tile.d.ts +15 -15
  138. package/dist/src/tiles/grid/collection-tile.js +80 -80
  139. package/dist/src/tiles/grid/item-tile.d.ts +27 -27
  140. package/dist/src/tiles/grid/item-tile.js +134 -134
  141. package/dist/src/tiles/grid/search-tile.d.ts +10 -0
  142. package/dist/src/tiles/grid/search-tile.js +92 -0
  143. package/dist/src/tiles/grid/search-tile.js.map +1 -0
  144. package/dist/src/tiles/grid/styles/tile-grid-shared-styles.d.ts +1 -1
  145. package/dist/src/tiles/grid/styles/tile-grid-shared-styles.js +8 -8
  146. package/dist/src/tiles/grid/tile-stats.d.ts +11 -11
  147. package/dist/src/tiles/grid/tile-stats.js +48 -48
  148. package/dist/src/tiles/hover/hover-pane-controller.d.ts +219 -219
  149. package/dist/src/tiles/hover/hover-pane-controller.js +352 -352
  150. package/dist/src/tiles/hover/tile-hover-pane.d.ts +15 -15
  151. package/dist/src/tiles/hover/tile-hover-pane.js +38 -38
  152. package/dist/src/tiles/image-block.d.ts +17 -17
  153. package/dist/src/tiles/image-block.js +75 -73
  154. package/dist/src/tiles/image-block.js.map +1 -1
  155. package/dist/src/tiles/item-image.d.ts +36 -35
  156. package/dist/src/tiles/item-image.js +148 -125
  157. package/dist/src/tiles/item-image.js.map +1 -1
  158. package/dist/src/tiles/list/tile-list-compact-header.d.ts +6 -6
  159. package/dist/src/tiles/list/tile-list-compact-header.js +38 -38
  160. package/dist/src/tiles/list/tile-list-compact.d.ts +15 -15
  161. package/dist/src/tiles/list/tile-list-compact.js +114 -114
  162. package/dist/src/tiles/list/tile-list.d.ts +46 -46
  163. package/dist/src/tiles/list/tile-list.js +302 -298
  164. package/dist/src/tiles/list/tile-list.js.map +1 -1
  165. package/dist/src/tiles/mediatype-icon.d.ts +9 -9
  166. package/dist/src/tiles/mediatype-icon.js +47 -47
  167. package/dist/src/tiles/overlay/icon-overlay.d.ts +10 -10
  168. package/dist/src/tiles/overlay/icon-overlay.js +40 -40
  169. package/dist/src/tiles/overlay/icon-text-overlay.d.ts +9 -9
  170. package/dist/src/tiles/overlay/icon-text-overlay.js +38 -38
  171. package/dist/src/tiles/overlay/text-overlay.d.ts +10 -10
  172. package/dist/src/tiles/overlay/text-overlay.js +42 -42
  173. package/dist/src/tiles/text-snippet-block.d.ts +27 -27
  174. package/dist/src/tiles/text-snippet-block.js +73 -73
  175. package/dist/src/tiles/tile-dispatcher.d.ts +64 -63
  176. package/dist/src/tiles/tile-dispatcher.js +249 -225
  177. package/dist/src/tiles/tile-dispatcher.js.map +1 -1
  178. package/dist/src/tiles/tile-display-value-provider.d.ts +43 -43
  179. package/dist/src/tiles/tile-display-value-provider.js +80 -80
  180. package/dist/src/utils/analytics-events.d.ts +25 -25
  181. package/dist/src/utils/analytics-events.js +27 -27
  182. package/dist/src/utils/array-equals.d.ts +4 -4
  183. package/dist/src/utils/array-equals.js +10 -10
  184. package/dist/src/utils/format-count.d.ts +7 -7
  185. package/dist/src/utils/format-count.js +76 -76
  186. package/dist/src/utils/format-date.d.ts +2 -2
  187. package/dist/src/utils/format-date.js +25 -25
  188. package/dist/src/utils/format-unit-size.d.ts +2 -2
  189. package/dist/src/utils/format-unit-size.js +33 -33
  190. package/dist/src/utils/local-date-from-utc.d.ts +9 -9
  191. package/dist/src/utils/local-date-from-utc.js +15 -15
  192. package/dist/src/utils/sha1.d.ts +2 -2
  193. package/dist/src/utils/sha1.js +8 -8
  194. package/dist/test/collection-browser.test.d.ts +1 -1
  195. package/dist/test/collection-browser.test.js +1098 -1098
  196. package/dist/test/collection-facets/facets-template.test.d.ts +1 -1
  197. package/dist/test/collection-facets/facets-template.test.js +134 -134
  198. package/dist/test/collection-facets/more-facets-content.test.d.ts +1 -1
  199. package/dist/test/collection-facets/more-facets-content.test.js +133 -133
  200. package/dist/test/collection-facets/more-facets-pagination.test.d.ts +1 -1
  201. package/dist/test/collection-facets/more-facets-pagination.test.js +117 -117
  202. package/dist/test/collection-facets/toggle-switch.test.d.ts +1 -1
  203. package/dist/test/collection-facets/toggle-switch.test.js +73 -73
  204. package/dist/test/collection-facets.test.d.ts +2 -2
  205. package/dist/test/collection-facets.test.js +682 -682
  206. package/dist/test/empty-placeholder.test.d.ts +1 -1
  207. package/dist/test/empty-placeholder.test.js +63 -63
  208. package/dist/test/expanded-date-picker.test.d.ts +1 -1
  209. package/dist/test/expanded-date-picker.test.js +95 -95
  210. package/dist/test/icon-overlay.test.d.ts +1 -1
  211. package/dist/test/icon-overlay.test.js +24 -24
  212. package/dist/test/image-block.test.d.ts +1 -1
  213. package/dist/test/image-block.test.js +48 -48
  214. package/dist/test/item-image.test.d.ts +1 -1
  215. package/dist/test/item-image.test.js +86 -86
  216. package/dist/test/manage/manage-bar.test.d.ts +1 -1
  217. package/dist/test/manage/manage-bar.test.js +72 -72
  218. package/dist/test/mediatype-config.test.d.ts +1 -1
  219. package/dist/test/mediatype-config.test.js +16 -16
  220. package/dist/test/mocks/mock-analytics-handler.d.ts +10 -10
  221. package/dist/test/mocks/mock-analytics-handler.js +15 -15
  222. package/dist/test/mocks/mock-collection-name-cache.d.ts +9 -9
  223. package/dist/test/mocks/mock-collection-name-cache.js +17 -17
  224. package/dist/test/mocks/mock-search-responses.d.ts +21 -21
  225. package/dist/test/mocks/mock-search-responses.js +709 -709
  226. package/dist/test/mocks/mock-search-service.d.ts +15 -15
  227. package/dist/test/mocks/mock-search-service.js +50 -50
  228. package/dist/test/restoration-state-handler.test.d.ts +1 -1
  229. package/dist/test/restoration-state-handler.test.js +270 -270
  230. package/dist/test/sort-filter-bar/alpha-bar-tooltip.test.d.ts +1 -1
  231. package/dist/test/sort-filter-bar/alpha-bar-tooltip.test.js +12 -12
  232. package/dist/test/sort-filter-bar/alpha-bar.test.d.ts +1 -1
  233. package/dist/test/sort-filter-bar/alpha-bar.test.js +73 -73
  234. package/dist/test/sort-filter-bar/sort-filter-bar.test.d.ts +1 -1
  235. package/dist/test/sort-filter-bar/sort-filter-bar.test.js +378 -378
  236. package/dist/test/text-overlay.test.d.ts +1 -1
  237. package/dist/test/text-overlay.test.js +48 -48
  238. package/dist/test/text-snippet-block.test.d.ts +1 -1
  239. package/dist/test/text-snippet-block.test.js +57 -57
  240. package/dist/test/tile-stats.test.d.ts +1 -1
  241. package/dist/test/tile-stats.test.js +33 -33
  242. package/dist/test/tiles/grid/account-tile.test.d.ts +1 -1
  243. package/dist/test/tiles/grid/account-tile.test.js +76 -76
  244. package/dist/test/tiles/grid/collection-tile.test.d.ts +1 -1
  245. package/dist/test/tiles/grid/collection-tile.test.js +73 -73
  246. package/dist/test/tiles/grid/item-tile.test.d.ts +1 -1
  247. package/dist/test/tiles/grid/item-tile.test.js +254 -254
  248. package/dist/test/tiles/grid/search-tile.test.d.ts +1 -0
  249. package/dist/test/tiles/grid/search-tile.test.js +67 -0
  250. package/dist/test/tiles/grid/search-tile.test.js.map +1 -0
  251. package/dist/test/tiles/hover/hover-pane-controller.test.d.ts +1 -1
  252. package/dist/test/tiles/hover/hover-pane-controller.test.js +258 -258
  253. package/dist/test/tiles/hover/tile-hover-pane.test.d.ts +1 -1
  254. package/dist/test/tiles/hover/tile-hover-pane.test.js +13 -13
  255. package/dist/test/tiles/list/tile-list-compact.test.d.ts +1 -1
  256. package/dist/test/tiles/list/tile-list-compact.test.js +143 -143
  257. package/dist/test/tiles/list/tile-list.test.d.ts +1 -1
  258. package/dist/test/tiles/list/tile-list.test.js +242 -242
  259. package/dist/test/tiles/tile-dispatcher.test.d.ts +1 -1
  260. package/dist/test/tiles/tile-dispatcher.test.js +94 -94
  261. package/dist/test/tiles/tile-display-value-provider.test.d.ts +1 -1
  262. package/dist/test/tiles/tile-display-value-provider.test.js +141 -141
  263. package/dist/test/utils/array-equals.test.d.ts +1 -1
  264. package/dist/test/utils/array-equals.test.js +26 -26
  265. package/dist/test/utils/format-count.test.d.ts +1 -1
  266. package/dist/test/utils/format-count.test.js +23 -23
  267. package/dist/test/utils/format-date.test.d.ts +1 -1
  268. package/dist/test/utils/format-date.test.js +17 -17
  269. package/dist/test/utils/format-unit-size.test.d.ts +1 -1
  270. package/dist/test/utils/format-unit-size.test.js +17 -17
  271. package/dist/test/utils/local-date-from-utc.test.d.ts +1 -1
  272. package/dist/test/utils/local-date-from-utc.test.js +26 -26
  273. package/local.archive.org.cert +86 -86
  274. package/local.archive.org.key +27 -27
  275. package/package.json +4 -4
  276. package/renovate.json +6 -6
  277. package/src/assets/img/icons/mediatype/search.ts +14 -0
  278. package/src/collection-browser.ts +29 -1
  279. package/src/mediatype/mediatype-config.ts +6 -0
  280. package/src/styles/item-image-styles.ts +4 -0
  281. package/src/tiles/grid/search-tile.ts +87 -0
  282. package/src/tiles/image-block.ts +3 -1
  283. package/src/tiles/item-image.ts +31 -8
  284. package/src/tiles/list/tile-list.ts +5 -0
  285. package/src/tiles/tile-dispatcher.ts +23 -1
  286. package/test/tiles/grid/search-tile.test.ts +76 -0
  287. package/tsconfig.json +21 -21
  288. package/web-dev-server.config.mjs +30 -30
  289. package/web-test-runner.config.mjs +41 -41
@@ -1,8 +1,8 @@
1
- /**
2
- * Base item-image styles
3
- */
4
- export declare const baseItemImageStyles: import("lit").CSSResult;
5
- /**
6
- * Waveform styles
7
- */
8
- export declare const waveformGradientStyles: import("lit").CSSResult;
1
+ /**
2
+ * Base item-image styles
3
+ */
4
+ export declare const baseItemImageStyles: import("lit").CSSResult;
5
+ /**
6
+ * Waveform styles
7
+ */
8
+ export declare const waveformGradientStyles: import("lit").CSSResult;
@@ -1,7 +1,7 @@
1
- import { css } from 'lit';
2
- /**
3
- * Base item-image styles
4
- */
1
+ import { css } from 'lit';
2
+ /**
3
+ * Base item-image styles
4
+ */
5
5
  export const baseItemImageStyles = css `
6
6
  .drop-shadow {
7
7
  overflow: hidden;
@@ -49,10 +49,14 @@ export const baseItemImageStyles = css `
49
49
  width: 100%;
50
50
  height: 160px;
51
51
  }
52
- `;
53
- /**
54
- * Waveform styles
55
- */
52
+
53
+ .list-box.search-image svg {
54
+ margin: 10px;
55
+ }
56
+ `;
57
+ /**
58
+ * Waveform styles
59
+ */
56
60
  export const waveformGradientStyles = css `
57
61
  .waveform {
58
62
  mix-blend-mode: screen;
@@ -115,5 +119,5 @@ export const waveformGradientStyles = css `
115
119
  hsl(0, 0%, 0%)
116
120
  );
117
121
  }
118
- `;
122
+ `;
119
123
  //# sourceMappingURL=item-image-styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"item-image-styles.js","sourceRoot":"","sources":["../../../src/styles/item-image-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CrC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8DxC,CAAC","sourcesContent":["import { css } from 'lit';\n\n/**\n * Base item-image styles\n */\nexport const baseItemImageStyles = css`\n .drop-shadow {\n overflow: hidden;\n height: 100%;\n }\n\n .list-box {\n overflow: hidden;\n box-sizing: border-box;\n display: inline-block;\n position: relative;\n }\n\n .list-box img {\n border-radius: 0;\n }\n\n .contain {\n object-fit: contain;\n object-position: center;\n height: 100%;\n width: 100%;\n }\n\n .cover {\n object-fit: cover;\n }\n\n .blur {\n filter: blur(15px);\n box-shadow: 1px 1px 2px 0;\n }\n\n .account-image {\n object-fit: cover;\n background-position: 50% 50%;\n border-radius: 50%;\n width: 160px;\n height: 160px;\n }\n\n :not(.list-box) > .collection-image {\n object-fit: cover;\n border-radius: 8px;\n width: 100%;\n height: 160px;\n }\n`;\n\n/**\n * Waveform styles\n */\nexport const waveformGradientStyles = css`\n .waveform {\n mix-blend-mode: screen;\n position: relative;\n height: 62.5%;\n top: 50%;\n transform: translateY(-50%);\n }\n\n .waveform-grad0 {\n background: linear-gradient(\n hsl(300, 80%, 55%),\n hsl(330, 80%, 33%) 35%,\n hsl(330, 80%, 22%) 70%,\n hsl(0, 0%, 0%)\n );\n }\n\n .waveform-grad1 {\n background: linear-gradient(\n hsl(200, 80%, 55%),\n hsl(230, 80%, 33%) 35%,\n hsl(230, 80%, 22%) 70%,\n hsl(0, 0%, 0%)\n );\n }\n\n .waveform-grad2 {\n background: linear-gradient(\n hsl(160, 80%, 55%),\n hsl(190, 80%, 33%) 35%,\n hsl(190, 80%, 22%) 70%,\n hsl(0, 0%, 0%)\n );\n }\n\n .waveform-grad3 {\n background: linear-gradient(\n hsl(250, 80%, 55%),\n hsl(280, 80%, 33%) 35%,\n hsl(280, 80%, 22%) 70%,\n hsl(0, 0%, 0%)\n );\n }\n\n .waveform-grad4 {\n background: linear-gradient(\n hsl(280, 80%, 55%),\n hsl(310, 80%, 33%) 35%,\n hsl(310, 80%, 22%) 70%,\n hsl(0, 0%, 0%)\n );\n }\n\n .waveform-grad5 {\n background: linear-gradient(\n hsl(340, 80%, 55%),\n hsl(0, 80%, 33%) 35%,\n hsl(0, 80%, 22%) 70%,\n hsl(0, 0%, 0%)\n );\n }\n`;\n"]}
1
+ {"version":3,"file":"item-image-styles.js","sourceRoot":"","sources":["../../../src/styles/item-image-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDrC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8DxC,CAAC","sourcesContent":["import { css } from 'lit';\n\n/**\n * Base item-image styles\n */\nexport const baseItemImageStyles = css`\n .drop-shadow {\n overflow: hidden;\n height: 100%;\n }\n\n .list-box {\n overflow: hidden;\n box-sizing: border-box;\n display: inline-block;\n position: relative;\n }\n\n .list-box img {\n border-radius: 0;\n }\n\n .contain {\n object-fit: contain;\n object-position: center;\n height: 100%;\n width: 100%;\n }\n\n .cover {\n object-fit: cover;\n }\n\n .blur {\n filter: blur(15px);\n box-shadow: 1px 1px 2px 0;\n }\n\n .account-image {\n object-fit: cover;\n background-position: 50% 50%;\n border-radius: 50%;\n width: 160px;\n height: 160px;\n }\n\n :not(.list-box) > .collection-image {\n object-fit: cover;\n border-radius: 8px;\n width: 100%;\n height: 160px;\n }\n\n .list-box.search-image svg {\n margin: 10px;\n }\n`;\n\n/**\n * Waveform styles\n */\nexport const waveformGradientStyles = css`\n .waveform {\n mix-blend-mode: screen;\n position: relative;\n height: 62.5%;\n top: 50%;\n transform: translateY(-50%);\n }\n\n .waveform-grad0 {\n background: linear-gradient(\n hsl(300, 80%, 55%),\n hsl(330, 80%, 33%) 35%,\n hsl(330, 80%, 22%) 70%,\n hsl(0, 0%, 0%)\n );\n }\n\n .waveform-grad1 {\n background: linear-gradient(\n hsl(200, 80%, 55%),\n hsl(230, 80%, 33%) 35%,\n hsl(230, 80%, 22%) 70%,\n hsl(0, 0%, 0%)\n );\n }\n\n .waveform-grad2 {\n background: linear-gradient(\n hsl(160, 80%, 55%),\n hsl(190, 80%, 33%) 35%,\n hsl(190, 80%, 22%) 70%,\n hsl(0, 0%, 0%)\n );\n }\n\n .waveform-grad3 {\n background: linear-gradient(\n hsl(250, 80%, 55%),\n hsl(280, 80%, 33%) 35%,\n hsl(280, 80%, 22%) 70%,\n hsl(0, 0%, 0%)\n );\n }\n\n .waveform-grad4 {\n background: linear-gradient(\n hsl(280, 80%, 55%),\n hsl(310, 80%, 33%) 35%,\n hsl(310, 80%, 22%) 70%,\n hsl(0, 0%, 0%)\n );\n }\n\n .waveform-grad5 {\n background: linear-gradient(\n hsl(340, 80%, 55%),\n hsl(0, 80%, 33%) 35%,\n hsl(0, 80%, 22%) 70%,\n hsl(0, 0%, 0%)\n );\n }\n`;\n"]}
@@ -1 +1 @@
1
- export declare const srOnlyStyle: import("lit").CSSResult;
1
+ export declare const srOnlyStyle: import("lit").CSSResult;
@@ -1,4 +1,4 @@
1
- import { css } from 'lit';
1
+ import { css } from 'lit';
2
2
  export const srOnlyStyle = css `
3
3
  .sr-only {
4
4
  position: absolute !important;
@@ -14,5 +14,5 @@ export const srOnlyStyle = css `
14
14
  clip-path: inset(50%) !important;
15
15
  user-select: none !important;
16
16
  }
17
- `;
17
+ `;
18
18
  //# sourceMappingURL=sr-only.js.map
@@ -1,18 +1,18 @@
1
- import { LitElement, PropertyValues } from 'lit';
2
- import type { SortParam } from '@internetarchive/search-service';
3
- import { TileDisplayValueProvider } from './tile-display-value-provider';
4
- import type { TileModel } from '../models';
5
- export declare abstract class BaseTileComponent extends LitElement {
6
- model?: TileModel;
7
- currentWidth?: number;
8
- currentHeight?: number;
9
- baseNavigationUrl?: string;
10
- baseImageUrl?: string;
11
- collectionPagePath?: string;
12
- sortParam: SortParam | null;
13
- creatorFilter?: string;
14
- mobileBreakpoint?: number;
15
- loggedIn: boolean;
16
- protected displayValueProvider: TileDisplayValueProvider;
17
- protected willUpdate(changed: PropertyValues<this>): void;
18
- }
1
+ import { LitElement, PropertyValues } from 'lit';
2
+ import type { SortParam } from '@internetarchive/search-service';
3
+ import { TileDisplayValueProvider } from './tile-display-value-provider';
4
+ import type { TileModel } from '../models';
5
+ export declare abstract class BaseTileComponent extends LitElement {
6
+ model?: TileModel;
7
+ currentWidth?: number;
8
+ currentHeight?: number;
9
+ baseNavigationUrl?: string;
10
+ baseImageUrl?: string;
11
+ collectionPagePath?: string;
12
+ sortParam: SortParam | null;
13
+ creatorFilter?: string;
14
+ mobileBreakpoint?: number;
15
+ loggedIn: boolean;
16
+ protected displayValueProvider: TileDisplayValueProvider;
17
+ protected willUpdate(changed: PropertyValues<this>): void;
18
+ }
@@ -1,60 +1,60 @@
1
- import { __decorate } from "tslib";
2
- import { LitElement } from 'lit';
3
- import { property } from 'lit/decorators.js';
4
- import { TileDisplayValueProvider } from './tile-display-value-provider';
5
- export class BaseTileComponent extends LitElement {
6
- constructor() {
7
- super(...arguments);
8
- this.sortParam = null;
9
- this.loggedIn = false;
10
- this.displayValueProvider = new TileDisplayValueProvider();
11
- }
12
- willUpdate(changed) {
13
- var _a;
14
- // Ensure the TileDisplayValueProvider stays up-to-date as properties change
15
- if (changed.has('model') ||
16
- changed.has('baseNavigationUrl') ||
17
- changed.has('collectionPagePath') ||
18
- changed.has('sortParam') ||
19
- changed.has('creatorFilter')) {
20
- this.displayValueProvider = new TileDisplayValueProvider({
21
- model: this.model,
22
- baseNavigationUrl: this.baseNavigationUrl,
23
- collectionPagePath: this.collectionPagePath,
24
- sortParam: (_a = this.sortParam) !== null && _a !== void 0 ? _a : undefined,
25
- creatorFilter: this.creatorFilter,
26
- });
27
- }
28
- }
29
- }
30
- __decorate([
31
- property({ type: Object })
32
- ], BaseTileComponent.prototype, "model", void 0);
33
- __decorate([
34
- property({ type: Number })
35
- ], BaseTileComponent.prototype, "currentWidth", void 0);
36
- __decorate([
37
- property({ type: Number })
38
- ], BaseTileComponent.prototype, "currentHeight", void 0);
39
- __decorate([
40
- property({ type: String })
41
- ], BaseTileComponent.prototype, "baseNavigationUrl", void 0);
42
- __decorate([
43
- property({ type: String })
44
- ], BaseTileComponent.prototype, "baseImageUrl", void 0);
45
- __decorate([
46
- property({ type: String })
47
- ], BaseTileComponent.prototype, "collectionPagePath", void 0);
48
- __decorate([
49
- property({ type: Object })
50
- ], BaseTileComponent.prototype, "sortParam", void 0);
51
- __decorate([
52
- property({ type: String })
53
- ], BaseTileComponent.prototype, "creatorFilter", void 0);
54
- __decorate([
55
- property({ type: Number })
56
- ], BaseTileComponent.prototype, "mobileBreakpoint", void 0);
57
- __decorate([
58
- property({ type: Boolean })
59
- ], BaseTileComponent.prototype, "loggedIn", void 0);
1
+ import { __decorate } from "tslib";
2
+ import { LitElement } from 'lit';
3
+ import { property } from 'lit/decorators.js';
4
+ import { TileDisplayValueProvider } from './tile-display-value-provider';
5
+ export class BaseTileComponent extends LitElement {
6
+ constructor() {
7
+ super(...arguments);
8
+ this.sortParam = null;
9
+ this.loggedIn = false;
10
+ this.displayValueProvider = new TileDisplayValueProvider();
11
+ }
12
+ willUpdate(changed) {
13
+ var _a;
14
+ // Ensure the TileDisplayValueProvider stays up-to-date as properties change
15
+ if (changed.has('model') ||
16
+ changed.has('baseNavigationUrl') ||
17
+ changed.has('collectionPagePath') ||
18
+ changed.has('sortParam') ||
19
+ changed.has('creatorFilter')) {
20
+ this.displayValueProvider = new TileDisplayValueProvider({
21
+ model: this.model,
22
+ baseNavigationUrl: this.baseNavigationUrl,
23
+ collectionPagePath: this.collectionPagePath,
24
+ sortParam: (_a = this.sortParam) !== null && _a !== void 0 ? _a : undefined,
25
+ creatorFilter: this.creatorFilter,
26
+ });
27
+ }
28
+ }
29
+ }
30
+ __decorate([
31
+ property({ type: Object })
32
+ ], BaseTileComponent.prototype, "model", void 0);
33
+ __decorate([
34
+ property({ type: Number })
35
+ ], BaseTileComponent.prototype, "currentWidth", void 0);
36
+ __decorate([
37
+ property({ type: Number })
38
+ ], BaseTileComponent.prototype, "currentHeight", void 0);
39
+ __decorate([
40
+ property({ type: String })
41
+ ], BaseTileComponent.prototype, "baseNavigationUrl", void 0);
42
+ __decorate([
43
+ property({ type: String })
44
+ ], BaseTileComponent.prototype, "baseImageUrl", void 0);
45
+ __decorate([
46
+ property({ type: String })
47
+ ], BaseTileComponent.prototype, "collectionPagePath", void 0);
48
+ __decorate([
49
+ property({ type: Object })
50
+ ], BaseTileComponent.prototype, "sortParam", void 0);
51
+ __decorate([
52
+ property({ type: String })
53
+ ], BaseTileComponent.prototype, "creatorFilter", void 0);
54
+ __decorate([
55
+ property({ type: Number })
56
+ ], BaseTileComponent.prototype, "mobileBreakpoint", void 0);
57
+ __decorate([
58
+ property({ type: Boolean })
59
+ ], BaseTileComponent.prototype, "loggedIn", void 0);
60
60
  //# sourceMappingURL=base-tile-component.js.map
@@ -1,5 +1,5 @@
1
- import { LitElement } from 'lit';
2
- export declare class CollectionBrowserLoadingTile extends LitElement {
3
- render(): import("lit-html").TemplateResult<1>;
4
- static get styles(): import("lit").CSSResult;
5
- }
1
+ import { LitElement } from 'lit';
2
+ export declare class CollectionBrowserLoadingTile extends LitElement {
3
+ render(): import("lit-html").TemplateResult<1>;
4
+ static get styles(): import("lit").CSSResult;
5
+ }
@@ -1,11 +1,11 @@
1
- import { __decorate } from "tslib";
2
- import { css, html, LitElement } from 'lit';
3
- import { customElement } from 'lit/decorators.js';
4
- let CollectionBrowserLoadingTile = class CollectionBrowserLoadingTile extends LitElement {
5
- render() {
6
- return html ` <div id="container"></div> `;
7
- }
8
- static get styles() {
1
+ import { __decorate } from "tslib";
2
+ import { css, html, LitElement } from 'lit';
3
+ import { customElement } from 'lit/decorators.js';
4
+ let CollectionBrowserLoadingTile = class CollectionBrowserLoadingTile extends LitElement {
5
+ render() {
6
+ return html ` <div id="container"></div> `;
7
+ }
8
+ static get styles() {
9
9
  return css `
10
10
  :host {
11
11
  display: block;
@@ -19,11 +19,11 @@ let CollectionBrowserLoadingTile = class CollectionBrowserLoadingTile extends Li
19
19
  display: block;
20
20
  height: 100%;
21
21
  }
22
- `;
23
- }
24
- };
25
- CollectionBrowserLoadingTile = __decorate([
26
- customElement('collection-browser-loading-tile')
27
- ], CollectionBrowserLoadingTile);
28
- export { CollectionBrowserLoadingTile };
22
+ `;
23
+ }
24
+ };
25
+ CollectionBrowserLoadingTile = __decorate([
26
+ customElement('collection-browser-loading-tile')
27
+ ], CollectionBrowserLoadingTile);
28
+ export { CollectionBrowserLoadingTile };
29
29
  //# sourceMappingURL=collection-browser-loading-tile.js.map
@@ -1,18 +1,18 @@
1
- import { TemplateResult } from 'lit';
2
- import { BaseTileComponent } from '../base-tile-component';
3
- import '../image-block';
4
- import './tile-stats';
5
- export declare class AccountTile extends BaseTileComponent {
6
- showInfoButton: boolean;
7
- render(): TemplateResult<1>;
8
- private get getAvatarTemplate();
9
- private get getTitleTemplate();
10
- private get getArchivistTemplate();
11
- private get getTileStatsTemplate();
12
- private get infoButtonTemplate();
13
- private infoButtonPressed;
14
- /**
15
- * CSS
16
- */
17
- static get styles(): import("lit").CSSResult[];
18
- }
1
+ import { TemplateResult } from 'lit';
2
+ import { BaseTileComponent } from '../base-tile-component';
3
+ import '../image-block';
4
+ import './tile-stats';
5
+ export declare class AccountTile extends BaseTileComponent {
6
+ showInfoButton: boolean;
7
+ render(): TemplateResult<1>;
8
+ private get getAvatarTemplate();
9
+ private get getTitleTemplate();
10
+ private get getArchivistTemplate();
11
+ private get getTileStatsTemplate();
12
+ private get infoButtonTemplate();
13
+ private infoButtonPressed;
14
+ /**
15
+ * CSS
16
+ */
17
+ static get styles(): import("lit").CSSResult[];
18
+ }
@@ -1,30 +1,30 @@
1
- import { __decorate } from "tslib";
2
- import { css, html, nothing } from 'lit';
3
- import { customElement, property } from 'lit/decorators.js';
4
- import { msg } from '@lit/localize';
5
- import { BaseTileComponent } from '../base-tile-component';
6
- import { baseTileStyles } from './styles/tile-grid-shared-styles';
7
- import '../image-block';
8
- import './tile-stats';
9
- let AccountTile = class AccountTile extends BaseTileComponent {
10
- constructor() {
11
- /*
12
- * Reactive properties inherited from BaseTileComponent:
13
- * - model?: TileModel;
14
- * - currentWidth?: number;
15
- * - currentHeight?: number;
16
- * - baseNavigationUrl?: string;
17
- * - baseImageUrl?: string;
18
- * - collectionPagePath?: string;
19
- * - sortParam: SortParam | null = null;
20
- * - creatorFilter?: string;
21
- * - mobileBreakpoint?: number;
22
- * - loggedIn = false;
23
- */
24
- super(...arguments);
25
- this.showInfoButton = false;
26
- }
27
- render() {
1
+ import { __decorate } from "tslib";
2
+ import { css, html, nothing } from 'lit';
3
+ import { customElement, property } from 'lit/decorators.js';
4
+ import { msg } from '@lit/localize';
5
+ import { BaseTileComponent } from '../base-tile-component';
6
+ import { baseTileStyles } from './styles/tile-grid-shared-styles';
7
+ import '../image-block';
8
+ import './tile-stats';
9
+ let AccountTile = class AccountTile extends BaseTileComponent {
10
+ constructor() {
11
+ /*
12
+ * Reactive properties inherited from BaseTileComponent:
13
+ * - model?: TileModel;
14
+ * - currentWidth?: number;
15
+ * - currentHeight?: number;
16
+ * - baseNavigationUrl?: string;
17
+ * - baseImageUrl?: string;
18
+ * - collectionPagePath?: string;
19
+ * - sortParam: SortParam | null = null;
20
+ * - creatorFilter?: string;
21
+ * - mobileBreakpoint?: number;
22
+ * - loggedIn = false;
23
+ */
24
+ super(...arguments);
25
+ this.showInfoButton = false;
26
+ }
27
+ render() {
28
28
  return html `
29
29
  <div class="container">
30
30
  ${this.infoButtonTemplate}
@@ -36,9 +36,9 @@ let AccountTile = class AccountTile extends BaseTileComponent {
36
36
  ${this.getTileStatsTemplate}
37
37
  </div>
38
38
  </div>
39
- `;
40
- }
41
- get getAvatarTemplate() {
39
+ `;
40
+ }
41
+ get getAvatarTemplate() {
42
42
  return html `
43
43
  <image-block
44
44
  .model=${this.model}
@@ -46,63 +46,63 @@ let AccountTile = class AccountTile extends BaseTileComponent {
46
46
  .viewSize=${'grid'}
47
47
  >
48
48
  </image-block>
49
- `;
50
- }
51
- get getTitleTemplate() {
52
- var _a;
49
+ `;
50
+ }
51
+ get getTitleTemplate() {
52
+ var _a;
53
53
  return html `<div id="title">
54
54
  <h4 class="truncated">${(_a = this.model) === null || _a === void 0 ? void 0 : _a.identifier}</h4>
55
- </div>`;
56
- }
57
- get getArchivistTemplate() {
55
+ </div>`;
56
+ }
57
+ get getArchivistTemplate() {
58
58
  return html `<div class="archivist-since">
59
59
  <span>${this.displayValueProvider.accountLabel}</span>
60
- </div>`;
61
- }
62
- get getTileStatsTemplate() {
63
- var _a, _b, _c, _d;
60
+ </div>`;
61
+ }
62
+ get getTileStatsTemplate() {
63
+ var _a, _b, _c, _d;
64
64
  return html `<tile-stats
65
65
  .mediatype=${(_a = this.model) === null || _a === void 0 ? void 0 : _a.mediatype}
66
66
  .itemCount=${(_b = this.model) === null || _b === void 0 ? void 0 : _b.itemCount}
67
67
  .favCount=${(_c = this.model) === null || _c === void 0 ? void 0 : _c.favCount}
68
68
  .commentCount=${(_d = this.model) === null || _d === void 0 ? void 0 : _d.commentCount}
69
69
  >
70
- </tile-stats>`;
71
- }
72
- get infoButtonTemplate() {
73
- // &#9432; is an information icon
74
- return this.showInfoButton
70
+ </tile-stats>`;
71
+ }
72
+ get infoButtonTemplate() {
73
+ // &#9432; is an information icon
74
+ return this.showInfoButton
75
75
  ? html `<button class="info-button" @click=${this.infoButtonPressed}>
76
76
  &#9432;
77
77
  <span class="sr-only">${msg('More info')}</span>
78
- </button>`
79
- : nothing;
80
- }
81
- infoButtonPressed(e) {
82
- e.preventDefault();
83
- const event = new CustomEvent('infoButtonPressed', { detail: { x: e.clientX, y: e.clientY } });
84
- this.dispatchEvent(event);
85
- }
86
- /**
87
- * CSS
88
- */
89
- static get styles() {
90
- const tileBorderColor = css `var(--tileBorderColor, #dddddd)`;
91
- return [
92
- baseTileStyles,
78
+ </button>`
79
+ : nothing;
80
+ }
81
+ infoButtonPressed(e) {
82
+ e.preventDefault();
83
+ const event = new CustomEvent('infoButtonPressed', { detail: { x: e.clientX, y: e.clientY } });
84
+ this.dispatchEvent(event);
85
+ }
86
+ /**
87
+ * CSS
88
+ */
89
+ static get styles() {
90
+ const tileBorderColor = css `var(--tileBorderColor, #dddddd)`;
91
+ return [
92
+ baseTileStyles,
93
93
  css `
94
94
  .container {
95
95
  border: 1px solid ${tileBorderColor};
96
96
  }
97
- `,
98
- ];
99
- }
100
- };
101
- __decorate([
102
- property({ type: Boolean })
103
- ], AccountTile.prototype, "showInfoButton", void 0);
104
- AccountTile = __decorate([
105
- customElement('account-tile')
106
- ], AccountTile);
107
- export { AccountTile };
97
+ `,
98
+ ];
99
+ }
100
+ };
101
+ __decorate([
102
+ property({ type: Boolean })
103
+ ], AccountTile.prototype, "showInfoButton", void 0);
104
+ AccountTile = __decorate([
105
+ customElement('account-tile')
106
+ ], AccountTile);
107
+ export { AccountTile };
108
108
  //# sourceMappingURL=account-tile.js.map
@@ -1,15 +1,15 @@
1
- import { CSSResultGroup, TemplateResult } from 'lit';
2
- import { BaseTileComponent } from '../base-tile-component';
3
- import '../image-block';
4
- export declare class CollectionTile extends BaseTileComponent {
5
- showInfoButton: boolean;
6
- render(): TemplateResult<1>;
7
- private get getImageBlockTemplate();
8
- private get getTitleTemplate();
9
- private get getTileStatsTemplate();
10
- private get getItemsTemplate();
11
- private get getSizeTemplate();
12
- private get infoButtonTemplate();
13
- private infoButtonPressed;
14
- static get styles(): CSSResultGroup;
15
- }
1
+ import { CSSResultGroup, TemplateResult } from 'lit';
2
+ import { BaseTileComponent } from '../base-tile-component';
3
+ import '../image-block';
4
+ export declare class CollectionTile extends BaseTileComponent {
5
+ showInfoButton: boolean;
6
+ render(): TemplateResult<1>;
7
+ private get getImageBlockTemplate();
8
+ private get getTitleTemplate();
9
+ private get getTileStatsTemplate();
10
+ private get getItemsTemplate();
11
+ private get getSizeTemplate();
12
+ private get infoButtonTemplate();
13
+ private infoButtonPressed;
14
+ static get styles(): CSSResultGroup;
15
+ }