@internetarchive/collection-browser 0.2.11 → 0.2.12

package/dist/src/tiles/grid/item-tile.js

@@ -1,174 +0,0 @@
-import { __decorate } from "tslib";
-/* eslint-disable import/no-duplicates */
-import { css, html, LitElement, nothing } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
-import { formatDate } from '../../utils/format-date';
-import '../mediatype-icon';
-import '../item-image';
-import './tile-stats';
-let ItemTile = class ItemTile extends LitElement {
-    render() {
-        var _a, _b, _c, _d, _e;
-        const itemTitle = (_a = this.model) === null || _a === void 0 ? void 0 : _a.title;
-        return html `
-      <div class="container">
-        <div class="item-info">
-          <div id="title">
-            <h1 class="truncated" title=${ifDefined(itemTitle)}>${itemTitle}</h1>
-          </div>
-
-          <div id="image">
-            <item-image
-              .model=${this.model}
-              .baseImageUrl=${this.baseImageUrl}>
-            </item-image>
-          </div>
-          ${this.doesSortedByDate
-            ? this.sortedDateInfoTemplate
-            : this.creatorTemplate}
-        </div>
-
-        <tile-stats 
-          .mediatype=${(_b = this.model) === null || _b === void 0 ? void 0 : _b.mediatype}
-          .viewCount=${(_c = this.model) === null || _c === void 0 ? void 0 : _c.viewCount}
-          .favCount=${(_d = this.model) === null || _d === void 0 ? void 0 : _d.favCount}
-          .commentCount=${(_e = this.model) === null || _e === void 0 ? void 0 : _e.commentCount}>
-        </tile-stats>
-        </div>
-      </div>
-    `;
-    }
-    get doesSortedByDate() {
-        var _a;
-        return ['date', 'reviewdate', 'addeddate', 'publicdate'].includes((_a = this.sortParam) === null || _a === void 0 ? void 0 : _a.field);
-    }
-    get sortedDateInfoTemplate() {
-        var _a, _b, _c, _d, _e;
-        let sortedValue;
-        switch ((_a = this.sortParam) === null || _a === void 0 ? void 0 : _a.field) {
-            case 'date':
-                sortedValue = { field: 'published', value: (_b = this.model) === null || _b === void 0 ? void 0 : _b.datePublished };
-                break;
-            case 'reviewdate':
-                sortedValue = { field: 'reviewed', value: (_c = this.model) === null || _c === void 0 ? void 0 : _c.dateReviewed };
-                break;
-            case 'addeddate':
-                sortedValue = { field: 'added', value: (_d = this.model) === null || _d === void 0 ? void 0 : _d.dateAdded };
-                break;
-            case 'publicdate':
-                sortedValue = { field: 'archived', value: (_e = this.model) === null || _e === void 0 ? void 0 : _e.dateArchived };
-                break;
-            default:
-                break;
-        }
-        return html `
-      <div class="date-sorted-by truncated">
-        <span>
-          ${sortedValue === null || sortedValue === void 0 ? void 0 : sortedValue.field} ${formatDate(sortedValue === null || sortedValue === void 0 ? void 0 : sortedValue.value, 'long')}
-        </span>
-      </div>
-    `;
-    }
-    get creatorTemplate() {
-        var _a, _b;
-        return html `
-      <div class="created-by truncated">
-        ${((_a = this.model) === null || _a === void 0 ? void 0 : _a.creator)
-            ? html `<span>by&nbsp;${(_b = this.model) === null || _b === void 0 ? void 0 : _b.creator}</span>`
-            : nothing}
-      </div>
-    `;
-    }
-    static get styles() {
-        return css `
-      .container {
-        background-color: #ffffff;
-        border-radius: var(--collectionTileCornerRadius, 4px);
-        box-shadow: 1px 1px 2px 0px;
-        display: flex;
-        flex-direction: column;
-        height: 100%;
-      }
-
-      .item-info {
-        padding: 5px 5px 0 5px;
-        flex-grow: 1;
-      }
-
-      #title {
-        flex-shrink: 0;
-      }
-
-      #image {
-        display: flex;
-        justify-content: center;
-        flex: 1;
-        height: 16rem;
-      }
-
-      .hidden {
-        display: none;
-      }
-
-      .container:hover > .item-info > #title > .truncated {
-        text-decoration: underline;
-      }
-
-      /** this is a workaround for Safari 15 where the hover effects are not working */
-      #title:hover > .truncated {
-        text-decoration: underline;
-      }
-
-      .created-by,
-      .date-sorted-by {
-        display: flex;
-        justify-content: center;
-        align-items: flex-end; /* Important to start text from bottom */
-        height: 3rem;
-        padding-top: 1rem;
-        margin-top: 5px;
-      }
-
-      .truncated {
-        flex: 1;
-        color: #2c2c2c;
-        min-width: 0; /* Important for long words! */
-        text-align: center;
-        line-height: 2rem;
-        text-overflow: ellipsis;
-        overflow: hidden;
-        word-wrap: break-word;
-        -webkit-line-clamp: 2;
-        -webkit-box-orient: vertical;
-      }
-
-      .truncated span {
-        font-size: 1.4rem;
-        display: -webkit-box;
-      }
-
-      h1.truncated {
-        margin-top: 0rem;
-        margin-bottom: 0.5rem;
-        font-size: 1.6rem;
-        height: 4rem;
-        display: -webkit-box;
-      }
-    `;
-    }
-};
-__decorate([
-    property({ type: Object })
-], ItemTile.prototype, "model", void 0);
-__decorate([
-    property({ type: String })
-], ItemTile.prototype, "baseImageUrl", void 0);
-__decorate([
-    property({ type: Object })
-], ItemTile.prototype, "sortParam", void 0);
-ItemTile = __decorate([
-    customElement('item-tile')
-], ItemTile);
-export { ItemTile };
-//# sourceMappingURL=item-tile.js.map

