@internetarchive/collection-browser 0.4.8 → 0.4.9-alpha.1

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,10 +1,10 @@
-import { CSSResultGroup, LitElement } from 'lit';
-export declare class IconOverlay extends LitElement {
-    loggedIn: boolean;
-    loginRequired: boolean;
-    isCompactTile: boolean;
-    render(): import("lit-html").TemplateResult<1>;
-    private get getClass();
-    private get iconDisplay();
-    static get styles(): CSSResultGroup;
-}
+import { CSSResultGroup, LitElement } from 'lit';
+export declare class IconOverlay extends LitElement {
+    loggedIn: boolean;
+    loginRequired: boolean;
+    isCompactTile: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+    private get getClass();
+    private get iconDisplay();
+    static get styles(): CSSResultGroup;
+}

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

@@ -1,29 +1,29 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { restrictedIcon } from '../../assets/img/icons/restricted';
-import { loginRequiredIcon } from '../../assets/img/icons/login-required';
-let IconOverlay = class IconOverlay extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.loggedIn = false;
-        this.loginRequired = false;
-        this.isCompactTile = false;
-    }
-    render() {
+import { __decorate } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { restrictedIcon } from '../../assets/img/icons/restricted';
+import { loginRequiredIcon } from '../../assets/img/icons/login-required';
+let IconOverlay = class IconOverlay extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.loggedIn = false;
+        this.loginRequired = false;
+        this.isCompactTile = false;
+    }
+    render() {
         return html `<div class="icon-overlay ${this.getClass}">
       ${this.iconDisplay}
-    </div>`;
-    }
-    get getClass() {
-        return this.isCompactTile ? 'list-compact' : 'list-detail';
-    }
-    get iconDisplay() {
-        return this.loginRequired && !this.loggedIn
-            ? html `${loginRequiredIcon}`
-            : html `${restrictedIcon}`;
-    }
-    static get styles() {
+    </div>`;
+    }
+    get getClass() {
+        return this.isCompactTile ? 'list-compact' : 'list-detail';
+    }
+    get iconDisplay() {
+        return this.loginRequired && !this.loggedIn
+            ? html `${loginRequiredIcon}`
+            : html `${restrictedIcon}`;
+    }
+    static get styles() {
         return css `
       :host {
         position: absolute;
@@ -53,20 +53,20 @@ let IconOverlay = class IconOverlay extends LitElement {
         height: 15px;
         width: 15px;
       }
-    `;
-    }
-};
-__decorate([
-    property({ type: Boolean })
-], IconOverlay.prototype, "loggedIn", void 0);
-__decorate([
-    property({ type: Boolean })
-], IconOverlay.prototype, "loginRequired", void 0);
-__decorate([
-    property({ type: Boolean })
-], IconOverlay.prototype, "isCompactTile", void 0);
-IconOverlay = __decorate([
-    customElement('icon-overlay')
-], IconOverlay);
-export { IconOverlay };
+    `;
+    }
+};
+__decorate([
+    property({ type: Boolean })
+], IconOverlay.prototype, "loggedIn", void 0);
+__decorate([
+    property({ type: Boolean })
+], IconOverlay.prototype, "loginRequired", void 0);
+__decorate([
+    property({ type: Boolean })
+], IconOverlay.prototype, "isCompactTile", void 0);
+IconOverlay = __decorate([
+    customElement('icon-overlay')
+], IconOverlay);
+export { IconOverlay };
 //# sourceMappingURL=icon-overlay.js.map

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

@@ -1,9 +1,9 @@
-import { CSSResultGroup, LitElement } from 'lit';
-export declare class IconTextOverlay extends LitElement {
-    loggedIn: boolean;
-    loginRequired: boolean;
-    render(): import("lit-html").TemplateResult<1>;
-    private get iconDisplay();
-    private get textDisplay();
-    static get styles(): CSSResultGroup;
-}
+import { CSSResultGroup, LitElement } from 'lit';
+export declare class IconTextOverlay extends LitElement {
+    loggedIn: boolean;
+    loginRequired: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+    private get iconDisplay();
+    private get textDisplay();
+    static get styles(): CSSResultGroup;
+}

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

