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

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

@@ -1,8 +1,8 @@
-/**
- * Base item-image styles
- */
-export declare const baseItemImageStyles: import("lit").CSSResult;
-/**
- * Waveform styles
- */
-export declare const waveformGradientStyles: import("lit").CSSResult;
+/**
+ * Base item-image styles
+ */
+export declare const baseItemImageStyles: import("lit").CSSResult;
+/**
+ * Waveform styles
+ */
+export declare const waveformGradientStyles: import("lit").CSSResult;

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

@@ -1,7 +1,7 @@
-import { css } from 'lit';
-/**
- * Base item-image styles
- */
+import { css } from 'lit';
+/**
+ * Base item-image styles
+ */
 export const baseItemImageStyles = css `
   .drop-shadow {
     overflow: hidden;
@@ -49,10 +49,10 @@ export const baseItemImageStyles = css `
     width: 100%;
     height: 160px;
   }
-`;
-/**
- * Waveform styles
- */
+`;
+/**
+ * Waveform styles
+ */
 export const waveformGradientStyles = css `
   .waveform {
     mix-blend-mode: screen;
@@ -115,5 +115,5 @@ export const waveformGradientStyles = css `
       hsl(0, 0%, 0%)
     );
   }
-`;
+`;
 //# sourceMappingURL=item-image-styles.js.map

package/dist/src/tiles/collection-browser-loading-tile.d.ts

@@ -1,5 +1,5 @@
-import { LitElement } from 'lit';
-export declare class CollectionBrowserLoadingTile extends LitElement {
-    render(): import("lit-html").TemplateResult<1>;
-    static get styles(): import("lit").CSSResult;
-}
+import { LitElement } from 'lit';
+export declare class CollectionBrowserLoadingTile extends LitElement {
+    render(): import("lit-html").TemplateResult<1>;
+    static get styles(): import("lit").CSSResult;
+}

package/dist/src/tiles/collection-browser-loading-tile.js

