@internetarchive/collection-browser 0.0.1-alpha.8 → 0.1.1

package/dist/src/search-handler.js

@@ -1,34 +0,0 @@
-import { SearchParams, AggregateSearchParams, } from '@internetarchive/search-service/dist/src/search-params';
-export class SearchHandler {
-    /**
-     * This method is similar to fetching the facets above,
-     * but only fetching the year histogram. There is a subtle difference
-     * in how you have to fetch the year histogram where you can't use the
-     * advanced JSON syntax like the other aggregations. It's a special
-     * case that @ximm put it place.
-     */
-    async fetchFullYearHistogram() {
-        // const { fullQueryNoDateKey } = this;
-        // if (
-        //   !this.fullQueryWithoutDate ||
-        //   fullQueryNoDateKey === this.previousFullQueryNoDate
-        // )
-        //   return;
-        // this.previousFullQueryNoDate = fullQueryNoDateKey;
-        var _a, _b, _c, _d;
-        const aggregations = new AggregateSearchParams({
-            simpleParams: ['year'],
-        });
-        const params = new SearchParams({
-            query: 'foo',
-            fields: ['identifier'],
-            aggregations,
-            rows: 1,
-        });
-        // this.fullYearAggregationLoading = true;
-        const results = await ((_a = this.searchService) === null || _a === void 0 ? void 0 : _a.search(params));
-        // this.fullYearAggregationLoading = false;
-        return (_d = (_c = (_b = results === null || results === void 0 ? void 0 : results.success) === null || _b === void 0 ? void 0 : _b.response) === null || _c === void 0 ? void 0 : _c.aggregations) === null || _d === void 0 ? void 0 : _d.year_histogram;
-    }
-}
-//# sourceMappingURL=search-handler.js.map

package/dist/src/search-handler.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"search-handler.js","sourceRoot":"","sources":["../../src/search-handler.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,YAAY,EACZ,qBAAqB,GACtB,MAAM,wDAAwD,CAAC;AAEhE,MAAM,OAAO,aAAa;IAGxB;;;;;;OAMG;IACK,KAAK,CAAC,sBAAsB;QAClC,uCAAuC;QACvC,OAAO;QACP,kCAAkC;QAClC,wDAAwD;QACxD,IAAI;QACJ,YAAY;QACZ,qDAAqD;;QAErD,MAAM,YAAY,GAAG,IAAI,qBAAqB,CAAC;YAC7C,YAAY,EAAE,CAAC,MAAM,CAAC;SACvB,CAAC,CAAC;QAEH,MAAM,MAAM,GAAG,IAAI,YAAY,CAAC;YAC9B,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,CAAC,YAAY,CAAC;YACtB,YAAY;YACZ,IAAI,EAAE,CAAC;SACR,CAAC,CAAC;QAEH,0CAA0C;QAC1C,MAAM,OAAO,GAAG,MAAM,CAAA,MAAA,IAAI,CAAC,aAAa,0CAAE,MAAM,CAAC,MAAM,CAAC,CAAA,CAAC;QACzD,2CAA2C;QAE3C,OAAO,MAAA,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,0CAAE,QAAQ,0CAAE,YAAY,0CAAE,cAAc,CAAC;IAClE,CAAC;CACF","sourcesContent":["import {\n  Aggregation,\n  SearchServiceInterface,\n} from '@internetarchive/search-service';\nimport {\n  SearchParams,\n  AggregateSearchParams,\n} from '@internetarchive/search-service/dist/src/search-params';\n\nexport class SearchHandler {\n  private searchService?: SearchServiceInterface;\n\n  /**\n   * This method is similar to fetching the facets above,\n   * but only fetching the year histogram. There is a subtle difference\n   * in how you have to fetch the year histogram where you can't use the\n   * advanced JSON syntax like the other aggregations. It's a special\n   * case that @ximm put it place.\n   */\n  private async fetchFullYearHistogram(): Promise<Aggregation | undefined> {\n    // const { fullQueryNoDateKey } = this;\n    // if (\n    //   !this.fullQueryWithoutDate ||\n    //   fullQueryNoDateKey === this.previousFullQueryNoDate\n    // )\n    //   return;\n    // this.previousFullQueryNoDate = fullQueryNoDateKey;\n\n    const aggregations = new AggregateSearchParams({\n      simpleParams: ['year'],\n    });\n\n    const params = new SearchParams({\n      query: 'foo',\n      fields: ['identifier'],\n      aggregations,\n      rows: 1,\n    });\n\n    // this.fullYearAggregationLoading = true;\n    const results = await this.searchService?.search(params);\n    // this.fullYearAggregationLoading = false;\n\n    return results?.success?.response?.aggregations?.year_histogram;\n  }\n}\n"]}

