@internetarchive/collection-browser 2.7.8-alpha1 → 2.7.9-alpha-webdev7310.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (328) hide show
  1. package/.editorconfig +29 -29
  2. package/.husky/pre-commit +4 -4
  3. package/LICENSE +661 -661
  4. package/README.md +83 -83
  5. package/dist/index.d.ts +13 -13
  6. package/dist/index.js +13 -13
  7. package/dist/src/app-root.d.ts +107 -107
  8. package/dist/src/app-root.js +531 -531
  9. package/dist/src/assets/img/icons/arrow-left.d.ts +2 -2
  10. package/dist/src/assets/img/icons/arrow-left.js +2 -2
  11. package/dist/src/assets/img/icons/arrow-right.d.ts +2 -2
  12. package/dist/src/assets/img/icons/arrow-right.js +2 -2
  13. package/dist/src/assets/img/icons/chevron.d.ts +2 -2
  14. package/dist/src/assets/img/icons/chevron.js +2 -2
  15. package/dist/src/assets/img/icons/contract.d.ts +2 -2
  16. package/dist/src/assets/img/icons/contract.js +2 -2
  17. package/dist/src/assets/img/icons/empty-query.d.ts +2 -2
  18. package/dist/src/assets/img/icons/empty-query.js +2 -2
  19. package/dist/src/assets/img/icons/expand.d.ts +2 -2
  20. package/dist/src/assets/img/icons/expand.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/favorite-unfilled.d.ts +1 -1
  28. package/dist/src/assets/img/icons/favorite-unfilled.js +2 -2
  29. package/dist/src/assets/img/icons/filter.d.ts +2 -2
  30. package/dist/src/assets/img/icons/filter.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 -1
  50. package/dist/src/assets/img/icons/mediatype/search.js +2 -2
  51. package/dist/src/assets/img/icons/mediatype/software.d.ts +1 -1
  52. package/dist/src/assets/img/icons/mediatype/software.js +2 -2
  53. package/dist/src/assets/img/icons/mediatype/texts.d.ts +1 -1
  54. package/dist/src/assets/img/icons/mediatype/texts.js +2 -2
  55. package/dist/src/assets/img/icons/mediatype/tv.d.ts +1 -1
  56. package/dist/src/assets/img/icons/mediatype/tv.js +2 -2
  57. package/dist/src/assets/img/icons/mediatype/video.d.ts +1 -1
  58. package/dist/src/assets/img/icons/mediatype/video.js +2 -2
  59. package/dist/src/assets/img/icons/mediatype/web.d.ts +1 -1
  60. package/dist/src/assets/img/icons/mediatype/web.js +2 -2
  61. package/dist/src/assets/img/icons/null-result.d.ts +2 -2
  62. package/dist/src/assets/img/icons/null-result.js +2 -2
  63. package/dist/src/assets/img/icons/restricted.d.ts +1 -1
  64. package/dist/src/assets/img/icons/restricted.js +2 -2
  65. package/dist/src/assets/img/icons/reviews.d.ts +1 -1
  66. package/dist/src/assets/img/icons/reviews.js +2 -2
  67. package/dist/src/assets/img/icons/upload.d.ts +1 -1
  68. package/dist/src/assets/img/icons/upload.js +2 -2
  69. package/dist/src/assets/img/icons/views.d.ts +1 -1
  70. package/dist/src/assets/img/icons/views.js +2 -2
  71. package/dist/src/circular-activity-indicator.d.ts +5 -5
  72. package/dist/src/circular-activity-indicator.js +17 -17
  73. package/dist/src/collection-browser.d.ts +591 -602
  74. package/dist/src/collection-browser.js +1639 -1666
  75. package/dist/src/collection-browser.js.map +1 -1
  76. package/dist/src/collection-facets/facet-row.d.ts +30 -30
  77. package/dist/src/collection-facets/facet-row.js +118 -118
  78. package/dist/src/collection-facets/facet-tombstone-row.d.ts +5 -5
  79. package/dist/src/collection-facets/facet-tombstone-row.js +15 -15
  80. package/dist/src/collection-facets/facets-template.d.ts +13 -13
  81. package/dist/src/collection-facets/facets-template.js +44 -44
  82. package/dist/src/collection-facets/more-facets-content.d.ts +106 -106
  83. package/dist/src/collection-facets/more-facets-content.js +407 -407
  84. package/dist/src/collection-facets/more-facets-pagination.d.ts +36 -36
  85. package/dist/src/collection-facets/more-facets-pagination.js +196 -196
  86. package/dist/src/collection-facets/smart-facets/dedupe.d.ts +10 -10
  87. package/dist/src/collection-facets/smart-facets/dedupe.js +33 -33
  88. package/dist/src/collection-facets/smart-facets/heuristics/browser-language-heuristic.d.ts +5 -5
  89. package/dist/src/collection-facets/smart-facets/heuristics/browser-language-heuristic.js +23 -23
  90. package/dist/src/collection-facets/smart-facets/heuristics/query-keywords-heuristic.d.ts +5 -5
  91. package/dist/src/collection-facets/smart-facets/heuristics/query-keywords-heuristic.js +44 -44
  92. package/dist/src/collection-facets/smart-facets/heuristics/wikidata-heuristic.d.ts +5 -5
  93. package/dist/src/collection-facets/smart-facets/heuristics/wikidata-heuristic.js +172 -172
  94. package/dist/src/collection-facets/smart-facets/models.d.ts +26 -26
  95. package/dist/src/collection-facets/smart-facets/models.js +1 -1
  96. package/dist/src/collection-facets/smart-facets/smart-facet-bar.d.ts +31 -31
  97. package/dist/src/collection-facets/smart-facets/smart-facet-bar.js +240 -240
  98. package/dist/src/collection-facets/smart-facets/smart-facet-button.d.ts +11 -11
  99. package/dist/src/collection-facets/smart-facets/smart-facet-button.js +86 -86
  100. package/dist/src/collection-facets/smart-facets/smart-facet-dropdown.d.ts +16 -16
  101. package/dist/src/collection-facets/smart-facets/smart-facet-dropdown.js +100 -100
  102. package/dist/src/collection-facets/smart-facets/smart-facet-equals.d.ts +2 -2
  103. package/dist/src/collection-facets/smart-facets/smart-facet-equals.js +12 -12
  104. package/dist/src/collection-facets/smart-facets/smart-facet-heuristics.d.ts +5 -5
  105. package/dist/src/collection-facets/smart-facets/smart-facet-heuristics.js +15 -15
  106. package/dist/src/collection-facets/toggle-switch.d.ts +41 -41
  107. package/dist/src/collection-facets/toggle-switch.js +94 -94
  108. package/dist/src/collection-facets.d.ts +103 -103
  109. package/dist/src/collection-facets.js +522 -522
  110. package/dist/src/data-source/collection-browser-data-source-interface.d.ts +241 -245
  111. package/dist/src/data-source/collection-browser-data-source-interface.js +1 -1
  112. package/dist/src/data-source/collection-browser-data-source-interface.js.map +1 -1
  113. package/dist/src/data-source/collection-browser-data-source.d.ts +373 -377
  114. package/dist/src/data-source/collection-browser-data-source.js +982 -995
  115. package/dist/src/data-source/collection-browser-data-source.js.map +1 -1
  116. package/dist/src/data-source/collection-browser-query-state.d.ts +43 -44
  117. package/dist/src/data-source/collection-browser-query-state.js +1 -1
  118. package/dist/src/data-source/collection-browser-query-state.js.map +1 -1
  119. package/dist/src/data-source/models.d.ts +28 -28
  120. package/dist/src/data-source/models.js +8 -8
  121. package/dist/src/empty-placeholder.d.ts +23 -23
  122. package/dist/src/empty-placeholder.js +79 -79
  123. package/dist/src/expanded-date-picker.d.ts +43 -43
  124. package/dist/src/expanded-date-picker.js +109 -109
  125. package/dist/src/language-code-handler/language-code-handler.d.ts +37 -37
  126. package/dist/src/language-code-handler/language-code-handler.js +26 -26
  127. package/dist/src/language-code-handler/language-code-mapping.d.ts +1 -1
  128. package/dist/src/language-code-handler/language-code-mapping.js +562 -562
  129. package/dist/src/manage/manage-bar.d.ts +58 -58
  130. package/dist/src/manage/manage-bar.js +161 -161
  131. package/dist/src/manage/manage-bar.js.map +1 -1
  132. package/dist/src/manage/remove-items-modal-content.d.ts +9 -9
  133. package/dist/src/manage/remove-items-modal-content.js +34 -34
  134. package/dist/src/mediatype/mediatype-config.d.ts +3 -3
  135. package/dist/src/mediatype/mediatype-config.js +91 -91
  136. package/dist/src/models.d.ts +228 -228
  137. package/dist/src/models.js +401 -401
  138. package/dist/src/restoration-state-handler.d.ts +70 -70
  139. package/dist/src/restoration-state-handler.js +363 -363
  140. package/dist/src/sort-filter-bar/alpha-bar-tooltip.d.ts +6 -6
  141. package/dist/src/sort-filter-bar/alpha-bar-tooltip.js +24 -24
  142. package/dist/src/sort-filter-bar/alpha-bar.d.ts +21 -21
  143. package/dist/src/sort-filter-bar/alpha-bar.js +128 -128
  144. package/dist/src/sort-filter-bar/img/compact.d.ts +1 -1
  145. package/dist/src/sort-filter-bar/img/compact.js +2 -2
  146. package/dist/src/sort-filter-bar/img/list.d.ts +1 -1
  147. package/dist/src/sort-filter-bar/img/list.js +2 -2
  148. package/dist/src/sort-filter-bar/img/sort-toggle-disabled.d.ts +1 -1
  149. package/dist/src/sort-filter-bar/img/sort-toggle-disabled.js +2 -2
  150. package/dist/src/sort-filter-bar/img/sort-toggle-down.d.ts +1 -1
  151. package/dist/src/sort-filter-bar/img/sort-toggle-down.js +2 -2
  152. package/dist/src/sort-filter-bar/img/sort-toggle-up.d.ts +1 -1
  153. package/dist/src/sort-filter-bar/img/sort-toggle-up.js +2 -2
  154. package/dist/src/sort-filter-bar/img/sort-triangle.d.ts +1 -1
  155. package/dist/src/sort-filter-bar/img/sort-triangle.js +2 -2
  156. package/dist/src/sort-filter-bar/img/tile.d.ts +1 -1
  157. package/dist/src/sort-filter-bar/img/tile.js +2 -2
  158. package/dist/src/sort-filter-bar/sort-filter-bar.d.ts +223 -223
  159. package/dist/src/sort-filter-bar/sort-filter-bar.js +697 -697
  160. package/dist/src/styles/ia-button.d.ts +2 -2
  161. package/dist/src/styles/ia-button.js +17 -17
  162. package/dist/src/styles/item-image-styles.d.ts +8 -8
  163. package/dist/src/styles/item-image-styles.js +9 -9
  164. package/dist/src/styles/sr-only.d.ts +1 -1
  165. package/dist/src/styles/sr-only.js +2 -2
  166. package/dist/src/tiles/base-tile-component.d.ts +19 -19
  167. package/dist/src/tiles/base-tile-component.js +64 -64
  168. package/dist/src/tiles/collection-browser-loading-tile.d.ts +5 -5
  169. package/dist/src/tiles/collection-browser-loading-tile.js +15 -15
  170. package/dist/src/tiles/grid/account-tile.d.ts +18 -18
  171. package/dist/src/tiles/grid/account-tile.js +72 -72
  172. package/dist/src/tiles/grid/collection-tile.d.ts +15 -15
  173. package/dist/src/tiles/grid/collection-tile.js +80 -80
  174. package/dist/src/tiles/grid/item-tile.d.ts +34 -34
  175. package/dist/src/tiles/grid/item-tile.js +158 -158
  176. package/dist/src/tiles/grid/search-tile.d.ts +10 -10
  177. package/dist/src/tiles/grid/search-tile.js +51 -51
  178. package/dist/src/tiles/grid/styles/tile-grid-shared-styles.d.ts +1 -1
  179. package/dist/src/tiles/grid/styles/tile-grid-shared-styles.js +8 -8
  180. package/dist/src/tiles/grid/tile-stats.d.ts +11 -11
  181. package/dist/src/tiles/grid/tile-stats.js +53 -53
  182. package/dist/src/tiles/hover/hover-pane-controller.d.ts +219 -219
  183. package/dist/src/tiles/hover/hover-pane-controller.js +352 -352
  184. package/dist/src/tiles/hover/tile-hover-pane.d.ts +18 -18
  185. package/dist/src/tiles/hover/tile-hover-pane.js +69 -69
  186. package/dist/src/tiles/image-block.d.ts +18 -18
  187. package/dist/src/tiles/image-block.js +89 -89
  188. package/dist/src/tiles/item-image.d.ts +39 -39
  189. package/dist/src/tiles/item-image.js +154 -154
  190. package/dist/src/tiles/list/tile-list-compact-header.d.ts +6 -6
  191. package/dist/src/tiles/list/tile-list-compact-header.js +38 -38
  192. package/dist/src/tiles/list/tile-list-compact.d.ts +19 -19
  193. package/dist/src/tiles/list/tile-list-compact.js +122 -122
  194. package/dist/src/tiles/list/tile-list.d.ts +54 -54
  195. package/dist/src/tiles/list/tile-list.js +323 -323
  196. package/dist/src/tiles/mediatype-icon.d.ts +9 -9
  197. package/dist/src/tiles/mediatype-icon.js +47 -47
  198. package/dist/src/tiles/overlay/icon-overlay.d.ts +8 -8
  199. package/dist/src/tiles/overlay/icon-overlay.js +25 -25
  200. package/dist/src/tiles/overlay/text-overlay.d.ts +9 -9
  201. package/dist/src/tiles/overlay/text-overlay.js +31 -31
  202. package/dist/src/tiles/review-block.d.ts +12 -12
  203. package/dist/src/tiles/review-block.js +56 -56
  204. package/dist/src/tiles/text-snippet-block.d.ts +27 -27
  205. package/dist/src/tiles/text-snippet-block.js +73 -73
  206. package/dist/src/tiles/tile-dispatcher.d.ts +64 -64
  207. package/dist/src/tiles/tile-dispatcher.js +230 -230
  208. package/dist/src/tiles/tile-display-value-provider.d.ts +47 -47
  209. package/dist/src/tiles/tile-display-value-provider.js +94 -94
  210. package/dist/src/utils/analytics-events.d.ts +28 -28
  211. package/dist/src/utils/analytics-events.js +30 -30
  212. package/dist/src/utils/array-equals.d.ts +4 -4
  213. package/dist/src/utils/array-equals.js +10 -10
  214. package/dist/src/utils/collapse-repeated-quotes.d.ts +11 -11
  215. package/dist/src/utils/collapse-repeated-quotes.js +13 -13
  216. package/dist/src/utils/facet-utils.d.ts +83 -83
  217. package/dist/src/utils/facet-utils.js +145 -145
  218. package/dist/src/utils/format-count.d.ts +7 -7
  219. package/dist/src/utils/format-count.js +76 -76
  220. package/dist/src/utils/format-date.d.ts +2 -2
  221. package/dist/src/utils/format-date.js +27 -27
  222. package/dist/src/utils/format-unit-size.d.ts +2 -2
  223. package/dist/src/utils/format-unit-size.js +33 -33
  224. package/dist/src/utils/local-date-from-utc.d.ts +9 -9
  225. package/dist/src/utils/local-date-from-utc.js +15 -15
  226. package/dist/src/utils/log.d.ts +7 -7
  227. package/dist/src/utils/log.js +15 -15
  228. package/dist/src/utils/resolve-mediatype.d.ts +8 -8
  229. package/dist/src/utils/resolve-mediatype.js +23 -23
  230. package/dist/src/utils/sha1.d.ts +2 -2
  231. package/dist/src/utils/sha1.js +8 -8
  232. package/dist/test/collection-browser.test.d.ts +1 -1
  233. package/dist/test/collection-browser.test.js +1293 -1309
  234. package/dist/test/collection-browser.test.js.map +1 -1
  235. package/dist/test/collection-facets/facet-row.test.d.ts +1 -1
  236. package/dist/test/collection-facets/facet-row.test.js +227 -227
  237. package/dist/test/collection-facets/facets-template.test.d.ts +1 -1
  238. package/dist/test/collection-facets/facets-template.test.js +91 -91
  239. package/dist/test/collection-facets/more-facets-content.test.d.ts +1 -1
  240. package/dist/test/collection-facets/more-facets-content.test.js +141 -141
  241. package/dist/test/collection-facets/more-facets-pagination.test.d.ts +1 -1
  242. package/dist/test/collection-facets/more-facets-pagination.test.js +117 -117
  243. package/dist/test/collection-facets/toggle-switch.test.d.ts +1 -1
  244. package/dist/test/collection-facets/toggle-switch.test.js +73 -73
  245. package/dist/test/collection-facets.test.d.ts +2 -2
  246. package/dist/test/collection-facets.test.js +690 -690
  247. package/dist/test/data-source/collection-browser-data-source.test.d.ts +1 -1
  248. package/dist/test/data-source/collection-browser-data-source.test.js +89 -89
  249. package/dist/test/empty-placeholder.test.d.ts +1 -1
  250. package/dist/test/empty-placeholder.test.js +63 -63
  251. package/dist/test/expanded-date-picker.test.d.ts +1 -1
  252. package/dist/test/expanded-date-picker.test.js +95 -95
  253. package/dist/test/icon-overlay.test.d.ts +1 -1
  254. package/dist/test/icon-overlay.test.js +24 -24
  255. package/dist/test/image-block.test.d.ts +1 -1
  256. package/dist/test/image-block.test.js +107 -107
  257. package/dist/test/item-image.test.d.ts +1 -1
  258. package/dist/test/item-image.test.js +85 -85
  259. package/dist/test/manage/manage-bar.test.d.ts +2 -2
  260. package/dist/test/manage/manage-bar.test.js +100 -100
  261. package/dist/test/manage/remove-items-modal-content.test.d.ts +1 -1
  262. package/dist/test/manage/remove-items-modal-content.test.js +45 -45
  263. package/dist/test/mediatype-config.test.d.ts +1 -1
  264. package/dist/test/mediatype-config.test.js +16 -16
  265. package/dist/test/mocks/mock-analytics-handler.d.ts +10 -10
  266. package/dist/test/mocks/mock-analytics-handler.js +15 -15
  267. package/dist/test/mocks/mock-search-responses.d.ts +25 -25
  268. package/dist/test/mocks/mock-search-responses.js +942 -942
  269. package/dist/test/mocks/mock-search-service.d.ts +15 -15
  270. package/dist/test/mocks/mock-search-service.js +54 -54
  271. package/dist/test/restoration-state-handler.test.d.ts +1 -1
  272. package/dist/test/restoration-state-handler.test.js +270 -270
  273. package/dist/test/review-block.test.d.ts +1 -1
  274. package/dist/test/review-block.test.js +44 -44
  275. package/dist/test/sort-filter-bar/alpha-bar-tooltip.test.d.ts +1 -1
  276. package/dist/test/sort-filter-bar/alpha-bar-tooltip.test.js +12 -12
  277. package/dist/test/sort-filter-bar/alpha-bar.test.d.ts +1 -1
  278. package/dist/test/sort-filter-bar/alpha-bar.test.js +73 -73
  279. package/dist/test/sort-filter-bar/sort-filter-bar.test.d.ts +1 -1
  280. package/dist/test/sort-filter-bar/sort-filter-bar.test.js +426 -426
  281. package/dist/test/text-overlay.test.d.ts +1 -1
  282. package/dist/test/text-overlay.test.js +38 -38
  283. package/dist/test/text-snippet-block.test.d.ts +1 -1
  284. package/dist/test/text-snippet-block.test.js +57 -57
  285. package/dist/test/tile-stats.test.d.ts +1 -1
  286. package/dist/test/tile-stats.test.js +81 -81
  287. package/dist/test/tiles/grid/account-tile.test.d.ts +1 -1
  288. package/dist/test/tiles/grid/account-tile.test.js +76 -76
  289. package/dist/test/tiles/grid/collection-tile.test.d.ts +1 -1
  290. package/dist/test/tiles/grid/collection-tile.test.js +73 -73
  291. package/dist/test/tiles/grid/item-tile.test.d.ts +1 -1
  292. package/dist/test/tiles/grid/item-tile.test.js +312 -312
  293. package/dist/test/tiles/grid/search-tile.test.d.ts +1 -1
  294. package/dist/test/tiles/grid/search-tile.test.js +51 -51
  295. package/dist/test/tiles/hover/hover-pane-controller.test.d.ts +1 -1
  296. package/dist/test/tiles/hover/hover-pane-controller.test.js +259 -259
  297. package/dist/test/tiles/hover/tile-hover-pane.test.d.ts +1 -1
  298. package/dist/test/tiles/hover/tile-hover-pane.test.js +56 -56
  299. package/dist/test/tiles/list/tile-list-compact.test.d.ts +1 -1
  300. package/dist/test/tiles/list/tile-list-compact.test.js +143 -143
  301. package/dist/test/tiles/list/tile-list.test.d.ts +1 -1
  302. package/dist/test/tiles/list/tile-list.test.js +297 -297
  303. package/dist/test/tiles/tile-dispatcher.test.d.ts +1 -1
  304. package/dist/test/tiles/tile-dispatcher.test.js +100 -100
  305. package/dist/test/tiles/tile-display-value-provider.test.d.ts +1 -1
  306. package/dist/test/tiles/tile-display-value-provider.test.js +141 -141
  307. package/dist/test/utils/array-equals.test.d.ts +1 -1
  308. package/dist/test/utils/array-equals.test.js +26 -26
  309. package/dist/test/utils/format-count.test.d.ts +1 -1
  310. package/dist/test/utils/format-count.test.js +23 -23
  311. package/dist/test/utils/format-date.test.d.ts +1 -1
  312. package/dist/test/utils/format-date.test.js +30 -30
  313. package/dist/test/utils/format-unit-size.test.d.ts +1 -1
  314. package/dist/test/utils/format-unit-size.test.js +17 -17
  315. package/dist/test/utils/local-date-from-utc.test.d.ts +1 -1
  316. package/dist/test/utils/local-date-from-utc.test.js +26 -26
  317. package/local.archive.org.cert +86 -86
  318. package/local.archive.org.key +27 -27
  319. package/package.json +2 -2
  320. package/renovate.json +6 -6
  321. package/src/collection-browser.ts +1 -30
  322. package/src/data-source/collection-browser-data-source-interface.ts +0 -5
  323. package/src/data-source/collection-browser-data-source.ts +0 -14
  324. package/src/data-source/collection-browser-query-state.ts +0 -1
  325. package/src/manage/manage-bar.ts +2 -2
  326. package/test/collection-browser.test.ts +0 -23
  327. package/web-dev-server.config.mjs +30 -30
  328. package/web-test-runner.config.mjs +41 -41