@@ -1,11 +1,11 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement } from 'lit';
-import { customElement } from 'lit/decorators.js';
-let CollectionBrowserLoadingTile = class CollectionBrowserLoadingTile extends LitElement {
-    render() {
-        return html ` <div id="container"></div> `;
-    }
-    static get styles() {
+import { __decorate } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { customElement } from 'lit/decorators.js';
+let CollectionBrowserLoadingTile = class CollectionBrowserLoadingTile extends LitElement {
+    render() {
+        return html ` <div id="container"></div> `;
+    }
+    static get styles() {
         return css `
       :host {
         display: block;
@@ -19,11 +19,11 @@ let CollectionBrowserLoadingTile = class CollectionBrowserLoadingTile extends Li
         display: block;
         height: 100%;
       }
-    `;
-    }
-};
-CollectionBrowserLoadingTile = __decorate([
-    customElement('collection-browser-loading-tile')
-], CollectionBrowserLoadingTile);
-export { CollectionBrowserLoadingTile };
+    `;
+    }
+};
+CollectionBrowserLoadingTile = __decorate([
+    customElement('collection-browser-loading-tile')
+], CollectionBrowserLoadingTile);
+export { CollectionBrowserLoadingTile };
 //# sourceMappingURL=collection-browser-loading-tile.js.map

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

@@ -1,17 +1,17 @@
-import { LitElement, TemplateResult } from 'lit';
-import type { TileModel } from '../../models';
-import '../image-block';
-import './tile-stats';
-export declare class AccountTile extends LitElement {
-    model?: TileModel;
-    baseImageUrl?: string;
-    render(): TemplateResult<1>;
-    private get getAvatarTemplate();
-    private get getTitleTemplate();
-    private get getArchivistTemplate();
-    private get getTileStatsTemplate();
-    /**
-     * CSS
-     */
-    static get styles(): import("lit").CSSResult[];
-}
+import { LitElement, TemplateResult } from 'lit';
+import type { TileModel } from '../../models';
+import '../image-block';
+import './tile-stats';
+export declare class AccountTile extends LitElement {
+    model?: TileModel;
+    baseImageUrl?: string;
+    render(): TemplateResult<1>;
+    private get getAvatarTemplate();
+    private get getTitleTemplate();
+    private get getArchivistTemplate();
+    private get getTileStatsTemplate();
+    /**
+     * CSS
+     */
+    static get styles(): import("lit").CSSResult[];
+}

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

@@ -1,11 +1,11 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { baseTileStyles } from './styles/tile-grid-shared-styles';
-import '../image-block';
-import './tile-stats';
-let AccountTile = class AccountTile extends LitElement {
-    render() {
+import { __decorate } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { baseTileStyles } from './styles/tile-grid-shared-styles';
+import '../image-block';
+import './tile-stats';
+let AccountTile = class AccountTile extends LitElement {
+    render() {
         return html `
       <div class="container">
         <div class="tile-details">
@@ -16,9 +16,9 @@ let AccountTile = class AccountTile extends LitElement {
           ${this.getTileStatsTemplate}
         </div>
       </div>
-    `;
-    }
-    get getAvatarTemplate() {
+    `;
+    }
+    get getAvatarTemplate() {
         return html `
       <image-block
         .model=${this.model}
@@ -26,53 +26,53 @@ let AccountTile = class AccountTile extends LitElement {
         .viewSize=${'grid'}
       >
       </image-block>
-    `;
-    }
-    get getTitleTemplate() {
-        var _a;
+    `;
+    }
+    get getTitleTemplate() {
+        var _a;
         return html `<div id="title">
       <h1 class="truncated">${(_a = this.model) === null || _a === void 0 ? void 0 : _a.identifier}</h1>
-    </div>`;
-    }
-    get getArchivistTemplate() {
-        var _a, _b;
+    </div>`;
+    }
+    get getArchivistTemplate() {
+        var _a, _b;
         return html `<div class="archivist-since">
       <span>Archivist since ${(_b = (_a = this.model) === null || _a === void 0 ? void 0 : _a.dateAdded) === null || _b === void 0 ? void 0 : _b.getFullYear()}</span>
-    </div>`;
-    }
-    get getTileStatsTemplate() {
-        var _a, _b, _c, _d;
+    </div>`;
+    }
+    get getTileStatsTemplate() {
+        var _a, _b, _c, _d;
         return html `<tile-stats
       .mediatype=${(_a = this.model) === null || _a === void 0 ? void 0 : _a.mediatype}
       .itemCount=${(_b = this.model) === null || _b === void 0 ? void 0 : _b.itemCount}
       .favCount=${(_c = this.model) === null || _c === void 0 ? void 0 : _c.favCount}
       .commentCount=${(_d = this.model) === null || _d === void 0 ? void 0 : _d.commentCount}
     >
-    </tile-stats>`;
-    }
-    /**
-     * CSS
-     */
-    static get styles() {
-        const tileBorderColor = css `var(--tileBorderColor, #dddddd)`;
-        return [
-            baseTileStyles,
+    </tile-stats>`;
+    }
+    /**
+     * CSS
+     */
+    static get styles() {
+        const tileBorderColor = css `var(--tileBorderColor, #dddddd)`;
+        return [
+            baseTileStyles,
             css `
         .container {
           border: 1px solid ${tileBorderColor};
         }
-      `,
-        ];
-    }
-};
-__decorate([
-    property({ type: Object })
-], AccountTile.prototype, "model", void 0);
-__decorate([
-    property({ type: String })
-], AccountTile.prototype, "baseImageUrl", void 0);
-AccountTile = __decorate([
-    customElement('account-tile')
-], AccountTile);
-export { AccountTile };
+      `,
+        ];
+    }
+};
+__decorate([
+    property({ type: Object })
+], AccountTile.prototype, "model", void 0);
+__decorate([
+    property({ type: String })
+], AccountTile.prototype, "baseImageUrl", void 0);
+AccountTile = __decorate([
+    customElement('account-tile')
+], AccountTile);
+export { AccountTile };
 //# sourceMappingURL=account-tile.js.map

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

@@ -1,14 +1,14 @@
-import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
-import type { TileModel } from '../../models';
-import '../image-block';
-export declare class CollectionTile extends LitElement {
-    model?: TileModel;
-    baseImageUrl?: string;
-    render(): TemplateResult<1>;
-    private get getImageBlockTemplate();
-    private get getTitleTemplate();
-    private get getTileStatsTemplate();
-    private get getItemsTemplate();
-    private get getSizeTemplate();
-    static get styles(): CSSResultGroup;
-}
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
+import type { TileModel } from '../../models';
+import '../image-block';
+export declare class CollectionTile extends LitElement {
+    model?: TileModel;
+    baseImageUrl?: string;
+    render(): TemplateResult<1>;
+    private get getImageBlockTemplate();
+    private get getTitleTemplate();
+    private get getTileStatsTemplate();
+    private get getItemsTemplate();
+    private get getSizeTemplate();
+    static get styles(): CSSResultGroup;
+}

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

@@ -1,12 +1,12 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { collectionIcon } from '../../assets/img/icons/mediatype/collection';
-import { formatUnitSize } from '../../utils/format-unit-size';
-import { baseTileStyles } from './styles/tile-grid-shared-styles';
-import '../image-block';
-let CollectionTile = class CollectionTile extends LitElement {
-    render() {
+import { __decorate } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { collectionIcon } from '../../assets/img/icons/mediatype/collection';
+import { formatUnitSize } from '../../utils/format-unit-size';
+import { baseTileStyles } from './styles/tile-grid-shared-styles';
+import '../image-block';
+let CollectionTile = class CollectionTile extends LitElement {
+    render() {
         return html `
       <div class="container">
         <div class="tile-details">
@@ -17,9 +17,9 @@ let CollectionTile = class CollectionTile extends LitElement {
 
         ${this.getTileStatsTemplate}
       </div>
-    `;
-    }
-    get getImageBlockTemplate() {
+    `;
+    }
+    get getImageBlockTemplate() {
         return html `
       <image-block
         .model=${this.model}
@@ -27,15 +27,15 @@ let CollectionTile = class CollectionTile extends LitElement {
         .viewSize=${'grid'}
       >
       </image-block>
-    `;
-    }
-    get getTitleTemplate() {
-        var _a;
+    `;
+    }
+    get getTitleTemplate() {
+        var _a;
         return html `<div id="title">
       <h1 class="truncated">${(_a = this.model) === null || _a === void 0 ? void 0 : _a.title}</h1>
-    </div>`;
-    }
-    get getTileStatsTemplate() {
+    </div>`;
+    }
+    get getTileStatsTemplate() {
         return html `
       <div id="item-stats">
         <div id="item-mediatype">${collectionIcon}</div>
@@ -44,28 +44,28 @@ let CollectionTile = class CollectionTile extends LitElement {
           ${this.getItemsTemplate} ${this.getSizeTemplate}
         </div>
       </div>
-    `;
-    }
-    get getItemsTemplate() {
-        var _a;
-        const collectionItems = (_a = this.model) === null || _a === void 0 ? void 0 : _a.itemCount.toLocaleString();
+    `;
+    }
+    get getItemsTemplate() {
+        var _a;
+        const collectionItems = (_a = this.model) === null || _a === void 0 ? void 0 : _a.itemCount.toLocaleString();
         return html `<span id="item-count"
       >${collectionItems} item${Number(collectionItems) !== 1 ? 's' : ''}</span
-    >`;
-    }
-    get getSizeTemplate() {
-        var _a, _b;
-        const collectionSize = (_b = (_a = this.model) === null || _a === void 0 ? void 0 : _a.collectionSize) !== null && _b !== void 0 ? _b : 0;
-        return collectionSize
-            ? html `<span id="item-size">${formatUnitSize(collectionSize, 1)}</span>`
-            : ``;
-    }
-    static get styles() {
-        const tileBorderColor = css `var(--tileBorderColor, #555555)`;
-        const tileBackgroundColor = css `var(--tileBackgroundColor, #666666)`;
-        const whiteColor = css `#fff`;
-        return [
-            baseTileStyles,
+    >`;
+    }
+    get getSizeTemplate() {
+        var _a, _b;
+        const collectionSize = (_b = (_a = this.model) === null || _a === void 0 ? void 0 : _a.collectionSize) !== null && _b !== void 0 ? _b : 0;
+        return collectionSize
+            ? html `<span id="item-size">${formatUnitSize(collectionSize, 1)}</span>`
+            : ``;
+    }
+    static get styles() {
+        const tileBorderColor = css `var(--tileBorderColor, #555555)`;
+        const tileBackgroundColor = css `var(--tileBackgroundColor, #666666)`;
+        const whiteColor = css `#fff`;
+        return [
+            baseTileStyles,
             css `
         .container {
           background-color: ${tileBackgroundColor};
@@ -108,18 +108,18 @@ let CollectionTile = class CollectionTile extends LitElement {
           flex-direction: column;
           margin-left: 10px;
         }
-      `,
-        ];
-    }
-};
-__decorate([
-    property({ type: Object })
-], CollectionTile.prototype, "model", void 0);
-__decorate([
-    property({ type: String })
-], CollectionTile.prototype, "baseImageUrl", void 0);
-CollectionTile = __decorate([
-    customElement('collection-tile')
-], CollectionTile);
-export { CollectionTile };
+      `,
+        ];
+    }
+};
+__decorate([
+    property({ type: Object })
+], CollectionTile.prototype, "model", void 0);
+__decorate([
+    property({ type: String })
+], CollectionTile.prototype, "baseImageUrl", void 0);
+CollectionTile = __decorate([
+    customElement('collection-tile')
+], CollectionTile);
+export { CollectionTile };
 //# sourceMappingURL=collection-tile.js.map

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

@@ -1,29 +1,29 @@
-import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
-import type { SortParam } from '@internetarchive/search-service';
-import type { TileModel } from '../../models';
-import '../image-block';
-import '../text-snippet-block';
-import '../item-image';
-import '../mediatype-icon';
-import './tile-stats';
-export declare class ItemTile extends LitElement {
-    baseImageUrl?: string;
-    loggedIn: boolean;
-    model?: TileModel;
-    sortParam?: SortParam;
-    render(): TemplateResult<1>;
-    /**
-     * Templates
-     */
-    private get creatorTemplate();
-    private get imageBlockTemplate();
-    private get sortedDateInfoTemplate();
-    private get textSnippetsTemplate();
-    private get volumeIssueTemplate();
-    private get doesSortedByDate();
-    private get hasSnippets();
-    /**
-     * CSS
-     */
-    static get styles(): CSSResultGroup;
-}
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
+import type { SortParam } from '@internetarchive/search-service';
+import type { TileModel } from '../../models';
+import '../image-block';
+import '../text-snippet-block';
+import '../item-image';
+import '../mediatype-icon';
+import './tile-stats';
+export declare class ItemTile extends LitElement {
+    baseImageUrl?: string;
+    loggedIn: boolean;
+    model?: TileModel;
+    sortParam?: SortParam;
+    render(): TemplateResult<1>;
+    /**
+     * Templates
+     */
+    private get creatorTemplate();
+    private get imageBlockTemplate();
+    private get sortedDateInfoTemplate();
+    private get textSnippetsTemplate();
+    private get volumeIssueTemplate();
+    private get doesSortedByDate();
+    private get hasSnippets();
+    /**
+     * CSS
+     */
+    static get styles(): CSSResultGroup;
+}