package/dist/src/tiles/grid/item-tile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"item-tile.js","sourceRoot":"","sources":["../../../../src/tiles/grid/item-tile.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable import/no-duplicates */\nimport { css, CSSResultGroup, html, LitElement, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { SortParam } from '@internetarchive/search-service';\n\nimport { formatDate } from '../../utils/format-date';\nimport { TileModel } from '../../models';\n\nimport '../mediatype-icon';\nimport '../item-image';\nimport './tile-stats';\n\n@customElement('item-tile')\nexport class ItemTile extends LitElement {\n  @property({ type: Object }) model?: TileModel;\n\n  @property({ type: String }) baseImageUrl?: string;\n\n  @property({ type: Object }) sortParam?: SortParam;\n\n  render() {\n    const itemTitle = this.model?.title;\n    return html`\n      <div class=\"container\">\n        <div class=\"item-info\">\n          <div id=\"title\">\n            <h1 class=\"truncated\" title=${ifDefined(\n              itemTitle\n            )}>${itemTitle}</h1>\n          </div>\n\n          <div id=\"image\">\n            <item-image\n              .model=${this.model}\n              .baseImageUrl=${this.baseImageUrl}>\n            </item-image>\n          </div>\n          ${\n            this.doesSortedByDate\n              ? this.sortedDateInfoTemplate\n              : this.creatorTemplate\n          }\n        </div>\n\n        <tile-stats \n          .mediatype=${this.model?.mediatype}\n          .viewCount=${this.model?.viewCount}\n          .favCount=${this.model?.favCount}\n          .commentCount=${this.model?.commentCount}>\n        </tile-stats>\n        </div>\n      </div>\n    `;\n  }\n\n  private get doesSortedByDate() {\n    return ['date', 'reviewdate', 'addeddate', 'publicdate'].includes(\n      this.sortParam?.field as string\n    );\n  }\n\n  private get sortedDateInfoTemplate() {\n    let sortedValue;\n\n    switch (this.sortParam?.field) {\n      case 'date':\n        sortedValue = { field: 'published', value: this.model?.datePublished };\n        break;\n      case 'reviewdate':\n        sortedValue = { field: 'reviewed', value: this.model?.dateReviewed };\n        break;\n      case 'addeddate':\n        sortedValue = { field: 'added', value: this.model?.dateAdded };\n        break;\n      case 'publicdate':\n        sortedValue = { field: 'archived', value: this.model?.dateArchived };\n        break;\n      default:\n        break;\n    }\n\n    return html`\n      <div class=\"date-sorted-by truncated\">\n        <span>\n          ${sortedValue?.field} ${formatDate(sortedValue?.value, 'long')}\n        </span>\n      </div>\n    `;\n  }\n\n  private get creatorTemplate() {\n    return html`\n      <div class=\"created-by truncated\">\n        ${this.model?.creator\n          ? html`<span>by&nbsp;${this.model?.creator}</span>`\n          : nothing}\n      </div>\n    `;\n  }\n\n  static get styles(): CSSResultGroup {\n    return css`\n      .container {\n        background-color: #ffffff;\n        border-radius: var(--collectionTileCornerRadius, 4px);\n        box-shadow: 1px 1px 2px 0px;\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n      }\n\n      .item-info {\n        padding: 5px 5px 0 5px;\n        flex-grow: 1;\n      }\n\n      #title {\n        flex-shrink: 0;\n      }\n\n      #image {\n        display: flex;\n        justify-content: center;\n        flex: 1;\n        height: 16rem;\n      }\n\n      .hidden {\n        display: none;\n      }\n\n      .container:hover > .item-info > #title > .truncated {\n        text-decoration: underline;\n      }\n\n      /** this is a workaround for Safari 15 where the hover effects are not working */\n      #title:hover > .truncated {\n        text-decoration: underline;\n      }\n\n      .created-by,\n      .date-sorted-by {\n        display: flex;\n        justify-content: center;\n        align-items: flex-end; /* Important to start text from bottom */\n        height: 3rem;\n        padding-top: 1rem;\n        margin-top: 5px;\n      }\n\n      .truncated {\n        flex: 1;\n        color: #2c2c2c;\n        min-width: 0; /* Important for long words! */\n        text-align: center;\n        line-height: 2rem;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: break-word;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n      }\n\n      .truncated span {\n        font-size: 1.4rem;\n        display: -webkit-box;\n      }\n\n      h1.truncated {\n        margin-top: 0rem;\n        margin-bottom: 0.5rem;\n        font-size: 1.6rem;\n        height: 4rem;\n        display: -webkit-box;\n      }\n    `;\n  }\n}\n"]}

