@internetarchive/collection-browser 3.3.1-alpha3 → 3.3.2

package/dist/src/tiles/models.d.ts

@@ -1 +0,0 @@
-export type SimpleLayoutType = 'none' | 'stats-only' | 'snippets-only';

package/dist/src/tiles/models.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=models.js.map

package/dist/src/tiles/models.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"models.js","sourceRoot":"","sources":["../../../src/tiles/models.ts"],"names":[],"mappings":"","sourcesContent":["export type SimpleLayoutType = 'none' | 'stats-only' | 'snippets-only';\n"]}

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

@@ -1,8 +0,0 @@
-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,55 +0,0 @@
-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;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-        width: 100%;
-        z-index: 2;
-        background-color: rgb(255, 254, 203);
-        display: flex;
-        justify-content: center;
-        border: 1px solid #2c2c2c;
-      }
-
-      .icon-overlay {
-        height: 20px;
-        width: 20px;
-        padding: 2px;
-        padding: 2px;
-      }
-
-      :host(.list-detail) .icon-overlay {
-        height: 20px;
-        width: 20px;
-      }
-      :host(.list-compact) .icon-overlay {
-        height: 15px;
-        width: 15px;
-      }
-    `;
-    }
-};
-__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/icon-overlay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-overlay.js","sourceRoot":"","sources":["../../../../src/tiles/overlay/icon-overlay.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,GAAG,EAEH,IAAI,EACJ,UAAU,EACV,OAAO,GAER,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAmB,MAAM,cAAc,CAAC;AAG5D,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAGzC,MAAM;QACJ,OAAO,IAAI,CAAA,6BAA6B,IAAI,CAAC,YAAY,QAAQ,CAAC;IACpE,CAAC;IAED,IAAY,YAAY;;QACtB,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,OAAO,OAAO,CAAC;QAC/B,OAAO,IAAI,CAAA,GAAG,MAAA,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,mCAAI,OAAO,EAAE,CAAC;IAC3D,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6BT,CAAC;IACJ,CAAC;CACF,CAAA;AA3C6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCAAwB;AADxC,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CA4CvB","sourcesContent":["import {\n  css,\n  CSSResultGroup,\n  html,\n  LitElement,\n  nothing,\n  TemplateResult,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { TILE_OVERLAY_ICONS, TileOverlayType } from '../../models';\n\n@customElement('icon-overlay')\nexport class IconOverlay extends LitElement {\n  @property({ type: String }) type?: TileOverlayType;\n\n  render() {\n    return html`<div class=\"icon-overlay\">${this.iconTemplate}</div>`;\n  }\n\n  private get iconTemplate(): TemplateResult | typeof nothing {\n    if (!this.type) return nothing;\n    return html`${TILE_OVERLAY_ICONS[this.type] ?? nothing}`;\n  }\n\n  static get styles(): CSSResultGroup {\n    return css`\n      :host {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 100%;\n        z-index: 2;\n        background-color: rgb(255, 254, 203);\n        display: flex;\n        justify-content: center;\n        border: 1px solid #2c2c2c;\n      }\n\n      .icon-overlay {\n        height: 20px;\n        width: 20px;\n        padding: 2px;\n        padding: 2px;\n      }\n\n      :host(.list-detail) .icon-overlay {\n        height: 20px;\n        width: 20px;\n      }\n      :host(.list-compact) .icon-overlay {\n        height: 15px;\n        width: 15px;\n      }\n    `;\n  }\n}\n"]}

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