@@ -1,58 +1,58 @@
1
- import { LitElement, TemplateResult, CSSResultGroup } from 'lit';
2
- import { type ModalManagerInterface } from '@internetarchive/modal-manager';
3
- import type { ManageableItem } from '../models';
4
- import './remove-items-modal-content';
5
- export declare class ManageBar extends LitElement {
6
- /**
7
- * The label displayed in front of the management buttons
8
- */
9
- label: string;
10
- /**
11
- * The shared modal manager component for displaying modal dialogs on this page
12
- */
13
- modalManager?: ModalManagerInterface;
14
- /**
15
- * Array of items that have been selected for management
16
- */
17
- selectedItems: Array<ManageableItem>;
18
- /**
19
- * Message shows as note in the modal when removing items
20
- */
21
- manageViewModalMsg?: string;
22
- /**
23
- * Whether to show the "Select All" button (default false)
24
- */
25
- showSelectAll: boolean;
26
- /**
27
- * Whether to show the "Unselect All" button (default false)
28
- */
29
- showUnselectAll: boolean;
30
- /**
31
- * Whether to show "Item Manager the items" button (default false)
32
- */
33
- showItemManageButton: boolean;
34
- /**
35
- * Whether to active delete button for selectable items
36
- */
37
- removeAllowed: boolean;
38
- render(): TemplateResult;
39
- private cancelClicked;
40
- private removeItemsClicked;
41
- private manageItemsClicked;
42
- private selectAllClicked;
43
- private unselectAllClicked;
44
- /**
45
- * Shows a modal dialog confirming the list of items to be removed
46
- * @param items Which items to list in the modal
47
- */
48
- private showRemoveItemsModal;
49
- /**
50
- * Shows a modal dialog indicating that item removal is being processed
51
- */
52
- showRemoveItemsProcessingModal(): void;
53
- /**
54
- * Shows a modal dialog indicating that an error occurred while removing items
55
- */
56
- showRemoveItemsErrorModal(): void;
57
- static get styles(): CSSResultGroup;
58
- }
1
+ import { LitElement, TemplateResult, CSSResultGroup } from 'lit';
2
+ import { type ModalManagerInterface } from '@internetarchive/modal-manager';
3
+ import type { ManageableItem } from '../models';
4
+ import './remove-items-modal-content';
5
+ export declare class ManageBar extends LitElement {
6
+ /**
7
+ * The label displayed in front of the management buttons
8
+ */
9
+ label: string;
10
+ /**
11
+ * The shared modal manager component for displaying modal dialogs on this page
12
+ */
13
+ modalManager?: ModalManagerInterface;
14
+ /**
15
+ * Array of items that have been selected for management
16
+ */
17
+ selectedItems: Array<ManageableItem>;
18
+ /**
19
+ * Message shows as note in the modal when removing items
20
+ */
21
+ manageViewModalMsg?: string;
22
+ /**
23
+ * Whether to show the "Select All" button (default false)
24
+ */
25
+ showSelectAll: boolean;
26
+ /**
27
+ * Whether to show the "Unselect All" button (default false)
28
+ */
29
+ showUnselectAll: boolean;
30
+ /**
31
+ * Whether to show "Item Manager the items" button (default false)
32
+ */
33
+ showItemManageButton: boolean;
34
+ /**
35
+ * Whether to active delete button for selectable items
36
+ */
37
+ removeAllowed: boolean;
38
+ render(): TemplateResult;
39
+ private cancelClicked;
40
+ private removeItemsClicked;
41
+ private manageItemsClicked;
42
+ private selectAllClicked;
43
+ private unselectAllClicked;
44
+ /**
45
+ * Shows a modal dialog confirming the list of items to be removed
46
+ * @param items Which items to list in the modal
47
+ */
48
+ private showRemoveItemsModal;
49
+ /**
50
+ * Shows a modal dialog indicating that item removal is being processed
51
+ */
52
+ showRemoveItemsProcessingModal(): void;
53
+ /**
54
+ * Shows a modal dialog indicating that an error occurred while removing items
55
+ */
56
+ showRemoveItemsErrorModal(): void;
57
+ static get styles(): CSSResultGroup;
58
+ }
@@ -1,40 +1,40 @@
1
- import { __decorate } from "tslib";
2
- import { msg } from '@lit/localize';
3
- import { LitElement, html, css } from 'lit';
4
- import { customElement, property } from 'lit/decorators.js';
5
- import { when } from 'lit/directives/when.js';
6
- import { ModalConfig, } from '@internetarchive/modal-manager';
7
- import iaButtonStyle from '../styles/ia-button';
8
- import './remove-items-modal-content';
9
- let ManageBar = class ManageBar extends LitElement {
10
- constructor() {
11
- super(...arguments);
12
- /**
13
- * The label displayed in front of the management buttons
14
- */
15
- this.label = msg('Select items to remove');
16
- /**
17
- * Array of items that have been selected for management
18
- */
19
- this.selectedItems = [];
20
- /**
21
- * Whether to show the "Select All" button (default false)
22
- */
23
- this.showSelectAll = false;
24
- /**
25
- * Whether to show the "Unselect All" button (default false)
26
- */
27
- this.showUnselectAll = false;
28
- /**
29
- * Whether to show "Item Manager the items" button (default false)
30
- */
31
- this.showItemManageButton = false;
32
- /**
33
- * Whether to active delete button for selectable items
34
- */
35
- this.removeAllowed = false;
36
- }
37
- render() {
1
+ import { __decorate } from "tslib";
2
+ import { msg } from '@lit/localize';
3
+ import { LitElement, html, css } from 'lit';
4
+ import { customElement, property } from 'lit/decorators.js';
5
+ import { when } from 'lit/directives/when.js';
6
+ import { ModalConfig, } from '@internetarchive/modal-manager';
7
+ import iaButtonStyle from '../styles/ia-button';
8
+ import './remove-items-modal-content';
9
+ let ManageBar = class ManageBar extends LitElement {
10
+ constructor() {
11
+ super(...arguments);
12
+ /**
13
+ * The label displayed in front of the management buttons
14
+ */
15
+ this.label = msg('Select items to remove');
16
+ /**
17
+ * Array of items that have been selected for management
18
+ */
19
+ this.selectedItems = [];
20
+ /**
21
+ * Whether to show the "Select All" button (default false)
22
+ */
23
+ this.showSelectAll = false;
24
+ /**
25
+ * Whether to show the "Unselect All" button (default false)
26
+ */
27
+ this.showUnselectAll = false;
28
+ /**
29
+ * Whether to show "Item Manager the items" button (default false)
30
+ */
31
+ this.showItemManageButton = false;
32
+ /**
33
+ * Whether to active delete button for selectable items
34
+ */
35
+ this.removeAllowed = false;
36
+ }
37
+ render() {
38
38
  return html `
39
39
  <div class="manage-container">
40
40
  <span class="manage-label">${this.label}</span>
@@ -47,14 +47,14 @@ let ManageBar = class ManageBar extends LitElement {
47
47
  ?disabled=${!this.removeAllowed}
48
48
  @click=${this.showRemoveItemsModal}
49
49
  >
50
- ${msg('Remove selected items')} (${this.selectedItems.length})
50
+ ${msg('Remove selected items')}
51
51
  </button>
52
52
  ${when(this.showItemManageButton, () => html ` <button
53
53
  class="ia-button warning"
54
54
  ?disabled=${!this.removeAllowed}
55
55
  @click=${this.manageItemsClicked}
56
56
  >
57
- ${msg('Item Manager the items')} (${this.selectedItems.length})
57
+ ${msg('Item Manager the items')}
58
58
  </button>`)}
59
59
  <div class="selection-buttons">
60
60
  ${when(this.showSelectAll, () => html ` <button
@@ -72,103 +72,103 @@ let ManageBar = class ManageBar extends LitElement {
72
72
  </div>
73
73
  </div>
74
74
  </div>
75
- `;
76
- }
77
- cancelClicked() {
78
- this.dispatchEvent(new CustomEvent('cancel'));
79
- }
80
- removeItemsClicked() {
81
- this.dispatchEvent(new CustomEvent('removeItems'));
82
- }
83
- manageItemsClicked() {
84
- this.dispatchEvent(new CustomEvent('manageItems'));
85
- }
86
- selectAllClicked() {
87
- this.dispatchEvent(new CustomEvent('selectAll'));
88
- }
89
- unselectAllClicked() {
90
- this.dispatchEvent(new CustomEvent('unselectAll'));
91
- }
92
- /**
93
- * Shows a modal dialog confirming the list of items to be removed
94
- * @param items Which items to list in the modal
95
- */
96
- showRemoveItemsModal() {
97
- var _a, _b;
75
+ `;
76
+ }
77
+ cancelClicked() {
78
+ this.dispatchEvent(new CustomEvent('cancel'));
79
+ }
80
+ removeItemsClicked() {
81
+ this.dispatchEvent(new CustomEvent('removeItems'));
82
+ }
83
+ manageItemsClicked() {
84
+ this.dispatchEvent(new CustomEvent('manageItems'));
85
+ }
86
+ selectAllClicked() {
87
+ this.dispatchEvent(new CustomEvent('selectAll'));
88
+ }
89
+ unselectAllClicked() {
90
+ this.dispatchEvent(new CustomEvent('unselectAll'));
91
+ }
92
+ /**
93
+ * Shows a modal dialog confirming the list of items to be removed
94
+ * @param items Which items to list in the modal
95
+ */
96
+ showRemoveItemsModal() {
97
+ var _a, _b;
98
98
  const customModalContent = html `
99
99
  <remove-items-modal-content
100
100
  .items=${this.selectedItems}
101
101
  .message=${this.manageViewModalMsg}
102
102
  @confirm=${() => this.removeItemsClicked()}
103
103
  ></remove-items-modal-content>
104
- `;
105
- const config = new ModalConfig({
106
- showProcessingIndicator: false,
107
- processingImageMode: 'processing',
108
- bodyColor: '#fff',
109
- headerColor: '#194880',
110
- showHeaderLogo: false,
111
- closeOnBackdropClick: true,
112
- title: html `${msg('Are you sure you want to remove these items?')}`,
113
- });
114
- (_a = this.modalManager) === null || _a === void 0 ? void 0 : _a.classList.add('remove-items');
115
- (_b = this.modalManager) === null || _b === void 0 ? void 0 : _b.showModal({
116
- config,
117
- customModalContent,
118
- userClosedModalCallback: () => {
119
- var _a;
120
- (_a = this.modalManager) === null || _a === void 0 ? void 0 : _a.classList.remove('remove-items');
121
- },
122
- });
123
- }
124
- /**
125
- * Shows a modal dialog indicating that item removal is being processed
126
- */
127
- showRemoveItemsProcessingModal() {
128
- var _a, _b;
129
- const config = new ModalConfig({
130
- showProcessingIndicator: true,
131
- processingImageMode: 'processing',
132
- bodyColor: '#fff',
133
- headerColor: '#194880',
134
- showHeaderLogo: false,
135
- closeOnBackdropClick: true,
136
- title: html `${msg('Removing selected items...')}`,
137
- });
138
- (_a = this.modalManager) === null || _a === void 0 ? void 0 : _a.classList.add('remove-items');
139
- (_b = this.modalManager) === null || _b === void 0 ? void 0 : _b.showModal({
140
- config,
141
- userClosedModalCallback: () => {
142
- var _a;
143
- (_a = this.modalManager) === null || _a === void 0 ? void 0 : _a.classList.remove('remove-items');
144
- },
145
- });
146
- }
147
- /**
148
- * Shows a modal dialog indicating that an error occurred while removing items
149
- */
150
- showRemoveItemsErrorModal() {
151
- var _a, _b;
152
- const config = new ModalConfig({
153
- showProcessingIndicator: false,
154
- processingImageMode: 'processing',
155
- bodyColor: '#fff',
156
- headerColor: '#691916',
157
- showHeaderLogo: false,
158
- closeOnBackdropClick: true,
159
- title: html `${msg('Error: unable to remove items')}`,
160
- message: html `${msg('An error occurred while removing items. Please try again in a few minutes.')}`,
161
- });
162
- (_a = this.modalManager) === null || _a === void 0 ? void 0 : _a.classList.add('remove-items');
163
- (_b = this.modalManager) === null || _b === void 0 ? void 0 : _b.showModal({
164
- config,
165
- userClosedModalCallback: () => {
166
- var _a;
167
- (_a = this.modalManager) === null || _a === void 0 ? void 0 : _a.classList.remove('remove-items');
168
- },
169
- });
170
- }
171
- static get styles() {
104
+ `;
105
+ const config = new ModalConfig({
106
+ showProcessingIndicator: false,
107
+ processingImageMode: 'processing',
108
+ bodyColor: '#fff',
109
+ headerColor: '#194880',
110
+ showHeaderLogo: false,
111
+ closeOnBackdropClick: true,
112
+ title: html `${msg('Are you sure you want to remove these items?')}`,
113
+ });
114
+ (_a = this.modalManager) === null || _a === void 0 ? void 0 : _a.classList.add('remove-items');
115
+ (_b = this.modalManager) === null || _b === void 0 ? void 0 : _b.showModal({
116
+ config,
117
+ customModalContent,
118
+ userClosedModalCallback: () => {
119
+ var _a;
120
+ (_a = this.modalManager) === null || _a === void 0 ? void 0 : _a.classList.remove('remove-items');
121
+ },
122
+ });
123
+ }
124
+ /**
125
+ * Shows a modal dialog indicating that item removal is being processed
126
+ */
127
+ showRemoveItemsProcessingModal() {
128
+ var _a, _b;
129
+ const config = new ModalConfig({
130
+ showProcessingIndicator: true,
131
+ processingImageMode: 'processing',
132
+ bodyColor: '#fff',
133
+ headerColor: '#194880',
134
+ showHeaderLogo: false,
135
+ closeOnBackdropClick: true,
136
+ title: html `${msg('Removing selected items...')}`,
137
+ });
138
+ (_a = this.modalManager) === null || _a === void 0 ? void 0 : _a.classList.add('remove-items');
139
+ (_b = this.modalManager) === null || _b === void 0 ? void 0 : _b.showModal({
140
+ config,
141
+ userClosedModalCallback: () => {
142
+ var _a;
143
+ (_a = this.modalManager) === null || _a === void 0 ? void 0 : _a.classList.remove('remove-items');
144
+ },
145
+ });
146
+ }
147
+ /**
148
+ * Shows a modal dialog indicating that an error occurred while removing items
149
+ */
150
+ showRemoveItemsErrorModal() {
151
+ var _a, _b;
152
+ const config = new ModalConfig({
153
+ showProcessingIndicator: false,
154
+ processingImageMode: 'processing',
155
+ bodyColor: '#fff',
156
+ headerColor: '#691916',
157
+ showHeaderLogo: false,
158
+ closeOnBackdropClick: true,
159
+ title: html `${msg('Error: unable to remove items')}`,
160
+ message: html `${msg('An error occurred while removing items. Please try again in a few minutes.')}`,
161
+ });
162
+ (_a = this.modalManager) === null || _a === void 0 ? void 0 : _a.classList.add('remove-items');
163
+ (_b = this.modalManager) === null || _b === void 0 ? void 0 : _b.showModal({
164
+ config,
165
+ userClosedModalCallback: () => {
166
+ var _a;
167
+ (_a = this.modalManager) === null || _a === void 0 ? void 0 : _a.classList.remove('remove-items');
168
+ },
169
+ });
170
+ }
171
+ static get styles() {
172
172
  return css `
173
173
  ${iaButtonStyle}
174
174
  .manage-container {
@@ -203,35 +203,35 @@ let ManageBar = class ManageBar extends LitElement {
203
203
  font-size: 1.4rem;
204
204
  margin: 3px 0;
205
205
  }
206
- `;
207
- }
208
- };
209
- __decorate([
210
- property({ type: String })
211
- ], ManageBar.prototype, "label", void 0);
212
- __decorate([
213
- property({ type: Object })
214
- ], ManageBar.prototype, "modalManager", void 0);
215
- __decorate([
216
- property({ type: Object })
217
- ], ManageBar.prototype, "selectedItems", void 0);
218
- __decorate([
219
- property({ type: String })
220
- ], ManageBar.prototype, "manageViewModalMsg", void 0);
221
- __decorate([
222
- property({ type: Boolean })
223
- ], ManageBar.prototype, "showSelectAll", void 0);
224
- __decorate([
225
- property({ type: Boolean })
226
- ], ManageBar.prototype, "showUnselectAll", void 0);
227
- __decorate([
228
- property({ type: Boolean })
229
- ], ManageBar.prototype, "showItemManageButton", void 0);
230
- __decorate([
231
- property({ type: Boolean })
232
- ], ManageBar.prototype, "removeAllowed", void 0);
233
- ManageBar = __decorate([
234
- customElement('manage-bar')
235
- ], ManageBar);
236
- export { ManageBar };
206
+ `;
207
+ }
208
+ };
209
+ __decorate([
210
+ property({ type: String })
211
+ ], ManageBar.prototype, "label", void 0);
212
+ __decorate([
213
+ property({ type: Object })
214
+ ], ManageBar.prototype, "modalManager", void 0);
215
+ __decorate([
216
+ property({ type: Object })
217
+ ], ManageBar.prototype, "selectedItems", void 0);
218
+ __decorate([
219
+ property({ type: String })
220
+ ], ManageBar.prototype, "manageViewModalMsg", void 0);
221
+ __decorate([
222
+ property({ type: Boolean })
223
+ ], ManageBar.prototype, "showSelectAll", void 0);
224
+ __decorate([
225
+ property({ type: Boolean })
226
+ ], ManageBar.prototype, "showUnselectAll", void 0);
227
+ __decorate([
228
+ property({ type: Boolean })
229
+ ], ManageBar.prototype, "showItemManageButton", void 0);
230
+ __decorate([
231
+ property({ type: Boolean })
232
+ ], ManageBar.prototype, "removeAllowed", void 0);
233
+ ManageBar = __decorate([
234
+ customElement('manage-bar')
235
+ ], ManageBar);
236
+ export { ManageBar };
237
237
  //# sourceMappingURL=manage-bar.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"manage-bar.js","sourceRoot":"","sources":["../../../src/manage/manage-bar.ts"],"names":[],"mappings":"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","sourcesContent":["import { msg } from '@lit/localize';\nimport { LitElement, html, css, TemplateResult, CSSResultGroup } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { when } from 'lit/directives/when.js';\nimport {\n ModalConfig,\n type ModalManagerInterface,\n} from '@internetarchive/modal-manager';\nimport type { ManageableItem } from '../models';\nimport iaButtonStyle from '../styles/ia-button';\nimport './remove-items-modal-content';\n\n@customElement('manage-bar')\nexport class ManageBar extends LitElement {\n /**\n * The label displayed in front of the management buttons\n */\n @property({ type: String }) label = msg('Select items to remove');\n\n /**\n * The shared modal manager component for displaying modal dialogs on this page\n */\n @property({ type: Object }) modalManager?: ModalManagerInterface;\n\n /**\n * Array of items that have been selected for management\n */\n @property({ type: Object }) selectedItems: Array<ManageableItem> = [];\n\n /**\n * Message shows as note in the modal when removing items\n */\n @property({ type: String }) manageViewModalMsg?: string;\n\n /**\n * Whether to show the \"Select All\" button (default false)\n */\n @property({ type: Boolean }) showSelectAll = false;\n\n /**\n * Whether to show the \"Unselect All\" button (default false)\n */\n @property({ type: Boolean }) showUnselectAll = false;\n\n /**\n * Whether to show \"Item Manager the items\" button (default false)\n */\n @property({ type: Boolean }) showItemManageButton = false;\n\n /**\n * Whether to active delete button for selectable items\n */\n @property({ type: Boolean }) removeAllowed = false;\n\n render(): TemplateResult {\n return html`\n <div class=\"manage-container\">\n <span class=\"manage-label\">${this.label}</span>\n <div class=\"manage-buttons\">\n <button class=\"ia-button dark\" @click=${this.cancelClicked}>\n ${msg('Cancel')}\n </button>\n <button\n class=\"ia-button danger\"\n ?disabled=${!this.removeAllowed}\n @click=${this.showRemoveItemsModal}\n >\n ${msg('Remove selected items')} (${this.selectedItems.length})\n </button>\n ${when(\n this.showItemManageButton,\n () => html` <button\n class=\"ia-button warning\"\n ?disabled=${!this.removeAllowed}\n @click=${this.manageItemsClicked}\n >\n ${msg('Item Manager the items')} (${this.selectedItems.length})\n </button>`\n )}\n <div class=\"selection-buttons\">\n ${when(\n this.showSelectAll,\n () => html` <button\n class=\"ia-button link select-all-btn\"\n @click=${this.selectAllClicked}\n >\n ${msg('Select all')}\n </button>`\n )}\n ${when(\n this.showUnselectAll,\n () => html` <button\n class=\"ia-button link unselect-all-btn\"\n @click=${this.unselectAllClicked}\n >\n ${msg('Unselect all')}\n </button>`\n )}\n </div>\n </div>\n </div>\n `;\n }\n\n private cancelClicked(): void {\n this.dispatchEvent(new CustomEvent('cancel'));\n }\n\n private removeItemsClicked(): void {\n this.dispatchEvent(new CustomEvent('removeItems'));\n }\n\n private manageItemsClicked(): void {\n this.dispatchEvent(new CustomEvent('manageItems'));\n }\n\n private selectAllClicked(): void {\n this.dispatchEvent(new CustomEvent('selectAll'));\n }\n\n private unselectAllClicked(): void {\n this.dispatchEvent(new CustomEvent('unselectAll'));\n }\n\n /**\n * Shows a modal dialog confirming the list of items to be removed\n * @param items Which items to list in the modal\n */\n private showRemoveItemsModal(): void {\n const customModalContent = html`\n <remove-items-modal-content\n .items=${this.selectedItems}\n .message=${this.manageViewModalMsg}\n @confirm=${() => this.removeItemsClicked()}\n ></remove-items-modal-content>\n `;\n\n const config = new ModalConfig({\n showProcessingIndicator: false,\n processingImageMode: 'processing',\n bodyColor: '#fff',\n headerColor: '#194880',\n showHeaderLogo: false,\n closeOnBackdropClick: true,\n title: html`${msg('Are you sure you want to remove these items?')}`,\n });\n\n this.modalManager?.classList.add('remove-items');\n this.modalManager?.showModal({\n config,\n customModalContent,\n userClosedModalCallback: () => {\n this.modalManager?.classList.remove('remove-items');\n },\n });\n }\n\n /**\n * Shows a modal dialog indicating that item removal is being processed\n */\n showRemoveItemsProcessingModal(): void {\n const config = new ModalConfig({\n showProcessingIndicator: true,\n processingImageMode: 'processing',\n bodyColor: '#fff',\n headerColor: '#194880',\n showHeaderLogo: false,\n closeOnBackdropClick: true,\n title: html`${msg('Removing selected items...')}`,\n });\n\n this.modalManager?.classList.add('remove-items');\n this.modalManager?.showModal({\n config,\n userClosedModalCallback: () => {\n this.modalManager?.classList.remove('remove-items');\n },\n });\n }\n\n /**\n * Shows a modal dialog indicating that an error occurred while removing items\n */\n showRemoveItemsErrorModal(): void {\n const config = new ModalConfig({\n showProcessingIndicator: false,\n processingImageMode: 'processing',\n bodyColor: '#fff',\n headerColor: '#691916',\n showHeaderLogo: false,\n closeOnBackdropClick: true,\n title: html`${msg('Error: unable to remove items')}`,\n message: html`${msg(\n 'An error occurred while removing items. Please try again in a few minutes.'\n )}`,\n });\n\n this.modalManager?.classList.add('remove-items');\n this.modalManager?.showModal({\n config,\n userClosedModalCallback: () => {\n this.modalManager?.classList.remove('remove-items');\n },\n });\n }\n\n static get styles(): CSSResultGroup {\n return css`\n ${iaButtonStyle}\n .manage-container {\n display: flex;\n align-items: center;\n column-gap: 5px;\n padding: 20px 0 20px;\n flex-wrap: wrap;\n }\n\n .manage-label {\n display: inline-block;\n font-weight: bold;\n font-size: 1.8rem;\n padding-right: 10px;\n }\n\n .manage-buttons {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n column-gap: 5px;\n }\n\n .selection-buttons {\n display: inherit;\n }\n\n .ia-button,\n button {\n padding: 6px 12px;\n font-size: 1.4rem;\n margin: 3px 0;\n }\n `;\n }\n}\n"]}
1
+ {"version":3,"file":"manage-bar.js","sourceRoot":"","sources":["../../../src/manage/manage-bar.ts"],"names":[],"mappings":"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","sourcesContent":["import { msg } from '@lit/localize';\nimport { LitElement, html, css, TemplateResult, CSSResultGroup } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { when } from 'lit/directives/when.js';\nimport {\n ModalConfig,\n type ModalManagerInterface,\n} from '@internetarchive/modal-manager';\nimport type { ManageableItem } from '../models';\nimport iaButtonStyle from '../styles/ia-button';\nimport './remove-items-modal-content';\n\n@customElement('manage-bar')\nexport class ManageBar extends LitElement {\n /**\n * The label displayed in front of the management buttons\n */\n @property({ type: String }) label = msg('Select items to remove');\n\n /**\n * The shared modal manager component for displaying modal dialogs on this page\n */\n @property({ type: Object }) modalManager?: ModalManagerInterface;\n\n /**\n * Array of items that have been selected for management\n */\n @property({ type: Object }) selectedItems: Array<ManageableItem> = [];\n\n /**\n * Message shows as note in the modal when removing items\n */\n @property({ type: String }) manageViewModalMsg?: string;\n\n /**\n * Whether to show the \"Select All\" button (default false)\n */\n @property({ type: Boolean }) showSelectAll = false;\n\n /**\n * Whether to show the \"Unselect All\" button (default false)\n */\n @property({ type: Boolean }) showUnselectAll = false;\n\n /**\n * Whether to show \"Item Manager the items\" button (default false)\n */\n @property({ type: Boolean }) showItemManageButton = false;\n\n /**\n * Whether to active delete button for selectable items\n */\n @property({ type: Boolean }) removeAllowed = false;\n\n render(): TemplateResult {\n return html`\n <div class=\"manage-container\">\n <span class=\"manage-label\">${this.label}</span>\n <div class=\"manage-buttons\">\n <button class=\"ia-button dark\" @click=${this.cancelClicked}>\n ${msg('Cancel')}\n </button>\n <button\n class=\"ia-button danger\"\n ?disabled=${!this.removeAllowed}\n @click=${this.showRemoveItemsModal}\n >\n ${msg('Remove selected items')}\n </button>\n ${when(\n this.showItemManageButton,\n () => html` <button\n class=\"ia-button warning\"\n ?disabled=${!this.removeAllowed}\n @click=${this.manageItemsClicked}\n >\n ${msg('Item Manager the items')}\n </button>`\n )}\n <div class=\"selection-buttons\">\n ${when(\n this.showSelectAll,\n () => html` <button\n class=\"ia-button link select-all-btn\"\n @click=${this.selectAllClicked}\n >\n ${msg('Select all')}\n </button>`\n )}\n ${when(\n this.showUnselectAll,\n () => html` <button\n class=\"ia-button link unselect-all-btn\"\n @click=${this.unselectAllClicked}\n >\n ${msg('Unselect all')}\n </button>`\n )}\n </div>\n </div>\n </div>\n `;\n }\n\n private cancelClicked(): void {\n this.dispatchEvent(new CustomEvent('cancel'));\n }\n\n private removeItemsClicked(): void {\n this.dispatchEvent(new CustomEvent('removeItems'));\n }\n\n private manageItemsClicked(): void {\n this.dispatchEvent(new CustomEvent('manageItems'));\n }\n\n private selectAllClicked(): void {\n this.dispatchEvent(new CustomEvent('selectAll'));\n }\n\n private unselectAllClicked(): void {\n this.dispatchEvent(new CustomEvent('unselectAll'));\n }\n\n /**\n * Shows a modal dialog confirming the list of items to be removed\n * @param items Which items to list in the modal\n */\n private showRemoveItemsModal(): void {\n const customModalContent = html`\n <remove-items-modal-content\n .items=${this.selectedItems}\n .message=${this.manageViewModalMsg}\n @confirm=${() => this.removeItemsClicked()}\n ></remove-items-modal-content>\n `;\n\n const config = new ModalConfig({\n showProcessingIndicator: false,\n processingImageMode: 'processing',\n bodyColor: '#fff',\n headerColor: '#194880',\n showHeaderLogo: false,\n closeOnBackdropClick: true,\n title: html`${msg('Are you sure you want to remove these items?')}`,\n });\n\n this.modalManager?.classList.add('remove-items');\n this.modalManager?.showModal({\n config,\n customModalContent,\n userClosedModalCallback: () => {\n this.modalManager?.classList.remove('remove-items');\n },\n });\n }\n\n /**\n * Shows a modal dialog indicating that item removal is being processed\n */\n showRemoveItemsProcessingModal(): void {\n const config = new ModalConfig({\n showProcessingIndicator: true,\n processingImageMode: 'processing',\n bodyColor: '#fff',\n headerColor: '#194880',\n showHeaderLogo: false,\n closeOnBackdropClick: true,\n title: html`${msg('Removing selected items...')}`,\n });\n\n this.modalManager?.classList.add('remove-items');\n this.modalManager?.showModal({\n config,\n userClosedModalCallback: () => {\n this.modalManager?.classList.remove('remove-items');\n },\n });\n }\n\n /**\n * Shows a modal dialog indicating that an error occurred while removing items\n */\n showRemoveItemsErrorModal(): void {\n const config = new ModalConfig({\n showProcessingIndicator: false,\n processingImageMode: 'processing',\n bodyColor: '#fff',\n headerColor: '#691916',\n showHeaderLogo: false,\n closeOnBackdropClick: true,\n title: html`${msg('Error: unable to remove items')}`,\n message: html`${msg(\n 'An error occurred while removing items. Please try again in a few minutes.'\n )}`,\n });\n\n this.modalManager?.classList.add('remove-items');\n this.modalManager?.showModal({\n config,\n userClosedModalCallback: () => {\n this.modalManager?.classList.remove('remove-items');\n },\n });\n }\n\n static get styles(): CSSResultGroup {\n return css`\n ${iaButtonStyle}\n .manage-container {\n display: flex;\n align-items: center;\n column-gap: 5px;\n padding: 20px 0 20px;\n flex-wrap: wrap;\n }\n\n .manage-label {\n display: inline-block;\n font-weight: bold;\n font-size: 1.8rem;\n padding-right: 10px;\n }\n\n .manage-buttons {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n column-gap: 5px;\n }\n\n .selection-buttons {\n display: inherit;\n }\n\n .ia-button,\n button {\n padding: 6px 12px;\n font-size: 1.4rem;\n margin: 3px 0;\n }\n `;\n }\n}\n"]}
@@ -1,9 +1,9 @@
1
- import { LitElement, TemplateResult, CSSResult } from 'lit';
2
- import type { ManageableItem } from '../models';
3
- export declare class RemoveItemsModalContent extends LitElement {
4
- items: ManageableItem[];
5
- message?: string;
6
- render(): TemplateResult;
7
- private removeItemsBtnClicked;
8
- static get styles(): CSSResult;
9
- }
1
+ import { LitElement, TemplateResult, CSSResult } from 'lit';
2
+ import type { ManageableItem } from '../models';
3
+ export declare class RemoveItemsModalContent extends LitElement {
4
+ items: ManageableItem[];
5
+ message?: string;
6
+ render(): TemplateResult;
7
+ private removeItemsBtnClicked;
8
+ static get styles(): CSSResult;
9
+ }
@@ -1,14 +1,14 @@
1
- import { __decorate } from "tslib";
2
- import { LitElement, html, css, nothing } from 'lit';
3
- import { customElement, property } from 'lit/decorators.js';
4
- import { msg } from '@lit/localize';
5
- import { map } from 'lit/directives/map.js';
6
- let RemoveItemsModalContent = class RemoveItemsModalContent extends LitElement {
7
- constructor() {
8
- super(...arguments);
9
- this.items = [];
10
- }
11
- render() {
1
+ import { __decorate } from "tslib";
2
+ import { LitElement, html, css, nothing } from 'lit';
3
+ import { customElement, property } from 'lit/decorators.js';
4
+ import { msg } from '@lit/localize';
5
+ import { map } from 'lit/directives/map.js';
6
+ let RemoveItemsModalContent = class RemoveItemsModalContent extends LitElement {
7
+ constructor() {
8
+ super(...arguments);
9
+ this.items = [];
10
+ }
11
+ render() {
12
12
  return html `
13
13
  <ul>
14
14
  ${map(this.items, ({ title, date }) => html `
@@ -24,16 +24,16 @@ let RemoveItemsModalContent = class RemoveItemsModalContent extends LitElement {
24
24
  ${msg('Remove items')}
25
25
  </button>
26
26
  </div>
27
- `;
28
- }
29
- removeItemsBtnClicked() {
30
- this.dispatchEvent(new CustomEvent('confirm', {
31
- detail: {
32
- items: this.items,
33
- },
34
- }));
35
- }
36
- static get styles() {
27
+ `;
28
+ }
29
+ removeItemsBtnClicked() {
30
+ this.dispatchEvent(new CustomEvent('confirm', {
31
+ detail: {
32
+ items: this.items,
33
+ },
34
+ }));
35
+ }
36
+ static get styles() {
37
37
  return css `
38
38
  ul {
39
39
  margin: 0;
@@ -88,17 +88,17 @@ let RemoveItemsModalContent = class RemoveItemsModalContent extends LitElement {
88
88
  .remove-items-btn:active {
89
89
  background: rgba(var(--primaryErrorCTAFillRGB, 229, 28, 38), 0.7);
90
90
  }
91
- `;
92
- }
93
- };
94
- __decorate([
95
- property({ type: Object })
96
- ], RemoveItemsModalContent.prototype, "items", void 0);
97
- __decorate([
98
- property({ type: String })
99
- ], RemoveItemsModalContent.prototype, "message", void 0);
100
- RemoveItemsModalContent = __decorate([
101
- customElement('remove-items-modal-content')
102
- ], RemoveItemsModalContent);
103
- export { RemoveItemsModalContent };
91
+ `;
92
+ }
93
+ };
94
+ __decorate([
95
+ property({ type: Object })
96
+ ], RemoveItemsModalContent.prototype, "items", void 0);
97
+ __decorate([
98
+ property({ type: String })
99
+ ], RemoveItemsModalContent.prototype, "message", void 0);
100
+ RemoveItemsModalContent = __decorate([
101
+ customElement('remove-items-modal-content')
102
+ ], RemoveItemsModalContent);
103
+ export { RemoveItemsModalContent };
104
104
  //# sourceMappingURL=remove-items-modal-content.js.map
@@ -1,3 +1,3 @@
1
- export declare const mediatypeConfig: {
2
- [key: string]: any;
3
- };
1
+ export declare const mediatypeConfig: {
2
+ [key: string]: any;
3
+ };