@internetarchive/collection-browser 1.14.4 → 1.14.5-alpha2

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

@@ -1,28 +1,28 @@
-import { __decorate } from "tslib";
-import { css, html } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { baseTileStyles } from './styles/tile-grid-shared-styles';
-import { BaseTileComponent } from '../base-tile-component';
-import '../image-block';
-let SearchTile = class SearchTile extends BaseTileComponent {
-    constructor() {
-        /*
-         * Reactive properties inherited from BaseTileComponent:
-         *  - model?: TileModel;
-         *  - currentWidth?: number;
-         *  - currentHeight?: number;
-         *  - baseNavigationUrl?: string;
-         *  - baseImageUrl?: string;
-         *  - collectionPagePath?: string;
-         *  - sortParam: SortParam | null = null;
-         *  - creatorFilter?: string;
-         *  - mobileBreakpoint?: number;
-         *  - loggedIn = false;
-         */
-        super(...arguments);
-        this.showInfoButton = false;
-    }
-    render() {
+import { __decorate } from "tslib";
+import { css, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { baseTileStyles } from './styles/tile-grid-shared-styles';
+import { BaseTileComponent } from '../base-tile-component';
+import '../image-block';
+let SearchTile = class SearchTile extends BaseTileComponent {
+    constructor() {
+        /*
+         * Reactive properties inherited from BaseTileComponent:
+         *  - model?: TileModel;
+         *  - currentWidth?: number;
+         *  - currentHeight?: number;
+         *  - baseNavigationUrl?: string;
+         *  - baseImageUrl?: string;
+         *  - collectionPagePath?: string;
+         *  - sortParam: SortParam | null = null;
+         *  - creatorFilter?: string;
+         *  - mobileBreakpoint?: number;
+         *  - loggedIn = false;
+         */
+        super(...arguments);
+        this.showInfoButton = false;
+    }
+    render() {
         return html `
       <div class="container">
         <div class="tile-details">
@@ -31,9 +31,9 @@ let SearchTile = class SearchTile extends BaseTileComponent {
           </div>
         </div>
       </div>
-    `;
-    }
-    get getImageBlockTemplate() {
+    `;
+    }
+    get getImageBlockTemplate() {
         return html `
       <image-block
         .model=${this.model}
@@ -41,20 +41,20 @@ let SearchTile = class SearchTile extends BaseTileComponent {
         .viewSize=${'grid'}
       >
       </image-block>
-    `;
-    }
-    get getTitleTemplate() {
-        var _a;
+    `;
+    }
+    get getTitleTemplate() {
+        var _a;
         return html `<div id="title">
       <h4 class="truncated">${(_a = this.model) === null || _a === void 0 ? void 0 : _a.title}</h4>
-    </div>`;
-    }
-    static get styles() {
-        const tileBorderColor = css `var(--tileBorderColor, #555555)`;
-        const tileBackgroundColor = css `var(--tileBackgroundColor, #666666)`;
-        const whiteColor = css `#fff`;
-        return [
-            baseTileStyles,
+    </div>`;
+    }
+    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};
@@ -78,15 +78,15 @@ let SearchTile = class SearchTile extends BaseTileComponent {
         image-block:hover > #title {
           text-decoration: underline;
         }
-      `,
-        ];
-    }
-};
-__decorate([
-    property({ type: Boolean })
-], SearchTile.prototype, "showInfoButton", void 0);
-SearchTile = __decorate([
-    customElement('search-tile')
-], SearchTile);
-export { SearchTile };
+      `,
+        ];
+    }
+};
+__decorate([
+    property({ type: Boolean })
+], SearchTile.prototype, "showInfoButton", void 0);
+SearchTile = __decorate([
+    customElement('search-tile')
+], SearchTile);
+export { SearchTile };
 //# sourceMappingURL=search-tile.js.map

package/dist/src/tiles/grid/styles/tile-grid-shared-styles.d.ts

@@ -1 +1 @@
-export declare const baseTileStyles: import("lit").CSSResult;
+export declare const baseTileStyles: import("lit").CSSResult;

package/dist/src/tiles/grid/styles/tile-grid-shared-styles.js

@@ -1,10 +1,10 @@
-import { css } from 'lit';
-import { srOnlyStyle } from '../../../styles/sr-only';
-/**
- * Base tile styles
- */
-const tileBackgroundColor = css `var(--tileBackgroundColor, #ffffff)`;
-const tileCornerRadius = css `var(--tileCornerRadius, 4px)`;
+import { css } from 'lit';
+import { srOnlyStyle } from '../../../styles/sr-only';
+/**
+ * Base tile styles
+ */
+const tileBackgroundColor = css `var(--tileBackgroundColor, #ffffff)`;
+const tileCornerRadius = css `var(--tileCornerRadius, 4px)`;
 export const baseTileStyles = css `
   /* Include .sr-only styles for all tiles */
   ${srOnlyStyle}
@@ -123,5 +123,5 @@ export const baseTileStyles = css `
   .hidden {
     display: none;
   }
-`;
+`;
 //# sourceMappingURL=tile-grid-shared-styles.js.map

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

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

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

@@ -1,20 +1,20 @@
-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 { srOnlyStyle } from '../../styles/sr-only';
-import { formatCount } from '../../utils/format-count';
-let TileStats = class TileStats extends LitElement {
-    render() {
-        var _a;
-        const formattedFavCount = formatCount(this.favCount, 'short', 'short');
-        const formattedReviewCount = formatCount(this.commentCount, 'short', 'short');
-        const uploadsOrViewsTitle = this.mediatype === 'account'
-            ? `${this.itemCount} uploads`
-            : `${this.viewCount} ${(_a = this.viewLabel) !== null && _a !== void 0 ? _a : 'all-time views'}`;
+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 { srOnlyStyle } from '../../styles/sr-only';
+import { formatCount } from '../../utils/format-count';
+let TileStats = class TileStats extends LitElement {
+    render() {
+        var _a;
+        const formattedFavCount = formatCount(this.favCount, 'short', 'short');
+        const formattedReviewCount = formatCount(this.commentCount, 'short', 'short');
+        const uploadsOrViewsTitle = this.mediatype === 'account'
+            ? `${this.itemCount} uploads`
+            : `${this.viewCount} ${(_a = this.viewLabel) !== null && _a !== void 0 ? _a : 'all-time views'}`;
         return html `
       <div class="item-stats">
         <p class="sr-only">
@@ -50,11 +50,11 @@ let TileStats = class TileStats extends LitElement {
           </li>
         </ul>
       </div>
-    `;
-    }
-    static get styles() {
-        return [
-            srOnlyStyle,
+    `;
+    }
+    static get styles() {
+        return [
+            srOnlyStyle,
             css `
         mediatype-icon {
           --iconHeight: 25px;
@@ -116,30 +116,30 @@ let TileStats = class TileStats extends LitElement {
           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: String })
-], TileStats.prototype, "viewLabel", 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 };
+      `,
+        ];
+    }
+};
+__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: String })
+], TileStats.prototype, "viewLabel", 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