@internetarchive/collection-browser 0.3.7 → 0.3.8
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 +48 -47
- package/dist/src/app-root.js +271 -250
- package/dist/src/app-root.js.map +1 -1
- 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 +278 -246
- package/dist/src/collection-browser.js +1105 -1031
- 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 +16 -16
- package/dist/src/collection-facets/facets-template.js +125 -125
- package/dist/src/collection-facets/more-facets-content.d.ts +76 -76
- package/dist/src/collection-facets/more-facets-content.js +353 -353
- 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 +77 -77
- package/dist/src/collection-facets.js +388 -389
- 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 +103 -103
- package/dist/src/models.js +117 -117
- package/dist/src/restoration-state-handler.d.ts +46 -46
- package/dist/src/restoration-state-handler.js +230 -230
- 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 +40 -40
- package/dist/src/tiles/image-block.d.ts +17 -17
- package/dist/src/tiles/image-block.js +69 -69
- 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 +21 -21
- package/dist/src/tiles/list/tile-list-compact.js +93 -93
- package/dist/src/tiles/list/tile-list.d.ts +50 -50
- package/dist/src/tiles/list/tile-list.js +275 -272
- 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 -30
- 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 +22 -22
- package/dist/src/utils/analytics-events.js +24 -24
- 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 +583 -444
- 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 +114 -114
- 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 +544 -498
- 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 -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 +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 +10 -8
- package/dist/test/mocks/mock-search-responses.js +271 -198
- package/dist/test/mocks/mock-search-responses.js.map +1 -1
- package/dist/test/mocks/mock-search-service.d.ts +13 -13
- package/dist/test/mocks/mock-search-service.js +36 -32
- package/dist/test/mocks/mock-search-service.js.map +1 -1
- package/dist/test/restoration-state-handler.test.d.ts +1 -1
- package/dist/test/restoration-state-handler.test.js +126 -126
- 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 -1
- package/dist/test/tiles/list/tile-list-compact.test.js +92 -92
- package/dist/test/tiles/list/tile-list.test.d.ts +1 -1
- package/dist/test/tiles/list/tile-list.test.js +96 -67
- package/dist/test/tiles/list/tile-list.test.js.map +1 -1
- 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 +3 -3
- package/renovate.json +6 -6
- package/src/app-root.ts +32 -9
- package/src/collection-browser.ts +130 -35
- package/src/collection-facets.ts +2 -3
- package/src/tiles/list/tile-list.ts +6 -2
- package/test/collection-browser.test.ts +207 -0
- package/test/collection-facets.test.ts +67 -0
- package/test/mocks/mock-search-responses.ts +82 -0
- package/test/mocks/mock-search-service.ts +6 -0
- package/test/tiles/list/tile-list.test.ts +40 -0
- package/tsconfig.json +21 -21
- package/web-dev-server.config.mjs +30 -30
- package/web-test-runner.config.mjs +41 -41
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
2
|
-
import type { SortParam } from '@internetarchive/search-service';
|
|
3
|
-
import type { TileModel } from '../../models';
|
|
4
|
-
import '../image-block';
|
|
5
|
-
import '../mediatype-icon';
|
|
6
|
-
export declare class TileListCompact extends LitElement {
|
|
7
|
-
model?: TileModel;
|
|
8
|
-
baseNavigationUrl?: string;
|
|
9
|
-
currentWidth?: number;
|
|
10
|
-
currentHeight?: number;
|
|
11
|
-
sortParam: SortParam | null;
|
|
12
|
-
mobileBreakpoint?: number;
|
|
13
|
-
baseImageUrl?: string;
|
|
14
|
-
loggedIn: boolean;
|
|
15
|
-
render(): import("lit-html").TemplateResult<1>;
|
|
16
|
-
private get date();
|
|
17
|
-
private get views();
|
|
18
|
-
private get classSize();
|
|
19
|
-
private get formatSize();
|
|
20
|
-
static get styles(): import("lit").CSSResult;
|
|
21
|
-
}
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
import type { SortParam } from '@internetarchive/search-service';
|
|
3
|
+
import type { TileModel } from '../../models';
|
|
4
|
+
import '../image-block';
|
|
5
|
+
import '../mediatype-icon';
|
|
6
|
+
export declare class TileListCompact extends LitElement {
|
|
7
|
+
model?: TileModel;
|
|
8
|
+
baseNavigationUrl?: string;
|
|
9
|
+
currentWidth?: number;
|
|
10
|
+
currentHeight?: number;
|
|
11
|
+
sortParam: SortParam | null;
|
|
12
|
+
mobileBreakpoint?: number;
|
|
13
|
+
baseImageUrl?: string;
|
|
14
|
+
loggedIn: boolean;
|
|
15
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
16
|
+
private get date();
|
|
17
|
+
private get views();
|
|
18
|
+
private get classSize();
|
|
19
|
+
private get formatSize();
|
|
20
|
+
static get styles(): import("lit").CSSResult;
|
|
21
|
+
}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { __decorate } from "tslib";
|
|
2
|
-
import { css, html, LitElement } from 'lit';
|
|
3
|
-
import { customElement, property } from 'lit/decorators.js';
|
|
4
|
-
import DOMPurify from 'dompurify';
|
|
5
|
-
import { formatCount } from '../../utils/format-count';
|
|
6
|
-
import { formatDate } from '../../utils/format-date';
|
|
7
|
-
import { accountLabel } from './account-label';
|
|
8
|
-
import '../image-block';
|
|
9
|
-
import '../mediatype-icon';
|
|
10
|
-
let TileListCompact = class TileListCompact extends LitElement {
|
|
11
|
-
constructor() {
|
|
12
|
-
super(...arguments);
|
|
13
|
-
this.sortParam = null;
|
|
14
|
-
this.loggedIn = false;
|
|
15
|
-
}
|
|
16
|
-
render() {
|
|
17
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { css, html, LitElement } from 'lit';
|
|
3
|
+
import { customElement, property } from 'lit/decorators.js';
|
|
4
|
+
import DOMPurify from 'dompurify';
|
|
5
|
+
import { formatCount } from '../../utils/format-count';
|
|
6
|
+
import { formatDate } from '../../utils/format-date';
|
|
7
|
+
import { accountLabel } from './account-label';
|
|
8
|
+
import '../image-block';
|
|
9
|
+
import '../mediatype-icon';
|
|
10
|
+
let TileListCompact = class TileListCompact extends LitElement {
|
|
11
|
+
constructor() {
|
|
12
|
+
super(...arguments);
|
|
13
|
+
this.sortParam = null;
|
|
14
|
+
this.loggedIn = false;
|
|
15
|
+
}
|
|
16
|
+
render() {
|
|
17
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
18
18
|
return html `
|
|
19
19
|
<div id="list-line" class="${this.classSize}">
|
|
20
20
|
<image-block
|
|
@@ -28,8 +28,8 @@ let TileListCompact = class TileListCompact extends LitElement {
|
|
|
28
28
|
</image-block>
|
|
29
29
|
<div id="title">${DOMPurify.sanitize((_b = (_a = this.model) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : '')}</div>
|
|
30
30
|
<div id="creator">
|
|
31
|
-
${((_c = this.model) === null || _c === void 0 ? void 0 : _c.mediatype) === 'account'
|
|
32
|
-
? accountLabel((_d = this.model) === null || _d === void 0 ? void 0 : _d.dateAdded)
|
|
31
|
+
${((_c = this.model) === null || _c === void 0 ? void 0 : _c.mediatype) === 'account'
|
|
32
|
+
? accountLabel((_d = this.model) === null || _d === void 0 ? void 0 : _d.dateAdded)
|
|
33
33
|
: DOMPurify.sanitize((_f = (_e = this.model) === null || _e === void 0 ? void 0 : _e.creator) !== null && _f !== void 0 ? _f : '')}
|
|
34
34
|
</div>
|
|
35
35
|
<div id="date">${formatDate(this.date, this.formatSize)}</div>
|
|
@@ -42,49 +42,49 @@ let TileListCompact = class TileListCompact extends LitElement {
|
|
|
42
42
|
</div>
|
|
43
43
|
<div id="views">${formatCount((_j = this.views) !== null && _j !== void 0 ? _j : 0, this.formatSize)}</div>
|
|
44
44
|
</div>
|
|
45
|
-
`;
|
|
46
|
-
}
|
|
47
|
-
/*
|
|
48
|
-
* TODO: fix field names to match model in src/collection-browser.ts
|
|
49
|
-
* private get dateSortSelector()
|
|
50
|
-
* @see src/models.ts
|
|
51
|
-
*/
|
|
52
|
-
get date() {
|
|
53
|
-
var _a, _b, _c, _d, _e;
|
|
54
|
-
switch ((_a = this.sortParam) === null || _a === void 0 ? void 0 : _a.field) {
|
|
55
|
-
case 'date':
|
|
56
|
-
return (_b = this.model) === null || _b === void 0 ? void 0 : _b.datePublished;
|
|
57
|
-
case 'reviewdate':
|
|
58
|
-
return (_c = this.model) === null || _c === void 0 ? void 0 : _c.dateReviewed;
|
|
59
|
-
case 'addeddate':
|
|
60
|
-
return (_d = this.model) === null || _d === void 0 ? void 0 : _d.dateAdded;
|
|
61
|
-
default:
|
|
62
|
-
return (_e = this.model) === null || _e === void 0 ? void 0 : _e.dateArchived; // publicdate
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
get views() {
|
|
66
|
-
var _a, _b, _c;
|
|
67
|
-
return ((_a = this.sortParam) === null || _a === void 0 ? void 0 : _a.field) === 'week'
|
|
68
|
-
? (_b = this.model) === null || _b === void 0 ? void 0 : _b.weeklyViewCount // weekly views
|
|
69
|
-
: (_c = this.model) === null || _c === void 0 ? void 0 : _c.viewCount; // all-time views
|
|
70
|
-
}
|
|
71
|
-
get classSize() {
|
|
72
|
-
if (this.mobileBreakpoint &&
|
|
73
|
-
this.currentWidth &&
|
|
74
|
-
this.currentWidth < this.mobileBreakpoint) {
|
|
75
|
-
return 'mobile';
|
|
76
|
-
}
|
|
77
|
-
return 'desktop';
|
|
78
|
-
}
|
|
79
|
-
get formatSize() {
|
|
80
|
-
if (this.mobileBreakpoint &&
|
|
81
|
-
this.currentWidth &&
|
|
82
|
-
this.currentWidth < this.mobileBreakpoint) {
|
|
83
|
-
return 'short';
|
|
84
|
-
}
|
|
85
|
-
return 'long';
|
|
86
|
-
}
|
|
87
|
-
static get styles() {
|
|
45
|
+
`;
|
|
46
|
+
}
|
|
47
|
+
/*
|
|
48
|
+
* TODO: fix field names to match model in src/collection-browser.ts
|
|
49
|
+
* private get dateSortSelector()
|
|
50
|
+
* @see src/models.ts
|
|
51
|
+
*/
|
|
52
|
+
get date() {
|
|
53
|
+
var _a, _b, _c, _d, _e;
|
|
54
|
+
switch ((_a = this.sortParam) === null || _a === void 0 ? void 0 : _a.field) {
|
|
55
|
+
case 'date':
|
|
56
|
+
return (_b = this.model) === null || _b === void 0 ? void 0 : _b.datePublished;
|
|
57
|
+
case 'reviewdate':
|
|
58
|
+
return (_c = this.model) === null || _c === void 0 ? void 0 : _c.dateReviewed;
|
|
59
|
+
case 'addeddate':
|
|
60
|
+
return (_d = this.model) === null || _d === void 0 ? void 0 : _d.dateAdded;
|
|
61
|
+
default:
|
|
62
|
+
return (_e = this.model) === null || _e === void 0 ? void 0 : _e.dateArchived; // publicdate
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
get views() {
|
|
66
|
+
var _a, _b, _c;
|
|
67
|
+
return ((_a = this.sortParam) === null || _a === void 0 ? void 0 : _a.field) === 'week'
|
|
68
|
+
? (_b = this.model) === null || _b === void 0 ? void 0 : _b.weeklyViewCount // weekly views
|
|
69
|
+
: (_c = this.model) === null || _c === void 0 ? void 0 : _c.viewCount; // all-time views
|
|
70
|
+
}
|
|
71
|
+
get classSize() {
|
|
72
|
+
if (this.mobileBreakpoint &&
|
|
73
|
+
this.currentWidth &&
|
|
74
|
+
this.currentWidth < this.mobileBreakpoint) {
|
|
75
|
+
return 'mobile';
|
|
76
|
+
}
|
|
77
|
+
return 'desktop';
|
|
78
|
+
}
|
|
79
|
+
get formatSize() {
|
|
80
|
+
if (this.mobileBreakpoint &&
|
|
81
|
+
this.currentWidth &&
|
|
82
|
+
this.currentWidth < this.mobileBreakpoint) {
|
|
83
|
+
return 'short';
|
|
84
|
+
}
|
|
85
|
+
return 'long';
|
|
86
|
+
}
|
|
87
|
+
static get styles() {
|
|
88
88
|
return css `
|
|
89
89
|
html {
|
|
90
90
|
font-size: unset;
|
|
@@ -151,35 +151,35 @@ let TileListCompact = class TileListCompact extends LitElement {
|
|
|
151
151
|
--imgHeight: 100%;
|
|
152
152
|
--imgWidth: 100%;
|
|
153
153
|
}
|
|
154
|
-
`;
|
|
155
|
-
}
|
|
156
|
-
};
|
|
157
|
-
__decorate([
|
|
158
|
-
property({ type: Object })
|
|
159
|
-
], TileListCompact.prototype, "model", void 0);
|
|
160
|
-
__decorate([
|
|
161
|
-
property({ type: String })
|
|
162
|
-
], TileListCompact.prototype, "baseNavigationUrl", void 0);
|
|
163
|
-
__decorate([
|
|
164
|
-
property({ type: Number })
|
|
165
|
-
], TileListCompact.prototype, "currentWidth", void 0);
|
|
166
|
-
__decorate([
|
|
167
|
-
property({ type: Number })
|
|
168
|
-
], TileListCompact.prototype, "currentHeight", void 0);
|
|
169
|
-
__decorate([
|
|
170
|
-
property({ type: Object })
|
|
171
|
-
], TileListCompact.prototype, "sortParam", void 0);
|
|
172
|
-
__decorate([
|
|
173
|
-
property({ type: Number })
|
|
174
|
-
], TileListCompact.prototype, "mobileBreakpoint", void 0);
|
|
175
|
-
__decorate([
|
|
176
|
-
property({ type: String })
|
|
177
|
-
], TileListCompact.prototype, "baseImageUrl", void 0);
|
|
178
|
-
__decorate([
|
|
179
|
-
property({ type: Boolean })
|
|
180
|
-
], TileListCompact.prototype, "loggedIn", void 0);
|
|
181
|
-
TileListCompact = __decorate([
|
|
182
|
-
customElement('tile-list-compact')
|
|
183
|
-
], TileListCompact);
|
|
184
|
-
export { TileListCompact };
|
|
154
|
+
`;
|
|
155
|
+
}
|
|
156
|
+
};
|
|
157
|
+
__decorate([
|
|
158
|
+
property({ type: Object })
|
|
159
|
+
], TileListCompact.prototype, "model", void 0);
|
|
160
|
+
__decorate([
|
|
161
|
+
property({ type: String })
|
|
162
|
+
], TileListCompact.prototype, "baseNavigationUrl", void 0);
|
|
163
|
+
__decorate([
|
|
164
|
+
property({ type: Number })
|
|
165
|
+
], TileListCompact.prototype, "currentWidth", void 0);
|
|
166
|
+
__decorate([
|
|
167
|
+
property({ type: Number })
|
|
168
|
+
], TileListCompact.prototype, "currentHeight", void 0);
|
|
169
|
+
__decorate([
|
|
170
|
+
property({ type: Object })
|
|
171
|
+
], TileListCompact.prototype, "sortParam", void 0);
|
|
172
|
+
__decorate([
|
|
173
|
+
property({ type: Number })
|
|
174
|
+
], TileListCompact.prototype, "mobileBreakpoint", void 0);
|
|
175
|
+
__decorate([
|
|
176
|
+
property({ type: String })
|
|
177
|
+
], TileListCompact.prototype, "baseImageUrl", void 0);
|
|
178
|
+
__decorate([
|
|
179
|
+
property({ type: Boolean })
|
|
180
|
+
], TileListCompact.prototype, "loggedIn", void 0);
|
|
181
|
+
TileListCompact = __decorate([
|
|
182
|
+
customElement('tile-list-compact')
|
|
183
|
+
], TileListCompact);
|
|
184
|
+
export { TileListCompact };
|
|
185
185
|
//# sourceMappingURL=tile-list-compact.js.map
|
|
@@ -1,50 +1,50 @@
|
|
|
1
|
-
import { LitElement, PropertyValues, TemplateResult } from 'lit';
|
|
2
|
-
import type { CollectionNameCacheInterface } from '@internetarchive/collection-name-cache';
|
|
3
|
-
import type { SortParam } from '@internetarchive/search-service';
|
|
4
|
-
import { TileModel } from '../../models';
|
|
5
|
-
import '../image-block';
|
|
6
|
-
import '../mediatype-icon';
|
|
7
|
-
export declare class TileList extends LitElement {
|
|
8
|
-
model?: TileModel;
|
|
9
|
-
baseNavigationUrl?: string;
|
|
10
|
-
collectionNameCache?: CollectionNameCacheInterface;
|
|
11
|
-
currentWidth?: number;
|
|
12
|
-
currentHeight?: number;
|
|
13
|
-
sortParam: SortParam | null;
|
|
14
|
-
mobileBreakpoint?: number;
|
|
15
|
-
private collectionLinks;
|
|
16
|
-
baseImageUrl?: string;
|
|
17
|
-
loggedIn: boolean;
|
|
18
|
-
protected updated(changed: PropertyValues): void;
|
|
19
|
-
private fetchCollectionNames;
|
|
20
|
-
render(): TemplateResult<1>;
|
|
21
|
-
private get mobileTemplate();
|
|
22
|
-
private get desktopTemplate();
|
|
23
|
-
private get imageBlockTemplate();
|
|
24
|
-
private get detailsTemplate();
|
|
25
|
-
private get iconRightTemplate();
|
|
26
|
-
private get titleTemplate();
|
|
27
|
-
private get itemLineTemplate();
|
|
28
|
-
private get sourceTemplate();
|
|
29
|
-
private get volumeTemplate();
|
|
30
|
-
private get issueTemplate();
|
|
31
|
-
private get creatorTemplate();
|
|
32
|
-
private get datePublishedTemplate();
|
|
33
|
-
private get dateSortByTemplate();
|
|
34
|
-
private get viewsTemplate();
|
|
35
|
-
private get ratingTemplate();
|
|
36
|
-
private get reviewsTemplate();
|
|
37
|
-
private get topicsTemplate();
|
|
38
|
-
private get collectionsTemplate();
|
|
39
|
-
private get descriptionTemplate();
|
|
40
|
-
private get textSnippetsTemplate();
|
|
41
|
-
private get hasSnippets();
|
|
42
|
-
private metadataTemplate;
|
|
43
|
-
private labelTemplate;
|
|
44
|
-
private searchLink;
|
|
45
|
-
private detailsLink;
|
|
46
|
-
private get date();
|
|
47
|
-
private get classSize();
|
|
48
|
-
private get formatSize();
|
|
49
|
-
static get styles(): import("lit").CSSResult;
|
|
50
|
-
}
|
|
1
|
+
import { LitElement, PropertyValues, TemplateResult } from 'lit';
|
|
2
|
+
import type { CollectionNameCacheInterface } from '@internetarchive/collection-name-cache';
|
|
3
|
+
import type { SortParam } from '@internetarchive/search-service';
|
|
4
|
+
import { TileModel } from '../../models';
|
|
5
|
+
import '../image-block';
|
|
6
|
+
import '../mediatype-icon';
|
|
7
|
+
export declare class TileList extends LitElement {
|
|
8
|
+
model?: TileModel;
|
|
9
|
+
baseNavigationUrl?: string;
|
|
10
|
+
collectionNameCache?: CollectionNameCacheInterface;
|
|
11
|
+
currentWidth?: number;
|
|
12
|
+
currentHeight?: number;
|
|
13
|
+
sortParam: SortParam | null;
|
|
14
|
+
mobileBreakpoint?: number;
|
|
15
|
+
private collectionLinks;
|
|
16
|
+
baseImageUrl?: string;
|
|
17
|
+
loggedIn: boolean;
|
|
18
|
+
protected updated(changed: PropertyValues): void;
|
|
19
|
+
private fetchCollectionNames;
|
|
20
|
+
render(): TemplateResult<1>;
|
|
21
|
+
private get mobileTemplate();
|
|
22
|
+
private get desktopTemplate();
|
|
23
|
+
private get imageBlockTemplate();
|
|
24
|
+
private get detailsTemplate();
|
|
25
|
+
private get iconRightTemplate();
|
|
26
|
+
private get titleTemplate();
|
|
27
|
+
private get itemLineTemplate();
|
|
28
|
+
private get sourceTemplate();
|
|
29
|
+
private get volumeTemplate();
|
|
30
|
+
private get issueTemplate();
|
|
31
|
+
private get creatorTemplate();
|
|
32
|
+
private get datePublishedTemplate();
|
|
33
|
+
private get dateSortByTemplate();
|
|
34
|
+
private get viewsTemplate();
|
|
35
|
+
private get ratingTemplate();
|
|
36
|
+
private get reviewsTemplate();
|
|
37
|
+
private get topicsTemplate();
|
|
38
|
+
private get collectionsTemplate();
|
|
39
|
+
private get descriptionTemplate();
|
|
40
|
+
private get textSnippetsTemplate();
|
|
41
|
+
private get hasSnippets();
|
|
42
|
+
private metadataTemplate;
|
|
43
|
+
private labelTemplate;
|
|
44
|
+
private searchLink;
|
|
45
|
+
private detailsLink;
|
|
46
|
+
private get date();
|
|
47
|
+
private get classSize();
|
|
48
|
+
private get formatSize();
|
|
49
|
+
static get styles(): import("lit").CSSResult;
|
|
50
|
+
}
|