@@ -1,9 +0,0 @@
-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,74 +0,0 @@
-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() {
-        return css `
-      :host {
-        align-items: center;
-        display: flex;
-      }
-
-      .overlay {
-        border: 1px solid #2c2c2c;
-        border-radius: 1px;
-        position: absolute;
-        right: 0;
-        left: 0;
-        top: 50%;
-        transform: translate(0px, -50%);
-        width: auto;
-        height: auto;
-        padding: 5px;
-        background-color: #fffecb;
-        display: flex;
-        align-items: center;
-        border-radius: 1px;
-      }
-
-      .icon-overlay {
-        width: 40px;
-        height: 40px;
-        display: inherit;
-      }
-      .text-overlay {
-        margin: 0;
-        vertical-align: bottom;
-        padding-left: 5px;
-        text-align: center;
-        color: #2c2c2c;
-        font-size: 1.4rem;
-        line-height: 2rem;
-      }
-    `;
-    }
-};
-__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/overlay/text-overlay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-overlay.js","sourceRoot":"","sources":["../../../../src/tiles/overlay/text-overlay.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,GAAG,EAEH,IAAI,EACJ,UAAU,EACV,OAAO,GAER,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EACL,kBAAkB,EAClB,iBAAiB,GAElB,MAAM,cAAc,CAAC;AAGf,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAGzC,MAAM;QACJ,OAAO,IAAI,CAAA;;oCAEqB,IAAI,CAAC,YAAY;kCACnB,IAAI,CAAC,YAAY;;KAE9C,CAAC;IACJ,CAAC;IAED,IAAY,YAAY;;QACtB,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,OAAO,OAAO,CAAC;QAC/B,OAAO,IAAI,CAAA,GAAG,MAAA,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,mCAAI,OAAO,EAAE,CAAC;IAC3D,CAAC;IAED,IAAY,YAAY;;QACtB,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,OAAO,OAAO,CAAC;QAC/B,OAAO,IAAI,CAAA,GAAG,MAAA,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,mCAAI,OAAO,EAAE,CAAC;IAC1D,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqCT,CAAC;IACJ,CAAC;CACF,CAAA;AA7D6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCAAwB;AADxC,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CA8DvB","sourcesContent":["import {\n  css,\n  CSSResultGroup,\n  html,\n  LitElement,\n  nothing,\n  TemplateResult,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport {\n  TILE_OVERLAY_ICONS,\n  TILE_OVERLAY_TEXT,\n  TileOverlayType,\n} from '../../models';\n\n@customElement('text-overlay')\nexport class TextOverlay extends LitElement {\n  @property({ type: String }) type?: TileOverlayType;\n\n  render() {\n    return html`\n      <div class=\"overlay no-preview\">\n        <div class=\"icon-overlay\">${this.iconTemplate}</div>\n        <p class=\"text-overlay\">${this.textTemplate}</p>\n      </div>\n    `;\n  }\n\n  private get iconTemplate(): TemplateResult | typeof nothing {\n    if (!this.type) return nothing;\n    return html`${TILE_OVERLAY_ICONS[this.type] ?? nothing}`;\n  }\n\n  private get textTemplate(): TemplateResult | typeof nothing {\n    if (!this.type) return nothing;\n    return html`${TILE_OVERLAY_TEXT[this.type] ?? nothing}`;\n  }\n\n  static get styles(): CSSResultGroup {\n    return css`\n      :host {\n        align-items: center;\n        display: flex;\n      }\n\n      .overlay {\n        border: 1px solid #2c2c2c;\n        border-radius: 1px;\n        position: absolute;\n        right: 0;\n        left: 0;\n        top: 50%;\n        transform: translate(0px, -50%);\n        width: auto;\n        height: auto;\n        padding: 5px;\n        background-color: #fffecb;\n        display: flex;\n        align-items: center;\n        border-radius: 1px;\n      }\n\n      .icon-overlay {\n        width: 40px;\n        height: 40px;\n        display: inherit;\n      }\n      .text-overlay {\n        margin: 0;\n        vertical-align: bottom;\n        padding-left: 5px;\n        text-align: center;\n        color: #2c2c2c;\n        font-size: 1.4rem;\n        line-height: 2rem;\n      }\n    `;\n  }\n}\n"]}

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

@@ -1,12 +0,0 @@
-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,134 +0,0 @@
-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}">
-          ${this.starsTemplate}
-          <p class="review-title">${this.title}</p>
-          <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);
-        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() {
-        return html `
-      <span class="unfilled-star" aria-hidden="true">
-        ${favoriteUnfilledIcon}
-      </span>
-    `;
-    }
-    static get styles() {
-        return [
-            srOnlyStyle,
-            css `
-        .review-container {
-          display: flex;
-          flex-direction: row;
-          flex-wrap: wrap;
-          width: calc(100% - 10px);
-          border: 1px solid #ccc;
-          margin-top: var(--containerTopMargin, 10px);
-          margin-left: var(--containerLeftMargin, 0px);
-          padding: 5px;
-          box-sizing: border-box;
-        }
-
-        .review-title,
-        .review-body {
-          display: -webkit-box;
-          font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
-          overflow: hidden;
-          overflow-wrap: break-word;
-          word-break: break-word;
-          -webkit-line-clamp: var(--maxLines, 3);
-          -webkit-box-orient: vertical;
-          margin: 0;
-        }
-
-        .review-title {
-          font-size: 1.4rem;
-          line-height: 2rem;
-          max-height: 6rem;
-        }
-
-        .review-title > a[href] {
-          color: inherit;
-          text-decoration: none;
-        }
-
-        .review-title > a[href]:hover {
-          text-decoration: underline;
-        }
-
-        .review-body {
-          font-size: 1rem;
-          line-height: 1.4rem;
-          max-height: 4.2rem;
-        }
-
-        .star-rating svg {
-          width: 10px;
-          height: 10px;
-        }
-
-        .unfilled-star {
-          fill: #ccc;
-        }
-
-        .list {
-          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 };
-//# sourceMappingURL=review-block.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"review-block.js","sourceRoot":"","sources":["../../../src/tiles/review-block.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,GAAG,EAEH,IAAI,EACJ,UAAU,EACV,OAAO,GAER,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGzC,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QACuB,UAAK,GAAG,EAAE,CAAC;QAEX,SAAI,GAAG,EAAE,CAAC;QAEV,eAAU,GAAG,CAAC,CAAC;QAEf,aAAQ,GAAG,SAAS,CAAC;IA2GnD,CAAC;IAzGC,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE,OAAO,OAAO,CAAC;QAElE,OAAO,IAAI,CAAA;;mCAEoB,IAAI,CAAC,QAAQ;YACpC,IAAI,CAAC,aAAa;oCACM,IAAI,CAAC,KAAK;mCACX,IAAI,CAAC,IAAI;;;KAGvC,CAAC;IACJ,CAAC;IAED,IAAY,aAAa;QACvB,IAAI,IAAI,CAAC,UAAU,IAAI,CAAC;YAAE,OAAO,OAAO,CAAC;QAEzC,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;QACpD,MAAM,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC;QAC1D,OAAO,IAAI,CAAA;;gCAEiB,IAAI,CAAC,UAAU,IAAI,GAAG,CAAC,gBAAgB,CAAC;UAC9D,KAAK,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC;UACnD,KAAK,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC;;KAE5D,CAAC;IACJ,CAAC;IAED,IAAY,kBAAkB;QAC5B,OAAO,IAAI,CAAA,4BAA4B,kBAAkB,SAAS,CAAC;IACrE,CAAC;IAED,IAAY,oBAAoB;QAC9B,OAAO,IAAI,CAAA;;UAEL,oBAAoB;;KAEzB,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO;YACL,WAAW;YACX,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA2DF;SACF,CAAC;IACJ,CAAC;CACF,CAAA;AAjH6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAY;AAEX;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCAAW;AAEV;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAAgB;AAEf;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAsB;AAPtC,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CAkHvB","sourcesContent":["import {\n  css,\n  CSSResultGroup,\n  html,\n  LitElement,\n  nothing,\n  TemplateResult,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { msg } from '@lit/localize';\nimport { favoriteFilledIcon } from '../assets/img/icons/favorite-filled';\nimport { favoriteUnfilledIcon } from '../assets/img/icons/favorite-unfilled';\nimport { srOnlyStyle } from '../styles/sr-only';\n\n@customElement('review-block')\nexport class ReviewBlock extends LitElement {\n  @property({ type: String }) title = '';\n\n  @property({ type: String }) body = '';\n\n  @property({ type: Number }) starRating = 0;\n\n  @property({ type: String }) viewSize = 'desktop';\n\n  render() {\n    if (!this.title && !this.body && !this.starRating) return nothing;\n\n    return html`\n      <div class=\"review-container\">\n        <div class=\"snippet-view ${this.viewSize}\">\n          ${this.starsTemplate}\n          <p class=\"review-title\">${this.title}</p>\n          <p class=\"review-body\">${this.body}</p>\n        </div>\n      </div>\n    `;\n  }\n\n  private get starsTemplate(): TemplateResult | typeof nothing {\n    if (this.starRating <= 0) return nothing;\n\n    const numFilledStars = Math.min(5, this.starRating);\n    const numUnfilledStars = Math.min(5, 5 - this.starRating);\n    return html`\n      <div class=\"star-rating\">\n        <span class=\"sr-only\">${this.starRating} ${msg('out of 5 stars')}</span>\n        ${Array(numFilledStars).fill(this.filledStarTemplate)}\n        ${Array(numUnfilledStars).fill(this.unfilledStarTemplate)}\n      </div>\n    `;\n  }\n\n  private get filledStarTemplate(): TemplateResult {\n    return html`<span aria-hidden=\"true\">${favoriteFilledIcon}</span>`;\n  }\n\n  private get unfilledStarTemplate(): TemplateResult {\n    return html`\n      <span class=\"unfilled-star\" aria-hidden=\"true\">\n        ${favoriteUnfilledIcon}\n      </span>\n    `;\n  }\n\n  static get styles(): CSSResultGroup {\n    return [\n      srOnlyStyle,\n      css`\n        .review-container {\n          display: flex;\n          flex-direction: row;\n          flex-wrap: wrap;\n          width: calc(100% - 10px);\n          border: 1px solid #ccc;\n          margin-top: var(--containerTopMargin, 10px);\n          margin-left: var(--containerLeftMargin, 0px);\n          padding: 5px;\n          box-sizing: border-box;\n        }\n\n        .review-title,\n        .review-body {\n          display: -webkit-box;\n          font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n          overflow: hidden;\n          overflow-wrap: break-word;\n          word-break: break-word;\n          -webkit-line-clamp: var(--maxLines, 3);\n          -webkit-box-orient: vertical;\n          margin: 0;\n        }\n\n        .review-title {\n          font-size: 1.4rem;\n          line-height: 2rem;\n          max-height: 6rem;\n        }\n\n        .review-title > a[href] {\n          color: inherit;\n          text-decoration: none;\n        }\n\n        .review-title > a[href]:hover {\n          text-decoration: underline;\n        }\n\n        .review-body {\n          font-size: 1rem;\n          line-height: 1.4rem;\n          max-height: 4.2rem;\n        }\n\n        .star-rating svg {\n          width: 10px;\n          height: 10px;\n        }\n\n        .unfilled-star {\n          fill: #ccc;\n        }\n\n        .list {\n          margin: 0;\n          padding-left: 5px;\n        }\n      `,\n    ];\n  }\n}\n"]}

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

