@internetarchive/collection-browser 2.7.6-alpha.0 → 2.7.6-alpha2

package/dist/src/tiles/mediatype-icon.d.ts

@@ -1,9 +1,9 @@
-import { CSSResultGroup, LitElement } from 'lit';
-export declare class MediatypeIcon extends LitElement {
-    mediatype: string | undefined;
-    collections: string[] | undefined;
-    showText: boolean;
-    private get displayMediatype();
-    render(): import("lit-html").TemplateResult<1>;
-    static get styles(): CSSResultGroup;
-}
+import { CSSResultGroup, LitElement } from 'lit';
+export declare class MediatypeIcon extends LitElement {
+    mediatype: string | undefined;
+    collections: string[] | undefined;
+    showText: boolean;
+    private get displayMediatype();
+    render(): import("lit-html").TemplateResult<1>;
+    static get styles(): CSSResultGroup;
+}

package/dist/src/tiles/mediatype-icon.js

@@ -1,31 +1,31 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { mediatypeConfig } from '../mediatype/mediatype-config';
-let MediatypeIcon = class MediatypeIcon extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.showText = false;
-    }
-    get displayMediatype() {
-        var _a, _b;
-        const tvIdentifier = ['tvnews', 'tvarchive', 'television'];
-        const radioIdentifier = ['radio', 'radioprogram'];
-        if (this.mediatype === 'movies' &&
-            ((_a = this.collections) === null || _a === void 0 ? void 0 : _a.some(id => tvIdentifier.indexOf(id) >= 0))) {
-            return 'tv';
-        }
-        if (this.mediatype === 'audio' &&
-            ((_b = this.collections) === null || _b === void 0 ? void 0 : _b.some(id => radioIdentifier.indexOf(id) >= 0))) {
-            return 'radio';
-        }
-        return this.mediatype || '';
-    }
-    render() {
-        const config = mediatypeConfig[this.displayMediatype];
-        if (!config) {
-            return html ``;
-        }
+import { __decorate } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { mediatypeConfig } from '../mediatype/mediatype-config';
+let MediatypeIcon = class MediatypeIcon extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.showText = false;
+    }
+    get displayMediatype() {
+        var _a, _b;
+        const tvIdentifier = ['tvnews', 'tvarchive', 'television'];
+        const radioIdentifier = ['radio', 'radioprogram'];
+        if (this.mediatype === 'movies' &&
+            ((_a = this.collections) === null || _a === void 0 ? void 0 : _a.some(id => tvIdentifier.indexOf(id) >= 0))) {
+            return 'tv';
+        }
+        if (this.mediatype === 'audio' &&
+            ((_b = this.collections) === null || _b === void 0 ? void 0 : _b.some(id => radioIdentifier.indexOf(id) >= 0))) {
+            return 'radio';
+        }
+        return this.mediatype || '';
+    }
+    render() {
+        const config = mediatypeConfig[this.displayMediatype];
+        if (!config) {
+            return html ``;
+        }
         return html `
       <div
         id="icon"
@@ -36,9 +36,9 @@ let MediatypeIcon = class MediatypeIcon extends LitElement {
         ${config.icon}
         <p class="status-text">${config.text}</p>
       </div>
-    `;
-    }
-    static get styles() {
+    `;
+    }
+    static get styles() {
         return css `
       #icon {
         height: var(--iconHeight, 25px);
@@ -65,20 +65,20 @@ let MediatypeIcon = class MediatypeIcon extends LitElement {
       .fill-color {
         fill: var(--iconFillColor, '#000000');
       }
-    `;
-    }
-};
-__decorate([
-    property({ type: String })
-], MediatypeIcon.prototype, "mediatype", void 0);
-__decorate([
-    property({ type: Array })
-], MediatypeIcon.prototype, "collections", void 0);
-__decorate([
-    property({ type: Boolean })
-], MediatypeIcon.prototype, "showText", void 0);
-MediatypeIcon = __decorate([
-    customElement('mediatype-icon')
-], MediatypeIcon);
-export { MediatypeIcon };
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], MediatypeIcon.prototype, "mediatype", void 0);
+__decorate([
+    property({ type: Array })
+], MediatypeIcon.prototype, "collections", void 0);
+__decorate([
+    property({ type: Boolean })
+], MediatypeIcon.prototype, "showText", void 0);
+MediatypeIcon = __decorate([
+    customElement('mediatype-icon')
+], MediatypeIcon);
+export { MediatypeIcon };
 //# sourceMappingURL=mediatype-icon.js.map

package/dist/src/tiles/overlay/icon-overlay.d.ts

@@ -1,8 +1,8 @@
-import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
-import { TileOverlayType } from '../../models';
-export declare class IconOverlay extends LitElement {
-    type?: TileOverlayType;
-    render(): TemplateResult<1>;
-    private get iconTemplate();
-    static get styles(): CSSResultGroup;
-}
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
+import { TileOverlayType } from '../../models';
+export declare class IconOverlay extends LitElement {
+    type?: TileOverlayType;
+    render(): TemplateResult<1>;
+    private get iconTemplate();
+    static get styles(): CSSResultGroup;
+}

package/dist/src/tiles/overlay/icon-overlay.js

@@ -1,18 +1,18 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement, nothing, } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { TILE_OVERLAY_ICONS } from '../../models';
-let IconOverlay = class IconOverlay extends LitElement {
-    render() {
-        return html `<div class="icon-overlay">${this.iconTemplate}</div>`;
-    }
-    get iconTemplate() {
-        var _a;
-        if (!this.type)
-            return nothing;
-        return html `${(_a = TILE_OVERLAY_ICONS[this.type]) !== null && _a !== void 0 ? _a : nothing}`;
-    }
-    static get styles() {
+import { __decorate } from "tslib";
+import { css, html, LitElement, nothing, } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { TILE_OVERLAY_ICONS } from '../../models';
+let IconOverlay = class IconOverlay extends LitElement {
+    render() {
+        return html `<div class="icon-overlay">${this.iconTemplate}</div>`;
+    }
+    get iconTemplate() {
+        var _a;
+        if (!this.type)
+            return nothing;
+        return html `${(_a = TILE_OVERLAY_ICONS[this.type]) !== null && _a !== void 0 ? _a : nothing}`;
+    }
+    static get styles() {
         return css `
       :host {
         position: absolute;
@@ -42,14 +42,14 @@ let IconOverlay = class IconOverlay extends LitElement {
         height: 15px;
         width: 15px;
       }
-    `;
-    }
-};
-__decorate([
-    property({ type: String })
-], IconOverlay.prototype, "type", void 0);
-IconOverlay = __decorate([
-    customElement('icon-overlay')
-], IconOverlay);
-export { IconOverlay };
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], IconOverlay.prototype, "type", void 0);
+IconOverlay = __decorate([
+    customElement('icon-overlay')
+], IconOverlay);
+export { IconOverlay };
 //# sourceMappingURL=icon-overlay.js.map

package/dist/src/tiles/overlay/text-overlay.d.ts

@@ -1,9 +1,9 @@
-import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
-import { TileOverlayType } from '../../models';
-export declare class TextOverlay extends LitElement {
-    type?: TileOverlayType;
-    render(): TemplateResult<1>;
-    private get iconTemplate();
-    private get textTemplate();
-    static get styles(): CSSResultGroup;
-}
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
+import { TileOverlayType } from '../../models';
+export declare class TextOverlay extends LitElement {
+    type?: TileOverlayType;
+    render(): TemplateResult<1>;
+    private get iconTemplate();
+    private get textTemplate();
+    static get styles(): CSSResultGroup;
+}

package/dist/src/tiles/overlay/text-overlay.js

@@ -1,29 +1,29 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement, nothing, } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { TILE_OVERLAY_ICONS, TILE_OVERLAY_TEXT, } from '../../models';
-let TextOverlay = class TextOverlay extends LitElement {
-    render() {
+import { __decorate } from "tslib";
+import { css, html, LitElement, nothing, } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { TILE_OVERLAY_ICONS, TILE_OVERLAY_TEXT, } from '../../models';
+let TextOverlay = class TextOverlay extends LitElement {
+    render() {
         return html `
       <div class="overlay no-preview">
         <div class="icon-overlay">${this.iconTemplate}</div>
         <p class="text-overlay">${this.textTemplate}</p>
       </div>
-    `;
-    }
-    get iconTemplate() {
-        var _a;
-        if (!this.type)
-            return nothing;
-        return html `${(_a = TILE_OVERLAY_ICONS[this.type]) !== null && _a !== void 0 ? _a : nothing}`;
-    }
-    get textTemplate() {
-        var _a;
-        if (!this.type)
-            return nothing;
-        return html `${(_a = TILE_OVERLAY_TEXT[this.type]) !== null && _a !== void 0 ? _a : nothing}`;
-    }
-    static get styles() {
+    `;
+    }
+    get iconTemplate() {
+        var _a;
+        if (!this.type)
+            return nothing;
+        return html `${(_a = TILE_OVERLAY_ICONS[this.type]) !== null && _a !== void 0 ? _a : nothing}`;
+    }
+    get textTemplate() {
+        var _a;
+        if (!this.type)
+            return nothing;
+        return html `${(_a = TILE_OVERLAY_TEXT[this.type]) !== null && _a !== void 0 ? _a : nothing}`;
+    }
+    static get styles() {
         return css `
       :host {
         align-items: center;
@@ -61,14 +61,14 @@ let TextOverlay = class TextOverlay extends LitElement {
         font-size: 1.4rem;
         line-height: 2rem;
       }
-    `;
-    }
-};
-__decorate([
-    property({ type: String })
-], TextOverlay.prototype, "type", void 0);
-TextOverlay = __decorate([
-    customElement('text-overlay')
-], TextOverlay);
-export { TextOverlay };
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], TextOverlay.prototype, "type", void 0);
+TextOverlay = __decorate([
+    customElement('text-overlay')
+], TextOverlay);
+export { TextOverlay };
 //# sourceMappingURL=text-overlay.js.map