@@ -1,33 +1,33 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { loginRequiredIcon } from '../../assets/img/icons/login-required';
-import { restrictedIcon } from '../../assets/img/icons/restricted';
-let IconTextOverlay = class IconTextOverlay extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.loggedIn = false;
-        this.loginRequired = false;
-    }
-    render() {
+import { __decorate } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { loginRequiredIcon } from '../../assets/img/icons/login-required';
+import { restrictedIcon } from '../../assets/img/icons/restricted';
+let IconTextOverlay = class IconTextOverlay extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.loggedIn = false;
+        this.loginRequired = false;
+    }
+    render() {
         return html `
       <div class="overlay no-preview">
         <div class="icon-overlay">${this.iconDisplay}</div>
         <p class="text-overlay">${this.textDisplay}</p>
       </div>
-    `;
-    }
-    get iconDisplay() {
-        return this.loginRequired && !this.loggedIn
-            ? html `${loginRequiredIcon}`
-            : html `${restrictedIcon}`;
-    }
-    get textDisplay() {
-        return this.loginRequired && !this.loggedIn
-            ? 'Log in\nto view this item'
-            : 'Content may be inappropriate';
-    }
-    static get styles() {
+    `;
+    }
+    get iconDisplay() {
+        return this.loginRequired && !this.loggedIn
+            ? html `${loginRequiredIcon}`
+            : html `${restrictedIcon}`;
+    }
+    get textDisplay() {
+        return this.loginRequired && !this.loggedIn
+            ? 'Log in\nto view this item'
+            : 'Content may be inappropriate';
+    }
+    static get styles() {
         return css `
       :host {
         align-items: center;
@@ -67,17 +67,17 @@ let IconTextOverlay = class IconTextOverlay extends LitElement {
         font-size: 1.4rem;
         line-height: 2rem;
       }
-    `;
-    }
-};
-__decorate([
-    property({ type: Boolean })
-], IconTextOverlay.prototype, "loggedIn", void 0);
-__decorate([
-    property({ type: Boolean })
-], IconTextOverlay.prototype, "loginRequired", void 0);
-IconTextOverlay = __decorate([
-    customElement('icon-text-overlay')
-], IconTextOverlay);
-export { IconTextOverlay };
+    `;
+    }
+};
+__decorate([
+    property({ type: Boolean })
+], IconTextOverlay.prototype, "loggedIn", void 0);
+__decorate([
+    property({ type: Boolean })
+], IconTextOverlay.prototype, "loginRequired", void 0);
+IconTextOverlay = __decorate([
+    customElement('icon-text-overlay')
+], IconTextOverlay);
+export { IconTextOverlay };
 //# sourceMappingURL=icon-text-overlay.js.map

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

@@ -1,10 +1,10 @@
-import { CSSResultGroup, LitElement } from 'lit';
-export declare class TextOverlay extends LitElement {
-    loggedIn: boolean;
-    loginRequired: boolean;
-    iconRequired: boolean;
-    render(): import("lit-html").TemplateResult<1>;
-    private get iconDisplay();
-    private get textDisplay();
-    static get styles(): CSSResultGroup;
-}
+import { CSSResultGroup, LitElement } from 'lit';
+export declare class TextOverlay extends LitElement {
+    loggedIn: boolean;
+    loginRequired: boolean;
+    iconRequired: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+    private get iconDisplay();
+    private get textDisplay();
+    static get styles(): CSSResultGroup;
+}

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

@@ -1,34 +1,34 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { loginRequiredIcon } from '../../assets/img/icons/login-required';
-import { restrictedIcon } from '../../assets/img/icons/restricted';
-let TextOverlay = class TextOverlay extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.loggedIn = false;
-        this.loginRequired = false;
-        this.iconRequired = false;
-    }
-    render() {
+import { __decorate } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { loginRequiredIcon } from '../../assets/img/icons/login-required';
+import { restrictedIcon } from '../../assets/img/icons/restricted';
+let TextOverlay = class TextOverlay extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.loggedIn = false;
+        this.loginRequired = false;
+        this.iconRequired = false;
+    }
+    render() {
         return html `
       <div class="overlay no-preview">
         <div class="icon-overlay">${this.iconDisplay}</div>
         <p class="text-overlay">${this.textDisplay}</p>
       </div>
-    `;
-    }
-    get iconDisplay() {
-        return this.loginRequired && !this.loggedIn
-            ? html `${loginRequiredIcon}`
-            : html `${restrictedIcon}`;
-    }
-    get textDisplay() {
-        return this.loginRequired && !this.loggedIn
-            ? html `Log in to view this item`
-            : html `Content may be inappropriate`;
-    }
-    static get styles() {
+    `;
+    }
+    get iconDisplay() {
+        return this.loginRequired && !this.loggedIn
+            ? html `${loginRequiredIcon}`
+            : html `${restrictedIcon}`;
+    }
+    get textDisplay() {
+        return this.loginRequired && !this.loggedIn
+            ? html `Log in to view this item`
+            : html `Content may be inappropriate`;
+    }
+    static get styles() {
         return css `
       :host {
         align-items: center;
@@ -66,20 +66,20 @@ let TextOverlay = class TextOverlay extends LitElement {
         font-size: 1.4rem;
         line-height: 2rem;
       }
-    `;
-    }
-};
-__decorate([
-    property({ type: Boolean })
-], TextOverlay.prototype, "loggedIn", void 0);
-__decorate([
-    property({ type: Boolean })
-], TextOverlay.prototype, "loginRequired", void 0);
-__decorate([
-    property({ type: Boolean })
-], TextOverlay.prototype, "iconRequired", void 0);
-TextOverlay = __decorate([
-    customElement('text-overlay')
-], TextOverlay);
-export { TextOverlay };
+    `;
+    }
+};
+__decorate([
+    property({ type: Boolean })
+], TextOverlay.prototype, "loggedIn", void 0);
+__decorate([
+    property({ type: Boolean })
+], TextOverlay.prototype, "loginRequired", void 0);
+__decorate([
+    property({ type: Boolean })
+], TextOverlay.prototype, "iconRequired", void 0);
+TextOverlay = __decorate([
+    customElement('text-overlay')
+], TextOverlay);
+export { TextOverlay };
 //# sourceMappingURL=text-overlay.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;
+}