package/dist/src/tiles/grid/tile-stats.d.ts

@@ -1,10 +0,0 @@
-import { CSSResultGroup, LitElement } from 'lit';
-export declare class TileStats extends LitElement {
-    mediatype?: string;
-    itemCount?: number;
-    viewCount?: number;
-    favCount?: number;
-    commentCount?: number;
-    render(): import("lit-html").TemplateResult<1>;
-    static get styles(): CSSResultGroup;
-}

package/dist/src/tiles/grid/tile-stats.js

@@ -1,134 +0,0 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { favoriteFilledIcon } from '../../assets/img/icons/favorite-filled';
-import { reviewsIcon } from '../../assets/img/icons/reviews';
-import { uploadIcon } from '../../assets/img/icons/upload';
-import { viewsIcon } from '../../assets/img/icons/views';
-import { formatCount } from '../../utils/format-count';
-let TileStats = class TileStats extends LitElement {
-    render() {
-        return html `
-      <div class="item-stats">
-        <p class="sr-only">
-          ${this.mediatype === 'account' ? 'Account Stats' : 'Item Stats'}
-        </p>
-        <ul id="stats-row">
-          <li class="col">
-            <p class="sr-only">Mediatype:</p>
-            <mediatype-icon .mediatype=${this.mediatype}></mediatype-icon>
-          </li>
-          <li class="col">
-            ${this.mediatype === 'account' ? uploadIcon : viewsIcon}
-            <p class="status-text">
-              <span class="sr-only">
-                ${this.mediatype === 'account' ? 'Uploads:' : 'Views:'}
-              </span>
-              ${formatCount(this.mediatype === 'account' ? this.itemCount : this.viewCount, 'short', 'short')}
-            </p>
-          </li>
-          <li class="col">
-            ${favoriteFilledIcon}
-            <p class="status-text">
-              <span class="sr-only">Favorites:</span>
-              ${formatCount(this.favCount, 'short', 'short')}
-            </p>
-          </li>
-          <li class="col">
-            ${reviewsIcon}
-            <p class="status-text">
-              <span class="sr-only">Reviews:</span>
-              ${formatCount(this.commentCount, 'short', 'short')}
-            </p>
-          </li>
-        </ul>
-      </div>
-    `;
-    }
-    static get styles() {
-        return css `
-      mediatype-icon {
-        --iconHeight: 25px;
-        --iconWidth: 25px;
-      }
-
-      ul {
-        all: unset; // unset all property values
-        list-style-type: none; // remove default list-style
-      }
-
-      li {
-        list-style-type: none; // remove default list-style
-      }
-
-      .item-stats {
-        height: 35px;
-      }
-
-      #stats-row {
-        border-top: 1px solid #bbb;
-        align-items: center;
-        display: flex;
-        flex: 1;
-        justify-content: space-evenly;
-        text-align: center;
-        width: 100%;
-        padding-top: 5px;
-        padding-bottom: 5px;
-      }
-
-      .sr-only {
-        position: absolute;
-        width: 1px;
-        height: 1px;
-        padding: 0;
-        margin: -1px;
-        overflow: hidden;
-        clip: rect(0, 0, 0, 0);
-        border: 0;
-      }
-
-      .col {
-        width: 25%;
-        height: 25px;
-      }
-
-      svg {
-        height: 10px;
-        width: 10px;
-        display: block;
-        margin: auto;
-      }
-
-      .status-text {
-        font-size: 14px;
-        height: 15px;
-        color: #2c2c2c;
-        line-height: 20px;
-        margin: auto;
-        display: block;
-        text-align: center;
-      }
-    `;
-    }
-};
-__decorate([
-    property({ type: String })
-], TileStats.prototype, "mediatype", void 0);
-__decorate([
-    property({ type: Number })
-], TileStats.prototype, "itemCount", void 0);
-__decorate([
-    property({ type: Number })
-], TileStats.prototype, "viewCount", void 0);
-__decorate([
-    property({ type: Number })
-], TileStats.prototype, "favCount", void 0);
-__decorate([
-    property({ type: Number })
-], TileStats.prototype, "commentCount", void 0);
-TileStats = __decorate([
-    customElement('tile-stats')
-], TileStats);
-export { TileStats };
-//# sourceMappingURL=tile-stats.js.map