package/dist/src/tiles/review-block.d.ts

@@ -1,12 +1,12 @@
-import { CSSResultGroup, LitElement, nothing, TemplateResult } from 'lit';
-export declare class ReviewBlock extends LitElement {
-    title: string;
-    body: string;
-    starRating: number;
-    viewSize: string;
-    render(): TemplateResult<1> | typeof nothing;
-    private get starsTemplate();
-    private get filledStarTemplate();
-    private get unfilledStarTemplate();
-    static get styles(): CSSResultGroup;
-}
+import { CSSResultGroup, LitElement, nothing, TemplateResult } from 'lit';
+export declare class ReviewBlock extends LitElement {
+    title: string;
+    body: string;
+    starRating: number;
+    viewSize: string;
+    render(): TemplateResult<1> | typeof nothing;
+    private get starsTemplate();
+    private get filledStarTemplate();
+    private get unfilledStarTemplate();
+    static get styles(): CSSResultGroup;
+}

package/dist/src/tiles/review-block.js

@@ -1,21 +1,21 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement, nothing, } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { msg } from '@lit/localize';
-import { favoriteFilledIcon } from '../assets/img/icons/favorite-filled';
-import { favoriteUnfilledIcon } from '../assets/img/icons/favorite-unfilled';
-import { srOnlyStyle } from '../styles/sr-only';
-let ReviewBlock = class ReviewBlock extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.title = '';
-        this.body = '';
-        this.starRating = 0;
-        this.viewSize = 'desktop';
-    }
-    render() {
-        if (!this.title && !this.body && !this.starRating)
-            return nothing;
+import { __decorate } from "tslib";
+import { css, html, LitElement, nothing, } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { msg } from '@lit/localize';
+import { favoriteFilledIcon } from '../assets/img/icons/favorite-filled';
+import { favoriteUnfilledIcon } from '../assets/img/icons/favorite-unfilled';
+import { srOnlyStyle } from '../styles/sr-only';
+let ReviewBlock = class ReviewBlock extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.title = '';
+        this.body = '';
+        this.starRating = 0;
+        this.viewSize = 'desktop';
+    }
+    render() {
+        if (!this.title && !this.body && !this.starRating)
+            return nothing;
         return html `
       <div class="review-container">
         <div class="snippet-view ${this.viewSize}">
@@ -24,34 +24,34 @@ let ReviewBlock = class ReviewBlock extends LitElement {
           <p class="review-body">${this.body}</p>
         </div>
       </div>
-    `;
-    }
-    get starsTemplate() {
-        if (this.starRating <= 0)
-            return nothing;
-        const numFilledStars = Math.min(5, this.starRating);
-        const numUnfilledStars = Math.min(5, 5 - this.starRating);
+    `;
+    }
+    get starsTemplate() {
+        if (this.starRating <= 0)
+            return nothing;
+        const numFilledStars = Math.min(5, this.starRating);
+        const numUnfilledStars = Math.min(5, 5 - this.starRating);
         return html `
       <div class="star-rating">
         <span class="sr-only">${this.starRating} ${msg('out of 5 stars')}</span>
         ${Array(numFilledStars).fill(this.filledStarTemplate)}
         ${Array(numUnfilledStars).fill(this.unfilledStarTemplate)}
       </div>
-    `;
-    }
-    get filledStarTemplate() {
-        return html `<span aria-hidden="true">${favoriteFilledIcon}</span>`;
-    }
-    get unfilledStarTemplate() {
+    `;
+    }
+    get filledStarTemplate() {
+        return html `<span aria-hidden="true">${favoriteFilledIcon}</span>`;
+    }
+    get unfilledStarTemplate() {
         return html `
       <span class="unfilled-star" aria-hidden="true">
         ${favoriteUnfilledIcon}
       </span>
-    `;
-    }
-    static get styles() {
-        return [
-            srOnlyStyle,
+    `;
+    }
+    static get styles() {
+        return [
+            srOnlyStyle,
             css `
         .review-container {
           display: flex;
@@ -111,24 +111,24 @@ let ReviewBlock = class ReviewBlock extends LitElement {
           margin: 0;
           padding-left: 5px;
         }
-      `,
-        ];
-    }
-};
-__decorate([
-    property({ type: String })
-], ReviewBlock.prototype, "title", void 0);
-__decorate([
-    property({ type: String })
-], ReviewBlock.prototype, "body", void 0);
-__decorate([
-    property({ type: Number })
-], ReviewBlock.prototype, "starRating", void 0);
-__decorate([
-    property({ type: String })
-], ReviewBlock.prototype, "viewSize", void 0);
-ReviewBlock = __decorate([
-    customElement('review-block')
-], ReviewBlock);
-export { ReviewBlock };
+      `,
+        ];
+    }
+};
+__decorate([
+    property({ type: String })
+], ReviewBlock.prototype, "title", void 0);
+__decorate([
+    property({ type: String })
+], ReviewBlock.prototype, "body", void 0);
+__decorate([
+    property({ type: Number })
+], ReviewBlock.prototype, "starRating", void 0);
+__decorate([
+    property({ type: String })
+], ReviewBlock.prototype, "viewSize", void 0);
+ReviewBlock = __decorate([
+    customElement('review-block')
+], ReviewBlock);
+export { ReviewBlock };
 //# sourceMappingURL=review-block.js.map

