@internetarchive/collection-browser 0.1.7 → 0.1.8

package/src/collection-browser.ts

@@ -111,6 +111,13 @@ export class CollectionBrowser
 
   @property({ type: Number }) mobileBreakpoint = 600;
 
+  @property({ type: Boolean }) loggedIn = false;
+
+  /**
+   * If item management UI active
+   */
+  @property({ type: Boolean }) isManageView = false;
+
   /**
    * The page that the consumer wants to load.
    */
@@ -984,6 +991,26 @@ export class CollectionBrowser
     const tiles: TileModel[] = [];
     docs?.forEach(doc => {
       if (!doc.identifier) return;
+
+      let loginRequired = false;
+      let contentWarning = false;
+      // Check if item and item in "modifying" collection, setting above flags
+      if (
+        doc.collections_raw?.values.length &&
+        doc.mediatype?.value !== 'collection'
+      ) {
+        for (const collection of doc.collections_raw?.values) {
+          if (collection === 'loggedin') {
+            loginRequired = true;
+            if (contentWarning) break;
+          }
+          if (collection === 'no-preview') {
+            contentWarning = true;
+            if (loginRequired) break;
+          }
+        }
+      }
+
       tiles.push({
         averageRating: doc.avg_rating?.value,
         collections: doc.collections_raw?.values ?? [],
@@ -1009,6 +1036,8 @@ export class CollectionBrowser
         ),
         volume: doc.volume?.value,
         viewCount: doc.downloads?.value ?? 0,
+        loginRequired,
+        contentWarning,
       });
     });
     datasource[pageNumber] = tiles;

package/src/models.ts

@@ -23,6 +23,8 @@ export interface TileModel {
   title: string;
   viewCount: number;
   volume?: string;
+  loginRequired: boolean;
+  contentWarning: boolean;
 }
 
 export type CollectionDisplayMode = 'grid' | 'list-compact' | 'list-detail';

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