package/dist/src/tiles/grid/tile-stats.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tile-stats.js","sourceRoot":"","sources":["../../../../src/tiles/grid/tile-stats.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAkB,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvD,IAAa,SAAS,GAAtB,MAAa,SAAU,SAAQ,UAAU;IAWvC,MAAM;QACJ,OAAO,IAAI,CAAA;;;YAGH,IAAI,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,YAAY;;;;;yCAKhC,IAAI,CAAC,SAAS;;;cAGzC,IAAI,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;;;kBAGjD,IAAI,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ;;gBAEtD,WAAW,CACX,IAAI,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,EAC9D,OAAO,EACP,OAAO,CACR;;;;cAID,kBAAkB;;;gBAGhB,WAAW,CAAC,IAAI,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC;;;;cAI9C,WAAW;;;gBAGT,WAAW,CAAC,IAAI,CAAC,YAAY,EAAE,OAAO,EAAE,OAAO,CAAC;;;;;KAK3D,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+DT,CAAC;IACJ,CAAC;CACF,CAAA;AAvH6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAoB;AAEnB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAoB;AAEnB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAoB;AAEnB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CAAmB;AAElB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAAuB;AATvC,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAwHrB;SAxHY,SAAS","sourcesContent":["import { css, CSSResultGroup, html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { favoriteFilledIcon } from '../../assets/img/icons/favorite-filled';\nimport { reviewsIcon } from '../../assets/img/icons/reviews';\nimport { uploadIcon } from '../../assets/img/icons/upload';\nimport { viewsIcon } from '../../assets/img/icons/views';\n\nimport { formatCount } from '../../utils/format-count';\n\n@customElement('tile-stats')\nexport class TileStats extends LitElement {\n  @property({ type: String }) mediatype?: string;\n\n  @property({ type: Number }) itemCount?: number;\n\n  @property({ type: Number }) viewCount?: number;\n\n  @property({ type: Number }) favCount?: number;\n\n  @property({ type: Number }) commentCount?: number;\n\n  render() {\n    return html`\n      <div class=\"item-stats\">\n        <p class=\"sr-only\">\n          ${this.mediatype === 'account' ? 'Account Stats' : 'Item Stats'}\n        </p>\n        <ul id=\"stats-row\">\n          <li class=\"col\">\n            <p class=\"sr-only\">Mediatype:</p>\n            <mediatype-icon .mediatype=${this.mediatype}></mediatype-icon>\n          </li>\n          <li class=\"col\">\n            ${this.mediatype === 'account' ? uploadIcon : viewsIcon}\n            <p class=\"status-text\">\n              <span class=\"sr-only\">\n                ${this.mediatype === 'account' ? 'Uploads:' : 'Views:'}\n              </span>\n              ${formatCount(\n                this.mediatype === 'account' ? this.itemCount : this.viewCount,\n                'short',\n                'short'\n              )}\n            </p>\n          </li>\n          <li class=\"col\">\n            ${favoriteFilledIcon}\n            <p class=\"status-text\">\n              <span class=\"sr-only\">Favorites:</span>\n              ${formatCount(this.favCount, 'short', 'short')}\n            </p>\n          </li>\n          <li class=\"col\">\n            ${reviewsIcon}\n            <p class=\"status-text\">\n              <span class=\"sr-only\">Reviews:</span>\n              ${formatCount(this.commentCount, 'short', 'short')}\n            </p>\n          </li>\n        </ul>\n      </div>\n    `;\n  }\n\n  static get styles(): CSSResultGroup {\n    return css`\n      mediatype-icon {\n        --iconHeight: 25px;\n        --iconWidth: 25px;\n      }\n\n      ul {\n        all: unset; // unset all property values\n        list-style-type: none; // remove default list-style\n      }\n\n      li {\n        list-style-type: none; // remove default list-style\n      }\n\n      .item-stats {\n        height: 35px;\n      }\n\n      #stats-row {\n        border-top: 1px solid #bbb;\n        align-items: center;\n        display: flex;\n        flex: 1;\n        justify-content: space-evenly;\n        text-align: center;\n        width: 100%;\n        padding-top: 5px;\n        padding-bottom: 5px;\n      }\n\n      .sr-only {\n        position: absolute;\n        width: 1px;\n        height: 1px;\n        padding: 0;\n        margin: -1px;\n        overflow: hidden;\n        clip: rect(0, 0, 0, 0);\n        border: 0;\n      }\n\n      .col {\n        width: 25%;\n        height: 25px;\n      }\n\n      svg {\n        height: 10px;\n        width: 10px;\n        display: block;\n        margin: auto;\n      }\n\n      .status-text {\n        font-size: 14px;\n        height: 15px;\n        color: #2c2c2c;\n        line-height: 20px;\n        margin: auto;\n        display: block;\n        text-align: center;\n      }\n    `;\n  }\n}\n"]}

package/dist/src/tiles/item-image.d.ts

@@ -1,31 +0,0 @@
-import { CSSResultGroup, LitElement } from 'lit';
-import { TileModel } from '../models';
-export declare class ItemImage extends LitElement {
-    model?: TileModel;
-    baseImageUrl?: string;
-    isListTile: boolean;
-    isCompactTile: boolean;
-    loggedIn: boolean;
-    private isWaveform;
-    private baseImage;
-    render(): import("lit-html").TemplateResult<1>;
-    /**
-     * Helpers
-     */
-    private get imageSrc();
-    private get hashBasedGradient();
-    private hashStrToInt;
-    /**
-     * Classes
-     */
-    private get itemBaseClass();
-    private get itemImageClass();
-    /**
-     * Event listener sets isWaveform true if image is waveform
-     */
-    private onLoad;
-    /**
-     * CSS
-     */
-    static get styles(): CSSResultGroup;
-}

package/dist/src/tiles/item-image.js

@@ -1,117 +0,0 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement } from 'lit';
-import { customElement, property, query, state } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { baseItemImageStyles, waveformGradientStyles, } from '../styles/item-image-styles';
-let ItemImage = class ItemImage extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.isListTile = false;
-        this.isCompactTile = false;
-        this.loggedIn = false;
-        this.isWaveform = false;
-    }
-    render() {
-        return html `
-      <div class=${classMap(this.itemBaseClass)}>
-        <img
-          class=${classMap(this.itemImageClass)}
-          src="${this.imageSrc}"
-          alt=""
-          @load=${this.onLoad}
-        />
-      </div>
-    `;
-    }
-    /**
-     * Helpers
-     */
-    get imageSrc() {
-        var _a;
-        return `${this.baseImageUrl}/services/img/${(_a = this.model) === null || _a === void 0 ? void 0 : _a.identifier}`;
-    }
-    get hashBasedGradient() {
-        var _a;
-        if (!((_a = this.model) === null || _a === void 0 ? void 0 : _a.identifier)) {
-            return 'waveform-grad0';
-        }
-        const gradient = this.hashStrToInt(this.model.identifier) % 6; // returns 0-5
-        return `waveform-grad${gradient}`;
-    }
-    hashStrToInt(str) {
-        return str
-            .split('')
-            .reduce((acc, char) => acc + char.charCodeAt(0), 0);
-    }
-    /**
-     * Classes
-     */
-    get itemBaseClass() {
-        return {
-            'drop-shadow': true,
-            'list-box': this.isListTile,
-            [this.hashBasedGradient]: this.isWaveform,
-        };
-    }
-    get itemImageClass() {
-        var _a;
-        return {
-            contain: !this.isCompactTile && !this.isWaveform,
-            cover: this.isCompactTile,
-            blur: ((_a = this.model) === null || _a === void 0 ? void 0 : _a.contentWarning) || false,
-            waveform: this.isWaveform,
-        };
-    }
-    /**
-     * Event listener sets isWaveform true if image is waveform
-     */
-    onLoad() {
-        var _a, _b;
-        if ((((_a = this.model) === null || _a === void 0 ? void 0 : _a.mediatype) === 'audio' ||
-            ((_b = this.model) === null || _b === void 0 ? void 0 : _b.mediatype) === 'etree') &&
-            this.baseImage.naturalWidth / this.baseImage.naturalHeight === 4) {
-            this.isWaveform = true;
-        }
-    }
-    /**
-     * CSS
-     */
-    static get styles() {
-        return [
-            baseItemImageStyles,
-            waveformGradientStyles,
-            css `
-        img {
-          height: var(--imgHeight, 16rem);
-          width: var(--imgWidth, 16rem);
-        }
-      `,
-        ];
-    }
-};
-__decorate([
-    property({ type: Object })
-], ItemImage.prototype, "model", void 0);
-__decorate([
-    property({ type: String })
-], ItemImage.prototype, "baseImageUrl", void 0);
-__decorate([
-    property({ type: Boolean })
-], ItemImage.prototype, "isListTile", void 0);
-__decorate([
-    property({ type: Boolean })
-], ItemImage.prototype, "isCompactTile", void 0);
-__decorate([
-    property({ type: Boolean })
-], ItemImage.prototype, "loggedIn", void 0);
-__decorate([
-    state()
-], ItemImage.prototype, "isWaveform", void 0);
-__decorate([
-    query('img')
-], ItemImage.prototype, "baseImage", void 0);
-ItemImage = __decorate([
-    customElement('item-image')
-], ItemImage);
-export { ItemImage };
-//# sourceMappingURL=item-image.js.map