package/src/mediatype-icon.ts

@@ -1,83 +0,0 @@
-import { css, CSSResultGroup, html, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-
-import { audioIcon } from './assets/img/icons/mediatype/audio';
-import { etreeIcon } from './assets/img/icons/mediatype/etree';
-import { imagesIcon } from './assets/img/icons/mediatype/images';
-import { filmIcon } from './assets/img/icons/mediatype/film';
-import { softwareIcon } from './assets/img/icons/mediatype/software';
-import { textsIcon } from './assets/img/icons/mediatype/texts';
-import { tvIcon } from './assets/img/icons/mediatype/tv';
-import { videoIcon } from './assets/img/icons/mediatype/video';
-import { webIcon } from './assets/img/icons/mediatype/web';
-import { collectionIcon } from './assets/img/icons/mediatype/collection';
-
-@customElement('mediatype-icon')
-export class MediatypeIcon extends LitElement {
-  @property({ type: String }) mediatype: string | undefined;
-
-  @property({ type: Boolean }) showText = false;
-
-  private readonly mediatypeIcons: { [key: string]: any } = {
-    audio: audioIcon,
-    collection: collectionIcon,
-    data: etreeIcon,
-    etree: etreeIcon,
-    film: filmIcon,
-    image: imagesIcon,
-    movies: filmIcon,
-    software: softwareIcon,
-    texts: textsIcon,
-    tv: tvIcon,
-    video: videoIcon,
-    web: webIcon,
-  };
-
-  private readonly mediatypeText: { [key: string]: any } = {
-    audio: 'Audio',
-    collection: 'Collection',
-    data: 'Data',
-    etree: 'E-tree',
-    film: 'Film',
-    image: 'Image',
-    movies: 'Movie',
-    software: 'Software',
-    texts: 'Text',
-    tv: 'TV',
-    video: 'Video',
-    web: 'Web',
-  };
-
-  render() {
-    if (!this.mediatype) {
-      return html``;
-    }
-    return html`
-      <div id="icon" class="${this.showText ? 'show-text' : 'hide-text'}">
-        ${this.mediatypeIcons[this.mediatype]}
-        <p class="status-text">${this.mediatypeText[this.mediatype]}</p>
-      </div>
-    `;
-  }
-
-  static get styles(): CSSResultGroup {
-    return css`
-      .status-text {
-        font-size: 14px;
-        color: #2c2c2c;
-        margin: auto;
-        display: block;
-        text-align: center;
-      }
-
-      #icon.hide-text p {
-        display: none;
-      }
-
-      #icon.show-text svg {
-        height: 10px;
-        width: 10px;
-      }
-    `;
-  }
-}

package/src/sort-filter-bar/img/grid.ts

@@ -1,5 +0,0 @@
-import { svg } from 'lit';
-
-export const gridIcon = svg`
-<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="m45 13h-45v60h45zm55 0h-45v32h45zm0 42h-45v32h45z"/></svg>
-`;

package/src/tiles/loading-tile.ts

@@ -1,70 +0,0 @@
-import { css, html, LitElement } from 'lit';
-import { customElement } from 'lit/decorators.js';
-
-@customElement('loading-tile')
-export class LoadingTile extends LitElement {
-  render() {
-    return html` <div id="container"></div> `;
-  }
-
-  static get styles() {
-    return css`
-      :host {
-        display: block;
-        height: 100%;
-      }
-
-      #container {
-        background: linear-gradient(
-          to right,
-          rgba(25, 69, 154, 0.1),
-          rgb(105, 161, 234, 0.2)
-        );
-        background-size: 400% 400%;
-
-        -webkit-animation: AnimationName 4s ease infinite;
-        -moz-animation: AnimationName 4s ease infinite;
-        animation: AnimationName 4s ease infinite;
-
-        display: block;
-        height: 100%;
-      }
-
-      @-webkit-keyframes AnimationName {
-        0% {
-          background-position: 0% 50%;
-        }
-        50% {
-          background-position: 100% 50%;
-        }
-        100% {
-          background-position: 0% 50%;
-        }
-      }
-
-      @-moz-keyframes AnimationName {
-        0% {
-          background-position: 0% 50%;
-        }
-        50% {
-          background-position: 100% 50%;
-        }
-        100% {
-          background-position: 0% 50%;
-        }
-      }
-
-      @keyframes AnimationName {
-        0% {
-          background-position: 0% 50%;
-        }
-        50% {
-          background-position: 100% 50%;
-        }
-        100% {
-          background-position: 0% 50%;
-        }
-      }
-    `;
-  }
-}