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