@internetarchive/collection-browser 0.2.11 → 0.2.14-a1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (101) hide show
  1. package/dist/index.js +1 -0
  2. package/dist/index.js.map +1 -1
  3. package/dist/src/assets/img/icons/login-required.d.ts +1 -0
  4. package/dist/src/assets/img/icons/login-required.js +30 -0
  5. package/dist/src/assets/img/icons/login-required.js.map +1 -0
  6. package/dist/src/collection-browser.d.ts +1 -1
  7. package/dist/src/collection-browser.js +15 -10
  8. package/dist/src/collection-browser.js.map +1 -1
  9. package/dist/src/collection-facets.d.ts +3 -3
  10. package/dist/src/collection-facets.js.map +1 -1
  11. package/dist/src/restoration-state-handler.d.ts +1 -1
  12. package/dist/src/restoration-state-handler.js.map +1 -1
  13. package/dist/src/sort-filter-bar/sort-filter-bar.d.ts +1 -1
  14. package/dist/src/sort-filter-bar/sort-filter-bar.js.map +1 -1
  15. package/dist/src/styles/item-image-styles.js +4 -3
  16. package/dist/src/styles/item-image-styles.js.map +1 -1
  17. package/dist/src/tiles/grid/account-tile.d.ts +1 -1
  18. package/dist/src/tiles/grid/account-tile.js.map +1 -1
  19. package/dist/src/tiles/grid/collection-tile.d.ts +1 -1
  20. package/dist/src/tiles/grid/collection-tile.js.map +1 -1
  21. package/dist/src/tiles/grid/item-tile.d.ts +9 -4
  22. package/dist/src/tiles/grid/item-tile.js +27 -18
  23. package/dist/src/tiles/grid/item-tile.js.map +1 -1
  24. package/dist/src/tiles/image-block.d.ts +17 -0
  25. package/dist/src/tiles/image-block.js +136 -0
  26. package/dist/src/tiles/image-block.js.map +1 -0
  27. package/dist/src/tiles/item-image.d.ts +1 -1
  28. package/dist/src/tiles/item-image.js +3 -2
  29. package/dist/src/tiles/item-image.js.map +1 -1
  30. package/dist/src/tiles/list/tile-list-compact-header.d.ts +2 -2
  31. package/dist/src/tiles/list/tile-list-compact-header.js.map +1 -1
  32. package/dist/src/tiles/list/tile-list-compact.d.ts +4 -4
  33. package/dist/src/tiles/list/tile-list-compact.js +29 -64
  34. package/dist/src/tiles/list/tile-list-compact.js.map +1 -1
  35. package/dist/src/tiles/list/tile-list.d.ts +6 -5
  36. package/dist/src/tiles/list/tile-list.js +19 -56
  37. package/dist/src/tiles/list/tile-list.js.map +1 -1
  38. package/dist/src/tiles/overlay/icon-overlay.d.ts +7 -0
  39. package/dist/src/tiles/overlay/icon-overlay.js +43 -0
  40. package/dist/src/tiles/overlay/icon-overlay.js.map +1 -0
  41. package/dist/src/tiles/overlay/text-overlay.d.ts +8 -0
  42. package/dist/src/tiles/overlay/text-overlay.js +57 -0
  43. package/dist/src/tiles/overlay/text-overlay.js.map +1 -0
  44. package/dist/src/tiles/tile-dispatcher.d.ts +3 -2
  45. package/dist/src/tiles/tile-dispatcher.js +15 -4
  46. package/dist/src/tiles/tile-dispatcher.js.map +1 -1
  47. package/dist/test/collection-browser.test.js.map +1 -1
  48. package/dist/test/empty-placeholder.test.js.map +1 -1
  49. package/dist/test/icon-overlay.test.d.ts +1 -0
  50. package/dist/test/icon-overlay.test.js +31 -0
  51. package/dist/test/icon-overlay.test.js.map +1 -0
  52. package/dist/test/item-image.test.d.ts +1 -0
  53. package/dist/test/item-image.test.js +73 -0
  54. package/dist/test/item-image.test.js.map +1 -0
  55. package/dist/test/mocks/mock-collection-name-cache.d.ts +1 -1
  56. package/dist/test/mocks/mock-collection-name-cache.js.map +1 -1
  57. package/dist/test/mocks/mock-search-responses.d.ts +1 -1
  58. package/dist/test/mocks/mock-search-responses.js.map +1 -1
  59. package/dist/test/mocks/mock-search-service.d.ts +2 -2
  60. package/dist/test/mocks/mock-search-service.js.map +1 -1
  61. package/dist/test/text-overlay.test.d.ts +1 -0
  62. package/dist/test/text-overlay.test.js +48 -0
  63. package/dist/test/text-overlay.test.js.map +1 -0
  64. package/dist/test/tile-stats.test.js.map +1 -1
  65. package/dist/test/tiles/grid/item-tile.test.js +3 -3
  66. package/dist/test/tiles/grid/item-tile.test.js.map +1 -1
  67. package/package.json +4 -3
  68. package/renovate.json +6 -0
  69. package/src/assets/img/icons/login-required.ts +30 -0
  70. package/src/collection-browser.ts +17 -12
  71. package/src/collection-facets.ts +3 -3
  72. package/src/restoration-state-handler.ts +1 -1
  73. package/src/sort-filter-bar/sort-filter-bar.ts +1 -1
  74. package/src/styles/item-image-styles.ts +4 -3
  75. package/src/tiles/grid/account-tile.ts +1 -1
  76. package/src/tiles/grid/collection-tile.ts +1 -1
  77. package/src/tiles/grid/item-tile.ts +24 -21
  78. package/src/tiles/image-block.ts +124 -0
  79. package/src/tiles/item-image.ts +4 -2
  80. package/src/tiles/list/tile-list-compact-header.ts +2 -2
  81. package/src/tiles/list/tile-list-compact.ts +21 -58
  82. package/src/tiles/list/tile-list.ts +22 -58
  83. package/src/tiles/overlay/icon-overlay.ts +34 -0
  84. package/src/tiles/overlay/text-overlay.ts +48 -0
  85. package/src/tiles/tile-dispatcher.ts +15 -6
  86. package/test/collection-browser.test.ts +1 -1
  87. package/test/empty-placeholder.test.ts +2 -1
  88. package/test/icon-overlay.test.ts +41 -0
  89. package/test/item-image.test.ts +82 -0
  90. package/test/mocks/mock-collection-name-cache.ts +1 -1
  91. package/test/mocks/mock-search-responses.ts +1 -1
  92. package/test/mocks/mock-search-service.ts +2 -2
  93. package/test/text-overlay.test.ts +57 -0
  94. package/test/tile-stats.test.ts +1 -1
  95. package/test/tiles/grid/item-tile.test.ts +3 -3
  96. package/tsconfig.json +3 -2
  97. package/types/dompurify.d.ts +1 -0
  98. package/dist/src/tiles/item-tile-image.d.ts +0 -15
  99. package/dist/src/tiles/item-tile-image.js +0 -68
  100. package/dist/src/tiles/item-tile-image.js.map +0 -1
  101. package/src/tiles/item-tile-image.ts +0 -61