@@ -1,27 +0,0 @@
-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;
-}

package/dist/src/tiles/text-snippet-block.js

@@ -1,132 +0,0 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement, nothing, } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { join } from 'lit/directives/join.js';
-let TextSnippetBlock = class TextSnippetBlock extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.snippets = [];
-        this.viewSize = 'desktop';
-    }
-    render() {
-        var _a;
-        if (!((_a = this.snippets) === null || _a === void 0 ? void 0 : _a.length))
-            return html `${nothing}`;
-        return html `
-      <div class="container">
-        <div class="snippet-view ${this.viewSize}">
-          ${this.ellipsisJoinedSnippets}
-        </div>
-      </div>
-    `;
-    }
-    /**
-     * An array of HTML templates derived from the snippets, with ellipses inserted
-     * at the beginning, end, and between each pair of snippets.
-     */
-    get ellipsisJoinedSnippets() {
-        return html `
-      &hellip; ${join(this.snippetTemplates, html ` &hellip; `)} &hellip;
-    `;
-    }
-    /**
-     * 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).
-     */
-    get snippetTemplates() {
-        var _a;
-        return (_a = this.snippets) === null || _a === void 0 ? void 0 : _a.map(s => {
-            const matches = s.matchAll(/{{{(.+?)}}}/gs);
-            const templates = [];
-            // Convert each match into an HTML template that includes:
-            //  - Everything from the end of the previous match (or the beginning of the
-            //      string) up to the current match, as raw text.
-            //  - The current match (excluding the curly braces) wrapped in a `<mark>` tag.
-            let index = 0;
-            for (const match of matches) {
-                if (match.index != null) {
-                    templates.push(html `
-            ${s.slice(index, match.index)}
-            <mark>${match[1]}</mark>
-          `);
-                    index = match.index + match[0].length;
-                }
-            }
-            // Include any text from the last match to the end
-            templates.push(html `${s.slice(index)}`);
-            // Squash everything into a single span template
-            return html `<span>${templates}</span>`;
-        });
-    }
-    static get styles() {
-        return css `
-      .container {
-        display: flex;
-        flex-direction: row;
-        flex-wrap: wrap;
-        width: calc(100% - 10px);
-        border-left: 5px solid #194880;
-        margin-top: var(--containerTopMargin, 10px);
-        margin-left: var(--containerLeftMargin, 0px);
-        border-radius: 3px;
-        box-sizing: border-box;
-      }
-
-      .snippet-view {
-        display: -webkit-box;
-        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
-        font-size: 14px;
-        overflow: hidden;
-        overflow-wrap: break-word;
-        -webkit-line-clamp: var(--maxLines, 3);
-        -webkit-box-orient: vertical;
-        margin-left: 5px;
-      }
-
-      .grid {
-        font-size: 1.2rem;
-        line-height: 1.5rem;
-      }
-
-      .list {
-        margin: 0;
-        padding-left: 15px;
-        font-size: 1.4rem;
-        line-height: 2rem;
-
-        /*
-         * Safari doesn't always respect the line-clamping rules,
-         * so we add this to ensure these fields still get truncated.
-         */
-        max-height: 6rem;
-      }
-
-      mark {
-        /* blue, 20% transparency */
-        background-color: #0000ff33;
-        color: inherit;
-      }
-    `;
-    }
-};
-__decorate([
-    property({ type: Array })
-], TextSnippetBlock.prototype, "snippets", void 0);
-__decorate([
-    property({ type: String })
-], TextSnippetBlock.prototype, "viewSize", void 0);
-TextSnippetBlock = __decorate([
-    customElement('text-snippet-block')
-], TextSnippetBlock);
-export { TextSnippetBlock };
-//# sourceMappingURL=text-snippet-block.js.map