package/dist/src/tiles/item-image.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"item-image.js","sourceRoot":"","sources":["../../../src/tiles/item-image.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, CSSResultGroup, html, LitElement } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { ClassInfo, classMap } from 'lit/directives/class-map.js';\n\nimport { TileModel } from '../models';\n\nimport {\n  baseItemImageStyles,\n  waveformGradientStyles,\n} from '../styles/item-image-styles';\n\n@customElement('item-image')\nexport class ItemImage extends LitElement {\n  @property({ type: Object }) model?: TileModel;\n\n  @property({ type: String }) baseImageUrl?: string;\n\n  @property({ type: Boolean }) isListTile = false;\n\n  @property({ type: Boolean }) isCompactTile = false;\n\n  @property({ type: Boolean }) loggedIn = false;\n\n  @state() private isWaveform = false;\n\n  @query('img') private baseImage!: HTMLImageElement;\n\n  render() {\n    return html`\n      <div class=${classMap(this.itemBaseClass)}>\n        <img\n          class=${classMap(this.itemImageClass)}\n          src=\"${this.imageSrc}\"\n          alt=\"\"\n          @load=${this.onLoad}\n        />\n      </div>\n    `;\n  }\n\n  /**\n   * Helpers\n   */\n  private get imageSrc() {\n    return `${this.baseImageUrl}/services/img/${this.model?.identifier}`;\n  }\n\n  private get hashBasedGradient() {\n    if (!this.model?.identifier) {\n      return 'waveform-grad0';\n    }\n    const gradient = this.hashStrToInt(this.model.identifier) % 6; // returns 0-5\n    return `waveform-grad${gradient}`;\n  }\n\n  private hashStrToInt(str: string): number {\n    return str\n      .split('')\n      .reduce((acc: number, char: string) => acc + char.charCodeAt(0), 0);\n  }\n\n  /**\n   * Classes\n   */\n  private get itemBaseClass(): ClassInfo {\n    return {\n      'drop-shadow': true,\n      'list-box': this.isListTile,\n      [this.hashBasedGradient]: this.isWaveform,\n    };\n  }\n\n  private get itemImageClass(): ClassInfo {\n    return {\n      contain: !this.isCompactTile && !this.isWaveform,\n      cover: this.isCompactTile,\n      blur: this.model?.contentWarning || false,\n      waveform: this.isWaveform,\n    };\n  }\n\n  /**\n   * Event listener sets isWaveform true if image is waveform\n   */\n  private onLoad() {\n    if (\n      (this.model?.mediatype === 'audio' ||\n        this.model?.mediatype === 'etree') &&\n      this.baseImage.naturalWidth / this.baseImage.naturalHeight === 4\n    ) {\n      this.isWaveform = true;\n    }\n  }\n\n  /**\n   * CSS\n   */\n  static get styles(): CSSResultGroup {\n    return [\n      baseItemImageStyles,\n      waveformGradientStyles,\n      css`\n        img {\n          height: var(--imgHeight, 16rem);\n          width: var(--imgWidth, 16rem);\n        }\n      `,\n    ];\n  }\n}\n"]}