@@ -17,7 +17,7 @@ export class AccountTile extends LitElement {
         <div class="inner-holder">
           <div id="header-holder">
             <div id="title-holder">
-              <h1>${this.model?.identifier}</h1>
+              <h1 class="truncated">${this.model?.identifier}</h1>
             </div>
             <div id="avatar-holder">
               <div
@@ -132,6 +132,19 @@ export class AccountTile extends LitElement {
         width: 25px;
       }
 
+      .truncated {
+        flex: 1;
+        min-width: 0; /* Important for long words! */
+        -webkit-line-clamp: 2;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        word-wrap: break-word;
+        line-height: 2rem;
+        text-align: center;
+      }
+
       .stat-icon {
         height: 10px;
         width: 10px;

package/src/tiles/item-image.ts

@@ -1,14 +1,7 @@
-import {
-  css,
-  CSSResultGroup,
-  html,
-  nothing,
-  PropertyValues,
-  LitElement,
-} from 'lit';
+import { css, CSSResultGroup, html, nothing, LitElement } from 'lit';
 import { customElement, property, query, state } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
-
+import { restrictedIcon } from '../assets/img/icons/restricted';
 import { TileModel } from '../models';
 
 @customElement('item-image')
@@ -19,30 +12,18 @@ export class ItemImage extends LitElement {
 
   @property({ type: Boolean }) isListTile = false;
 
-  @state() private isDeemphasize: boolean = false;
+  @property({ type: Boolean }) isCompactTile = false;
 
-  @state() private isWaveform: boolean = false;
+  @state() private isWaveform = false;
 
   @query('.item-image') private itemImageWaveform!: HTMLImageElement;
 
-  protected updated(changed: PropertyValues): void {
-    if (changed.has('model')) {
-      this.setDeemphsize();
-    }
-  }
-
-  private setDeemphsize() {
-    this.isDeemphasize =
-      this.model?.collections.includes('deemphasize') ?? false;
-  }
-
   render() {
     return html`
       <div class=${ifDefined(this.imageBoxClass)}>
         ${this.model?.mediatype === 'audio'
           ? this.waveformTemplate
-          : this.backgroundImageTemplate}
-        ${this.tileActionTemplate}
+          : this.itemImageTemplate}
       </div>
     `;
   }
@@ -52,12 +33,29 @@ export class ItemImage extends LitElement {
   }
 
   // Templates
-  private get backgroundImageTemplate() {
+  private get itemImageTemplate() {
+    return html`
+      ${this.isListTile ? this.listImageTemplate : this.tileImageTemplate}
+    `;
+  }
+
+  private get tileImageTemplate() {
     return html`
       <div
         class=${this.imageClass}
         style="background-image:url(${this.imageSrc})"
       ></div>
+      ${this.tileActionTemplate}
+    `;
+  }
+
+  private get listImageTemplate() {
+    if (!this.model) {
+      return nothing;
+    }
+    return html`
+      <img src="${this.imageSrc}" alt="" class="${this.listImageClass}" />
+      ${this.restrictedIconTemplate}
     `;
   }
 
@@ -67,15 +65,22 @@ export class ItemImage extends LitElement {
         <img
           class=${this.itemImageWaveformClass}
           src="${this.imageSrc}"
-          alt="${ifDefined(this.model?.identifier)}"
+          alt="${ifDefined(this.model?.title)}"
           @load=${this.onLoadItemImageCheck}
         />
       </div>
     `;
   }
 
+  private get restrictedIconTemplate() {
+    if (!this.model?.contentWarning) {
+      return nothing;
+    }
+    return html` ${restrictedIcon} `;
+  }
+
   private get tileActionTemplate() {
-    if (!this.isDeemphasize) {
+    if (!this.model?.contentWarning) {
       return nothing;
     }
     return html`
@@ -94,11 +99,27 @@ export class ItemImage extends LitElement {
 
   // Classes
   private get imageClass() {
-    return `item-image ${this.isDeemphasize ? 'deemphasize' : 'default'}`;
+    return `item-image ${
+      this.model?.contentWarning ? 'deemphasize' : 'default'
+    }`;
+  }
+
+  private get listImageClass() {
+    return `list-image ${this.model?.mediatype}${
+      this.isCompactTile ? ' compact' : ''
+    }`;
   }
 
   private get imageBoxClass() {
-    return this.isDeemphasize ? 'item-image-box' : undefined;
+    if (this.isListTile) {
+      return `list-image-box${
+        this.model?.contentWarning ? ' deemphasize' : ''
+      }`;
+    }
+    if (this.model?.contentWarning) {
+      return 'item-image-box';
+    }
+    return undefined;
   }
 
   private get boxWaveformClass() {
@@ -145,6 +166,37 @@ export class ItemImage extends LitElement {
         overflow: visible;
       }
 
+      .list-image-box.deemphasize {
+        border: 1px solid #767676;
+      }
+
+      .list-image-box {
+        width: 100%;
+        height: 100%;
+        overflow: hidden;
+        box-sizing: border-box;
+        display: flex;
+        position: relative;
+      }
+
+      .list-image {
+        width: 100%;
+        height: 100%;
+        overflow: hidden;
+      }
+
+      img.list-image {
+        overflow: hidden;
+        object-fit: contain;
+        border-radius: var(--border-radius, 0);
+        -webkit-border-radius: var(--border-radius, 0);
+        -moz-border-radius: var(--border-radius, 0);
+      }
+
+      img.list-image.compact {
+        object-fit: cover;
+      }
+
       .waveform {
         mix-blend-mode: screen;
       }
@@ -154,12 +206,19 @@ export class ItemImage extends LitElement {
         filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.8));
       }
 
-      .deemphasize {
-        background-size: cover;
+      .deemphasize .list-image,
+      .deemphasize.item-image {
+        background-size: contain;
         filter: blur(15px);
         z-index: 1;
       }
 
+      .deemphasize svg {
+        padding: 25%;
+        z-index: 2;
+        position: absolute;
+      }
+
       .tile-action {
         border: 1px solid currentColor;
         border-radius: 1px;

package/src/tiles/list/tile-list-compact.ts

@@ -28,7 +28,9 @@ export class TileListCompact extends LitElement {
   render() {
     return html`
       <div id="list-line" class="${this.classSize}">
-        <div id="thumb">${this.imageTemplate}</div>
+        <div id="thumb" class="${ifDefined(this.model?.mediatype)}">
+          ${this.imageTemplate}
+        </div>
         <div id="title">${DOMPurify.sanitize(this.model?.title ?? '')}</div>
         <div id="creator">
           ${this.model?.mediatype === 'account'
@@ -63,11 +65,15 @@ export class TileListCompact extends LitElement {
     if (!this.model?.identifier) {
       return nothing;
     }
-    return html` <img
-      src="${this.baseImageUrl}/services/img/${this.model.identifier}"
-      alt="${this.model.identifier}"
-      class="${this.model?.mediatype}"
-    />`;
+    return html`
+      <item-image
+        .model=${this.model}
+        .baseImageUrl=${this.baseImageUrl}
+        .isListTile=${true}
+        .isCompactTile=${true}
+      >
+      </item-image>
+    `;
   }
 
   /*
@@ -120,43 +126,58 @@ export class TileListCompact extends LitElement {
         font-size: 14px;
       }
 
-      /* fields */
+      #list-line {
+        display: grid;
+        column-gap: 10px;
+        border-top: 1px solid #ddd;
+        align-items: center;
+        line-height: 20px;
+      }
 
-      #thumb {
-        padding-left: 6px;
+      #list-line.mobile {
+        grid-template-columns: 36px 3fr 2fr 62px 19px;
+      }
+
+      #list-line.desktop {
+        grid-template-columns: 51px 3fr 2fr 100px 20px 60px;
+      }
+
+      #list-line:hover #title {
+        text-decoration: underline;
       }
 
-      #thumb img {
+      /* fields */
+      #thumb {
         object-fit: cover;
         display: block;
       }
 
-      .mobile #thumb img {
+      .mobile #thumb {
         width: 30px;
         height: 30px;
+        padding-top: 2px;
+        padding-bottom: 2px;
+        padding-left: 4px;
       }
 
-      .desktop #thumb img {
+      .desktop #thumb {
         width: 45px;
         height: 45px;
+        padding-top: 5px;
+        padding-bottom: 5px;
+        padding-left: 6px;
       }
 
-      #thumb img.collection {
-        border-radius: 8px;
-        -webkit-border-radius: 8px;
-        -moz-border-radius: 8px;
+      #thumb.collection {
+        --border-radius: 8px;
       }
 
-      .mobile #thumb img.account {
-        border-radius: 15px;
-        -webkit-border-radius: 15px;
-        -moz-border-radius: 15px;
+      .mobile #thumb.account {
+        --border-radius: 15px;
       }
 
-      .desktop #thumb img.account {
-        border-radius: 22.5px;
-        -webkit-border-radius: 22.5px;
-        -moz-border-radius: 22.5px;
+      .desktop #thumb.account {
+        --border-radius: 22.5px;
       }
 
       #title {
@@ -189,32 +210,6 @@ export class TileListCompact extends LitElement {
         --iconHeight: 20px;
         --iconWidth: 20px;
       }
-
-      /* list-line */
-
-      #list-line {
-        display: grid;
-        column-gap: 10px;
-        border-top: 1px solid #ddd;
-        align-items: center;
-        line-height: 20px;
-      }
-
-      #list-line.mobile {
-        grid-template-columns: 36px 3fr 2fr 62px 19px;
-        padding-top: 2px;
-        padding-bottom: 2px;
-      }
-
-      #list-line.desktop {
-        grid-template-columns: 51px 3fr 2fr 100px 20px 60px;
-        padding-top: 5px;
-        padding-bottom: 5px;
-      }
-
-      #list-line:hover #title {
-        text-decoration: underline;
-      }
     `;
   }
 }

package/src/tiles/list/tile-list.ts

@@ -87,7 +87,9 @@ export class TileList extends LitElement {
     return html`
       <div id="list-line-top">
         <div id="list-line-left">
-          <div id="thumb">${this.imgTemplate}</div>
+          <div id="thumb" class="${ifDefined(this.model?.mediatype)}">
+            ${this.imgTemplate}
+          </div>
         </div>
         <div id="list-line-right">
           <div id="title-line">
@@ -103,7 +105,9 @@ export class TileList extends LitElement {
   private get desktopTemplate() {
     return html`
       <div id="list-line-left">
-        <div id="thumb">${this.imgTemplate}</div>
+        <div id="thumb" class="${ifDefined(this.model?.mediatype)}">
+          ${this.imgTemplate}
+        </div>
       </div>
       <div id="list-line-right">
         <div id="title-line">
@@ -134,11 +138,14 @@ export class TileList extends LitElement {
     if (!this.model?.identifier) {
       return nothing;
     }
-    return html` <img
-      src="${this.baseImageUrl}/services/img/${this.model.identifier}"
-      alt="${this.model.identifier}"
-      class=${this.model?.mediatype}
-    />`;
+    return html`
+      <item-image
+        .model=${this.model}
+        .baseImageUrl=${this.baseImageUrl}
+        .isListTile=${true}
+      >
+      </item-image>
+    `;
   }
 
   private get iconRightTemplate() {
@@ -412,32 +419,26 @@ export class TileList extends LitElement {
         display: block;
       }
 
-      .mobile #thumb img {
+      .mobile #thumb {
         width: 90px;
         height: 90px;
       }
 
-      .desktop #thumb img {
+      .desktop #thumb {
         width: 100px;
         height: 100px;
       }
 
-      #thumb img.collection {
-        border-radius: 8px;
-        -webkit-border-radius: 8px;
-        -moz-border-radius: 8px;
+      #thumb.collection {
+        --border-radius: 8px;
       }
 
-      .mobile #thumb img.account {
-        border-radius: 45px;
-        -webkit-border-radius: 45px;
-        -moz-border-radius: 45px;
+      .mobile #thumb.account {
+        --border-radius: 45px;
       }
 
-      .desktop #thumb img.account {
-        border-radius: 50px;
-        -webkit-border-radius: 50px;
-        -moz-border-radius: 50px;
+      .desktop #thumb.account {
+        --border-radius: 50px;
       }
 
       #icon-right {

package/dist/src/assets/img/icons/mediatype/livemusic.d.ts

@@ -1 +0,0 @@
-export declare const livemusicIcon: import("lit-html").TemplateResult<2>;

package/dist/src/assets/img/icons/mediatype/livemusic.js

@@ -1,7 +0,0 @@
-import { svg } from 'lit';
-export const livemusicIcon = svg `
-<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
-  <path d="m136.125893 117.288073c14.41013-4.850562 27.83316-2.109766 39.480173 7.796632 10.335962 8.792594 14.330094 20.428621 14.288498 33.809481-.091795 25.476855-.015572 50.965113-.049872 76.441968-.003811 2.805419-.034301 5.648851-.457344 8.401051-3.376719 21.854139-21.133078 36.299386-43.127486 35.204588-20.210769-1.003564-37.307792-18.132586-37.799436-38.393946-.346818-14.513672-.060979-29.057755-.301084-43.586633 0-12.597776-.06479-25.191751.034301-37.789527.0343-3.656928.16007-7.401288.903253-10.963182 3.18997-15.36138 12.272049-25.963431 27.028997-30.920432zm69.082871-95.288073v20.8201628h-42.6892v27.2482979s2.61448.5740085 3.574902.8363038c23.797103 6.5155667 41.073252 15.8669636 55.262332 37.0824705 8.594246 12.852468 11.643202 31.380398 11.643202 46.760785v15.304359h-20.889162c0-5.538611.099091-10.750305-.038112-15.961998-.099091-3.896415-.167692-7.857454-.842274-11.689246-5.328051-30.262793-30.775402-49.8170956-57.026916-51.5315184-29.311903-1.9120945-57.1907972 18.1858064-64.1500399 46.8520184-1.6657464 6.843753-1.7799637 13.736569-1.7780383 20.63947l.0023262 1.88283c.0030489 1.883022.0050308 3.76653-.0231721 5.649734-.0228671 1.364696 0 2.72559 0 4.052272h-20.5918884c-5.5529117-51.542923 24.3078039-93.7420516 70.1221835-99.8660762v-27.3889489h-42.6205979v-20.6909159z" fill="gray" fill-rule="evenodd" transform="matrix(1 0 0 -1 0 301)"/>
-</svg>
-`;
-//# sourceMappingURL=livemusic.js.map

package/dist/src/assets/img/icons/mediatype/livemusic.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"livemusic.js","sourceRoot":"","sources":["../../../../../../src/assets/img/icons/mediatype/livemusic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;CAI/B,CAAC","sourcesContent":["import { svg } from 'lit';\n\nexport const livemusicIcon = svg`\n<svg viewBox=\"0 0 300 300\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"m136.125893 117.288073c14.41013-4.850562 27.83316-2.109766 39.480173 7.796632 10.335962 8.792594 14.330094 20.428621 14.288498 33.809481-.091795 25.476855-.015572 50.965113-.049872 76.441968-.003811 2.805419-.034301 5.648851-.457344 8.401051-3.376719 21.854139-21.133078 36.299386-43.127486 35.204588-20.210769-1.003564-37.307792-18.132586-37.799436-38.393946-.346818-14.513672-.060979-29.057755-.301084-43.586633 0-12.597776-.06479-25.191751.034301-37.789527.0343-3.656928.16007-7.401288.903253-10.963182 3.18997-15.36138 12.272049-25.963431 27.028997-30.920432zm69.082871-95.288073v20.8201628h-42.6892v27.2482979s2.61448.5740085 3.574902.8363038c23.797103 6.5155667 41.073252 15.8669636 55.262332 37.0824705 8.594246 12.852468 11.643202 31.380398 11.643202 46.760785v15.304359h-20.889162c0-5.538611.099091-10.750305-.038112-15.961998-.099091-3.896415-.167692-7.857454-.842274-11.689246-5.328051-30.262793-30.775402-49.8170956-57.026916-51.5315184-29.311903-1.9120945-57.1907972 18.1858064-64.1500399 46.8520184-1.6657464 6.843753-1.7799637 13.736569-1.7780383 20.63947l.0023262 1.88283c.0030489 1.883022.0050308 3.76653-.0231721 5.649734-.0228671 1.364696 0 2.72559 0 4.052272h-20.5918884c-5.5529117-51.542923 24.3078039-93.7420516 70.1221835-99.8660762v-27.3889489h-42.6205979v-20.6909159z\" fill=\"gray\" fill-rule=\"evenodd\" transform=\"matrix(1 0 0 -1 0 301)\"/>\n</svg>\n`;\n"]}

package/dist/src/assets/img/icons/mediatype/photos.d.ts

@@ -1 +0,0 @@
-export declare const photosIcon: import("lit-html").TemplateResult<2>;

package/dist/src/assets/img/icons/mediatype/photos.js

@@ -1,7 +0,0 @@
-import { svg } from 'lit';
-export const photosIcon = svg `
-<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
-  <path d="m43.0952612 181.159979c2.1744514 0 21.7161099 3.336499 21.7161099 3.336499v21.030628l-44.8113711-6.289709c4.5382599-51.29161 9.6729948-105.5332879 14.6089046-156.237397 66.1329874 6.484496 144.5110704 16.1138469 211.0385514 22.4035567-.987813 6.4876377-1.581132 21.8160564-1.972471 28.3005524-4.939065-.5906421-15.599873 0-20.535783-.5906421v-9.0418506c-56.065498-5.3032118-112.326666-12.180422-168.3953197-17.6847035 0 0-7.7005244 74.2858081-11.6486211 114.7730661zm31.7867547-81.562016h205.1179841v158.402037h-205.1179841zm18.9514955 140.126691h167.8051566v-64.461671l-21.122791 35.963191-28.428821-67.408598-24.2819 28.891194-66.530637-54.634392h-27.4410076zm64.5550106-40.487257c0-11.394994-9.082832-20.436845-20.731453-20.436845-11.250971 0-20.923965 9.041851-20.923965 20.436845 0 11.203349 9.672994 20.439986 20.923965 20.439986 11.648621 0 20.731453-9.236637 20.731453-20.439986z" fill="gray" transform="matrix(1 0 0 -1 0 301)"/>
-</svg>
-`;
-//# sourceMappingURL=photos.js.map

package/dist/src/assets/img/icons/mediatype/photos.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"photos.js","sourceRoot":"","sources":["../../../../../../src/assets/img/icons/mediatype/photos.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;CAI5B,CAAC","sourcesContent":["import { svg } from 'lit';\n\nexport const photosIcon = svg`\n<svg viewBox=\"0 0 300 300\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"m43.0952612 181.159979c2.1744514 0 21.7161099 3.336499 21.7161099 3.336499v21.030628l-44.8113711-6.289709c4.5382599-51.29161 9.6729948-105.5332879 14.6089046-156.237397 66.1329874 6.484496 144.5110704 16.1138469 211.0385514 22.4035567-.987813 6.4876377-1.581132 21.8160564-1.972471 28.3005524-4.939065-.5906421-15.599873 0-20.535783-.5906421v-9.0418506c-56.065498-5.3032118-112.326666-12.180422-168.3953197-17.6847035 0 0-7.7005244 74.2858081-11.6486211 114.7730661zm31.7867547-81.562016h205.1179841v158.402037h-205.1179841zm18.9514955 140.126691h167.8051566v-64.461671l-21.122791 35.963191-28.428821-67.408598-24.2819 28.891194-66.530637-54.634392h-27.4410076zm64.5550106-40.487257c0-11.394994-9.082832-20.436845-20.731453-20.436845-11.250971 0-20.923965 9.041851-20.923965 20.436845 0 11.203349 9.672994 20.439986 20.923965 20.439986 11.648621 0 20.731453-9.236637 20.731453-20.439986z\" fill=\"gray\" transform=\"matrix(1 0 0 -1 0 301)\"/>\n</svg>\n`;\n"]}

package/dist/src/helpers.d.ts

@@ -1 +0,0 @@
-export declare const nFormatter: (num: any, digits: number) => string;

package/dist/src/helpers.js

@@ -1,20 +0,0 @@
-export const nFormatter = (num, digits) => {
-    const lookup = [
-        { value: 1, symbol: '' },
-        { value: 1e3, symbol: 'K' },
-        { value: 1e6, symbol: 'M' },
-        { value: 1e9, symbol: 'B' },
-        { value: 1e12, symbol: 'T' },
-        { value: 1e15, symbol: 'P' },
-        { value: 1e18, symbol: 'E' },
-    ];
-    const rx = /\.0+$|(\.[0-9]*[1-9])0+$/;
-    const item = lookup
-        .slice()
-        .reverse()
-        .find(i => num >= i.value);
-    return item
-        ? (num / item.value).toFixed(digits).replace(rx, '$1') + item.symbol
-        : '0';
-};
-//# sourceMappingURL=helpers.js.map

package/dist/src/helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/helpers.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAQ,EAAE,MAAc,EAAE,EAAE;IACrD,MAAM,MAAM,GAAG;QACb,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;QACxB,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;QAC3B,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;QAC3B,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;QAC3B,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE;QAC5B,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE;QAC5B,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE;KAC7B,CAAC;IACF,MAAM,EAAE,GAAG,0BAA0B,CAAC;IACtC,MAAM,IAAI,GAAG,MAAM;SAChB,KAAK,EAAE;SACP,OAAO,EAAE;SACT,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC;IAC7B,OAAO,IAAI;QACT,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAAE,EAAE,IAAI,CAAC,GAAG,IAAI,CAAC,MAAM;QACpE,CAAC,CAAC,GAAG,CAAC;AACV,CAAC,CAAC","sourcesContent":["export const nFormatter = (num: any, digits: number) => {\n  const lookup = [\n    { value: 1, symbol: '' },\n    { value: 1e3, symbol: 'K' },\n    { value: 1e6, symbol: 'M' },\n    { value: 1e9, symbol: 'B' },\n    { value: 1e12, symbol: 'T' },\n    { value: 1e15, symbol: 'P' },\n    { value: 1e18, symbol: 'E' },\n  ];\n  const rx = /\\.0+$|(\\.[0-9]*[1-9])0+$/;\n  const item = lookup\n    .slice()\n    .reverse()\n    .find(i => num >= i.value);\n  return item\n    ? (num / item.value).toFixed(digits).replace(rx, '$1') + item.symbol\n    : '0';\n};\n"]}

package/dist/src/mediatype/mediatype-color.d.ts

@@ -1,3 +0,0 @@
-export declare const mediatypeColor: {
-    [key: string]: string;
-};

package/dist/src/mediatype/mediatype-color.js

@@ -1,15 +0,0 @@
-export const mediatypeColor = {
-    account: '#000000',
-    audio: '#8fdaef',
-    data: '#333333',
-    etree: '#3871c1',
-    film: '#bf1b2c',
-    image: '#62c4a9',
-    movies: '#bf1b2c',
-    software: '#80cc28',
-    texts: '#f9a72b',
-    tv: '#f25d54',
-    video: '#bf1b2c',
-    web: '#fddd10',
-};
-//# sourceMappingURL=mediatype-color.js.map

package/dist/src/mediatype/mediatype-color.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mediatype-color.js","sourceRoot":"","sources":["../../../src/mediatype/mediatype-color.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAA8B;IACvD,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,SAAS;IACnB,KAAK,EAAE,SAAS;IAChB,EAAE,EAAE,SAAS;IACb,KAAK,EAAE,SAAS;IAChB,GAAG,EAAE,SAAS;CACf,CAAC","sourcesContent":["export const mediatypeColor: { [key: string]: string } = {\n  account: '#000000',\n  audio: '#8fdaef',\n  data: '#333333',\n  etree: '#3871c1',\n  film: '#bf1b2c',\n  image: '#62c4a9',\n  movies: '#bf1b2c',\n  software: '#80cc28',\n  texts: '#f9a72b',\n  tv: '#f25d54',\n  video: '#bf1b2c',\n  web: '#fddd10',\n};\n"]}

package/dist/src/mediatype/mediatype-display.d.ts

@@ -1,3 +0,0 @@
-export declare const mediatypeData: {
-    [key: string]: any;
-};