@internetarchive/collection-browser 2.1.8-alpha.4 → 2.1.8-alpha1

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/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