@@ -1,15 +0,0 @@
1
- import { LitElement } from 'lit';
2
- import { TileModel } from '../models';
3
- import './image/item-image';
4
- import './image/waveform-image';
5
- export declare class ItemTileImage extends LitElement {
6
- model?: TileModel;
7
- baseImageUrl?: string;
8
- isListTile: boolean;
9
- isCompactTile: boolean;
10
- render(): import("lit-html").TemplateResult<1>;
11
- private get imageSrc();
12
- private get isWithWaveformMediatype();
13
- private get itemImageTemplate();
14
- private get waveformImageTemplate();
15
- }
@@ -1,68 +0,0 @@
1
- import { __decorate } from "tslib";
2
- import { html, LitElement } from 'lit';
3
- import { customElement, property } from 'lit/decorators.js';
4
- import './image/item-image';
5
- import './image/waveform-image';
6
- let ItemTileImage = class ItemTileImage extends LitElement {
7
- constructor() {
8
- super(...arguments);
9
- this.isListTile = false;
10
- this.isCompactTile = false;
11
- }
12
- render() {
13
- return html `
14
- ${this.isWithWaveformMediatype
15
- ? this.waveformImageTemplate
16
- : this.itemImageTemplate}
17
- `;
18
- }
19
- get imageSrc() {
20
- var _a;
21
- return `${this.baseImageUrl}/services/img/${(_a = this.model) === null || _a === void 0 ? void 0 : _a.identifier}`;
22
- }
23
- get isWithWaveformMediatype() {
24
- var _a, _b;
25
- return (((_a = this.model) === null || _a === void 0 ? void 0 : _a.mediatype) === 'audio' || ((_b = this.model) === null || _b === void 0 ? void 0 : _b.mediatype) === 'etree');
26
- }
27
- // Templates
28
- get itemImageTemplate() {
29
- return html `
30
- <item-image
31
- .model=${this.model}
32
- .imageSrc=${this.imageSrc}
33
- .isCompactTile=${this.isCompactTile}
34
- .isListTile=${this.isListTile}
35
- >
36
- </item-image>
37
- `;
38
- }
39
- get waveformImageTemplate() {
40
- var _a;
41
- return html `
42
- <waveform-image
43
- .imageSrc=${this.imageSrc}
44
- .identifier=${(_a = this.model) === null || _a === void 0 ? void 0 : _a.identifier}
45
- .isCompactTile=${this.isCompactTile}
46
- .isListTile=${this.isListTile}
47
- >
48
- </waveform-image>
49
- `;
50
- }
51
- };
52
- __decorate([
53
- property({ type: Object })
54
- ], ItemTileImage.prototype, "model", void 0);
55
- __decorate([
56
- property({ type: String })
57
- ], ItemTileImage.prototype, "baseImageUrl", void 0);
58
- __decorate([
59
- property({ type: Boolean })
60
- ], ItemTileImage.prototype, "isListTile", void 0);
61
- __decorate([
62
- property({ type: Boolean })
63
- ], ItemTileImage.prototype, "isCompactTile", void 0);
64
- ItemTileImage = __decorate([
65
- customElement('item-tile-image')
66
- ], ItemTileImage);
67
- export { ItemTileImage };
68
- //# sourceMappingURL=item-tile-image.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"item-tile-image.js","sourceRoot":"","sources":["../../../src/tiles/item-tile-image.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAI5D,OAAO,oBAAoB,CAAC;AAC5B,OAAO,wBAAwB,CAAC;AAGhC,IAAa,aAAa,GAA1B,MAAa,aAAc,SAAQ,UAAU;IAA7C;;QAK+B,eAAU,GAAG,KAAK,CAAC;QAEnB,kBAAa,GAAG,KAAK,CAAC;IA4CrD,CAAC;IA1CC,MAAM;QACJ,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,uBAAuB;YAC5B,CAAC,CAAC,IAAI,CAAC,qBAAqB;YAC5B,CAAC,CAAC,IAAI,CAAC,iBAAiB;KAC3B,CAAC;IACJ,CAAC;IAED,IAAY,QAAQ;;QAClB,OAAO,GAAG,IAAI,CAAC,YAAY,iBAAiB,MAAA,IAAI,CAAC,KAAK,0CAAE,UAAU,EAAE,CAAC;IACvE,CAAC;IAED,IAAY,uBAAuB;;QACjC,OAAO,CACL,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,SAAS,MAAK,OAAO,IAAI,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,SAAS,MAAK,OAAO,CACvE,CAAC;IACJ,CAAC;IAED,YAAY;IACZ,IAAY,iBAAiB;QAC3B,OAAO,IAAI,CAAA;;iBAEE,IAAI,CAAC,KAAK;oBACP,IAAI,CAAC,QAAQ;yBACR,IAAI,CAAC,aAAa;sBACrB,IAAI,CAAC,UAAU;;;KAGhC,CAAC;IACJ,CAAC;IAED,IAAY,qBAAqB;;QAC/B,OAAO,IAAI,CAAA;;oBAEK,IAAI,CAAC,QAAQ;sBACX,MAAA,IAAI,CAAC,KAAK,0CAAE,UAAU;yBACnB,IAAI,CAAC,aAAa;sBACrB,IAAI,CAAC,UAAU;;;KAGhC,CAAC;IACJ,CAAC;CACF,CAAA;AAlD6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAmB;AAElB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAAuB;AAErB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iDAAoB;AAEnB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oDAAuB;AAPxC,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CAmDzB;SAnDY,aAAa","sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { TileModel } from '../models';\n\nimport './image/item-image';\nimport './image/waveform-image';\n\n@customElement('item-tile-image')\nexport class ItemTileImage extends LitElement {\n @property({ type: Object }) model?: TileModel;\n\n @property({ type: String }) baseImageUrl?: string;\n\n @property({ type: Boolean }) isListTile = false;\n\n @property({ type: Boolean }) isCompactTile = false;\n\n render() {\n return html`\n ${this.isWithWaveformMediatype\n ? this.waveformImageTemplate\n : this.itemImageTemplate}\n `;\n }\n\n private get imageSrc() {\n return `${this.baseImageUrl}/services/img/${this.model?.identifier}`;\n }\n\n private get isWithWaveformMediatype() {\n return (\n this.model?.mediatype === 'audio' || this.model?.mediatype === 'etree'\n );\n }\n\n // Templates\n private get itemImageTemplate() {\n return html`\n <item-image\n .model=${this.model}\n .imageSrc=${this.imageSrc}\n .isCompactTile=${this.isCompactTile}\n .isListTile=${this.isListTile}\n >\n </item-image>\n `;\n }\n\n private get waveformImageTemplate() {\n return html`\n <waveform-image\n .imageSrc=${this.imageSrc}\n .identifier=${this.model?.identifier}\n .isCompactTile=${this.isCompactTile}\n .isListTile=${this.isListTile}\n >\n </waveform-image>\n `;\n }\n}\n"]}
@@ -1,61 +0,0 @@
1
- import { html, LitElement } from 'lit';
2
- import { customElement, property } from 'lit/decorators.js';
3
-
4
- import { TileModel } from '../models';
5
-
6
- import './image/item-image';
7
- import './image/waveform-image';
8
-
9
- @customElement('item-tile-image')
10
- export class ItemTileImage extends LitElement {
11
- @property({ type: Object }) model?: TileModel;
12
-
13
- @property({ type: String }) baseImageUrl?: string;
14
-
15
- @property({ type: Boolean }) isListTile = false;
16
-
17
- @property({ type: Boolean }) isCompactTile = false;
18
-
19
- render() {
20
- return html`
21
- ${this.isWithWaveformMediatype
22
- ? this.waveformImageTemplate
23
- : this.itemImageTemplate}
24
- `;
25
- }
26
-
27
- private get imageSrc() {
28
- return `${this.baseImageUrl}/services/img/${this.model?.identifier}`;
29
- }
30
-
31
- private get isWithWaveformMediatype() {
32
- return (
33
- this.model?.mediatype === 'audio' || this.model?.mediatype === 'etree'
34
- );
35
- }
36
-
37
- // Templates
38
- private get itemImageTemplate() {
39
- return html`
40
- <item-image
41
- .model=${this.model}
42
- .imageSrc=${this.imageSrc}
43
- .isCompactTile=${this.isCompactTile}
44
- .isListTile=${this.isListTile}
45
- >
46
- </item-image>
47
- `;
48
- }
49
-
50
- private get waveformImageTemplate() {
51
- return html`
52
- <waveform-image
53
- .imageSrc=${this.imageSrc}
54
- .identifier=${this.model?.identifier}
55
- .isCompactTile=${this.isCompactTile}
56
- .isListTile=${this.isListTile}
57
- >
58
- </waveform-image>
59
- `;
60
- }
61
- }