package/dist/src/tiles/item-tile-image.d.ts

@@ -1,15 +0,0 @@
-import { LitElement } from 'lit';
-import { TileModel } from '../models';
-import './image/item-image';
-import './image/waveform-image';
-export declare class ItemTileImage extends LitElement {
-    model?: TileModel;
-    baseImageUrl?: string;
-    isListTile: boolean;
-    isCompactTile: boolean;
-    render(): import("lit-html").TemplateResult<1>;
-    private get imageSrc();
-    private get isWithWaveformMediatype();
-    private get itemImageTemplate();
-    private get waveformImageTemplate();
-}

package/dist/src/tiles/item-tile-image.js

@@ -1,68 +0,0 @@
-import { __decorate } from "tslib";
-import { html, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import './image/item-image';
-import './image/waveform-image';
-let ItemTileImage = class ItemTileImage extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.isListTile = false;
-        this.isCompactTile = false;
-    }
-    render() {
-        return html `
-      ${this.isWithWaveformMediatype
-            ? this.waveformImageTemplate
-            : this.itemImageTemplate}
-    `;
-    }
-    get imageSrc() {
-        var _a;
-        return `${this.baseImageUrl}/services/img/${(_a = this.model) === null || _a === void 0 ? void 0 : _a.identifier}`;
-    }
-    get isWithWaveformMediatype() {
-        var _a, _b;
-        return (((_a = this.model) === null || _a === void 0 ? void 0 : _a.mediatype) === 'audio' || ((_b = this.model) === null || _b === void 0 ? void 0 : _b.mediatype) === 'etree');
-    }
-    // Templates
-    get itemImageTemplate() {
-        return html `
-      <item-image
-        .model=${this.model}
-        .imageSrc=${this.imageSrc}
-        .isCompactTile=${this.isCompactTile}
-        .isListTile=${this.isListTile}
-      >
-      </item-image>
-    `;
-    }
-    get waveformImageTemplate() {
-        var _a;
-        return html `
-      <waveform-image
-        .imageSrc=${this.imageSrc}
-        .identifier=${(_a = this.model) === null || _a === void 0 ? void 0 : _a.identifier}
-        .isCompactTile=${this.isCompactTile}
-        .isListTile=${this.isListTile}
-      >
-      </waveform-image>
-    `;
-    }
-};
-__decorate([
-    property({ type: Object })
-], ItemTileImage.prototype, "model", void 0);
-__decorate([
-    property({ type: String })
-], ItemTileImage.prototype, "baseImageUrl", void 0);
-__decorate([
-    property({ type: Boolean })
-], ItemTileImage.prototype, "isListTile", void 0);
-__decorate([
-    property({ type: Boolean })
-], ItemTileImage.prototype, "isCompactTile", void 0);
-ItemTileImage = __decorate([
-    customElement('item-tile-image')
-], ItemTileImage);
-export { ItemTileImage };
-//# sourceMappingURL=item-tile-image.js.map

