@internetarchive/collection-browser 1.8.0 → 1.9.0-alpha2
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.
- package/.editorconfig +29 -29
- package/.github/workflows/ci.yml +26 -26
- package/.github/workflows/gh-pages-main.yml +39 -39
- package/.github/workflows/npm-publish.yml +39 -39
- package/.github/workflows/pr-preview.yml +38 -38
- package/.husky/pre-commit +4 -4
- package/LICENSE +661 -661
- package/README.md +83 -83
- package/dist/index.d.ts +9 -9
- package/dist/index.js +9 -9
- package/dist/src/app-root.d.ts +54 -54
- package/dist/src/app-root.js +293 -293
- package/dist/src/assets/img/icons/arrow-left.d.ts +2 -2
- package/dist/src/assets/img/icons/arrow-left.js +2 -2
- package/dist/src/assets/img/icons/arrow-right.d.ts +2 -2
- package/dist/src/assets/img/icons/arrow-right.js +2 -2
- package/dist/src/assets/img/icons/chevron.d.ts +2 -2
- package/dist/src/assets/img/icons/chevron.js +2 -2
- package/dist/src/assets/img/icons/contract.d.ts +2 -2
- package/dist/src/assets/img/icons/contract.js +2 -2
- package/dist/src/assets/img/icons/empty-query.d.ts +2 -2
- package/dist/src/assets/img/icons/empty-query.js +2 -2
- package/dist/src/assets/img/icons/expand.d.ts +2 -2
- package/dist/src/assets/img/icons/expand.js +2 -2
- package/dist/src/assets/img/icons/eye-closed.d.ts +2 -2
- package/dist/src/assets/img/icons/eye-closed.js +2 -2
- package/dist/src/assets/img/icons/eye.d.ts +2 -2
- package/dist/src/assets/img/icons/eye.js +2 -2
- package/dist/src/assets/img/icons/favorite-filled.d.ts +1 -1
- package/dist/src/assets/img/icons/favorite-filled.js +2 -2
- package/dist/src/assets/img/icons/login-required.d.ts +1 -1
- package/dist/src/assets/img/icons/login-required.js +2 -2
- package/dist/src/assets/img/icons/mediatype/account.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/account.js +2 -2
- package/dist/src/assets/img/icons/mediatype/audio.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/audio.js +2 -2
- package/dist/src/assets/img/icons/mediatype/collection.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/collection.js +2 -2
- package/dist/src/assets/img/icons/mediatype/data.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/data.js +2 -2
- package/dist/src/assets/img/icons/mediatype/etree.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/etree.js +2 -2
- package/dist/src/assets/img/icons/mediatype/film.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/film.js +2 -2
- package/dist/src/assets/img/icons/mediatype/images.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/images.js +2 -2
- package/dist/src/assets/img/icons/mediatype/radio.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/radio.js +2 -2
- package/dist/src/assets/img/icons/mediatype/software.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/software.js +2 -2
- package/dist/src/assets/img/icons/mediatype/texts.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/texts.js +2 -2
- package/dist/src/assets/img/icons/mediatype/tv.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/tv.js +2 -2
- package/dist/src/assets/img/icons/mediatype/video.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/video.js +2 -2
- package/dist/src/assets/img/icons/mediatype/web.d.ts +1 -1
- package/dist/src/assets/img/icons/mediatype/web.js +2 -2
- package/dist/src/assets/img/icons/null-result.d.ts +2 -2
- package/dist/src/assets/img/icons/null-result.js +2 -2
- package/dist/src/assets/img/icons/restricted.d.ts +1 -1
- package/dist/src/assets/img/icons/restricted.js +2 -2
- package/dist/src/assets/img/icons/reviews.d.ts +1 -1
- package/dist/src/assets/img/icons/reviews.js +2 -2
- package/dist/src/assets/img/icons/upload.d.ts +1 -1
- package/dist/src/assets/img/icons/upload.js +2 -2
- package/dist/src/assets/img/icons/views.d.ts +1 -1
- package/dist/src/assets/img/icons/views.js +2 -2
- package/dist/src/circular-activity-indicator.d.ts +5 -5
- package/dist/src/circular-activity-indicator.js +17 -17
- package/dist/src/collection-browser.d.ts +469 -469
- package/dist/src/collection-browser.js +1677 -1653
- package/dist/src/collection-browser.js.map +1 -1
- package/dist/src/collection-facets/facet-tombstone-row.d.ts +5 -5
- package/dist/src/collection-facets/facet-tombstone-row.js +15 -15
- package/dist/src/collection-facets/facets-template.d.ts +20 -20
- package/dist/src/collection-facets/facets-template.js +152 -152
- package/dist/src/collection-facets/more-facets-content.d.ts +77 -77
- package/dist/src/collection-facets/more-facets-content.js +359 -359
- package/dist/src/collection-facets/more-facets-pagination.d.ts +36 -36
- package/dist/src/collection-facets/more-facets-pagination.js +196 -196
- package/dist/src/collection-facets/toggle-switch.d.ts +41 -41
- package/dist/src/collection-facets/toggle-switch.js +94 -94
- package/dist/src/collection-facets.d.ts +99 -99
- package/dist/src/collection-facets.js +471 -471
- package/dist/src/empty-placeholder.d.ts +21 -21
- package/dist/src/empty-placeholder.js +69 -69
- package/dist/src/expanded-date-picker.d.ts +43 -43
- package/dist/src/expanded-date-picker.js +109 -109
- package/dist/src/language-code-handler/language-code-handler.d.ts +37 -37
- package/dist/src/language-code-handler/language-code-handler.js +26 -26
- package/dist/src/language-code-handler/language-code-mapping.d.ts +1 -1
- package/dist/src/language-code-handler/language-code-mapping.js +562 -562
- package/dist/src/mediatype/mediatype-config.d.ts +3 -3
- package/dist/src/mediatype/mediatype-config.js +85 -85
- package/dist/src/models.d.ts +162 -149
- package/dist/src/models.js +256 -195
- package/dist/src/models.js.map +1 -1
- package/dist/src/restoration-state-handler.d.ts +70 -63
- package/dist/src/restoration-state-handler.js +355 -326
- package/dist/src/restoration-state-handler.js.map +1 -1
- package/dist/src/sort-filter-bar/alpha-bar-tooltip.d.ts +6 -6
- package/dist/src/sort-filter-bar/alpha-bar-tooltip.js +24 -24
- package/dist/src/sort-filter-bar/alpha-bar.d.ts +21 -21
- package/dist/src/sort-filter-bar/alpha-bar.js +128 -128
- package/dist/src/sort-filter-bar/img/compact.d.ts +1 -1
- package/dist/src/sort-filter-bar/img/compact.js +2 -2
- package/dist/src/sort-filter-bar/img/list.d.ts +1 -1
- package/dist/src/sort-filter-bar/img/list.js +2 -2
- package/dist/src/sort-filter-bar/img/sort-toggle-disabled.d.ts +1 -1
- package/dist/src/sort-filter-bar/img/sort-toggle-disabled.js +2 -2
- package/dist/src/sort-filter-bar/img/sort-toggle-down.d.ts +1 -1
- package/dist/src/sort-filter-bar/img/sort-toggle-down.js +2 -2
- package/dist/src/sort-filter-bar/img/sort-toggle-up.d.ts +1 -1
- package/dist/src/sort-filter-bar/img/sort-toggle-up.js +2 -2
- package/dist/src/sort-filter-bar/img/sort-triangle.d.ts +1 -1
- package/dist/src/sort-filter-bar/img/sort-triangle.js +2 -2
- package/dist/src/sort-filter-bar/img/tile.d.ts +1 -1
- package/dist/src/sort-filter-bar/img/tile.js +2 -2
- package/dist/src/sort-filter-bar/sort-filter-bar.d.ts +201 -199
- package/dist/src/sort-filter-bar/sort-filter-bar.js +622 -617
- package/dist/src/sort-filter-bar/sort-filter-bar.js.map +1 -1
- package/dist/src/styles/item-image-styles.d.ts +8 -8
- package/dist/src/styles/item-image-styles.js +9 -9
- package/dist/src/styles/sr-only.d.ts +1 -1
- package/dist/src/styles/sr-only.js +2 -2
- package/dist/src/tiles/base-tile-component.d.ts +18 -18
- package/dist/src/tiles/base-tile-component.js +59 -59
- package/dist/src/tiles/collection-browser-loading-tile.d.ts +5 -5
- package/dist/src/tiles/collection-browser-loading-tile.js +15 -15
- package/dist/src/tiles/grid/account-tile.d.ts +18 -18
- package/dist/src/tiles/grid/account-tile.js +72 -72
- package/dist/src/tiles/grid/collection-tile.d.ts +15 -15
- package/dist/src/tiles/grid/collection-tile.js +80 -80
- package/dist/src/tiles/grid/item-tile.d.ts +27 -27
- package/dist/src/tiles/grid/item-tile.js +134 -134
- package/dist/src/tiles/grid/styles/tile-grid-shared-styles.d.ts +1 -1
- package/dist/src/tiles/grid/styles/tile-grid-shared-styles.js +8 -8
- package/dist/src/tiles/grid/tile-stats.d.ts +11 -11
- package/dist/src/tiles/grid/tile-stats.js +48 -48
- package/dist/src/tiles/hover/hover-pane-controller.d.ts +219 -219
- package/dist/src/tiles/hover/hover-pane-controller.js +352 -352
- package/dist/src/tiles/hover/tile-hover-pane.d.ts +15 -15
- package/dist/src/tiles/hover/tile-hover-pane.js +38 -38
- package/dist/src/tiles/image-block.d.ts +17 -17
- package/dist/src/tiles/image-block.js +72 -72
- package/dist/src/tiles/item-image.d.ts +35 -35
- package/dist/src/tiles/item-image.js +117 -117
- package/dist/src/tiles/list/tile-list-compact-header.d.ts +6 -6
- package/dist/src/tiles/list/tile-list-compact-header.js +38 -38
- package/dist/src/tiles/list/tile-list-compact.d.ts +15 -15
- package/dist/src/tiles/list/tile-list-compact.js +114 -114
- package/dist/src/tiles/list/tile-list.d.ts +46 -46
- package/dist/src/tiles/list/tile-list.js +298 -298
- package/dist/src/tiles/mediatype-icon.d.ts +9 -9
- package/dist/src/tiles/mediatype-icon.js +47 -47
- package/dist/src/tiles/overlay/icon-overlay.d.ts +10 -10
- package/dist/src/tiles/overlay/icon-overlay.js +40 -40
- package/dist/src/tiles/overlay/icon-text-overlay.d.ts +9 -9
- package/dist/src/tiles/overlay/icon-text-overlay.js +38 -38
- package/dist/src/tiles/overlay/text-overlay.d.ts +10 -10
- package/dist/src/tiles/overlay/text-overlay.js +42 -42
- package/dist/src/tiles/text-snippet-block.d.ts +27 -27
- package/dist/src/tiles/text-snippet-block.js +73 -73
- package/dist/src/tiles/tile-dispatcher.d.ts +50 -50
- package/dist/src/tiles/tile-dispatcher.js +185 -185
- package/dist/src/tiles/tile-display-value-provider.d.ts +43 -43
- package/dist/src/tiles/tile-display-value-provider.js +80 -80
- package/dist/src/utils/analytics-events.d.ts +24 -24
- package/dist/src/utils/analytics-events.js +26 -26
- package/dist/src/utils/array-equals.d.ts +4 -4
- package/dist/src/utils/array-equals.js +10 -10
- package/dist/src/utils/format-count.d.ts +7 -7
- package/dist/src/utils/format-count.js +76 -76
- package/dist/src/utils/format-date.d.ts +2 -2
- package/dist/src/utils/format-date.js +25 -25
- package/dist/src/utils/format-unit-size.d.ts +2 -2
- package/dist/src/utils/format-unit-size.js +33 -33
- package/dist/src/utils/local-date-from-utc.d.ts +9 -9
- package/dist/src/utils/local-date-from-utc.js +15 -15
- package/dist/src/utils/sha1.d.ts +2 -2
- package/dist/src/utils/sha1.js +8 -8
- package/dist/test/collection-browser.test.d.ts +1 -1
- package/dist/test/collection-browser.test.js +808 -808
- package/dist/test/collection-facets/facets-template.test.d.ts +1 -1
- package/dist/test/collection-facets/facets-template.test.js +134 -134
- package/dist/test/collection-facets/more-facets-content.test.d.ts +1 -1
- package/dist/test/collection-facets/more-facets-content.test.js +133 -133
- package/dist/test/collection-facets/more-facets-pagination.test.d.ts +1 -1
- package/dist/test/collection-facets/more-facets-pagination.test.js +117 -117
- package/dist/test/collection-facets/toggle-switch.test.d.ts +1 -1
- package/dist/test/collection-facets/toggle-switch.test.js +73 -73
- package/dist/test/collection-facets.test.d.ts +2 -2
- package/dist/test/collection-facets.test.js +645 -645
- package/dist/test/empty-placeholder.test.d.ts +1 -1
- package/dist/test/empty-placeholder.test.js +56 -56
- package/dist/test/expanded-date-picker.test.d.ts +1 -1
- package/dist/test/expanded-date-picker.test.js +95 -95
- package/dist/test/icon-overlay.test.d.ts +1 -1
- package/dist/test/icon-overlay.test.js +24 -24
- package/dist/test/image-block.test.d.ts +1 -1
- package/dist/test/image-block.test.js +48 -48
- package/dist/test/item-image.test.d.ts +1 -1
- package/dist/test/item-image.test.js +84 -84
- package/dist/test/mediatype-config.test.d.ts +1 -1
- package/dist/test/mediatype-config.test.js +16 -16
- package/dist/test/mocks/mock-analytics-handler.d.ts +10 -10
- package/dist/test/mocks/mock-analytics-handler.js +15 -15
- package/dist/test/mocks/mock-collection-name-cache.d.ts +9 -9
- package/dist/test/mocks/mock-collection-name-cache.js +17 -17
- package/dist/test/mocks/mock-search-responses.d.ts +19 -19
- package/dist/test/mocks/mock-search-responses.js +623 -623
- package/dist/test/mocks/mock-search-service.d.ts +15 -15
- package/dist/test/mocks/mock-search-service.js +48 -48
- package/dist/test/restoration-state-handler.test.d.ts +1 -1
- package/dist/test/restoration-state-handler.test.js +270 -218
- package/dist/test/restoration-state-handler.test.js.map +1 -1
- package/dist/test/sort-filter-bar/alpha-bar-tooltip.test.d.ts +1 -1
- package/dist/test/sort-filter-bar/alpha-bar-tooltip.test.js +12 -12
- package/dist/test/sort-filter-bar/alpha-bar.test.d.ts +1 -1
- package/dist/test/sort-filter-bar/alpha-bar.test.js +73 -73
- package/dist/test/sort-filter-bar/sort-filter-bar.test.d.ts +1 -1
- package/dist/test/sort-filter-bar/sort-filter-bar.test.js +378 -378
- package/dist/test/text-overlay.test.d.ts +1 -1
- package/dist/test/text-overlay.test.js +48 -48
- package/dist/test/text-snippet-block.test.d.ts +1 -1
- package/dist/test/text-snippet-block.test.js +57 -57
- package/dist/test/tile-stats.test.d.ts +1 -1
- package/dist/test/tile-stats.test.js +33 -33
- package/dist/test/tiles/grid/account-tile.test.d.ts +1 -1
- package/dist/test/tiles/grid/account-tile.test.js +76 -76
- package/dist/test/tiles/grid/collection-tile.test.d.ts +1 -1
- package/dist/test/tiles/grid/collection-tile.test.js +73 -73
- package/dist/test/tiles/grid/item-tile.test.d.ts +1 -1
- package/dist/test/tiles/grid/item-tile.test.js +254 -254
- package/dist/test/tiles/hover/hover-pane-controller.test.d.ts +1 -1
- package/dist/test/tiles/hover/hover-pane-controller.test.js +257 -257
- package/dist/test/tiles/hover/tile-hover-pane.test.d.ts +1 -1
- package/dist/test/tiles/hover/tile-hover-pane.test.js +13 -13
- package/dist/test/tiles/list/tile-list-compact.test.d.ts +1 -1
- package/dist/test/tiles/list/tile-list-compact.test.js +143 -143
- package/dist/test/tiles/list/tile-list.test.d.ts +1 -1
- package/dist/test/tiles/list/tile-list.test.js +242 -242
- package/dist/test/tiles/tile-dispatcher.test.d.ts +1 -1
- package/dist/test/tiles/tile-dispatcher.test.js +67 -67
- package/dist/test/tiles/tile-display-value-provider.test.d.ts +1 -1
- package/dist/test/tiles/tile-display-value-provider.test.js +141 -141
- package/dist/test/utils/array-equals.test.d.ts +1 -1
- package/dist/test/utils/array-equals.test.js +26 -26
- package/dist/test/utils/format-count.test.d.ts +1 -1
- package/dist/test/utils/format-count.test.js +23 -23
- package/dist/test/utils/format-date.test.d.ts +1 -1
- package/dist/test/utils/format-date.test.js +17 -17
- package/dist/test/utils/format-unit-size.test.d.ts +1 -1
- package/dist/test/utils/format-unit-size.test.js +17 -17
- package/dist/test/utils/local-date-from-utc.test.d.ts +1 -1
- package/dist/test/utils/local-date-from-utc.test.js +26 -26
- package/local.archive.org.cert +86 -86
- package/local.archive.org.key +27 -27
- package/package.json +1 -1
- package/renovate.json +6 -6
- package/src/collection-browser.ts +42 -8
- package/src/models.ts +193 -109
- package/src/restoration-state-handler.ts +66 -40
- package/src/sort-filter-bar/sort-filter-bar.ts +34 -27
- package/test/restoration-state-handler.test.ts +68 -1
- package/tsconfig.json +21 -21
- package/web-dev-server.config.mjs +30 -30
- package/web-test-runner.config.mjs +41 -41
package/dist/src/app-root.js
CHANGED
|
@@ -1,93 +1,93 @@
|
|
|
1
|
-
import { __decorate } from "tslib";
|
|
2
|
-
/* eslint-disable no-console */
|
|
3
|
-
import { AnalyticsManager, } from '@internetarchive/analytics-manager';
|
|
4
|
-
import { SearchService, SearchType, StringField, } from '@internetarchive/search-service';
|
|
5
|
-
import { LocalCache } from '@internetarchive/local-cache';
|
|
6
|
-
import { html, css, LitElement } from 'lit';
|
|
7
|
-
import { customElement, property, query, state } from 'lit/decorators.js';
|
|
8
|
-
import { SharedResizeObserver } from '@internetarchive/shared-resize-observer';
|
|
9
|
-
import { CollectionNameCache } from '@internetarchive/collection-name-cache';
|
|
10
|
-
import '../src/collection-browser';
|
|
11
|
-
let AppRoot = class AppRoot extends LitElement {
|
|
12
|
-
constructor() {
|
|
13
|
-
super(...arguments);
|
|
14
|
-
this.searchService = this.initSearchServiceFromUrlParams();
|
|
15
|
-
this.resizeObserver = new SharedResizeObserver();
|
|
16
|
-
this.localCache = new LocalCache();
|
|
17
|
-
this.collectionNameCache = new CollectionNameCache({
|
|
18
|
-
searchService: this.searchService,
|
|
19
|
-
localCache: this.localCache,
|
|
20
|
-
});
|
|
21
|
-
this.cellWidth = 18;
|
|
22
|
-
this.cellHeight = 29;
|
|
23
|
-
this.rowGap = 1.7;
|
|
24
|
-
this.colGap = 1.7;
|
|
25
|
-
this.loggedIn = false;
|
|
26
|
-
this.searchType = SearchType.METADATA;
|
|
27
|
-
this.analyticsManager = new AnalyticsManager();
|
|
28
|
-
this.analyticsHandler = {
|
|
29
|
-
sendPing: this.sendAnalytics.bind(this),
|
|
30
|
-
sendEvent: this.sendAnalytics.bind(this),
|
|
31
|
-
sendEventNoSampling: this.sendAnalytics.bind(this),
|
|
32
|
-
};
|
|
33
|
-
}
|
|
34
|
-
sendAnalytics(ae) {
|
|
35
|
-
var _a;
|
|
36
|
-
console.log('Analytics Received ----', ae);
|
|
37
|
-
this.latestAction = ae;
|
|
38
|
-
(_a = this.analyticsManager) === null || _a === void 0 ? void 0 : _a.sendEvent(ae);
|
|
39
|
-
}
|
|
40
|
-
initSearchServiceFromUrlParams() {
|
|
41
|
-
var _a, _b, _c;
|
|
42
|
-
const params = new URL(window.location.href).searchParams;
|
|
43
|
-
return new SearchService({
|
|
44
|
-
includeCredentials: false,
|
|
45
|
-
baseUrl: (_a = params.get('search_base_url')) !== null && _a !== void 0 ? _a : undefined,
|
|
46
|
-
servicePath: (_b = params.get('search_service_path')) !== null && _b !== void 0 ? _b : undefined,
|
|
47
|
-
debuggingEnabled: (_c = !!params.get('debugging')) !== null && _c !== void 0 ? _c : undefined,
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
searchPressed(e) {
|
|
51
|
-
e.preventDefault();
|
|
52
|
-
this.searchQuery = this.baseQueryField.value;
|
|
53
|
-
this.collectionBrowser.searchType = this.searchType;
|
|
54
|
-
this.goToCurrentPage();
|
|
55
|
-
}
|
|
56
|
-
collectionChanged(e) {
|
|
57
|
-
e.preventDefault();
|
|
58
|
-
this.withinCollection = this.baseCollectionField.value;
|
|
59
|
-
this.collectionBrowser.withinCollection = this.withinCollection;
|
|
60
|
-
this.goToCurrentPage();
|
|
61
|
-
}
|
|
62
|
-
goToCurrentPage() {
|
|
63
|
-
var _a;
|
|
64
|
-
const page = (_a = this.currentPage) !== null && _a !== void 0 ? _a : 1;
|
|
65
|
-
if (page > 1) {
|
|
66
|
-
this.collectionBrowser.goToPage(page);
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
changePagePressed(e) {
|
|
70
|
-
e.preventDefault();
|
|
71
|
-
this.currentPage = this.pageNumberInput.valueAsNumber;
|
|
72
|
-
this.collectionBrowser.goToPage(this.currentPage);
|
|
73
|
-
}
|
|
74
|
-
updated(changed) {
|
|
75
|
-
if (changed.has('currentPage') && this.currentPage) {
|
|
76
|
-
this.pageNumberInput.value = this.currentPage.toString();
|
|
77
|
-
}
|
|
78
|
-
if (changed.has('searchQuery')) {
|
|
79
|
-
this.queryUpdated();
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
queryUpdated() {
|
|
83
|
-
this.collectionBrowser.baseQuery = this.searchQuery;
|
|
84
|
-
}
|
|
85
|
-
get getClass() {
|
|
86
|
-
const searchParams = new URLSearchParams(window.location.search);
|
|
87
|
-
return searchParams.get('hide-dev-tools') ? 'hidden' : '';
|
|
88
|
-
}
|
|
89
|
-
render() {
|
|
90
|
-
var _a, _b;
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
/* eslint-disable no-console */
|
|
3
|
+
import { AnalyticsManager, } from '@internetarchive/analytics-manager';
|
|
4
|
+
import { SearchService, SearchType, StringField, } from '@internetarchive/search-service';
|
|
5
|
+
import { LocalCache } from '@internetarchive/local-cache';
|
|
6
|
+
import { html, css, LitElement } from 'lit';
|
|
7
|
+
import { customElement, property, query, state } from 'lit/decorators.js';
|
|
8
|
+
import { SharedResizeObserver } from '@internetarchive/shared-resize-observer';
|
|
9
|
+
import { CollectionNameCache } from '@internetarchive/collection-name-cache';
|
|
10
|
+
import '../src/collection-browser';
|
|
11
|
+
let AppRoot = class AppRoot extends LitElement {
|
|
12
|
+
constructor() {
|
|
13
|
+
super(...arguments);
|
|
14
|
+
this.searchService = this.initSearchServiceFromUrlParams();
|
|
15
|
+
this.resizeObserver = new SharedResizeObserver();
|
|
16
|
+
this.localCache = new LocalCache();
|
|
17
|
+
this.collectionNameCache = new CollectionNameCache({
|
|
18
|
+
searchService: this.searchService,
|
|
19
|
+
localCache: this.localCache,
|
|
20
|
+
});
|
|
21
|
+
this.cellWidth = 18;
|
|
22
|
+
this.cellHeight = 29;
|
|
23
|
+
this.rowGap = 1.7;
|
|
24
|
+
this.colGap = 1.7;
|
|
25
|
+
this.loggedIn = false;
|
|
26
|
+
this.searchType = SearchType.METADATA;
|
|
27
|
+
this.analyticsManager = new AnalyticsManager();
|
|
28
|
+
this.analyticsHandler = {
|
|
29
|
+
sendPing: this.sendAnalytics.bind(this),
|
|
30
|
+
sendEvent: this.sendAnalytics.bind(this),
|
|
31
|
+
sendEventNoSampling: this.sendAnalytics.bind(this),
|
|
32
|
+
};
|
|
33
|
+
}
|
|
34
|
+
sendAnalytics(ae) {
|
|
35
|
+
var _a;
|
|
36
|
+
console.log('Analytics Received ----', ae);
|
|
37
|
+
this.latestAction = ae;
|
|
38
|
+
(_a = this.analyticsManager) === null || _a === void 0 ? void 0 : _a.sendEvent(ae);
|
|
39
|
+
}
|
|
40
|
+
initSearchServiceFromUrlParams() {
|
|
41
|
+
var _a, _b, _c;
|
|
42
|
+
const params = new URL(window.location.href).searchParams;
|
|
43
|
+
return new SearchService({
|
|
44
|
+
includeCredentials: false,
|
|
45
|
+
baseUrl: (_a = params.get('search_base_url')) !== null && _a !== void 0 ? _a : undefined,
|
|
46
|
+
servicePath: (_b = params.get('search_service_path')) !== null && _b !== void 0 ? _b : undefined,
|
|
47
|
+
debuggingEnabled: (_c = !!params.get('debugging')) !== null && _c !== void 0 ? _c : undefined,
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
searchPressed(e) {
|
|
51
|
+
e.preventDefault();
|
|
52
|
+
this.searchQuery = this.baseQueryField.value;
|
|
53
|
+
this.collectionBrowser.searchType = this.searchType;
|
|
54
|
+
this.goToCurrentPage();
|
|
55
|
+
}
|
|
56
|
+
collectionChanged(e) {
|
|
57
|
+
e.preventDefault();
|
|
58
|
+
this.withinCollection = this.baseCollectionField.value;
|
|
59
|
+
this.collectionBrowser.withinCollection = this.withinCollection;
|
|
60
|
+
this.goToCurrentPage();
|
|
61
|
+
}
|
|
62
|
+
goToCurrentPage() {
|
|
63
|
+
var _a;
|
|
64
|
+
const page = (_a = this.currentPage) !== null && _a !== void 0 ? _a : 1;
|
|
65
|
+
if (page > 1) {
|
|
66
|
+
this.collectionBrowser.goToPage(page);
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
changePagePressed(e) {
|
|
70
|
+
e.preventDefault();
|
|
71
|
+
this.currentPage = this.pageNumberInput.valueAsNumber;
|
|
72
|
+
this.collectionBrowser.goToPage(this.currentPage);
|
|
73
|
+
}
|
|
74
|
+
updated(changed) {
|
|
75
|
+
if (changed.has('currentPage') && this.currentPage) {
|
|
76
|
+
this.pageNumberInput.value = this.currentPage.toString();
|
|
77
|
+
}
|
|
78
|
+
if (changed.has('searchQuery')) {
|
|
79
|
+
this.queryUpdated();
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
queryUpdated() {
|
|
83
|
+
this.collectionBrowser.baseQuery = this.searchQuery;
|
|
84
|
+
}
|
|
85
|
+
get getClass() {
|
|
86
|
+
const searchParams = new URLSearchParams(window.location.search);
|
|
87
|
+
return searchParams.get('hide-dev-tools') ? 'hidden' : '';
|
|
88
|
+
}
|
|
89
|
+
render() {
|
|
90
|
+
var _a, _b;
|
|
91
91
|
return html `
|
|
92
92
|
<div class="dev-tool-container">
|
|
93
93
|
<div id="dev-tools" class=${this.getClass}>
|
|
@@ -147,21 +147,21 @@ let AppRoot = class AppRoot extends LitElement {
|
|
|
147
147
|
|
|
148
148
|
<div id="toggle-controls">
|
|
149
149
|
<button
|
|
150
|
-
@click=${() => {
|
|
151
|
-
var _a, _b;
|
|
152
|
-
const details = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('cell-size-control');
|
|
153
|
-
details === null || details === void 0 ? void 0 : details.classList.toggle('hidden');
|
|
154
|
-
const rowGapControls = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.getElementById('cell-gap-control');
|
|
155
|
-
rowGapControls === null || rowGapControls === void 0 ? void 0 : rowGapControls.classList.toggle('hidden');
|
|
150
|
+
@click=${() => {
|
|
151
|
+
var _a, _b;
|
|
152
|
+
const details = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('cell-size-control');
|
|
153
|
+
details === null || details === void 0 ? void 0 : details.classList.toggle('hidden');
|
|
154
|
+
const rowGapControls = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.getElementById('cell-gap-control');
|
|
155
|
+
rowGapControls === null || rowGapControls === void 0 ? void 0 : rowGapControls.classList.toggle('hidden');
|
|
156
156
|
}}
|
|
157
157
|
>
|
|
158
158
|
Toggle Cell Controls
|
|
159
159
|
</button>
|
|
160
160
|
<button
|
|
161
|
-
@click=${() => {
|
|
162
|
-
var _a;
|
|
163
|
-
const details = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('latest-event-details');
|
|
164
|
-
details === null || details === void 0 ? void 0 : details.classList.toggle('hidden');
|
|
161
|
+
@click=${() => {
|
|
162
|
+
var _a;
|
|
163
|
+
const details = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('latest-event-details');
|
|
164
|
+
details === null || details === void 0 ? void 0 : details.classList.toggle('hidden');
|
|
165
165
|
}}
|
|
166
166
|
>
|
|
167
167
|
Last Event Captured
|
|
@@ -301,149 +301,149 @@ let AppRoot = class AppRoot extends LitElement {
|
|
|
301
301
|
</collection-browser>
|
|
302
302
|
</div>
|
|
303
303
|
<modal-manager></modal-manager>
|
|
304
|
-
`;
|
|
305
|
-
}
|
|
306
|
-
baseQueryChanged(e) {
|
|
307
|
-
this.searchQuery = e.detail.baseQuery;
|
|
308
|
-
}
|
|
309
|
-
/** Handler for search type changes coming from collection browser */
|
|
310
|
-
searchTypeChanged(e) {
|
|
311
|
-
this.searchType = e.detail;
|
|
312
|
-
}
|
|
313
|
-
/** Handler for user input selecting a search type */
|
|
314
|
-
searchTypeSelected(e) {
|
|
315
|
-
const target = e.target;
|
|
316
|
-
this.searchType =
|
|
317
|
-
target.value === 'fulltext' ? SearchType.FULLTEXT : SearchType.METADATA;
|
|
318
|
-
}
|
|
319
|
-
loginChanged(e) {
|
|
320
|
-
const target = e.target;
|
|
321
|
-
if (target.checked) {
|
|
322
|
-
this.loggedIn = true;
|
|
323
|
-
}
|
|
324
|
-
else {
|
|
325
|
-
this.loggedIn = false;
|
|
326
|
-
}
|
|
327
|
-
}
|
|
328
|
-
outlineChanged(e) {
|
|
329
|
-
const target = e.target;
|
|
330
|
-
if (target.checked) {
|
|
331
|
-
this.collectionBrowser.style.setProperty('--infiniteScrollerCellOutline', '1px solid #33D1FF');
|
|
332
|
-
}
|
|
333
|
-
else {
|
|
334
|
-
this.collectionBrowser.style.removeProperty('--infiniteScrollerCellOutline');
|
|
335
|
-
}
|
|
336
|
-
}
|
|
337
|
-
toggleDevTools() {
|
|
338
|
-
var _a, _b;
|
|
339
|
-
const pageUrl = new URL(window.location.href);
|
|
340
|
-
const { searchParams } = pageUrl;
|
|
341
|
-
if (searchParams.get('hide-dev-tools')) {
|
|
342
|
-
searchParams.delete('hide-dev-tools');
|
|
343
|
-
}
|
|
344
|
-
else {
|
|
345
|
-
searchParams.set('hide-dev-tools', 'true');
|
|
346
|
-
}
|
|
347
|
-
(_b = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('dev-tools')) === null || _b === void 0 ? void 0 : _b.classList.toggle('hidden');
|
|
348
|
-
if (window.history.replaceState) {
|
|
349
|
-
window.history.replaceState({
|
|
350
|
-
path: pageUrl.toString(),
|
|
351
|
-
}, '', pageUrl.toString());
|
|
352
|
-
}
|
|
353
|
-
}
|
|
354
|
-
toggleFacetGroupOutline(e) {
|
|
355
|
-
const target = e.target;
|
|
356
|
-
if (target.checked) {
|
|
357
|
-
this.collectionBrowser.classList.add('showFacetGroupOutlines');
|
|
358
|
-
this.modalManager.classList.add('showFacetGroupOutlines');
|
|
359
|
-
}
|
|
360
|
-
else {
|
|
361
|
-
this.collectionBrowser.classList.remove('showFacetGroupOutlines');
|
|
362
|
-
this.modalManager.classList.remove('showFacetGroupOutlines');
|
|
363
|
-
}
|
|
364
|
-
}
|
|
365
|
-
async snippetsChanged(e) {
|
|
366
|
-
const target = e.target;
|
|
367
|
-
if (target.checked) {
|
|
368
|
-
// Decorate the default search service with a wrapper that adds
|
|
369
|
-
// dummy snippets to any successful searches
|
|
370
|
-
this.searchService = {
|
|
371
|
-
async search(params, searchType) {
|
|
372
|
-
var _a;
|
|
373
|
-
const searchResponse = await SearchService.default.search(params, searchType);
|
|
374
|
-
(_a = searchResponse.success) === null || _a === void 0 ? void 0 : _a.response.results.forEach(result => {
|
|
375
|
-
Object.defineProperty(result, 'highlight', {
|
|
376
|
-
value: new StringField([
|
|
377
|
-
'this is a text {{{snippet}}} block with potentially',
|
|
378
|
-
'multiple {{{snippets}}} and such',
|
|
379
|
-
'but the {{{snippet}}} block may be quite long perhaps',
|
|
380
|
-
'depending on how many {{{snippet}}} matches there are',
|
|
381
|
-
'there may be multiple lines of {{{snippets}}} to show',
|
|
382
|
-
'but each {{{snippet}}} should be relatively short',
|
|
383
|
-
'and {{{snippets}}} are each a {{{snippet}}} of text',
|
|
384
|
-
'but every {{{snippet}}} might have multiple matches',
|
|
385
|
-
'the {{{snippets}}} should be separated and surrounded by ellipses',
|
|
386
|
-
]),
|
|
387
|
-
});
|
|
388
|
-
});
|
|
389
|
-
return searchResponse;
|
|
390
|
-
},
|
|
391
|
-
};
|
|
392
|
-
}
|
|
393
|
-
else {
|
|
394
|
-
// Restore the default seach service
|
|
395
|
-
this.searchService = SearchService.default;
|
|
396
|
-
}
|
|
397
|
-
// Re-perform the current search to show/hide the snippets immediately
|
|
398
|
-
this.reperformCurrentSearch();
|
|
399
|
-
}
|
|
400
|
-
async reperformCurrentSearch() {
|
|
401
|
-
const oldQuery = this.searchQuery;
|
|
402
|
-
this.searchQuery = ''; // Should just reset to the placeholder
|
|
403
|
-
await this.updateComplete;
|
|
404
|
-
// For unclear reasons, Safari refuses to re-apply the old query until the next tick, hence:
|
|
405
|
-
await new Promise(res => {
|
|
406
|
-
setTimeout(res, 0);
|
|
407
|
-
});
|
|
408
|
-
this.searchQuery = oldQuery; // Re-apply the original query
|
|
409
|
-
}
|
|
410
|
-
datePickerChanged(e) {
|
|
411
|
-
const target = e.target;
|
|
412
|
-
this.collectionBrowser.showHistogramDatePicker = target.checked;
|
|
413
|
-
// When disabling the date picker from the demo app, also clear any existing date range params
|
|
414
|
-
if (!this.collectionBrowser.showHistogramDatePicker) {
|
|
415
|
-
this.collectionBrowser.minSelectedDate = undefined;
|
|
416
|
-
this.collectionBrowser.maxSelectedDate = undefined;
|
|
417
|
-
}
|
|
418
|
-
}
|
|
419
|
-
rowGapChanged(e) {
|
|
420
|
-
const input = e.target;
|
|
421
|
-
this.rowGap = parseFloat(input.value);
|
|
422
|
-
this.collectionBrowser.style.setProperty('--collectionBrowserRowGap', `${input.value}rem`);
|
|
423
|
-
}
|
|
424
|
-
colGapChanged(e) {
|
|
425
|
-
const input = e.target;
|
|
426
|
-
this.colGap = parseFloat(input.value);
|
|
427
|
-
this.collectionBrowser.style.setProperty('--collectionBrowserColGap', `${input.value}rem`);
|
|
428
|
-
}
|
|
429
|
-
widthChanged(e) {
|
|
430
|
-
const input = e.target;
|
|
431
|
-
this.cellWidth = parseFloat(input.value);
|
|
432
|
-
this.collectionBrowser.style.setProperty('--collectionBrowserCellMinWidth', `${input.value}rem`);
|
|
433
|
-
}
|
|
434
|
-
heightChanged(e) {
|
|
435
|
-
const input = e.target;
|
|
436
|
-
this.cellHeight = parseFloat(input.value);
|
|
437
|
-
this.collectionBrowser.style.setProperty('--collectionBrowserCellMinHeight', `${input.value}rem`);
|
|
438
|
-
this.collectionBrowser.style.setProperty('--collectionBrowserCellMaxHeight', `${input.value}rem`);
|
|
439
|
-
}
|
|
440
|
-
visiblePageChanged(e) {
|
|
441
|
-
const { pageNumber } = e.detail;
|
|
442
|
-
if (pageNumber === this.currentPage)
|
|
443
|
-
return;
|
|
444
|
-
this.currentPage = pageNumber;
|
|
445
|
-
}
|
|
446
|
-
};
|
|
304
|
+
`;
|
|
305
|
+
}
|
|
306
|
+
baseQueryChanged(e) {
|
|
307
|
+
this.searchQuery = e.detail.baseQuery;
|
|
308
|
+
}
|
|
309
|
+
/** Handler for search type changes coming from collection browser */
|
|
310
|
+
searchTypeChanged(e) {
|
|
311
|
+
this.searchType = e.detail;
|
|
312
|
+
}
|
|
313
|
+
/** Handler for user input selecting a search type */
|
|
314
|
+
searchTypeSelected(e) {
|
|
315
|
+
const target = e.target;
|
|
316
|
+
this.searchType =
|
|
317
|
+
target.value === 'fulltext' ? SearchType.FULLTEXT : SearchType.METADATA;
|
|
318
|
+
}
|
|
319
|
+
loginChanged(e) {
|
|
320
|
+
const target = e.target;
|
|
321
|
+
if (target.checked) {
|
|
322
|
+
this.loggedIn = true;
|
|
323
|
+
}
|
|
324
|
+
else {
|
|
325
|
+
this.loggedIn = false;
|
|
326
|
+
}
|
|
327
|
+
}
|
|
328
|
+
outlineChanged(e) {
|
|
329
|
+
const target = e.target;
|
|
330
|
+
if (target.checked) {
|
|
331
|
+
this.collectionBrowser.style.setProperty('--infiniteScrollerCellOutline', '1px solid #33D1FF');
|
|
332
|
+
}
|
|
333
|
+
else {
|
|
334
|
+
this.collectionBrowser.style.removeProperty('--infiniteScrollerCellOutline');
|
|
335
|
+
}
|
|
336
|
+
}
|
|
337
|
+
toggleDevTools() {
|
|
338
|
+
var _a, _b;
|
|
339
|
+
const pageUrl = new URL(window.location.href);
|
|
340
|
+
const { searchParams } = pageUrl;
|
|
341
|
+
if (searchParams.get('hide-dev-tools')) {
|
|
342
|
+
searchParams.delete('hide-dev-tools');
|
|
343
|
+
}
|
|
344
|
+
else {
|
|
345
|
+
searchParams.set('hide-dev-tools', 'true');
|
|
346
|
+
}
|
|
347
|
+
(_b = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('dev-tools')) === null || _b === void 0 ? void 0 : _b.classList.toggle('hidden');
|
|
348
|
+
if (window.history.replaceState) {
|
|
349
|
+
window.history.replaceState({
|
|
350
|
+
path: pageUrl.toString(),
|
|
351
|
+
}, '', pageUrl.toString());
|
|
352
|
+
}
|
|
353
|
+
}
|
|
354
|
+
toggleFacetGroupOutline(e) {
|
|
355
|
+
const target = e.target;
|
|
356
|
+
if (target.checked) {
|
|
357
|
+
this.collectionBrowser.classList.add('showFacetGroupOutlines');
|
|
358
|
+
this.modalManager.classList.add('showFacetGroupOutlines');
|
|
359
|
+
}
|
|
360
|
+
else {
|
|
361
|
+
this.collectionBrowser.classList.remove('showFacetGroupOutlines');
|
|
362
|
+
this.modalManager.classList.remove('showFacetGroupOutlines');
|
|
363
|
+
}
|
|
364
|
+
}
|
|
365
|
+
async snippetsChanged(e) {
|
|
366
|
+
const target = e.target;
|
|
367
|
+
if (target.checked) {
|
|
368
|
+
// Decorate the default search service with a wrapper that adds
|
|
369
|
+
// dummy snippets to any successful searches
|
|
370
|
+
this.searchService = {
|
|
371
|
+
async search(params, searchType) {
|
|
372
|
+
var _a;
|
|
373
|
+
const searchResponse = await SearchService.default.search(params, searchType);
|
|
374
|
+
(_a = searchResponse.success) === null || _a === void 0 ? void 0 : _a.response.results.forEach(result => {
|
|
375
|
+
Object.defineProperty(result, 'highlight', {
|
|
376
|
+
value: new StringField([
|
|
377
|
+
'this is a text {{{snippet}}} block with potentially',
|
|
378
|
+
'multiple {{{snippets}}} and such',
|
|
379
|
+
'but the {{{snippet}}} block may be quite long perhaps',
|
|
380
|
+
'depending on how many {{{snippet}}} matches there are',
|
|
381
|
+
'there may be multiple lines of {{{snippets}}} to show',
|
|
382
|
+
'but each {{{snippet}}} should be relatively short',
|
|
383
|
+
'and {{{snippets}}} are each a {{{snippet}}} of text',
|
|
384
|
+
'but every {{{snippet}}} might have multiple matches',
|
|
385
|
+
'the {{{snippets}}} should be separated and surrounded by ellipses',
|
|
386
|
+
]),
|
|
387
|
+
});
|
|
388
|
+
});
|
|
389
|
+
return searchResponse;
|
|
390
|
+
},
|
|
391
|
+
};
|
|
392
|
+
}
|
|
393
|
+
else {
|
|
394
|
+
// Restore the default seach service
|
|
395
|
+
this.searchService = SearchService.default;
|
|
396
|
+
}
|
|
397
|
+
// Re-perform the current search to show/hide the snippets immediately
|
|
398
|
+
this.reperformCurrentSearch();
|
|
399
|
+
}
|
|
400
|
+
async reperformCurrentSearch() {
|
|
401
|
+
const oldQuery = this.searchQuery;
|
|
402
|
+
this.searchQuery = ''; // Should just reset to the placeholder
|
|
403
|
+
await this.updateComplete;
|
|
404
|
+
// For unclear reasons, Safari refuses to re-apply the old query until the next tick, hence:
|
|
405
|
+
await new Promise(res => {
|
|
406
|
+
setTimeout(res, 0);
|
|
407
|
+
});
|
|
408
|
+
this.searchQuery = oldQuery; // Re-apply the original query
|
|
409
|
+
}
|
|
410
|
+
datePickerChanged(e) {
|
|
411
|
+
const target = e.target;
|
|
412
|
+
this.collectionBrowser.showHistogramDatePicker = target.checked;
|
|
413
|
+
// When disabling the date picker from the demo app, also clear any existing date range params
|
|
414
|
+
if (!this.collectionBrowser.showHistogramDatePicker) {
|
|
415
|
+
this.collectionBrowser.minSelectedDate = undefined;
|
|
416
|
+
this.collectionBrowser.maxSelectedDate = undefined;
|
|
417
|
+
}
|
|
418
|
+
}
|
|
419
|
+
rowGapChanged(e) {
|
|
420
|
+
const input = e.target;
|
|
421
|
+
this.rowGap = parseFloat(input.value);
|
|
422
|
+
this.collectionBrowser.style.setProperty('--collectionBrowserRowGap', `${input.value}rem`);
|
|
423
|
+
}
|
|
424
|
+
colGapChanged(e) {
|
|
425
|
+
const input = e.target;
|
|
426
|
+
this.colGap = parseFloat(input.value);
|
|
427
|
+
this.collectionBrowser.style.setProperty('--collectionBrowserColGap', `${input.value}rem`);
|
|
428
|
+
}
|
|
429
|
+
widthChanged(e) {
|
|
430
|
+
const input = e.target;
|
|
431
|
+
this.cellWidth = parseFloat(input.value);
|
|
432
|
+
this.collectionBrowser.style.setProperty('--collectionBrowserCellMinWidth', `${input.value}rem`);
|
|
433
|
+
}
|
|
434
|
+
heightChanged(e) {
|
|
435
|
+
const input = e.target;
|
|
436
|
+
this.cellHeight = parseFloat(input.value);
|
|
437
|
+
this.collectionBrowser.style.setProperty('--collectionBrowserCellMinHeight', `${input.value}rem`);
|
|
438
|
+
this.collectionBrowser.style.setProperty('--collectionBrowserCellMaxHeight', `${input.value}rem`);
|
|
439
|
+
}
|
|
440
|
+
visiblePageChanged(e) {
|
|
441
|
+
const { pageNumber } = e.detail;
|
|
442
|
+
if (pageNumber === this.currentPage)
|
|
443
|
+
return;
|
|
444
|
+
this.currentPage = pageNumber;
|
|
445
|
+
}
|
|
446
|
+
};
|
|
447
447
|
AppRoot.styles = css `
|
|
448
448
|
:host {
|
|
449
449
|
display: block;
|
|
@@ -617,54 +617,54 @@ AppRoot.styles = css `
|
|
|
617
617
|
background-color: aliceblue;
|
|
618
618
|
font-size: 1.6rem;
|
|
619
619
|
}
|
|
620
|
-
`;
|
|
621
|
-
__decorate([
|
|
622
|
-
state()
|
|
623
|
-
], AppRoot.prototype, "currentPage", void 0);
|
|
624
|
-
__decorate([
|
|
625
|
-
state()
|
|
626
|
-
], AppRoot.prototype, "searchQuery", void 0);
|
|
627
|
-
__decorate([
|
|
628
|
-
state()
|
|
629
|
-
], AppRoot.prototype, "withinCollection", void 0);
|
|
630
|
-
__decorate([
|
|
631
|
-
state()
|
|
632
|
-
], AppRoot.prototype, "cellWidth", void 0);
|
|
633
|
-
__decorate([
|
|
634
|
-
state()
|
|
635
|
-
], AppRoot.prototype, "cellHeight", void 0);
|
|
636
|
-
__decorate([
|
|
637
|
-
state()
|
|
638
|
-
], AppRoot.prototype, "rowGap", void 0);
|
|
639
|
-
__decorate([
|
|
640
|
-
state()
|
|
641
|
-
], AppRoot.prototype, "colGap", void 0);
|
|
642
|
-
__decorate([
|
|
643
|
-
state()
|
|
644
|
-
], AppRoot.prototype, "loggedIn", void 0);
|
|
645
|
-
__decorate([
|
|
646
|
-
state()
|
|
647
|
-
], AppRoot.prototype, "searchType", void 0);
|
|
648
|
-
__decorate([
|
|
649
|
-
property({ type: Object, reflect: false })
|
|
650
|
-
], AppRoot.prototype, "latestAction", void 0);
|
|
651
|
-
__decorate([
|
|
652
|
-
query('#base-query-field')
|
|
653
|
-
], AppRoot.prototype, "baseQueryField", void 0);
|
|
654
|
-
__decorate([
|
|
655
|
-
query('#base-collection-field')
|
|
656
|
-
], AppRoot.prototype, "baseCollectionField", void 0);
|
|
657
|
-
__decorate([
|
|
658
|
-
query('#page-number-input')
|
|
659
|
-
], AppRoot.prototype, "pageNumberInput", void 0);
|
|
660
|
-
__decorate([
|
|
661
|
-
query('collection-browser')
|
|
662
|
-
], AppRoot.prototype, "collectionBrowser", void 0);
|
|
663
|
-
__decorate([
|
|
664
|
-
query('modal-manager')
|
|
665
|
-
], AppRoot.prototype, "modalManager", void 0);
|
|
666
|
-
AppRoot = __decorate([
|
|
667
|
-
customElement('app-root')
|
|
668
|
-
], AppRoot);
|
|
669
|
-
export { AppRoot };
|
|
620
|
+
`;
|
|
621
|
+
__decorate([
|
|
622
|
+
state()
|
|
623
|
+
], AppRoot.prototype, "currentPage", void 0);
|
|
624
|
+
__decorate([
|
|
625
|
+
state()
|
|
626
|
+
], AppRoot.prototype, "searchQuery", void 0);
|
|
627
|
+
__decorate([
|
|
628
|
+
state()
|
|
629
|
+
], AppRoot.prototype, "withinCollection", void 0);
|
|
630
|
+
__decorate([
|
|
631
|
+
state()
|
|
632
|
+
], AppRoot.prototype, "cellWidth", void 0);
|
|
633
|
+
__decorate([
|
|
634
|
+
state()
|
|
635
|
+
], AppRoot.prototype, "cellHeight", void 0);
|
|
636
|
+
__decorate([
|
|
637
|
+
state()
|
|
638
|
+
], AppRoot.prototype, "rowGap", void 0);
|
|
639
|
+
__decorate([
|
|
640
|
+
state()
|
|
641
|
+
], AppRoot.prototype, "colGap", void 0);
|
|
642
|
+
__decorate([
|
|
643
|
+
state()
|
|
644
|
+
], AppRoot.prototype, "loggedIn", void 0);
|
|
645
|
+
__decorate([
|
|
646
|
+
state()
|
|
647
|
+
], AppRoot.prototype, "searchType", void 0);
|
|
648
|
+
__decorate([
|
|
649
|
+
property({ type: Object, reflect: false })
|
|
650
|
+
], AppRoot.prototype, "latestAction", void 0);
|
|
651
|
+
__decorate([
|
|
652
|
+
query('#base-query-field')
|
|
653
|
+
], AppRoot.prototype, "baseQueryField", void 0);
|
|
654
|
+
__decorate([
|
|
655
|
+
query('#base-collection-field')
|
|
656
|
+
], AppRoot.prototype, "baseCollectionField", void 0);
|
|
657
|
+
__decorate([
|
|
658
|
+
query('#page-number-input')
|
|
659
|
+
], AppRoot.prototype, "pageNumberInput", void 0);
|
|
660
|
+
__decorate([
|
|
661
|
+
query('collection-browser')
|
|
662
|
+
], AppRoot.prototype, "collectionBrowser", void 0);
|
|
663
|
+
__decorate([
|
|
664
|
+
query('modal-manager')
|
|
665
|
+
], AppRoot.prototype, "modalManager", void 0);
|
|
666
|
+
AppRoot = __decorate([
|
|
667
|
+
customElement('app-root')
|
|
668
|
+
], AppRoot);
|
|
669
|
+
export { AppRoot };
|
|
670
670
|
//# sourceMappingURL=app-root.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: import("lit-html").TemplateResult<2>;
|
|
2
|
-
export default _default;
|
|
1
|
+
declare const _default: import("lit-html").TemplateResult<2>;
|
|
2
|
+
export default _default;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { svg } from 'lit';
|
|
1
|
+
import { svg } from 'lit';
|
|
2
2
|
export default svg `
|
|
3
3
|
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
|
|
4
4
|
<path
|
|
@@ -6,5 +6,5 @@ export default svg `
|
|
|
6
6
|
/>
|
|
7
7
|
<title>Go left icon</title>
|
|
8
8
|
</svg>
|
|
9
|
-
`;
|
|
9
|
+
`;
|
|
10
10
|
//# sourceMappingURL=arrow-left.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: import("lit-html").TemplateResult<2>;
|
|
2
|
-
export default _default;
|
|
1
|
+
declare const _default: import("lit-html").TemplateResult<2>;
|
|
2
|
+
export default _default;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { svg } from 'lit';
|
|
1
|
+
import { svg } from 'lit';
|
|
2
2
|
export default svg `
|
|
3
3
|
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
|
|
4
4
|
<path
|
|
@@ -6,5 +6,5 @@ export default svg `
|
|
|
6
6
|
/>
|
|
7
7
|
<title>Go right icon</title>
|
|
8
8
|
</svg>
|
|
9
|
-
`;
|
|
9
|
+
`;
|
|
10
10
|
//# sourceMappingURL=arrow-right.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: import("lit-html").TemplateResult<2>;
|
|
2
|
-
export default _default;
|
|
1
|
+
declare const _default: import("lit-html").TemplateResult<2>;
|
|
2
|
+
export default _default;
|