package/dist/src/tiles/text-snippet-block.d.ts

@@ -1,27 +1,27 @@
-import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
-export declare class TextSnippetBlock extends LitElement {
-    snippets?: string[];
-    viewSize: string;
-    render(): TemplateResult<1>;
-    /**
-     * An array of HTML templates derived from the snippets, with ellipses inserted
-     * at the beginning, end, and between each pair of snippets.
-     */
-    private get ellipsisJoinedSnippets();
-    /**
-     * Returns an array of HTML span templates containing this item's snippets with all of
-     * their `{{{triple-brace-delimited}}}` matches replaced by `<mark>HTML mark tags</mark>`.
-     *
-     * This approach safely avoids the use of `unsafeHTML` and leaves any existing HTML tags
-     * in the snippets intact (as inert text), rather than stripping them away with DOMPurify.
-     *
-     * Note on `<em>` vs. `<mark>`:
-     * The old search page snippets had search keywords demarcated with `<em>` tags.
-     * The `<mark>` tag is semantically more accurate for this use case than `<em>`,
-     * but screen-reader behavior may be different. `<em>` will likely be read in a
-     * different tone, while `<mark>` is often read no differently than ordinary text
-     * in many screen-readers (though there are ways to work around this if needed).
-     */
-    private get snippetTemplates();
-    static get styles(): CSSResultGroup;
-}
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
+export declare class TextSnippetBlock extends LitElement {
+    snippets?: string[];
+    viewSize: string;
+    render(): TemplateResult<1>;
+    /**
+     * An array of HTML templates derived from the snippets, with ellipses inserted
+     * at the beginning, end, and between each pair of snippets.
+     */
+    private get ellipsisJoinedSnippets();
+    /**
+     * Returns an array of HTML span templates containing this item's snippets with all of
+     * their `{{{triple-brace-delimited}}}` matches replaced by `<mark>HTML mark tags</mark>`.
+     *
+     * This approach safely avoids the use of `unsafeHTML` and leaves any existing HTML tags
+     * in the snippets intact (as inert text), rather than stripping them away with DOMPurify.
+     *
+     * Note on `<em>` vs. `<mark>`:
+     * The old search page snippets had search keywords demarcated with `<em>` tags.
+     * The `<mark>` tag is semantically more accurate for this use case than `<em>`,
+     * but screen-reader behavior may be different. `<em>` will likely be read in a
+     * different tone, while `<mark>` is often read no differently than ordinary text
+     * in many screen-readers (though there are ways to work around this if needed).
+     */
+    private get snippetTemplates();
+    static get styles(): CSSResultGroup;
+}