@internetarchive/collection-browser 0.3.2-alpha.3 → 0.3.2-alpha.5

package/dist/src/collection-facets.js

@@ -2,7 +2,6 @@ import { __decorate } from "tslib";
 /* eslint-disable import/no-duplicates */
 import { css, html, LitElement, nothing, } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
-import { SearchType, } from '@internetarchive/search-service';
 import '@internetarchive/histogram-date-range';
 import '@internetarchive/feature-feedback';
 import '@internetarchive/collection-name-cache';
@@ -14,6 +13,7 @@ import './collection-facets/facets-template';
 let CollectionFacets = class CollectionFacets extends LitElement {
     constructor() {
         super(...arguments);
+        this.moreLinksVisible = true;
         this.facetsLoading = false;
         this.fullYearAggregationLoading = false;
         this.collapsableFacets = false;
@@ -30,18 +30,18 @@ let CollectionFacets = class CollectionFacets extends LitElement {
         this.allowedFacetCount = 6;
     }
     render() {
-        return html `
-      <div id="container" class="${this.facetsLoading ? 'loading' : ''}">
+        return html `
+      <div id="container" class="${this.facetsLoading ? 'loading' : ''}">
         ${this.showHistogramDatePicker && this.fullYearsHistogramAggregation
-            ? html `
-              <div class="facet-group">
-                <h1>Year Published <feature-feedback></feature-feedback></h1>
-                ${this.histogramTemplate}
-              </div>
+            ? html `
+              <div class="facet-group">
+                <h1>Year Published <feature-feedback></feature-feedback></h1>
+                ${this.histogramTemplate}
+              </div>
             `
-            : nothing}
-        ${this.mergedFacets.map(facetGroup => this.getFacetGroupTemplate(facetGroup))}
-      </div>
+            : nothing}
+        ${this.mergedFacets.map(facetGroup => this.getFacetGroupTemplate(facetGroup))}
+      </div>
     `;
     }
     updated(changed) {
@@ -62,18 +62,18 @@ let CollectionFacets = class CollectionFacets extends LitElement {
     }
     get histogramTemplate() {
         const { fullYearsHistogramAggregation } = this;
-        return html `
-      <histogram-date-range
-        .minDate=${fullYearsHistogramAggregation === null || fullYearsHistogramAggregation === void 0 ? void 0 : fullYearsHistogramAggregation.first_bucket_key}
-        .maxDate=${fullYearsHistogramAggregation === null || fullYearsHistogramAggregation === void 0 ? void 0 : fullYearsHistogramAggregation.last_bucket_key}
-        .minSelectedDate=${this.minSelectedDate}
-        .maxSelectedDate=${this.maxSelectedDate}
-        .updateDelay=${100}
-        missingDataMessage="..."
-        .width=${180}
-        .bins=${fullYearsHistogramAggregation === null || fullYearsHistogramAggregation === void 0 ? void 0 : fullYearsHistogramAggregation.buckets}
-        @histogramDateRangeUpdated=${this.histogramDateRangeUpdated}
-      ></histogram-date-range>
+        return html `
+      <histogram-date-range
+        .minDate=${fullYearsHistogramAggregation === null || fullYearsHistogramAggregation === void 0 ? void 0 : fullYearsHistogramAggregation.first_bucket_key}
+        .maxDate=${fullYearsHistogramAggregation === null || fullYearsHistogramAggregation === void 0 ? void 0 : fullYearsHistogramAggregation.last_bucket_key}
+        .minSelectedDate=${this.minSelectedDate}
+        .maxSelectedDate=${this.maxSelectedDate}
+        .updateDelay=${100}
+        missingDataMessage="..."
+        .width=${180}
+        .bins=${fullYearsHistogramAggregation === null || fullYearsHistogramAggregation === void 0 ? void 0 : fullYearsHistogramAggregation.buckets}
+        @histogramDateRangeUpdated=${this.histogramDateRangeUpdated}
+      ></histogram-date-range>
     `;
     }
     histogramDateRangeUpdated(e) {
@@ -237,47 +237,47 @@ let CollectionFacets = class CollectionFacets extends LitElement {
             return nothing;
         const { key } = facetGroup;
         const isOpen = this.openFacets[key];
-        const collapser = html `
-      <span class="collapser ${isOpen ? 'open' : ''}"> ${chevronIcon} </span>
+        const collapser = html `
+      <span class="collapser ${isOpen ? 'open' : ''}"> ${chevronIcon} </span>
     `;
-        return html `
-      <div class="facet-group ${this.collapsableFacets ? 'mobile' : ''}">
-        <div class="facet-group-header">
-          <h1
+        return html `
+      <div class="facet-group ${this.collapsableFacets ? 'mobile' : ''}">
+        <div class="facet-group-header">
+          <h1
             @click=${() => {
             const newOpenFacets = { ...this.openFacets };
             newOpenFacets[key] = !isOpen;
             this.openFacets = newOpenFacets;
-        }}
+        }}
             @keyup=${() => {
             const newOpenFacets = { ...this.openFacets };
             newOpenFacets[key] = !isOpen;
             this.openFacets = newOpenFacets;
-        }}
-          >
-            ${this.collapsableFacets ? collapser : nothing} ${facetGroup.title}
-          </h1>
-          ${this.moreFacetsSortingIcon(facetGroup)}
-        </div>
-        <div class="facet-group-content ${isOpen ? 'open' : ''}">
-          ${this.getFacetTemplate(facetGroup)}
-          ${this.searchMoreFacetsLink(facetGroup)}
-        </div>
-      </div>
+        }}
+          >
+            ${this.collapsableFacets ? collapser : nothing} ${facetGroup.title}
+          </h1>
+          ${this.moreFacetsSortingIcon(facetGroup)}
+        </div>
+        <div class="facet-group-content ${isOpen ? 'open' : ''}">
+          ${this.getFacetTemplate(facetGroup)}
+          ${this.searchMoreFacetsLink(facetGroup)}
+        </div>
+      </div>
     `;
     }
     moreFacetsSortingIcon(facetGroup) {
         // Display the sorting icon for every facet group except lending
         return facetGroup.key === 'lending'
             ? nothing
-            : html `
-          <input
-            class="sorting-icon"
-            type="image"
-            @click=${() => this.showMoreFacetsModal(facetGroup, 'alpha')}
-            src="https://archive.org/images/filter-count.png"
-            alt="Sort alphabetically"
-          />
+            : html `
+          <input
+            class="sorting-icon"
+            type="image"
+            @click=${() => this.showMoreFacetsModal(facetGroup, 'alpha')}
+            src="https://archive.org/images/filter-count.png"
+            alt="Sort alphabetically"
+          />
         `;
     }
     /**
@@ -287,7 +287,7 @@ let CollectionFacets = class CollectionFacets extends LitElement {
      */
     searchMoreFacetsLink(facetGroup) {
         // Don't render More... links for FTS searches
-        if (this.previousSearchType === SearchType.FULLTEXT) {
+        if (!this.moreLinksVisible) {
             return nothing;
         }
         // Don't render More... links for lending facets
@@ -298,31 +298,31 @@ let CollectionFacets = class CollectionFacets extends LitElement {
         if (Object.keys(facetGroup.buckets).length < this.allowedFacetCount) {
             return nothing;
         }
-        return html `<button
-      class="more-link"
+        return html `<button
+      class="more-link"
       @click=${() => {
             this.showMoreFacetsModal(facetGroup, 'count');
             this.dispatchEvent(new CustomEvent('showMoreFacets', { detail: facetGroup.key }));
-        }}
-    >
-      More...
+        }}
+    >
+      More...
     </button>`;
     }
     async showMoreFacetsModal(facetGroup, sortedBy) {
         var _a, _b;
         const facetAggrKey = facetGroup.key;
-        const customModalContent = html `
-      <more-facets-content
-        .facetKey=${facetGroup.key}
-        .facetAggregationKey=${facetAggrKey}
-        .fullQuery=${this.fullQuery}
-        .modalManager=${this.modalManager}
-        .searchService=${this.searchService}
-        .searchType=${this.searchType}
-        .collectionNameCache=${this.collectionNameCache}
-        .languageCodeHandler=${this.languageCodeHandler}
-        .selectedFacets=${this.selectedFacets}
-        .sortedBy=${sortedBy}
+        const customModalContent = html `
+      <more-facets-content
+        .facetKey=${facetGroup.key}
+        .facetAggregationKey=${facetAggrKey}
+        .fullQuery=${this.fullQuery}
+        .modalManager=${this.modalManager}
+        .searchService=${this.searchService}
+        .searchType=${this.searchType}
+        .collectionNameCache=${this.collectionNameCache}
+        .languageCodeHandler=${this.languageCodeHandler}
+        .selectedFacets=${this.selectedFacets}
+        .sortedBy=${sortedBy}
         @facetsChanged=${(e) => {
             const event = new CustomEvent('facetsChanged', {
                 detail: e.detail,
@@ -330,9 +330,9 @@ let CollectionFacets = class CollectionFacets extends LitElement {
                 composed: true,
             });
             this.dispatchEvent(event);
-        }}
-      >
-      </more-facets-content>
+        }}
+      >
+      </more-facets-content>
     `;
         const config = new ModalConfig({
             bodyColor: '#fff',
@@ -351,12 +351,12 @@ let CollectionFacets = class CollectionFacets extends LitElement {
      * Generate the list template for each bucket in a facet group
      */
     getFacetTemplate(facetGroup) {
-        return html `
-      <facets-template
-        .facetGroup=${facetGroup}
-        .selectedFacets=${this.selectedFacets}
-        .renderOn=${'page'}
-        .collectionNameCache=${this.collectionNameCache}
+        return html `
+      <facets-template
+        .facetGroup=${facetGroup}
+        .selectedFacets=${this.selectedFacets}
+        .renderOn=${'page'}
+        .collectionNameCache=${this.collectionNameCache}
         @selectedFacetsChanged=${(e) => {
             const event = new CustomEvent('facetsChanged', {
                 detail: e.detail,
@@ -364,83 +364,83 @@ let CollectionFacets = class CollectionFacets extends LitElement {
                 composed: true,
             });
             this.dispatchEvent(event);
-        }}
-      ></facets-template>
+        }}
+      ></facets-template>
     `;
     }
     static get styles() {
-        return css `
-      #container.loading {
-        opacity: 0.5;
-      }
-
-      .collapser {
-        display: inline-block;
-        cursor: pointer;
-        width: 10px;
-        height: 10px;
-      }
-
-      .collapser svg {
-        transition: transform 0.2s ease-in-out;
-      }
-
-      .collapser.open svg {
-        transform: rotate(90deg);
-      }
-
-      .facet-group {
-        margin-bottom: 2rem;
-      }
-
-      .facet-group h1 {
-        margin-bottom: 0.7rem;
-      }
-
-      .facet-group.mobile h1 {
-        cursor: pointer;
-      }
-
-      .facet-group-header {
-        display: flex;
-        margin-bottom: 0.7rem;
-        justify-content: space-between;
-        border-bottom: 1px solid rgb(232, 232, 232);
-      }
-
-      .facet-group-content {
-        transition: max-height 0.2s ease-in-out;
-      }
-
-      .facet-group.mobile .facet-group-content {
-        max-height: 0;
-        overflow: hidden;
-      }
-
-      .facet-group.mobile .facet-group-content.open {
-        max-height: 2000px;
-      }
-
-      h1 {
-        font-size: 1.4rem;
-        font-weight: 200
-        padding-bottom: 3px;
-        margin: 0;
-      }
-
-      .more-link {
-        font-size: 1.2rem;
-        text-decoration: none;
-        padding: 0;
-        background: inherit;
-        border: 0;
-        color: blue;
-        cursor: pointer;
-      }
-      .sorting-icon {
-        height: 15px;
-        cursor: pointer;
-      }
+        return css `
+      #container.loading {
+        opacity: 0.5;
+      }
+
+      .collapser {
+        display: inline-block;
+        cursor: pointer;
+        width: 10px;
+        height: 10px;
+      }
+
+      .collapser svg {
+        transition: transform 0.2s ease-in-out;
+      }
+
+      .collapser.open svg {
+        transform: rotate(90deg);
+      }
+
+      .facet-group {
+        margin-bottom: 2rem;
+      }
+
+      .facet-group h1 {
+        margin-bottom: 0.7rem;
+      }
+
+      .facet-group.mobile h1 {
+        cursor: pointer;
+      }
+
+      .facet-group-header {
+        display: flex;
+        margin-bottom: 0.7rem;
+        justify-content: space-between;
+        border-bottom: 1px solid rgb(232, 232, 232);
+      }
+
+      .facet-group-content {
+        transition: max-height 0.2s ease-in-out;
+      }
+
+      .facet-group.mobile .facet-group-content {
+        max-height: 0;
+        overflow: hidden;
+      }
+
+      .facet-group.mobile .facet-group-content.open {
+        max-height: 2000px;
+      }
+
+      h1 {
+        font-size: 1.4rem;
+        font-weight: 200
+        padding-bottom: 3px;
+        margin: 0;
+      }
+
+      .more-link {
+        font-size: 1.2rem;
+        text-decoration: none;
+        padding: 0;
+        background: inherit;
+        border: 0;
+        color: blue;
+        cursor: pointer;
+      }
+      .sorting-icon {
+        height: 15px;
+        cursor: pointer;
+      }
     `;
     }
 };
@@ -456,15 +456,15 @@ __decorate([
 __decorate([
     property({ type: Object })
 ], CollectionFacets.prototype, "fullYearsHistogramAggregation", void 0);
-__decorate([
-    property({ type: Number })
-], CollectionFacets.prototype, "previousSearchType", void 0);
 __decorate([
     property({ type: String })
 ], CollectionFacets.prototype, "minSelectedDate", void 0);
 __decorate([
     property({ type: String })
 ], CollectionFacets.prototype, "maxSelectedDate", void 0);
+__decorate([
+    property({ type: Boolean })
+], CollectionFacets.prototype, "moreLinksVisible", void 0);
 __decorate([
     property({ type: Boolean })
 ], CollectionFacets.prototype, "facetsLoading", void 0);

package/dist/src/collection-facets.js.map

@@ -1 +1 @@
-{"version":3,"file":"collection-facets.js","sourceRoot":"","sources":["../../src/collection-facets.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable import/no-duplicates */\r\nimport {\r\n  css,\r\n  html,\r\n  LitElement,\r\n  PropertyValues,\r\n  nothing,\r\n  TemplateResult,\r\n} from 'lit';\r\nimport { customElement, property, state } from 'lit/decorators.js';\r\nimport {\r\n  Aggregation,\r\n  Bucket,\r\n  SearchServiceInterface,\r\n  SearchType,\r\n} from '@internetarchive/search-service';\r\nimport '@internetarchive/histogram-date-range';\r\nimport '@internetarchive/feature-feedback';\r\nimport '@internetarchive/collection-name-cache';\r\nimport type { CollectionNameCacheInterface } from '@internetarchive/collection-name-cache';\r\nimport {\r\n  ModalConfig,\r\n  ModalManagerInterface,\r\n} from '@internetarchive/modal-manager';\r\nimport chevronIcon from './assets/img/icons/chevron';\r\nimport {\r\n  FacetOption,\r\n  SelectedFacets,\r\n  FacetGroup,\r\n  FacetBucket,\r\n  facetDisplayOrder,\r\n  facetTitles,\r\n  lendingFacetDisplayNames,\r\n  lendingFacetKeysVisibility,\r\n  LendingFacetKey,\r\n} from './models';\r\nimport type { LanguageCodeHandlerInterface } from './language-code-handler/language-code-handler';\r\nimport './collection-facets/more-facets-content';\r\nimport './collection-facets/facets-template';\r\n\r\n@customElement('collection-facets')\r\nexport class CollectionFacets extends LitElement {\r\n  @property({ type: Object }) searchService?: SearchServiceInterface;\r\n\r\n  @property({ type: String }) searchType?: SearchType;\r\n\r\n  @property({ type: Object }) aggregations?: Record<string, Aggregation>;\r\n\r\n  @property({ type: Object }) fullYearsHistogramAggregation?: Aggregation;\r\n\r\n  @property({ type: Number }) previousSearchType?: SearchType;\r\n\r\n  @property({ type: String }) minSelectedDate?: string;\r\n\r\n  @property({ type: String }) maxSelectedDate?: string;\r\n\r\n  @property({ type: Boolean }) facetsLoading = false;\r\n\r\n  @property({ type: Boolean }) fullYearAggregationLoading = false;\r\n\r\n  @property({ type: Object }) selectedFacets?: SelectedFacets;\r\n\r\n  @property({ type: Boolean }) collapsableFacets = false;\r\n\r\n  @property({ type: Boolean }) showHistogramDatePicker = false;\r\n\r\n  @property({ type: String }) fullQuery?: string;\r\n\r\n  @property({ type: Object }) modalManager?: ModalManagerInterface;\r\n\r\n  @property({ type: Object })\r\n  languageCodeHandler?: LanguageCodeHandlerInterface;\r\n\r\n  @property({ type: Object })\r\n  collectionNameCache?: CollectionNameCacheInterface;\r\n\r\n  /** Fires when a facet is clicked */\r\n  @property({ type: Function }) onFacetClick?: (\r\n    name: FacetOption,\r\n    facetChecked: boolean,\r\n    negative: boolean\r\n  ) => void;\r\n\r\n  @state() openFacets: Record<FacetOption, boolean> = {\r\n    subject: false,\r\n    lending: false,\r\n    mediatype: false,\r\n    language: false,\r\n    creator: false,\r\n    collection: false,\r\n    year: false,\r\n  };\r\n\r\n  @property({ type: Object, attribute: false })\r\n\r\n  /**\r\n   * render number of facet items\r\n   */\r\n  private allowedFacetCount = 6;\r\n\r\n  render() {\r\n    return html`\r\n      <div id=\"container\" class=\"${this.facetsLoading ? 'loading' : ''}\">\r\n        ${this.showHistogramDatePicker && this.fullYearsHistogramAggregation\r\n          ? html`\r\n              <div class=\"facet-group\">\r\n                <h1>Year Published <feature-feedback></feature-feedback></h1>\r\n                ${this.histogramTemplate}\r\n              </div>\r\n            `\r\n          : nothing}\r\n        ${this.mergedFacets.map(facetGroup =>\r\n          this.getFacetGroupTemplate(facetGroup)\r\n        )}\r\n      </div>\r\n    `;\r\n  }\r\n\r\n  updated(changed: PropertyValues) {\r\n    if (changed.has('selectedFacets')) {\r\n      this.dispatchFacetsChangedEvent();\r\n    }\r\n  }\r\n\r\n  // TODO: want to fire analytics?\r\n  private dispatchFacetsChangedEvent() {\r\n    const event = new CustomEvent<SelectedFacets>('facetsChanged', {\r\n      detail: this.selectedFacets,\r\n    });\r\n    this.dispatchEvent(event);\r\n  }\r\n\r\n  private get currentYearsHistogramAggregation(): Aggregation | undefined {\r\n    return this.aggregations?.year_histogram;\r\n  }\r\n\r\n  private get histogramTemplate() {\r\n    const { fullYearsHistogramAggregation } = this;\r\n    return html`\r\n      <histogram-date-range\r\n        .minDate=${fullYearsHistogramAggregation?.first_bucket_key}\r\n        .maxDate=${fullYearsHistogramAggregation?.last_bucket_key}\r\n        .minSelectedDate=${this.minSelectedDate}\r\n        .maxSelectedDate=${this.maxSelectedDate}\r\n        .updateDelay=${100}\r\n        missingDataMessage=\"...\"\r\n        .width=${180}\r\n        .bins=${fullYearsHistogramAggregation?.buckets as number[]}\r\n        @histogramDateRangeUpdated=${this.histogramDateRangeUpdated}\r\n      ></histogram-date-range>\r\n    `;\r\n  }\r\n\r\n  private histogramDateRangeUpdated(\r\n    e: CustomEvent<{\r\n      minDate: string;\r\n      maxDate: string;\r\n    }>\r\n  ) {\r\n    const { minDate, maxDate } = e.detail;\r\n    const event = new CustomEvent('histogramDateRangeUpdated', {\r\n      detail: { minDate, maxDate },\r\n    });\r\n    this.dispatchEvent(event);\r\n  }\r\n\r\n  /**\r\n   * Combines the selected facets with the aggregations to create a single list of facets\r\n   */\r\n  private get mergedFacets(): FacetGroup[] {\r\n    const facetGroups: FacetGroup[] = [];\r\n\r\n    facetDisplayOrder.forEach(facetKey => {\r\n      const selectedFacetGroup = this.selectedFacetGroups.find(\r\n        group => group.key === facetKey\r\n      );\r\n      const aggregateFacetGroup = this.aggregationFacetGroups.find(\r\n        group => group.key === facetKey\r\n      );\r\n\r\n      // if the user selected a facet, but it's not in the aggregation, we add it as-is\r\n      if (selectedFacetGroup && !aggregateFacetGroup) {\r\n        facetGroups.push(selectedFacetGroup);\r\n        return;\r\n      }\r\n\r\n      // if we don't have an aggregate facet group, don't add this to the list\r\n      if (!aggregateFacetGroup) return;\r\n\r\n      // start with either the selected group if we have one, or the aggregate group\r\n      const facetGroup = selectedFacetGroup ?? aggregateFacetGroup;\r\n\r\n      // attach the counts to the selected buckets\r\n      let bucketsWithCount =\r\n        selectedFacetGroup?.buckets.map(bucket => {\r\n          const selectedBucket = aggregateFacetGroup.buckets.find(\r\n            b => b.key === bucket.key\r\n          );\r\n          return selectedBucket\r\n            ? {\r\n                ...bucket,\r\n                count: selectedBucket.count,\r\n              }\r\n            : bucket;\r\n        }) ?? [];\r\n\r\n      // append any additional buckets that were not selected\r\n      aggregateFacetGroup.buckets.forEach(bucket => {\r\n        const existingBucket = bucketsWithCount.find(b => b.key === bucket.key);\r\n        if (existingBucket) return;\r\n        bucketsWithCount.push(bucket);\r\n      });\r\n\r\n      // For lending facets, only include a specific subset of buckets\r\n      if (facetKey === 'lending') {\r\n        bucketsWithCount = bucketsWithCount.filter(\r\n          bucket => lendingFacetKeysVisibility[bucket.key as LendingFacetKey]\r\n        );\r\n      }\r\n\r\n      /**\r\n       * render limited facet items on page facet area\r\n       *\r\n       * - by-default we are showing 6 items\r\n       * - additionally want to show all items (selected/suppressed) in page facet area\r\n       */\r\n      let allowedFacetCount = Object.keys(\r\n        (selectedFacetGroup?.buckets as []) || []\r\n      )?.length;\r\n      if (allowedFacetCount < this.allowedFacetCount) {\r\n        allowedFacetCount = this.allowedFacetCount; // splice start index from 0th\r\n      }\r\n\r\n      // splice how many items we want to show in page facet area\r\n      facetGroup.buckets = bucketsWithCount.splice(0, allowedFacetCount);\r\n\r\n      facetGroups.push(facetGroup);\r\n    });\r\n\r\n    return facetGroups;\r\n  }\r\n\r\n  /**\r\n   * Converts the selected facets to a `FacetGroup` array,\r\n   * which is easier to work with\r\n   */\r\n  private get selectedFacetGroups(): FacetGroup[] {\r\n    if (!this.selectedFacets) return [];\r\n\r\n    const facetGroups: FacetGroup[] = Object.entries(this.selectedFacets).map(\r\n      ([key, selectedFacets]) => {\r\n        const option = key as FacetOption;\r\n        const title = facetTitles[option];\r\n\r\n        const buckets: FacetBucket[] = Object.entries(selectedFacets).map(\r\n          ([value, facetData]) => {\r\n            let displayText = value;\r\n            // for selected languages, we store the language code instead of the\r\n            // display name, so look up the name from the mapping\r\n            if (option === 'language') {\r\n              displayText =\r\n                this.languageCodeHandler?.getLanguageNameFromCodeString(\r\n                  value\r\n                ) ?? value;\r\n            }\r\n            // for lending facets, convert the key to a readable format\r\n            if (option === 'lending') {\r\n              displayText =\r\n                lendingFacetDisplayNames[value as LendingFacetKey] ?? value;\r\n            }\r\n            return {\r\n              displayText,\r\n              key: value,\r\n              count: facetData.count,\r\n              state: facetData.state,\r\n            };\r\n          }\r\n        );\r\n\r\n        return {\r\n          title,\r\n          key: option,\r\n          buckets,\r\n        };\r\n      }\r\n    );\r\n\r\n    return facetGroups;\r\n  }\r\n\r\n  /**\r\n   * Converts the raw `aggregations` to `FacetGroups`, which are easier to use\r\n   */\r\n  private get aggregationFacetGroups(): FacetGroup[] {\r\n    const facetGroups: FacetGroup[] = [];\r\n    Object.entries(this.aggregations ?? []).forEach(([key, buckets]) => {\r\n      // the year_histogram data is in a different format so can't be handled here\r\n      if (key === 'year_histogram') return;\r\n\r\n      const option = key as FacetOption;\r\n      const title = facetTitles[option];\r\n      if (!title) return;\r\n\r\n      const castedBuckets = buckets.buckets as Bucket[];\r\n\r\n      // we are not showing fav- items in facets\r\n      castedBuckets?.filter(\r\n        bucket => bucket?.key?.toString()?.startsWith('fav-') === false\r\n      );\r\n\r\n      const facetBuckets: FacetBucket[] = castedBuckets.map(bucket => {\r\n        let bucketKey = bucket.key;\r\n        let displayText = `${bucket.key}`;\r\n        // for languages, we need to search by language code instead of the\r\n        // display name, which is what we get from the search engine result\r\n        if (option === 'language') {\r\n          // const languageCodeKey = languageToCodeMap[bucket.key];\r\n          bucketKey =\r\n            this.languageCodeHandler?.getCodeStringFromLanguageName(\r\n              `${bucket.key}`\r\n            ) ?? bucket.key;\r\n          // bucketKey = languageCodeKey ?? bucket.key;\r\n        }\r\n        // for lending facets, convert the bucket key to a readable format\r\n        if (option === 'lending') {\r\n          displayText =\r\n            lendingFacetDisplayNames[bucket.key as LendingFacetKey] ??\r\n            `${bucket.key}`;\r\n        }\r\n        return {\r\n          displayText,\r\n          key: `${bucketKey}`,\r\n          count: bucket.doc_count,\r\n          state: 'none',\r\n        };\r\n      });\r\n      const group: FacetGroup = {\r\n        title,\r\n        key: option,\r\n        buckets: facetBuckets,\r\n      };\r\n      facetGroups.push(group);\r\n    });\r\n    return facetGroups;\r\n  }\r\n\r\n  /**\r\n   * Generate the template for a facet group with a header and the collapsible\r\n   * chevron for the mobile view\r\n   */\r\n  private getFacetGroupTemplate(\r\n    facetGroup: FacetGroup\r\n  ): TemplateResult | typeof nothing {\r\n    if (facetGroup.buckets.length === 0) return nothing;\r\n    const { key } = facetGroup;\r\n    const isOpen = this.openFacets[key];\r\n    const collapser = html`\r\n      <span class=\"collapser ${isOpen ? 'open' : ''}\"> ${chevronIcon} </span>\r\n    `;\r\n\r\n    return html`\r\n      <div class=\"facet-group ${this.collapsableFacets ? 'mobile' : ''}\">\r\n        <div class=\"facet-group-header\">\r\n          <h1\r\n            @click=${() => {\r\n              const newOpenFacets = { ...this.openFacets };\r\n              newOpenFacets[key] = !isOpen;\r\n              this.openFacets = newOpenFacets;\r\n            }}\r\n            @keyup=${() => {\r\n              const newOpenFacets = { ...this.openFacets };\r\n              newOpenFacets[key] = !isOpen;\r\n              this.openFacets = newOpenFacets;\r\n            }}\r\n          >\r\n            ${this.collapsableFacets ? collapser : nothing} ${facetGroup.title}\r\n          </h1>\r\n          ${this.moreFacetsSortingIcon(facetGroup)}\r\n        </div>\r\n        <div class=\"facet-group-content ${isOpen ? 'open' : ''}\">\r\n          ${this.getFacetTemplate(facetGroup)}\r\n          ${this.searchMoreFacetsLink(facetGroup)}\r\n        </div>\r\n      </div>\r\n    `;\r\n  }\r\n\r\n  private moreFacetsSortingIcon(\r\n    facetGroup: FacetGroup\r\n  ): TemplateResult | typeof nothing {\r\n    // Display the sorting icon for every facet group except lending\r\n    return facetGroup.key === 'lending'\r\n      ? nothing\r\n      : html`\r\n          <input\r\n            class=\"sorting-icon\"\r\n            type=\"image\"\r\n            @click=${() => this.showMoreFacetsModal(facetGroup, 'alpha')}\r\n            src=\"https://archive.org/images/filter-count.png\"\r\n            alt=\"Sort alphabetically\"\r\n          />\r\n        `;\r\n  }\r\n\r\n  /**\r\n   * Generate the More... link button just below the facets group\r\n   *\r\n   * TODO: want to fire analytics?\r\n   */\r\n  private searchMoreFacetsLink(\r\n    facetGroup: FacetGroup\r\n  ): TemplateResult | typeof nothing {\r\n    // Don't render More... links for FTS searches\r\n    if (this.previousSearchType === SearchType.FULLTEXT) {\r\n      return nothing;\r\n    }\r\n\r\n    // Don't render More... links for lending facets\r\n    if (facetGroup.key === 'lending') {\r\n      return nothing;\r\n    }\r\n\r\n    // Don't render More... link if the number of facets < this.allowedFacetCount\r\n    if (Object.keys(facetGroup.buckets).length < this.allowedFacetCount) {\r\n      return nothing;\r\n    }\r\n\r\n    return html`<button\r\n      class=\"more-link\"\r\n      @click=${() => {\r\n        this.showMoreFacetsModal(facetGroup, 'count');\r\n        this.dispatchEvent(\r\n          new CustomEvent('showMoreFacets', { detail: facetGroup.key })\r\n        );\r\n      }}\r\n    >\r\n      More...\r\n    </button>`;\r\n  }\r\n\r\n  async showMoreFacetsModal(\r\n    facetGroup: FacetGroup,\r\n    sortedBy: string\r\n  ): Promise<void> {\r\n    const facetAggrKey = facetGroup.key;\r\n\r\n    const customModalContent = html`\r\n      <more-facets-content\r\n        .facetKey=${facetGroup.key}\r\n        .facetAggregationKey=${facetAggrKey}\r\n        .fullQuery=${this.fullQuery}\r\n        .modalManager=${this.modalManager}\r\n        .searchService=${this.searchService}\r\n        .searchType=${this.searchType}\r\n        .collectionNameCache=${this.collectionNameCache}\r\n        .languageCodeHandler=${this.languageCodeHandler}\r\n        .selectedFacets=${this.selectedFacets}\r\n        .sortedBy=${sortedBy}\r\n        @facetsChanged=${(e: CustomEvent) => {\r\n          const event = new CustomEvent<SelectedFacets>('facetsChanged', {\r\n            detail: e.detail,\r\n            bubbles: true,\r\n            composed: true,\r\n          });\r\n          this.dispatchEvent(event);\r\n        }}\r\n      >\r\n      </more-facets-content>\r\n    `;\r\n\r\n    const config = new ModalConfig({\r\n      bodyColor: '#fff',\r\n      headerColor: '#194880',\r\n      showHeaderLogo: false,\r\n      closeOnBackdropClick: true, // TODO: want to fire analytics\r\n      title: html`Select filters`,\r\n    });\r\n    this.modalManager?.classList.add('more-search-facets');\r\n    this.modalManager?.showModal({\r\n      config,\r\n      customModalContent,\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Generate the list template for each bucket in a facet group\r\n   */\r\n  private getFacetTemplate(facetGroup: FacetGroup): TemplateResult {\r\n    return html`\r\n      <facets-template\r\n        .facetGroup=${facetGroup}\r\n        .selectedFacets=${this.selectedFacets}\r\n        .renderOn=${'page'}\r\n        .collectionNameCache=${this.collectionNameCache}\r\n        @selectedFacetsChanged=${(e: CustomEvent) => {\r\n          const event = new CustomEvent<SelectedFacets>('facetsChanged', {\r\n            detail: e.detail,\r\n            bubbles: true,\r\n            composed: true,\r\n          });\r\n          this.dispatchEvent(event);\r\n        }}\r\n      ></facets-template>\r\n    `;\r\n  }\r\n\r\n  static get styles() {\r\n    return css`\r\n      #container.loading {\r\n        opacity: 0.5;\r\n      }\r\n\r\n      .collapser {\r\n        display: inline-block;\r\n        cursor: pointer;\r\n        width: 10px;\r\n        height: 10px;\r\n      }\r\n\r\n      .collapser svg {\r\n        transition: transform 0.2s ease-in-out;\r\n      }\r\n\r\n      .collapser.open svg {\r\n        transform: rotate(90deg);\r\n      }\r\n\r\n      .facet-group {\r\n        margin-bottom: 2rem;\r\n      }\r\n\r\n      .facet-group h1 {\r\n        margin-bottom: 0.7rem;\r\n      }\r\n\r\n      .facet-group.mobile h1 {\r\n        cursor: pointer;\r\n      }\r\n\r\n      .facet-group-header {\r\n        display: flex;\r\n        margin-bottom: 0.7rem;\r\n        justify-content: space-between;\r\n        border-bottom: 1px solid rgb(232, 232, 232);\r\n      }\r\n\r\n      .facet-group-content {\r\n        transition: max-height 0.2s ease-in-out;\r\n      }\r\n\r\n      .facet-group.mobile .facet-group-content {\r\n        max-height: 0;\r\n        overflow: hidden;\r\n      }\r\n\r\n      .facet-group.mobile .facet-group-content.open {\r\n        max-height: 2000px;\r\n      }\r\n\r\n      h1 {\r\n        font-size: 1.4rem;\r\n        font-weight: 200\r\n        padding-bottom: 3px;\r\n        margin: 0;\r\n      }\r\n\r\n      .more-link {\r\n        font-size: 1.2rem;\r\n        text-decoration: none;\r\n        padding: 0;\r\n        background: inherit;\r\n        border: 0;\r\n        color: blue;\r\n        cursor: pointer;\r\n      }\r\n      .sorting-icon {\r\n        height: 15px;\r\n        cursor: pointer;\r\n      }\r\n    `;\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"collection-facets.js","sourceRoot":"","sources":["../../src/collection-facets.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable import/no-duplicates */\nimport {\n  css,\n  html,\n  LitElement,\n  PropertyValues,\n  nothing,\n  TemplateResult,\n} from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport type {\n  Aggregation,\n  Bucket,\n  SearchServiceInterface,\n  SearchType,\n} from '@internetarchive/search-service';\nimport '@internetarchive/histogram-date-range';\nimport '@internetarchive/feature-feedback';\nimport '@internetarchive/collection-name-cache';\nimport type { CollectionNameCacheInterface } from '@internetarchive/collection-name-cache';\nimport {\n  ModalConfig,\n  ModalManagerInterface,\n} from '@internetarchive/modal-manager';\nimport chevronIcon from './assets/img/icons/chevron';\nimport {\n  FacetOption,\n  SelectedFacets,\n  FacetGroup,\n  FacetBucket,\n  facetDisplayOrder,\n  facetTitles,\n  lendingFacetDisplayNames,\n  lendingFacetKeysVisibility,\n  LendingFacetKey,\n} from './models';\nimport type { LanguageCodeHandlerInterface } from './language-code-handler/language-code-handler';\nimport './collection-facets/more-facets-content';\nimport './collection-facets/facets-template';\n\n@customElement('collection-facets')\nexport class CollectionFacets extends LitElement {\n  @property({ type: Object }) searchService?: SearchServiceInterface;\n\n  @property({ type: String }) searchType?: SearchType;\n\n  @property({ type: Object }) aggregations?: Record<string, Aggregation>;\n\n  @property({ type: Object }) fullYearsHistogramAggregation?: Aggregation;\n\n  @property({ type: String }) minSelectedDate?: string;\n\n  @property({ type: String }) maxSelectedDate?: string;\n\n  @property({ type: Boolean }) moreLinksVisible = true;\n\n  @property({ type: Boolean }) facetsLoading = false;\n\n  @property({ type: Boolean }) fullYearAggregationLoading = false;\n\n  @property({ type: Object }) selectedFacets?: SelectedFacets;\n\n  @property({ type: Boolean }) collapsableFacets = false;\n\n  @property({ type: Boolean }) showHistogramDatePicker = false;\n\n  @property({ type: String }) fullQuery?: string;\n\n  @property({ type: Object }) modalManager?: ModalManagerInterface;\n\n  @property({ type: Object })\n  languageCodeHandler?: LanguageCodeHandlerInterface;\n\n  @property({ type: Object })\n  collectionNameCache?: CollectionNameCacheInterface;\n\n  /** Fires when a facet is clicked */\n  @property({ type: Function }) onFacetClick?: (\n    name: FacetOption,\n    facetChecked: boolean,\n    negative: boolean\n  ) => void;\n\n  @state() openFacets: Record<FacetOption, boolean> = {\n    subject: false,\n    lending: false,\n    mediatype: false,\n    language: false,\n    creator: false,\n    collection: false,\n    year: false,\n  };\n\n  @property({ type: Object, attribute: false })\n\n  /**\n   * render number of facet items\n   */\n  private allowedFacetCount = 6;\n\n  render() {\n    return html`\n      <div id=\"container\" class=\"${this.facetsLoading ? 'loading' : ''}\">\n        ${this.showHistogramDatePicker && this.fullYearsHistogramAggregation\n          ? html`\n              <div class=\"facet-group\">\n                <h1>Year Published <feature-feedback></feature-feedback></h1>\n                ${this.histogramTemplate}\n              </div>\n            `\n          : nothing}\n        ${this.mergedFacets.map(facetGroup =>\n          this.getFacetGroupTemplate(facetGroup)\n        )}\n      </div>\n    `;\n  }\n\n  updated(changed: PropertyValues) {\n    if (changed.has('selectedFacets')) {\n      this.dispatchFacetsChangedEvent();\n    }\n  }\n\n  // TODO: want to fire analytics?\n  private dispatchFacetsChangedEvent() {\n    const event = new CustomEvent<SelectedFacets>('facetsChanged', {\n      detail: this.selectedFacets,\n    });\n    this.dispatchEvent(event);\n  }\n\n  private get currentYearsHistogramAggregation(): Aggregation | undefined {\n    return this.aggregations?.year_histogram;\n  }\n\n  private get histogramTemplate() {\n    const { fullYearsHistogramAggregation } = this;\n    return html`\n      <histogram-date-range\n        .minDate=${fullYearsHistogramAggregation?.first_bucket_key}\n        .maxDate=${fullYearsHistogramAggregation?.last_bucket_key}\n        .minSelectedDate=${this.minSelectedDate}\n        .maxSelectedDate=${this.maxSelectedDate}\n        .updateDelay=${100}\n        missingDataMessage=\"...\"\n        .width=${180}\n        .bins=${fullYearsHistogramAggregation?.buckets as number[]}\n        @histogramDateRangeUpdated=${this.histogramDateRangeUpdated}\n      ></histogram-date-range>\n    `;\n  }\n\n  private histogramDateRangeUpdated(\n    e: CustomEvent<{\n      minDate: string;\n      maxDate: string;\n    }>\n  ) {\n    const { minDate, maxDate } = e.detail;\n    const event = new CustomEvent('histogramDateRangeUpdated', {\n      detail: { minDate, maxDate },\n    });\n    this.dispatchEvent(event);\n  }\n\n  /**\n   * Combines the selected facets with the aggregations to create a single list of facets\n   */\n  private get mergedFacets(): FacetGroup[] {\n    const facetGroups: FacetGroup[] = [];\n\n    facetDisplayOrder.forEach(facetKey => {\n      const selectedFacetGroup = this.selectedFacetGroups.find(\n        group => group.key === facetKey\n      );\n      const aggregateFacetGroup = this.aggregationFacetGroups.find(\n        group => group.key === facetKey\n      );\n\n      // if the user selected a facet, but it's not in the aggregation, we add it as-is\n      if (selectedFacetGroup && !aggregateFacetGroup) {\n        facetGroups.push(selectedFacetGroup);\n        return;\n      }\n\n      // if we don't have an aggregate facet group, don't add this to the list\n      if (!aggregateFacetGroup) return;\n\n      // start with either the selected group if we have one, or the aggregate group\n      const facetGroup = selectedFacetGroup ?? aggregateFacetGroup;\n\n      // attach the counts to the selected buckets\n      let bucketsWithCount =\n        selectedFacetGroup?.buckets.map(bucket => {\n          const selectedBucket = aggregateFacetGroup.buckets.find(\n            b => b.key === bucket.key\n          );\n          return selectedBucket\n            ? {\n                ...bucket,\n                count: selectedBucket.count,\n              }\n            : bucket;\n        }) ?? [];\n\n      // append any additional buckets that were not selected\n      aggregateFacetGroup.buckets.forEach(bucket => {\n        const existingBucket = bucketsWithCount.find(b => b.key === bucket.key);\n        if (existingBucket) return;\n        bucketsWithCount.push(bucket);\n      });\n\n      // For lending facets, only include a specific subset of buckets\n      if (facetKey === 'lending') {\n        bucketsWithCount = bucketsWithCount.filter(\n          bucket => lendingFacetKeysVisibility[bucket.key as LendingFacetKey]\n        );\n      }\n\n      /**\n       * render limited facet items on page facet area\n       *\n       * - by-default we are showing 6 items\n       * - additionally want to show all items (selected/suppressed) in page facet area\n       */\n      let allowedFacetCount = Object.keys(\n        (selectedFacetGroup?.buckets as []) || []\n      )?.length;\n      if (allowedFacetCount < this.allowedFacetCount) {\n        allowedFacetCount = this.allowedFacetCount; // splice start index from 0th\n      }\n\n      // splice how many items we want to show in page facet area\n      facetGroup.buckets = bucketsWithCount.splice(0, allowedFacetCount);\n\n      facetGroups.push(facetGroup);\n    });\n\n    return facetGroups;\n  }\n\n  /**\n   * Converts the selected facets to a `FacetGroup` array,\n   * which is easier to work with\n   */\n  private get selectedFacetGroups(): FacetGroup[] {\n    if (!this.selectedFacets) return [];\n\n    const facetGroups: FacetGroup[] = Object.entries(this.selectedFacets).map(\n      ([key, selectedFacets]) => {\n        const option = key as FacetOption;\n        const title = facetTitles[option];\n\n        const buckets: FacetBucket[] = Object.entries(selectedFacets).map(\n          ([value, facetData]) => {\n            let displayText = value;\n            // for selected languages, we store the language code instead of the\n            // display name, so look up the name from the mapping\n            if (option === 'language') {\n              displayText =\n                this.languageCodeHandler?.getLanguageNameFromCodeString(\n                  value\n                ) ?? value;\n            }\n            // for lending facets, convert the key to a readable format\n            if (option === 'lending') {\n              displayText =\n                lendingFacetDisplayNames[value as LendingFacetKey] ?? value;\n            }\n            return {\n              displayText,\n              key: value,\n              count: facetData.count,\n              state: facetData.state,\n            };\n          }\n        );\n\n        return {\n          title,\n          key: option,\n          buckets,\n        };\n      }\n    );\n\n    return facetGroups;\n  }\n\n  /**\n   * Converts the raw `aggregations` to `FacetGroups`, which are easier to use\n   */\n  private get aggregationFacetGroups(): FacetGroup[] {\n    const facetGroups: FacetGroup[] = [];\n    Object.entries(this.aggregations ?? []).forEach(([key, buckets]) => {\n      // the year_histogram data is in a different format so can't be handled here\n      if (key === 'year_histogram') return;\n\n      const option = key as FacetOption;\n      const title = facetTitles[option];\n      if (!title) return;\n\n      const castedBuckets = buckets.buckets as Bucket[];\n\n      // we are not showing fav- items in facets\n      castedBuckets?.filter(\n        bucket => bucket?.key?.toString()?.startsWith('fav-') === false\n      );\n\n      const facetBuckets: FacetBucket[] = castedBuckets.map(bucket => {\n        let bucketKey = bucket.key;\n        let displayText = `${bucket.key}`;\n        // for languages, we need to search by language code instead of the\n        // display name, which is what we get from the search engine result\n        if (option === 'language') {\n          // const languageCodeKey = languageToCodeMap[bucket.key];\n          bucketKey =\n            this.languageCodeHandler?.getCodeStringFromLanguageName(\n              `${bucket.key}`\n            ) ?? bucket.key;\n          // bucketKey = languageCodeKey ?? bucket.key;\n        }\n        // for lending facets, convert the bucket key to a readable format\n        if (option === 'lending') {\n          displayText =\n            lendingFacetDisplayNames[bucket.key as LendingFacetKey] ??\n            `${bucket.key}`;\n        }\n        return {\n          displayText,\n          key: `${bucketKey}`,\n          count: bucket.doc_count,\n          state: 'none',\n        };\n      });\n      const group: FacetGroup = {\n        title,\n        key: option,\n        buckets: facetBuckets,\n      };\n      facetGroups.push(group);\n    });\n    return facetGroups;\n  }\n\n  /**\n   * Generate the template for a facet group with a header and the collapsible\n   * chevron for the mobile view\n   */\n  private getFacetGroupTemplate(\n    facetGroup: FacetGroup\n  ): TemplateResult | typeof nothing {\n    if (facetGroup.buckets.length === 0) return nothing;\n    const { key } = facetGroup;\n    const isOpen = this.openFacets[key];\n    const collapser = html`\n      <span class=\"collapser ${isOpen ? 'open' : ''}\"> ${chevronIcon} </span>\n    `;\n\n    return html`\n      <div class=\"facet-group ${this.collapsableFacets ? 'mobile' : ''}\">\n        <div class=\"facet-group-header\">\n          <h1\n            @click=${() => {\n              const newOpenFacets = { ...this.openFacets };\n              newOpenFacets[key] = !isOpen;\n              this.openFacets = newOpenFacets;\n            }}\n            @keyup=${() => {\n              const newOpenFacets = { ...this.openFacets };\n              newOpenFacets[key] = !isOpen;\n              this.openFacets = newOpenFacets;\n            }}\n          >\n            ${this.collapsableFacets ? collapser : nothing} ${facetGroup.title}\n          </h1>\n          ${this.moreFacetsSortingIcon(facetGroup)}\n        </div>\n        <div class=\"facet-group-content ${isOpen ? 'open' : ''}\">\n          ${this.getFacetTemplate(facetGroup)}\n          ${this.searchMoreFacetsLink(facetGroup)}\n        </div>\n      </div>\n    `;\n  }\n\n  private moreFacetsSortingIcon(\n    facetGroup: FacetGroup\n  ): TemplateResult | typeof nothing {\n    // Display the sorting icon for every facet group except lending\n    return facetGroup.key === 'lending'\n      ? nothing\n      : html`\n          <input\n            class=\"sorting-icon\"\n            type=\"image\"\n            @click=${() => this.showMoreFacetsModal(facetGroup, 'alpha')}\n            src=\"https://archive.org/images/filter-count.png\"\n            alt=\"Sort alphabetically\"\n          />\n        `;\n  }\n\n  /**\n   * Generate the More... link button just below the facets group\n   *\n   * TODO: want to fire analytics?\n   */\n  private searchMoreFacetsLink(\n    facetGroup: FacetGroup\n  ): TemplateResult | typeof nothing {\n    // Don't render More... links for FTS searches\n    if (!this.moreLinksVisible) {\n      return nothing;\n    }\n\n    // Don't render More... links for lending facets\n    if (facetGroup.key === 'lending') {\n      return nothing;\n    }\n\n    // Don't render More... link if the number of facets < this.allowedFacetCount\n    if (Object.keys(facetGroup.buckets).length < this.allowedFacetCount) {\n      return nothing;\n    }\n\n    return html`<button\n      class=\"more-link\"\n      @click=${() => {\n        this.showMoreFacetsModal(facetGroup, 'count');\n        this.dispatchEvent(\n          new CustomEvent('showMoreFacets', { detail: facetGroup.key })\n        );\n      }}\n    >\n      More...\n    </button>`;\n  }\n\n  async showMoreFacetsModal(\n    facetGroup: FacetGroup,\n    sortedBy: string\n  ): Promise<void> {\n    const facetAggrKey = facetGroup.key;\n\n    const customModalContent = html`\n      <more-facets-content\n        .facetKey=${facetGroup.key}\n        .facetAggregationKey=${facetAggrKey}\n        .fullQuery=${this.fullQuery}\n        .modalManager=${this.modalManager}\n        .searchService=${this.searchService}\n        .searchType=${this.searchType}\n        .collectionNameCache=${this.collectionNameCache}\n        .languageCodeHandler=${this.languageCodeHandler}\n        .selectedFacets=${this.selectedFacets}\n        .sortedBy=${sortedBy}\n        @facetsChanged=${(e: CustomEvent) => {\n          const event = new CustomEvent<SelectedFacets>('facetsChanged', {\n            detail: e.detail,\n            bubbles: true,\n            composed: true,\n          });\n          this.dispatchEvent(event);\n        }}\n      >\n      </more-facets-content>\n    `;\n\n    const config = new ModalConfig({\n      bodyColor: '#fff',\n      headerColor: '#194880',\n      showHeaderLogo: false,\n      closeOnBackdropClick: true, // TODO: want to fire analytics\n      title: html`Select filters`,\n    });\n    this.modalManager?.classList.add('more-search-facets');\n    this.modalManager?.showModal({\n      config,\n      customModalContent,\n    });\n  }\n\n  /**\n   * Generate the list template for each bucket in a facet group\n   */\n  private getFacetTemplate(facetGroup: FacetGroup): TemplateResult {\n    return html`\n      <facets-template\n        .facetGroup=${facetGroup}\n        .selectedFacets=${this.selectedFacets}\n        .renderOn=${'page'}\n        .collectionNameCache=${this.collectionNameCache}\n        @selectedFacetsChanged=${(e: CustomEvent) => {\n          const event = new CustomEvent<SelectedFacets>('facetsChanged', {\n            detail: e.detail,\n            bubbles: true,\n            composed: true,\n          });\n          this.dispatchEvent(event);\n        }}\n      ></facets-template>\n    `;\n  }\n\n  static get styles() {\n    return css`\n      #container.loading {\n        opacity: 0.5;\n      }\n\n      .collapser {\n        display: inline-block;\n        cursor: pointer;\n        width: 10px;\n        height: 10px;\n      }\n\n      .collapser svg {\n        transition: transform 0.2s ease-in-out;\n      }\n\n      .collapser.open svg {\n        transform: rotate(90deg);\n      }\n\n      .facet-group {\n        margin-bottom: 2rem;\n      }\n\n      .facet-group h1 {\n        margin-bottom: 0.7rem;\n      }\n\n      .facet-group.mobile h1 {\n        cursor: pointer;\n      }\n\n      .facet-group-header {\n        display: flex;\n        margin-bottom: 0.7rem;\n        justify-content: space-between;\n        border-bottom: 1px solid rgb(232, 232, 232);\n      }\n\n      .facet-group-content {\n        transition: max-height 0.2s ease-in-out;\n      }\n\n      .facet-group.mobile .facet-group-content {\n        max-height: 0;\n        overflow: hidden;\n      }\n\n      .facet-group.mobile .facet-group-content.open {\n        max-height: 2000px;\n      }\n\n      h1 {\n        font-size: 1.4rem;\n        font-weight: 200\n        padding-bottom: 3px;\n        margin: 0;\n      }\n\n      .more-link {\n        font-size: 1.2rem;\n        text-decoration: none;\n        padding: 0;\n        background: inherit;\n        border: 0;\n        color: blue;\n        cursor: pointer;\n      }\n      .sorting-icon {\n        height: 15px;\n        cursor: pointer;\n      }\n    `;\n  }\n}\n"]}

package/dist/test/collection-browser.test.js

@@ -161,6 +161,21 @@ describe('Collection Browser', () => {
         expect(searchService.searchType).to.equal(SearchType.FULLTEXT);
         expect((_c = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#big-results-label')) === null || _c === void 0 ? void 0 : _c.textContent).to.contains('Results');
     });
+    it('can search on demand if only search type has changed', async () => {
+        const searchService = new MockSearchService();
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .searchType=${SearchType.METADATA}
+      ></collection-browser>`);
+        el.baseQuery = 'collection:foo';
+        await el.updateComplete;
+        el.searchType = SearchType.FULLTEXT;
+        await el.updateComplete;
+        // Haven't performed the search yet
+        expect(searchService.searchType).to.equal(SearchType.METADATA);
+        el.requestSearch();
+        expect(searchService.searchType).to.equal(SearchType.FULLTEXT);
+    });
     it('queries for collection names after a fetch', async () => {
         const searchService = new MockSearchService();
         const collectionNameCache = new MockCollectionNameCache();
@@ -169,7 +184,7 @@ describe('Collection Browser', () => {
         .collectionNameCache=${collectionNameCache}
       >
       </collection-browser>`);
-        el.baseQuery = 'blahblah';
+        el.baseQuery = 'collection:foo';
         await el.updateComplete;
         expect(collectionNameCache.preloadIdentifiersRequested).to.deep.equal([
             'foo',