package/dist/src/tiles/item-tile-image.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"item-tile-image.js","sourceRoot":"","sources":["../../../src/tiles/item-tile-image.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAI5D,OAAO,oBAAoB,CAAC;AAC5B,OAAO,wBAAwB,CAAC;AAGhC,IAAa,aAAa,GAA1B,MAAa,aAAc,SAAQ,UAAU;IAA7C;;QAK+B,eAAU,GAAG,KAAK,CAAC;QAEnB,kBAAa,GAAG,KAAK,CAAC;IA4CrD,CAAC;IA1CC,MAAM;QACJ,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,uBAAuB;YAC5B,CAAC,CAAC,IAAI,CAAC,qBAAqB;YAC5B,CAAC,CAAC,IAAI,CAAC,iBAAiB;KAC3B,CAAC;IACJ,CAAC;IAED,IAAY,QAAQ;;QAClB,OAAO,GAAG,IAAI,CAAC,YAAY,iBAAiB,MAAA,IAAI,CAAC,KAAK,0CAAE,UAAU,EAAE,CAAC;IACvE,CAAC;IAED,IAAY,uBAAuB;;QACjC,OAAO,CACL,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,SAAS,MAAK,OAAO,IAAI,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,SAAS,MAAK,OAAO,CACvE,CAAC;IACJ,CAAC;IAED,YAAY;IACZ,IAAY,iBAAiB;QAC3B,OAAO,IAAI,CAAA;;iBAEE,IAAI,CAAC,KAAK;oBACP,IAAI,CAAC,QAAQ;yBACR,IAAI,CAAC,aAAa;sBACrB,IAAI,CAAC,UAAU;;;KAGhC,CAAC;IACJ,CAAC;IAED,IAAY,qBAAqB;;QAC/B,OAAO,IAAI,CAAA;;oBAEK,IAAI,CAAC,QAAQ;sBACX,MAAA,IAAI,CAAC,KAAK,0CAAE,UAAU;yBACnB,IAAI,CAAC,aAAa;sBACrB,IAAI,CAAC,UAAU;;;KAGhC,CAAC;IACJ,CAAC;CACF,CAAA;AAlD6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAmB;AAElB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAAuB;AAErB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iDAAoB;AAEnB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oDAAuB;AAPxC,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CAmDzB;SAnDY,aAAa","sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { TileModel } from '../models';\n\nimport './image/item-image';\nimport './image/waveform-image';\n\n@customElement('item-tile-image')\nexport class ItemTileImage extends LitElement {\n  @property({ type: Object }) model?: TileModel;\n\n  @property({ type: String }) baseImageUrl?: string;\n\n  @property({ type: Boolean }) isListTile = false;\n\n  @property({ type: Boolean }) isCompactTile = false;\n\n  render() {\n    return html`\n      ${this.isWithWaveformMediatype\n        ? this.waveformImageTemplate\n        : this.itemImageTemplate}\n    `;\n  }\n\n  private get imageSrc() {\n    return `${this.baseImageUrl}/services/img/${this.model?.identifier}`;\n  }\n\n  private get isWithWaveformMediatype() {\n    return (\n      this.model?.mediatype === 'audio' || this.model?.mediatype === 'etree'\n    );\n  }\n\n  // Templates\n  private get itemImageTemplate() {\n    return html`\n      <item-image\n        .model=${this.model}\n        .imageSrc=${this.imageSrc}\n        .isCompactTile=${this.isCompactTile}\n        .isListTile=${this.isListTile}\n      >\n      </item-image>\n    `;\n  }\n\n  private get waveformImageTemplate() {\n    return html`\n      <waveform-image\n        .imageSrc=${this.imageSrc}\n        .identifier=${this.model?.identifier}\n        .isCompactTile=${this.isCompactTile}\n        .isListTile=${this.isListTile}\n      >\n      </waveform-image>\n    `;\n  }\n}\n"]}