package/dist/src/tiles/text-snippet-block.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-snippet-block.js","sourceRoot":"","sources":["../../../src/tiles/text-snippet-block.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,GAAG,EAEH,IAAI,EACJ,UAAU,EACV,OAAO,GAER,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAGvC,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAAzC;;QACsB,aAAQ,GAAc,EAAE,CAAC;QAExB,aAAQ,GAAW,SAAS,CAAC;IAoH3D,CAAC;IAlHC,MAAM;;QACJ,IAAI,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,MAAM,CAAA;YAAE,OAAO,IAAI,CAAA,GAAG,OAAO,EAAE,CAAC;QAEpD,OAAO,IAAI,CAAA;;mCAEoB,IAAI,CAAC,QAAQ;YACpC,IAAI,CAAC,sBAAsB;;;KAGlC,CAAC;IACJ,CAAC;IAED;;;OAGG;IACH,IAAY,sBAAsB;QAChC,OAAO,IAAI,CAAA;iBACE,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAA,YAAY,CAAC;KACzD,CAAC;IACJ,CAAC;IAED;;;;;;;;;;;;;OAaG;IACH,IAAY,gBAAgB;;QAC1B,OAAO,MAAA,IAAI,CAAC,QAAQ,0CAAE,GAAG,CAAC,CAAC,CAAC,EAAE;YAC5B,MAAM,OAAO,GAAG,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;YAC5C,MAAM,SAAS,GAAqB,EAAE,CAAC;YAEvC,0DAA0D;YAC1D,4EAA4E;YAC5E,qDAAqD;YACrD,+EAA+E;YAC/E,IAAI,KAAK,GAAG,CAAC,CAAC;YACd,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;gBAC5B,IAAI,KAAK,CAAC,KAAK,IAAI,IAAI,EAAE,CAAC;oBACxB,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA;cACf,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC;oBACrB,KAAK,CAAC,CAAC,CAAC;WACjB,CAAC,CAAC;oBACH,KAAK,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;gBACxC,CAAC;YACH,CAAC;YAED,kDAAkD;YAClD,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YAExC,gDAAgD;YAChD,OAAO,IAAI,CAAA,SAAS,SAAS,SAAS,CAAC;QACzC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+CT,CAAC;IACJ,CAAC;CACF,CAAA;AAtH4B;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;kDAA0B;AAExB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDAA8B;AAH9C,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,gBAAgB,CAuH5B","sourcesContent":["import {\n  css,\n  CSSResultGroup,\n  html,\n  LitElement,\n  nothing,\n  TemplateResult,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { join } from 'lit/directives/join.js';\n\n@customElement('text-snippet-block')\nexport class TextSnippetBlock extends LitElement {\n  @property({ type: Array }) snippets?: string[] = [];\n\n  @property({ type: String }) viewSize: string = 'desktop';\n\n  render() {\n    if (!this.snippets?.length) return html`${nothing}`;\n\n    return html`\n      <div class=\"container\">\n        <div class=\"snippet-view ${this.viewSize}\">\n          ${this.ellipsisJoinedSnippets}\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * An array of HTML templates derived from the snippets, with ellipses inserted\n   * at the beginning, end, and between each pair of snippets.\n   */\n  private get ellipsisJoinedSnippets(): TemplateResult {\n    return html`\n      &hellip; ${join(this.snippetTemplates, html` &hellip; `)} &hellip;\n    `;\n  }\n\n  /**\n   * Returns an array of HTML span templates containing this item's snippets with all of\n   * their `{{{triple-brace-delimited}}}` matches replaced by `<mark>HTML mark tags</mark>`.\n   *\n   * This approach safely avoids the use of `unsafeHTML` and leaves any existing HTML tags\n   * in the snippets intact (as inert text), rather than stripping them away with DOMPurify.\n   *\n   * Note on `<em>` vs. `<mark>`:\n   * The old search page snippets had search keywords demarcated with `<em>` tags.\n   * The `<mark>` tag is semantically more accurate for this use case than `<em>`,\n   * but screen-reader behavior may be different. `<em>` will likely be read in a\n   * different tone, while `<mark>` is often read no differently than ordinary text\n   * in many screen-readers (though there are ways to work around this if needed).\n   */\n  private get snippetTemplates(): TemplateResult[] | undefined {\n    return this.snippets?.map(s => {\n      const matches = s.matchAll(/{{{(.+?)}}}/gs);\n      const templates: TemplateResult[] = [];\n\n      // Convert each match into an HTML template that includes:\n      //  - Everything from the end of the previous match (or the beginning of the\n      //      string) up to the current match, as raw text.\n      //  - The current match (excluding the curly braces) wrapped in a `<mark>` tag.\n      let index = 0;\n      for (const match of matches) {\n        if (match.index != null) {\n          templates.push(html`\n            ${s.slice(index, match.index)}\n            <mark>${match[1]}</mark>\n          `);\n          index = match.index + match[0].length;\n        }\n      }\n\n      // Include any text from the last match to the end\n      templates.push(html`${s.slice(index)}`);\n\n      // Squash everything into a single span template\n      return html`<span>${templates}</span>`;\n    });\n  }\n\n  static get styles(): CSSResultGroup {\n    return css`\n      .container {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        width: calc(100% - 10px);\n        border-left: 5px solid #194880;\n        margin-top: var(--containerTopMargin, 10px);\n        margin-left: var(--containerLeftMargin, 0px);\n        border-radius: 3px;\n        box-sizing: border-box;\n      }\n\n      .snippet-view {\n        display: -webkit-box;\n        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n        font-size: 14px;\n        overflow: hidden;\n        overflow-wrap: break-word;\n        -webkit-line-clamp: var(--maxLines, 3);\n        -webkit-box-orient: vertical;\n        margin-left: 5px;\n      }\n\n      .grid {\n        font-size: 1.2rem;\n        line-height: 1.5rem;\n      }\n\n      .list {\n        margin: 0;\n        padding-left: 15px;\n        font-size: 1.4rem;\n        line-height: 2rem;\n\n        /*\n         * Safari doesn't always respect the line-clamping rules,\n         * so we add this to ensure these fields still get truncated.\n         */\n        max-height: 6rem;\n      }\n\n      mark {\n        /* blue, 20% transparency */\n        background-color: #0000ff33;\n        color: inherit;\n      }\n    `;\n  }\n}\n"]}

package/dist/src/tiles/tile-dispatcher.d.ts

@@ -1,68 +0,0 @@
-import { PropertyValues } from 'lit';
-import type { SharedResizeObserverInterface, SharedResizeObserverResizeHandlerInterface } from '@internetarchive/shared-resize-observer';
-import type { TileDisplayMode } from '../models';
-import type { CollectionTitles } from '../data-source/models';
-import './grid/collection-tile';
-import './grid/item-tile';
-import './grid/account-tile';
-import './grid/search-tile';
-import './hover/tile-hover-pane';
-import './list/tile-list';
-import './list/tile-list-compact';
-import './list/tile-list-compact-header';
-import type { TileHoverPane } from './hover/tile-hover-pane';
-import { BaseTileComponent } from './base-tile-component';
-import { SimpleLayoutType } from './models';
-import { HoverPaneProperties, HoverPaneProviderInterface } from './hover/hover-pane-controller';
-export declare class TileDispatcher extends BaseTileComponent implements SharedResizeObserverResizeHandlerInterface, HoverPaneProviderInterface {
-    tileDisplayMode?: TileDisplayMode;
-    isManageView: boolean;
-    resizeObserver?: SharedResizeObserverInterface;
-    collectionTitles?: CollectionTitles;
-    showTvClips: boolean;
-    /** What type of simple layout to use in grid mode, if any */
-    simpleLayoutType: SimpleLayoutType;
-    /** Whether this tile should include a hover pane at all (for applicable tile modes) */
-    enableHoverPane: boolean;
-    manageCheckTitle: string;
-    private hoverPaneController?;
-    private container;
-    private hoverPane?;
-    /** Maps each display mode to whether hover panes should appear in that mode */
-    private static readonly HOVER_PANE_DISPLAY_MODES;
-    render(): import("lit").TemplateResult<1>;
-    protected firstUpdated(): void;
-    private get headerTemplate();
-    private get tileTemplate();
-    private get linkTileTemplate();
-    private get linkTileHref();
-    private get manageCheckTemplate();
-    /**
-     * Whether hover pane behavior should be prepared for this tile
-     * (e.g., whether mouse listeners should be attached, etc.)
-     */
-    private get shouldPrepareHoverPane();
-    private get isHoverEnabled();
-    /** @inheritdoc */
-    getHoverPane(): TileHoverPane | undefined;
-    /** @inheritdoc */
-    getHoverPaneProps(): HoverPaneProperties;
-    handleResize(entry: ResizeObserverEntry): void;
-    disconnectedCallback(): void;
-    private stopResizeObservation;
-    private startResizeObservation;
-    updated(props: PropertyValues): void;
-    /**
-     * Handler for when the tile link is left-clicked. Emits the `resultSelected` event.
-     * In manage view, it also checks/unchecks the tile.
-     */
-    private handleLinkClicked;
-    /**
-     * Handler for when the tile link is right-clicked.
-     * In manage view, it opens the item in a new tab. Otherwise, does nothing.
-     */
-    private handleLinkContextMenu;
-    private tileInfoButtonPressed;
-    private get tile();
-    static get styles(): import("lit").CSSResult;
-}