package/dist/src/tiles/list/account-label.d.ts

@@ -1 +0,0 @@
-export declare function accountLabel(date: Date | undefined): string;

package/dist/src/tiles/list/account-label.js

@@ -1,7 +0,0 @@
-export function accountLabel(date) {
-    if (!date) {
-        return '';
-    }
-    return `Archivist since ${date.getFullYear()}`;
-}
-//# sourceMappingURL=account-label.js.map

package/dist/src/tiles/list/account-label.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"account-label.js","sourceRoot":"","sources":["../../../../src/tiles/list/account-label.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,YAAY,CAAC,IAAsB;IACjD,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,EAAE,CAAC;KACX;IACD,OAAO,mBAAmB,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC;AACjD,CAAC","sourcesContent":["export function accountLabel(date: Date | undefined): string {\n  if (!date) {\n    return '';\n  }\n  return `Archivist since ${date.getFullYear()}`;\n}\n"]}

package/dist/src/tiles/list/date-label.d.ts

@@ -1 +0,0 @@
-export declare function dateLabel(sortField: string | undefined): string;

package/dist/src/tiles/list/date-label.js

@@ -1,13 +0,0 @@
-export function dateLabel(sortField) {
-    switch (sortField) {
-        case 'date':
-            return 'Published';
-        case 'reviewdate':
-            return 'Reviewed';
-        case 'addeddate':
-            return 'Added';
-        default:
-            return 'Archived';
-    }
-}
-//# sourceMappingURL=date-label.js.map

package/dist/src/tiles/list/date-label.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-label.js","sourceRoot":"","sources":["../../../../src/tiles/list/date-label.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,SAAS,CAAC,SAA6B;IACrD,QAAQ,SAAS,EAAE;QACjB,KAAK,MAAM;YACT,OAAO,WAAW,CAAC;QACrB,KAAK,YAAY;YACf,OAAO,UAAU,CAAC;QACpB,KAAK,WAAW;YACd,OAAO,OAAO,CAAC;QACjB;YACE,OAAO,UAAU,CAAC;KACrB;AACH,CAAC","sourcesContent":["export function dateLabel(sortField: string | undefined): string {\n  switch (sortField) {\n    case 'date':\n      return 'Published';\n    case 'reviewdate':\n      return 'Reviewed';\n    case 'addeddate':\n      return 'Added';\n    default:\n      return 'Archived';\n  }\n}\n"]}

package/dist/src/tiles/list/tile-list-compact-header.d.ts

@@ -1,12 +0,0 @@
-import { LitElement } from 'lit';
-import { SortParam } from '@internetarchive/search-service';
-import { TileModel } from '../../models';
-export declare class TileListCompactHeader extends LitElement {
-    model?: TileModel;
-    currentWidth?: number;
-    sortParam: SortParam | null;
-    mobileBreakpoint?: number;
-    render(): import("lit-html").TemplateResult<1>;
-    private get classSize();
-    static get styles(): import("lit").CSSResult;
-}